@media (max-width: 1100px) {
  :root { --shell: min(100% - 40px, 1440px); }
  .desktop-nav { gap: 18px; }
  .hero-title { font-size: clamp(68px, 9vw, 120px); }
  .projects-intro { grid-template-columns: 1fr 3fr; }
  .projects-intro > p:not(.section-label), .projects-direction { grid-column: 2; }
  .project-info { grid-template-columns: 50px 1fr; }
  .project-info dl { grid-column: 2; }
  .studio-image { min-height: 620px; }
}

@media (max-width: 899px) {
  :root { --shell: calc(100vw - 32px); }
  .cursor { display:none; }
  .site-header { height:72px;grid-template-columns:1fr auto;border-bottom-color:rgba(26,28,25,.18)}
  .desktop-nav,.header-cta{display:none}.menu-button{display:block;position:relative}.menu-button[aria-expanded="true"]{color:var(--paper)}.mobile-menu{display:block;position:fixed;inset:0;background:var(--ink);color:var(--paper);z-index:60;clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.7,0,.2,1)}.mobile-menu.is-open{clip-path:inset(0)}.mobile-menu-inner{height:100%;padding:120px 24px 32px;display:flex;flex-direction:column}.mobile-menu a{font-family:var(--serif);font-size:clamp(48px,15vw,76px);line-height:1;border-bottom:1px solid rgba(255,255,255,.18);padding:12px 0}.mobile-menu a span{font-family:var(--sans);font-size:8px;color:#d9724f;margin-right:14px;vertical-align:top}.mobile-menu p{margin-top:auto;font-size:8px;letter-spacing:.18em}
  .hero{padding-top:110px;display:block;min-height:auto}.hero-grid{background-image:linear-gradient(to right,transparent calc(50% - 1px),rgba(26,28,25,.07) 50%,transparent calc(50% + 1px))}.hero-kicker{margin-bottom:36px}.hero-title{font-size:clamp(65px,22vw,112px)}.hero-title-line.italic{margin-left:11%}.hero-copy{margin:38px 0 52px 12%;font-size:13px}.hero-model-shell{height:68svh;min-height:460px}.hero-meta{position:static;padding:18px 0 26px}.hero-meta span:nth-child(2){display:none}
  .statement{min-height:auto;padding:120px 0;grid-template-columns:1fr}.statement-text{font-size:clamp(40px,12vw,68px)}.statement-side{margin-top:35px}
  .blueprint{padding:110px 0}.blueprint-head{grid-template-columns:1fr;gap:22px}.blueprint-head>p:last-child{max-width:420px}.blueprint-stage{aspect-ratio:4/5}.wall-main{width:78%;left:6%;height:50%}.wall-side{right:2%;width:34%}.render-opening{left:27%;width:31%}.render-tree{right:-8%;width:44%}.drawing-layer svg{width:170%;transform:translateX(-19%)}
  .projects{overflow:visible}.projects-track{width:100%;display:block;min-height:0;padding:100px 0}.panel{width:100%;}.projects-intro{min-height:auto;padding:0 16px 80px;display:block}.projects-intro h2{margin-top:50px}.projects-intro>p:not(.section-label){margin-top:36px;max-width:430px}.projects-direction{display:none}.project-card{padding:0 16px 80px;border:0}.project-art{min-height:58svh}.project-info{grid-template-columns:40px 1fr;padding-top:20px}.project-info dl{grid-column:2;grid-template-columns:1fr;gap:10px}.project-info h3{font-size:29px}
  .principles{padding:120px 0}.principles-head{grid-template-columns:1fr;gap:30px;margin-bottom:60px}.principles-layout{grid-template-columns:1fr;gap:35px}.principle-visual{position:relative;top:0;min-height:470px}.principle-list h3{font-size:30px}.principle-list button{opacity:1}
  .process{padding:120px 0;display:block}.process-head{position:relative;top:0}.process-head .section-label{margin-bottom:45px}.process-head>p:last-child{margin:35px 0 70px}.process-list{padding-left:42px}.process-step{grid-template-columns:44px 1fr}.process-step h3{font-size:35px}
  .studio{padding:60px 0 120px;grid-template-columns:1fr;gap:65px}.studio-image{min-height:580px}.studio-copy .section-label{margin-bottom:45px}
  .contact{padding:110px 16px;grid-template-columns:1fr;gap:80px}.contact-copy>.section-label{margin-bottom:45px}.footer{padding-inline:16px}.footer-wordmark{font-size:27vw}.footer-row{display:grid;gap:12px}
}

@media (max-width: 520px) {
  .hero-title{font-size:22.5vw}.hero-model-shell{height:60svh;min-height:420px}.hero-meta span:last-child{display:none}.statement-text{font-size:12.4vw}.blueprint-head h2,.projects-intro h2,.principles-head h2,.process-head h2,.studio-copy h2,.contact-copy h2{font-size:13.4vw}.project-art{min-height:430px}.principle-visual{min-height:390px}.studio-image{min-height:480px}.studio-table::after{box-shadow:320px 0 #493d32}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}
}

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