@media(min-width:1600px){.hero-machine{right:6vw;transform:scale(1.1);top:180px}.hero-copy{padding-top:12vh}.hero h1{font-size:84px}}
@media(max-width:1200px){.header{gap:25px}.header nav{gap:20px}.header-cta{display:none}.hero-machine{right:-145px;opacity:.8;transform:scale(.9)}.hero h1{font-size:60px}.hero-copy{max-width:680px}.story-visual{right:-12%;opacity:.75}.tease-inner{padding:35px}.dashboard-body{grid-template-columns:70px 1fr;gap:15px;padding:20px}.mini-art{width:220px;height:220px;right:25px;top:165px}.footer-bottom{grid-template-columns:1fr 1fr}.hero-meta span:last-child{display:none}}
@media(max-width:900px){.hero{min-height:880px;height:auto}.hero-copy{padding-top:60px}.hero h1{font-size:58px}.hero-machine{top:350px;right:-25px;transform:scale(.65);transform-origin:top right;opacity:.8}.hero-copy>p:not(.eyebrow){max-width:240px;margin-top:25px}.hero-actions{position:relative;z-index:3;margin-top:260px}.hero-bottom>span:nth-child(2){display:none}.hero .label-b{display:none}.split{gap:45px}.section{padding-block:85px}.cap-layout{gap:7%}.cap-detail h3{font-size:30px}.tease-inner{gap:25px;min-height:380px}.architecture-art{height:280px}.dashboard{transform:none}.dashboard-body{grid-template-columns:1fr}.dashboard-body aside{display:none}.design-board{min-height:280px}.type-sample{font-size:120px;padding:25px}.brand-sample b{font-size:85px}.brand-sample{padding:20px}.principle{grid-template-columns:35px 1fr 1fr;gap:20px}.principle h3{font-size:26px}.principle p{font-size:14px}.contact-layout{gap:7%;grid-template-columns:1fr 1.5fr}.contact-layout aside h2{font-size:27px}.about-statement{gap:40px}.case-facts{grid-template-columns:1fr 1fr}.project-cover{min-height:400px}.service-row{gap:35px;grid-template-columns:1fr 2fr}.architecture-stack>div{grid-template-columns:40px 1fr 1.2fr 20px}.architecture-stack p{font-size:14px}}
@media(max-width:700px){:root{--pad:24px}.header{height:72px}.header.scrolled{height:64px}.wordmark{font-size:26px}.header nav{position:fixed;inset:0;background:#141710;padding:115px 30px 45px;display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;margin:0;overflow:auto}.header nav.open{display:flex}.header nav a{font-size:38px;letter-spacing:-.045em;color:var(--ink)}.header>.wordmark{position:relative;z-index:2}.menu-toggle{display:block;margin-left:auto;width:44px;height:44px;position:relative;z-index:2}.menu-toggle span{display:block;height:1px;width:25px;background:var(--ink);margin:7px auto;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:102px;min-height:900px}.hero-meta{font-size:8px;letter-spacing:.08em}.hero-copy{padding-top:48px}.hero h1{font-size:clamp(38px,8.7vw,60px);letter-spacing:-.05em;line-height:1.1}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:300px}.hero-machine{top:395px;right:calc(50% - 190px);transform:scale(.59);height:600px;opacity:1}.hero-machine .label-a,.hero-machine .label-c{font-size:13px}.hero-machine .label-c{bottom:45px}.hero-actions{margin-top:360px;gap:8px}.hero-actions .button{padding:14px 16px;font-size:12px;gap:15px;flex:1}.hero-bottom{bottom:25px;font-size:8px;letter-spacing:.07em;padding-top:16px}.hero-bottom .system-status{font-size:8px}.story{height:230vh}.story-sticky{min-height:650px;padding:100px 24px 30px}.story-top .eyebrow{font-size:9px}.story-top .mono{font-size:10px}.story-visual{transform:scale(.5);transform-origin:top right;right:calc(50% - 170px);top:165px}.story-copy{margin-top:0;max-width:100%;padding-top:250px}.story-copy .eyebrow{font-size:9px;margin-bottom:15px}.story-copy h2{font-size:44px;max-width:90%}.story-copy>p:last-child{font-size:15px;margin-top:15px}.story-beats{display:none}.manifesto h2{font-size:42px}.manifesto-bottom{gap:30px;margin-top:40px;align-items:flex-start}.asterisk{font-size:50px}.manifesto-bottom p{font-size:14px}.section{padding-block:70px}.section-heading{margin-bottom:40px}.eyebrow{font-size:10px;margin-bottom:24px}h2{font-size:40px}.cap-layout,.split,.mobile-section,.contact-layout,.about-statement{grid-template-columns:1fr}.cap-list{margin-bottom:30px}.cap-button{padding-block:17px;font-size:22px}.cap-detail{border-left:1px solid var(--line);padding:0 0 0 25px;max-width:none}.cap-detail h3{font-size:30px}.system-glyph{float:right;width:80px;height:80px;margin:20px 10px 30px 30px}.system-glyph span{font-size:32px}.cap-detail>p{font-size:14px}.cap-detail .eyebrow{margin-top:0}.section-heading.split{gap:25px}.section-heading.split>p{font-size:14px}.tease-inner{grid-template-columns:1fr;padding:30px;gap:25px}.tease-inner h3{font-size:70px}.tease-inner .mono{font-size:9px}.architecture-art{height:220px}.preview-chrome{padding:14px;font-size:8px;letter-spacing:.05em}.showroom-preview .preview-chrome>span:last-child{max-width:140px;text-align:right}.assembly-window{width:100%}.assembled-page{padding:20px;min-height:390px}.mini-nav{font-size:8px}.mini-nav b{font-size:20px}.mini-content{padding-top:30px}.mini-content h3{font-size:45px}.mini-content .mono{font-size:8px}.mini-art{width:150px;height:150px;right:-30px;top:240px}.mini-action{font-size:10px}.assembly-steps{gap:12px 20px;font-size:9px}.dashboard{max-width:470px;width:100%;margin:auto}.dashboard-body{grid-template-columns:70px 1fr;padding:22px}.dashboard-body aside{display:block}.dashboard h3{font-size:25px}.dashboard-stats{gap:35px}.mobile-section{gap:60px}.mobile-section>div:last-child{grid-row:1}.phone{transform:rotate(-5deg);width:255px}.phone-scene{padding-block:25px}.mobile-section{min-height:0}.architecture-stack>div{grid-template-columns:25px 1fr 20px;gap:15px;padding-block:22px}.architecture-stack p{grid-column:2;grid-row:2}.architecture-stack b{grid-column:3;grid-row:1}.architecture-stack h3{font-size:27px}.search-visual{padding:22px}.large-copy{font-size:26px}.design-board{grid-template-columns:1fr 1fr;min-height:0;margin-top:40px}.type-sample{font-size:110px;min-height:230px}.brand-sample b{font-size:90px}.brand-sample span{font-size:8px}.palette-sample{grid-column:1/-1;height:150px;padding-bottom:40px}.palette-sample p{bottom:13px}.process-line{grid-template-columns:1fr 1fr;margin-top:40px}.process-line a{padding:24px 18px}.process-line h3{font-size:23px;margin-top:35px}.principle{grid-template-columns:25px 1fr;padding-block:25px;gap:12px 15px}.principle p{grid-column:2;font-size:14px}.principle h3{font-size:28px}.footer-top{padding-bottom:50px}.footer-title{font-size:57px}.footer-bottom{grid-template-columns:1fr 1fr;padding-bottom:40px;gap:35px 20px}.footer-bottom>p:first-of-type{font-size:13px}.colophon{gap:15px;font-size:9px;flex-wrap:wrap}.colophon>span:nth-child(2){order:3;width:100%}.page-intro{padding-top:125px;padding-bottom:55px}h1{font-size:58px}.intro-copy{font-size:17px;margin-top:25px}.case-top{gap:15px}.case-top .eyebrow{font-size:9px}.case-top .text-link{font-size:12px}.project-cover{padding:25px;min-height:320px}.project-cover .mono{font-size:9px}.project-cover h2{font-size:39px}.project-cover p{font-size:14px}.project-cover .cover-label{font-size:8px;left:25px;right:25px}.case-summary{grid-template-columns:1fr;gap:20px}.case-summary h3{font-size:30px}.case-facts{gap:25px}.case-facts h4{font-size:11px}.case-facts p{font-size:13px}.case-study{padding-bottom:60px}.service-row{grid-template-columns:1fr;gap:10px;padding-block:45px}.service-row>.eyebrow{margin-bottom:12px}.service-row h2{font-size:36px}.service-row p{font-size:15px}.service-uses{gap:8px}.service-uses span{font-size:11px}.technology-row{grid-template-columns:1fr;gap:15px}.technology-row p{font-size:14px}.process-stage{grid-template-columns:60px 1fr;gap:20px;padding-block:50px}.stage-number{font-size:65px}.process-stage h2{font-size:32px}.process-stage p{font-size:14px}.process-stage .eyebrow{font-size:10px}.stage-output{padding-left:15px}.stage-output .mono{font-size:10px}.process-index{gap:8px;padding-bottom:35px}.process-index a{font-size:11px}.about-statement{gap:45px;padding-top:0}.about-monogram{font-size:190px}.about-statement h2{font-size:38px}.contact-layout{gap:50px}.contact-layout aside .mono{margin-top:25px}.contact-layout aside p{font-size:14px}.contact-layout aside h2{font-size:31px}.form-grid{gap:22px}.project-types{gap:8px}.project-types span{font-size:12px;padding:10px 12px}.form-grid label,.full-label{font-size:13px}.form-grid input,.full-label select,.full-label textarea{font-size:16px}.privacy h2{font-size:27px}.privacy p{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:34px}.hero-actions .button{font-size:11px;padding-inline:12px}.form-grid{grid-template-columns:1fr}.footer-title{font-size:48px}.hero-machine{transform:scale(.5);right:calc(50% - 160px)}.hero-actions{margin-top:310px}.hero{min-height:860px}}
@media(prefers-reduced-motion:reduce){.story .story-beats{display:grid;grid-template-columns:1fr 1fr;gap:15px;list-style:decimal}.story .story-copy{padding-top:0;max-width:100%}.story .story-sticky{height:auto;min-height:0}.reveal-ready{opacity:1!important;transform:none!important}}