/* Performance and responsive sizing pass. Keep the atmosphere, skip expensive continuous painting. */
.site-noise,.cursor-glow,.motion-atmosphere,.floating-seal{display:none!important}
body:after{position:absolute;animation:none!important;opacity:.1}
body.scrolled #header{background:#08050cf2;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero:after,.hero-orbit,.statement:before{animation:none!important}
.hero-lab{transform:none;transition:none}
.lab-window,.service-cloud span,.visual-chip,.contact-page form{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.statement-glow{filter:none!important;background:radial-gradient(circle,#9b5cff32 0,transparent 68%)}
.reveal{filter:none;transform:translateY(22px);transition:opacity .48s ease,transform .55s cubic-bezier(.2,.75,.15,1)}
.reveal.visible{transform:none}
.project-art{transform:perspective(1100px) rotateX(1deg);transition:transform .35s ease,box-shadow .4s ease}
.project-card:hover .project-art{transform:perspective(1100px) rotateX(0) translateY(-5px)}
.hero,.page-hero,.contact-page,.intro,.services-home,.work-home,.statement,.process,.contact-band,.service-chapter,.work-index,.about-story,.beliefs,.studio-working,.studio-faq,.case-showcase,.case-story{overflow:clip}
.intro,.statement,.process,.contact-band,.service-chapter,.about-story,.beliefs,.studio-working,.studio-faq,.case-showcase{content-visibility:auto;contain-intrinsic-size:1px 850px}
.project-art,.chapter-visual,.process-grid article,.belief-grid article,.case-exhibit{contain:layout paint}
.service-sticky,.filters{scrollbar-width:none;-ms-overflow-style:none}
.service-sticky::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}

/* Stable dimensions prevent viewport-height jumps and oversized compositions. */
.hero{height:auto;min-height:clamp(740px,100svh,940px);max-height:none;padding-bottom:70px}
.hero-grid{height:auto;min-height:calc(clamp(740px,100svh,940px) - 160px)}
.hero h1{font-size:clamp(86px,9vw,150px);line-height:.78}
.hero-lab{height:clamp(470px,47vw,580px)}
.page-hero{min-height:clamp(640px,86svh,780px);padding-block:clamp(150px,18vh,195px) clamp(75px,10vh,95px)}
.page-hero h1,.contact-copy h1{font-size:clamp(78px,9vw,142px)}
.service-chapter{min-height:0;padding-block:clamp(80px,9vw,125px)}
.chapter-visual{height:clamp(390px,43vw,570px)}
.project-ribbon .project-art{height:auto;aspect-ratio:4/5}
.work-grid .project-art{height:auto;aspect-ratio:5/4}
.contact-page{min-height:0;padding-block:clamp(145px,15vw,190px) clamp(90px,10vw,130px)}
.case-exhibit{height:auto;aspect-ratio:16/9;min-height:520px}

@media (hover:none),(pointer:coarse){
  .brand-symbol,.project-art,.chapter-visual,.service-row,.button,.process-grid article,.belief-grid article{transition-duration:.18s!important}
  .project-card:hover .project-art,.chapter-visual:hover,.service-chapter:nth-child(even) .chapter-visual:hover{transform:none!important}
}

@media(max-width:800px){
  body:after{display:none}
  body.menu-open #header{background:#09060d}
  #main-nav{top:76px;z-index:1}
  .menu-toggle{position:fixed;top:28px;right:16px;z-index:1000}
  .hero{min-height:auto;padding:112px 0 62px}
  .hero-grid{min-height:0}
  .hero h1{font-size:clamp(68px,17vw,108px)}
  .hero-lab{height:clamp(340px,68vw,460px);margin-top:38px}
  .hero-foot{position:static;transform:none;margin-top:32px}
  .page-hero{min-height:620px;padding:135px 0 78px}
  .page-hero h1{font-size:clamp(66px,13vw,102px)}
  .service-chapter{padding-block:78px}
  .chapter-visual{height:clamp(350px,65vw,470px)}
  .project-ribbon .project-art,.work-grid .project-art{height:auto;aspect-ratio:4/5}
  .case-exhibit{min-height:500px;aspect-ratio:auto}
  .contact-page{padding-block:125px 82px}
}

@media(max-width:540px){
  .hero{padding-top:105px}
  .hero h1{font-size:clamp(60px,18.5vw,90px)}
  .hero-lab{height:340px;margin-top:26px}
  .hero-foot{margin-top:26px}
  .page-hero{min-height:570px;padding-top:118px}
  .page-hero h1{font-size:clamp(56px,14.2vw,78px)}
  .service-cloud{display:none}
  .service-chapter{padding-block:64px}
  .chapter-visual{height:310px}
  .project-ribbon .project-art,.work-grid .project-art{aspect-ratio:4/5}
  .contact-copy h1{font-size:clamp(54px,14vw,76px)}
  .contact-page form{padding:26px 20px;box-shadow:8px 8px 0 #a05cff1f}
  .case-exhibit{min-height:440px}
  .footer-grid>*{min-width:0}
  .footer-brand h2{font-size:clamp(40px,13.5vw,54px);overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}