@media(max-width:1100px){
  .site-header{grid-template-columns:1fr auto}.desktop-nav,.utility-nav{display:none}.menu-toggle{display:block}
  .hero{grid-template-columns:repeat(8,1fr);min-height:auto}.hero-copy{grid-column:1/6}.hero-preview{grid-column:5/9;grid-row:3}.hero-index{grid-column:1/4;grid-row:3}.hero-ledger{grid-column:1/9;grid-row:4}
  .work-feature{grid-template-columns:repeat(8,1fr);min-height:auto}.work-feature .work-no{grid-column:1}.work-media{grid-column:1/6}.work-copy{grid-column:6/9}.work-feature:nth-child(even) .work-copy{grid-column:1/4}.work-feature:nth-child(even) .work-media{grid-column:4/9}
  .practice-grid{grid-template-columns:1fr}.practice-grid article{border-right:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark)}
  .page-mast{grid-template-columns:repeat(8,1fr)}.page-mast h1{grid-column:1/4}.page-mast>p{grid-column:5/9}
  .works-list article{grid-template-columns:42px minmax(180px,2.5fr) minmax(260px,4fr)}.works-list .thumb{grid-column:2/4;margin-top:12px}
  .project-hero-inner{grid-template-columns:repeat(8,1fr)}.project-copy{grid-column:1/5}.project-hero-media{grid-column:5/9}
  .atlas-desktop{grid-template-columns:2.5fr 5.5fr 2.5fr}.project-context{grid-template-columns:2fr 4fr 2fr}.project-context .context-copy{grid-column:2/6}.project-context aside{grid-column:6/9}
  .practice-module{grid-template-columns:2fr 4fr 2fr}.practice-module header{grid-column:1/3}.practice-module .reading{grid-column:3/7}.practice-module figure{grid-column:7/9}
  .about-layout{grid-template-columns:repeat(8,1fr)}.about-copy{grid-column:1/6}.about-ledger{grid-column:6/9}.about-actions{grid-column:1/6}
}

