@media(max-width:1100px){
  :root{--nav-h:4.8rem}
  
  .hero-intro{width:min(27rem,38vw)}
  
  .hero-sculpture{width:34vw}
  .menu-grid{grid-template-columns:1fr .75fr;gap:2rem}
  
  
  .footer-grid{grid-template-columns:1.3fr repeat(3,1fr)}
}
@media(max-width:850px){
  :root{--section:clamp(4.8rem,13vw,8rem)}
  .grid-12{grid-template-columns:1fr}
  .span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:1}
  .nav-inner{grid-template-columns:1fr auto}
  
  .menu-grid{grid-template-columns:1fr;align-items:center;gap:2.2rem;padding-top:3rem;overflow:auto}
  .menu-primary a{font-size:clamp(2.65rem,10vw,5rem)}
  .menu-services{grid-template-columns:1fr 1fr}
  .menu-bottom{display:none}
  .hero--collage{min-height:900px}
  .hero-collage-inner{min-height:calc(900px - var(--nav-h))}
  .hero-wordmark{top:48%}
  .hero-wordmark-track>span{font-size:clamp(8.5rem,20vw,12rem)}
  .hero-coordinates{display:none}
  
  
  
  
  
  .hero-sculpture{top:48%;width:42vw;height:61vw}
  
  .hero-seal{left:3.5%;top:44%;width:18vw}
  
  .hero-doodle{left:4%;bottom:11%;width:14vw}
  
  
  .hero-intro{left:1.5rem;bottom:1rem;width:min(30rem,54vw)}
  .page-intro-grid,.service-overview,.contact-layout,.legal-layout{grid-template-columns:1fr}
  .sticky-aside,.contact-sidebar,.toc{position:static}
  
  
  
  
  
  .client-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-facts{grid-template-columns:1fr 1fr}
  .modal-copy{grid-template-columns:1fr}
  
  
  
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  
  .deliverables{grid-template-columns:1fr}
  .page-hero{min-height:65svh}
}
@media(max-width:580px){
  :root{--gutter:1rem;--nav-h:4.5rem}
  .brand,.menu-logo{width:6.5rem}
  .menu-toggle,.menu-close{width:2.9rem;height:2.9rem}
  .menu-services{grid-template-columns:1fr}
  .menu-services li:nth-child(n/**/+7){display:none}
  .hero--collage{min-height:820px}
  .hero-collage-inner{min-height:calc(820px - var(--nav-h))}
  .hero-topline{inset:.7rem .65rem auto}
  .hero-quicklinks{gap:.28rem}
  .hero-quicklinks a{min-height:1.9rem;padding:.38rem .54rem;font-size:.54rem}
  .hero-wordmark{top:45%}
  .hero-wordmark-track>span{font-size:clamp(7rem,28vw,9.5rem);font-weight:500}
  
  
  
  
  
  
  .hero-sculpture{top:44%;width:68vw;height:101vw}
  
  .hero-seal{left:1%;top:47%;width:31vw}
  .hero-seal .hero-float-inner{padding:.65rem}
  .hero-seal span{font-size:.43rem}
  .hero-seal strong{font-size:.76rem}
  
  .hero-doodle{left:1%;bottom:21%;width:25vw}
  
  
  
  
  
  .hero-intro{left:1rem;right:1rem;bottom:1rem;width:auto;grid-template-columns:1fr;gap:.6rem;padding:.8rem;background:rgba(244,241,234,.9);border:1px solid rgba(17,17,15,.12);backdrop-filter:blur(8px)}
  .hero-intro p{font-size:.72rem}
  .hero-intro-actions{display:flex;justify-content:space-between;gap:.8rem}
  .hero-scroll{display:none}
  .display{font-size:clamp(4rem,22vw,7rem)}
  .statement{font-size:clamp(2.4rem,12vw,4rem)}
  
  
  
  .client-roster{grid-template-columns:1fr}
  .client-roster li{min-height:5.4rem}
  
  
  .modal-facts{grid-template-columns:1fr}
  
  
  
  
  .quote{grid-template-columns:1fr}
  
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1rem}
  .footer-brand{grid-column:1/-1}
  .big-cta-arrow{position:static;margin-top:2rem}
  .form-grid{grid-template-columns:1fr}
  .form-field--full{grid-column:1}
  
  
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .stat:last-child{border-bottom:0}
}
@media(pointer:coarse){
  .cursor-dot{display:none}
  
}


@media(max-width:1100px){
  .next-title{grid-column:1/-1}
  
}
@media(max-width:850px){
  
  
  
  
  
  .next-title{grid-column:1/-1;align-self:center}
  .next-title em{margin-left:12%}
  
  
  
  .next-lab-grid{grid-template-columns:1fr}
  
  
  
  
  
  
}
@media(max-width:580px){
  
  
  
  
  
  
  .next-title{font-size:clamp(5.4rem,27vw,8.5rem)}
  
  
  
  
  
  
  
  
  
}

/* 2026-08-09 — seven-item menu + full capability navigation */
@media(max-width:64rem){
  .menu-primary a{font-size:clamp(2.4rem,8vw,4.4rem);line-height:.9}
  .menu-services{grid-template-columns:1fr 1fr}
  .menu-services a{min-height:3.05rem;padding:.62rem .72rem;font-size:.84rem}
}
@media(max-width:40rem){
  .menu-grid{gap:1.35rem;padding-top:1.5rem}
  .menu-primary{gap:0}
  .menu-primary a{font-size:clamp(2.05rem,10.2vw,3.5rem);line-height:.88}
  .menu-services{grid-template-columns:1fr 1fr;gap:.4rem}
  .menu-services li:nth-child(n/**/+7){display:list-item}
  .menu-services-title{margin-bottom:.55rem}
  .menu-services a{min-height:2.7rem;padding:.5rem .58rem;font-size:.75rem;border-radius:.72rem}
}