@media(max-width:1100px){.site-header{grid-template-columns:auto auto;justify-content:space-between}.menu-button{display:flex;gap:.6rem;align-items:center}.site-nav{position:absolute;left:var(--gutter);right:var(--gutter);top:82px;background:var(--paper-2);box-shadow:var(--shadow);padding:1rem;display:none;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav a{min-height:46px;display:flex;align-items:center}.hero-home,.folio-hero{grid-template-columns:1fr}.hero-home__media,.folio-hero__media{grid-row:1}.hero-home__copy{grid-row:2}.hero-home__note,.folio-hero__note{grid-column:1}.hero-home__media img,.folio-hero__media img{height:min(56vh,620px)}.project-index__stage,.material-lab__study{grid-template-columns:1fr}.coordinate-field{grid-template-columns:repeat(3,1fr)}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p:last-child{grid-column:2}.site-footer{grid-template-columns:1fr 1fr}.site-footer__notice{border-left:0;padding-left:0}.material-rules ol{grid-template-columns:repeat(3,1fr)}.element-map{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px}.element-map:before{display:none}.element-map__center,.element-map article{position:static;transform:none;width:auto}.element-map__center{grid-column:1/-1;padding:3rem}.contact-guided{grid-template-columns:1fr 1fr}.contact-guided>div:first-child{grid-column:1/-1}.contact-guided__result{border-left:0;border-top:1px solid var(--line);padding:2rem 0}.question-band{grid-template-columns:1fr 2fr}.question-band__list{grid-column:2}.project-index{grid-template-columns:220px 1fr}.tool-boundary dl{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.hero-home__copy h1{max-width:10ch}.hero-home__copy h1 em{transform:none}.time-switcher{right:calc(var(--gutter) + 12px);bottom:calc(50% + 50px)}.hero-home__note{margin-left:0}.yard-composer__answer{width:36%}.aerial-story{grid-template-columns:1.25fr .9fr}.aerial-story__image{clip-path:ellipse(82% 68% at 27% 50%)}.material-spread__detail{left:38%;width:42vw}}
@media(max-width:700px){:root{--section:78px}.design-strip{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:.2rem .7rem}.design-strip span{width:100%}.site-header{min-height:72px;width:calc(100% - 24px);margin-top:10px;padding:0 18px}.brand span{font-size:1.65rem}.brand small{display:none}.site-nav{top:76px;left:0;right:0;border-radius:24px}.hero-home,.folio-hero{padding-top:28px;min-height:0}.hero-home{display:flex;flex-direction:column;align-items:stretch}.hero-home__media{order:1;width:calc(100% + 12px);margin-left:-6px;border-radius:46px 18px 54px 20px}.hero-home__copy{order:2;padding:34px 0 0}.hero-home__note{order:3;width:92%;margin:-10px 0 0 auto;transform:none}.time-switcher{order:4;position:static;margin:20px 0 0;align-self:flex-start;max-width:100%;overflow:auto}.time-switcher>span{display:none}.hero-home__scroll{display:none}.hero-home__media img,.folio-hero__media img{height:48vh;min-height:350px}.hero-home__media figcaption{left:18px;right:18px}.hero-home__media figcaption span{display:block}.hero-home__media figcaption span+span{margin-top:.25rem}.hero-home__copy h1,.folio-hero__copy h1{font-size:clamp(3.2rem,15vw,5.8rem);line-height:.96}.hero-home__copy h1 em{display:inline;color:var(--water-2)}.question-band,.section-intro,.section-intro--narrow,.study-notes,.annotation-scene,.renovation-note,.element-questions,.contact-guided{grid-template-columns:1fr}.question-band{min-height:72vh!important}.question-band h2,.question-band__list,.section-intro h2,.section-intro>p:last-child,.section-intro--narrow h2,.element-questions details{grid-column:1}.aerial-story{min-height:0;display:block;padding-bottom:80px}.aerial-story__image{height:64vh;min-height:480px;clip-path:ellipse(92% 70% at 50% 30%)}.aerial-story__copy{padding:25px 20px 0}.aerial-story__copy h2{font-size:3.4rem}.aerial-story__markers{display:none}.aerial-story__lens{overflow:auto}.whole-yard{clip-path:ellipse(135% 100% at 50% 100%)}.yard-composer{height:740px;min-height:0;border-radius:45px}.yard-composer:before{inset:13% 5%}.yard-composer:after{inset:26% 13%}.yard-composer__water{inset:28% 13%;}.yard-composer__center{top:49%}.yard-point{font-size:.62rem;padding:.55rem .72rem}.yard-point--view{left:5%;top:10%}.yard-point--use{right:5%;top:16%}.yard-point--shade{right:2%;top:39%}.yard-point--material{right:5%;bottom:16%}.yard-point--water{left:6%;bottom:20%}.yard-point--planting{left:2%;top:40%}.yard-composer__answer{left:7%;right:7%;bottom:4%;width:auto}.coordinate-field{grid-template-columns:1fr 1fr}.coordinate-field article{min-height:210px}.project-index{display:block;padding-left:20px;padding-right:20px;margin:0;clip-path:polygon(0 2%,14% 0,35% 2%,58% 0,78% 2%,100% 0,100% 98%,78% 100%,54% 98%,31% 100%,9% 98%,0 100%)}.project-index__rail{border-right:0;padding:0 0 2rem;display:flex;gap:.6rem;overflow:auto}.project-index__rail .eyebrow{position:absolute;left:-9999px}.project-index__button{min-width:180px;border:1px solid rgba(255,255,255,.35)!important;padding:.8rem;border-radius:999px}.project-index__stage{display:flex;flex-direction:column}.project-index__media{order:-1}.ledger-list li{grid-template-columns:1fr;padding-left:90px}.ledger-list li:before{left:22px;width:48px;height:48px}.ledger-list li:not(:last-child):after{left:46px}.ledger-list li:nth-child(even){margin-left:0}.material-spread{display:block!important;min-height:0}.material-spread__primary{min-height:62vh;clip-path:ellipse(105% 70% at 50% 29%)}.material-spread__detail{position:relative;left:auto;bottom:auto;width:72%;margin:-20vh 4% 0 auto;transform:rotate(3deg)}.material-spread__copy{padding:50px 20px 100px}.material-spread__copy h2{font-size:3.4rem}.night-story{min-height:90vh}.night-story__copy{padding:100px 20px}.night-story__copy h2{font-size:3.6rem}.night-story__caption{right:20px;bottom:20px;max-width:55%;text-align:right}.process-score ol,.milestone-line ol{grid-template-columns:1fr 1fr}.material-lab{grid-template-columns:1fr;margin:0 8px}.material-lab__index{display:flex;gap:.6rem;overflow:auto}.material-lab__index button{min-width:190px;border:1px solid rgba(255,255,255,.35);border-radius:999px}.material-rules ol,.condition-grid,.company-roster,.boundary-ledger,.policy-stack{grid-template-columns:1fr}.condition-grid article:nth-child(3n+2){border-left:0;border-right:0}.element-map{grid-template-columns:1fr}.element-map__center{grid-column:1}.choice-grid,.site-footer{grid-template-columns:1fr}.tool-boundary dl{grid-template-columns:1fr}.site-footer__credit{grid-column:1}.folio-hero__note{grid-column:1}.material-lab__study{display:flex;flex-direction:column}.material-lab__study img{order:-1}.contact-guided__choices{grid-template-columns:1fr}.contact-guided>div:first-child{grid-column:1}.site-footer{border-radius:38px 38px 0 0}.site-footer__brand span{font-size:3.2rem}}
@media(max-width:420px){.coordinate-field,.process-score ol,.milestone-line ol{grid-template-columns:1fr}.button-row .button{width:100%}.hero-home__media figcaption{display:block}.project-index__button{min-width:160px}.choice-grid{grid-template-columns:1fr}}