@media(max-width:760px){
  :root{--header-h:60px;--page-pad:18px}
  html{scroll-padding-top:calc(var(--header-h) + 14px)}
  [id]{scroll-margin-top:calc(var(--header-h) + 14px)}
  .site-header{position:sticky;top:0;backdrop-filter:blur(10px);padding-left:var(--page-pad);padding-right:var(--page-pad)}
  .wordmark{gap:2px;padding:8px 0}.wordmark span{font-size:15px}.wordmark small{display:block;font-size:7px;letter-spacing:.08em}
  .menu-dialog{background:rgba(9,10,9,.76)}.menu-shell{min-height:100dvh}.menu-head{min-height:var(--header-h)}.menu-head strong{font-size:16px}
  .menu-body{grid-template-columns:1fr;padding:28px var(--page-pad) 34px;gap:28px}.menu-primary a{min-height:64px;font-size:29px;grid-template-columns:34px 1fr auto}.menu-primary small{font-size:8px}.menu-utility{grid-template-columns:1fr 1fr}.menu-utility a{min-height:54px;padding:0 10px;font-size:9px}.menu-foot{display:grid;gap:5px;padding-top:15px;padding-bottom:15px}.menu-foot span{display:block}
  .action-group{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.action-link{width:100%;min-width:0;min-height:50px}
  .site-footer{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:40px}.footer-meta{text-align:left}.footer-meta p{margin-left:0}.site-footer nav{grid-template-columns:1fr 1fr}
  .hero{display:flex;flex-direction:column;gap:26px;padding-top:28px}.hero-copy{order:1}.hero-preview{order:3;width:100%;aspect-ratio:4/3}.hero-index{order:2;width:100%}.hero-ledger{order:4;width:100%}.hero-copy h1{font-size:46px}.hero-deck{font-size:20px}.hero-intro{font-size:15.5px;line-height:1.65}.hero-index a{grid-template-columns:30px 1fr auto}.hero-ledger{font-size:8px}
  .section-lead{display:block;padding:58px var(--page-pad)}.section-lead .section-no{margin-bottom:30px}.section-lead h2{font-size:36px}.section-lead p{font-size:17.5px}
  .work-feature,.work-feature:nth-child(even){display:flex;flex-direction:column;padding:52px var(--page-pad);align-items:stretch}.work-feature .work-no{order:0}.work-media,.work-feature:nth-child(even) .work-media{order:1;width:100%;aspect-ratio:4/3}.work-copy,.work-feature:nth-child(even) .work-copy{order:2}.work-copy h2{font-size:41px}.work-copy p{font-size:15.5px}
  .practice-grid{display:block}.practice-grid article{padding:24px 22px 30px}.practice-grid h3{font-size:27px}.about-strip{display:block;padding:60px var(--page-pad)}.about-strip>div:first-child{margin-bottom:28px}.about-strip h2{font-size:36px}
  .page-mast{display:block;min-height:auto;padding:34px var(--page-pad) 38px}.page-mast h1{font-size:34px}.page-mast>p{margin-top:18px;font-size:16.5px}.compact-mast{padding-bottom:34px}
  .works-list{padding-top:0}.works-list article{display:grid;grid-template-columns:34px 1fr;gap:12px 16px;padding:28px 0}.works-list article>div:nth-child(3){grid-column:2}.works-list .thumb{grid-column:1/3;margin-top:8px;aspect-ratio:4/3}
  .project-hero{padding-top:28px}.project-hero-inner{display:block}.project-copy h1{margin-top:18px;font-size:42px}.project-copy .lead{font-size:17.5px}.project-hero-media{margin-top:36px;aspect-ratio:4/3}.encounter{display:block;padding:54px var(--page-pad)}.encounter>span{display:block;margin-bottom:30px}.encounter article{border-left:0;border-top:1px solid var(--ink);padding:22px 0}.encounter article:last-child{border-bottom:1px solid var(--ink)}
  .state-atlas{padding:54px var(--page-pad)}.atlas-head{display:block;margin-bottom:24px}.atlas-head h2{font-size:36px;margin:22px 0 14px}.atlas-head p{font-size:14.5px;line-height:1.65}.atlas-desktop{display:none}.atlas-mobile{display:block}.mobile-state{padding-top:20px;padding-bottom:26px}.mobile-state h3{font-size:25px}.mobile-state p{padding-left:0;font-size:13.5px}.mobile-state .mobile-visual{margin-bottom:14px}
  .project-context{display:block;padding:60px var(--page-pad)}.project-context .context-copy{margin:32px 0 46px}.project-context .context-copy h2{font-size:36px}.project-context .context-copy h3{font-size:25px;margin-top:34px}.project-context .context-copy p{font-size:16px}.project-source{padding:54px var(--page-pad)}.project-source-inner{display:block}.project-source h2{font-size:32px;margin-bottom:32px}
  .practice-intro{display:block;padding:54px var(--page-pad)}.practice-intro .practice-index{margin-bottom:34px;grid-template-columns:32px 1fr}.practice-index span,.practice-index a{padding:12px 0}.practice-index a{font-size:14px}.practice-intro .reading{font-size:17.5px}.practice-module{display:block;padding:52px var(--page-pad)}.practice-module header{margin-bottom:30px}.practice-module header h2{font-size:36px}.practice-module figure{margin-top:30px}
  .about-layout{display:block;padding:50px var(--page-pad) 64px}.about-copy p{font-size:16.5px}.about-ledger{margin-top:42px}.about-actions{margin-top:32px}
  .contact-layout{display:block;padding:48px var(--page-pad) 78px}.contact-layout-simple .contact-list{grid-column:auto}.contact-row{grid-template-columns:1fr 28px;gap:7px 12px;min-height:auto;padding:20px 0}.contact-row .label{grid-column:1}.contact-row .value{grid-column:1;font-size:clamp(20px,6vw,26px)}.contact-row:not(.primary) .value{font-size:19px}.contact-row .arrow{grid-column:2;grid-row:1/3;align-self:center}
  
}

@media(max-width:380px){
  .menu-primary a{font-size:27px}.menu-utility{grid-template-columns:1fr}.menu-utility a:nth-child(odd){border-right:0}.hero-copy h1{font-size:42px}.site-footer nav{grid-template-columns:1fr}.work-copy h2{font-size:38px}.project-copy h1{font-size:41px}.wordmark span{font-size:14px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-frame,.action-link,.contact-row .value{transition:none!important}.action-link:hover,.action-link:focus-visible{transform:none}}