@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f3ef;--ink:#1e211d;--muted:#74766f;--line:#d9dbd3;--accent:#c8f169;--accent-ink:#1e211d;--pad:clamp(22px,6vw,90px);--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:12px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.monogram{background:var(--ink);color:var(--accent);height:27px;width:27px;border-radius:50%;display:grid;place-items:center;font:10px var(--mono)}.site-nav{display:flex;gap:27px;align-items:center;font-size:11px;color:#5e6059}.site-nav a{transition:color .2s}.site-nav a:hover{color:var(--ink)}.back-link:before{content:'←';margin-right:7px;color:var(--muted)}
.hero{padding-block:clamp(52px,8vw,112px) 85px;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(35px,7vw,110px)}.kicker{font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.kicker:before{content:'';width:23px;height:1px;background:currentColor}.hero h1{font-size:clamp(50px,7.5vw,105px);line-height:.93;letter-spacing:-.085em;font-weight:500;margin:27px 0 22px;max-width:700px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.hero-intro{max-width:500px;color:#66685f;font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:15px;padding:13px 16px;background:var(--ink);color:var(--paper);font-size:10px;transition:gap .2s}.button:hover{gap:23px}.button b{color:var(--accent);font-weight:500;font-size:17px}.text-link{font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hero-visual{position:relative;background:#e2e3db;padding:12px;margin:0}.hero-visual img{width:100%;height:clamp(300px,42vw,565px);object-fit:cover;display:block}.visual-tag{position:absolute;bottom:23px;left:23px;background:var(--paper);padding:8px 10px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.04em}.visual-caveat{font:9px var(--mono);color:var(--muted);line-height:1.65;margin:12px 0 0}
.fact-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:22px}.fact{padding:4px 24px;border-right:1px solid var(--line)}.fact:first-child{padding-left:0}.fact:last-child{border:0}.fact strong{display:block;font-size:21px;letter-spacing:-.06em;font-weight:600}.fact span{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:6px}
.content-section{padding-block:clamp(72px,10vw,132px);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;margin-bottom:38px}.section-index{font:10px var(--mono);color:var(--muted);padding-top:12px}.section-head h2{font-size:clamp(32px,4.7vw,61px);line-height:1;letter-spacing:-.075em;font-weight:500;margin:0;max-width:820px}.story-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.story-aside{font:10px var(--mono);line-height:1.8;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.story-copy{max-width:780px;font-size:clamp(16px,2vw,22px);line-height:1.75;letter-spacing:-.035em;color:#4f514a}.story-copy p{margin:0 0 20px}.story-copy strong{color:var(--ink);font-weight:600}.visual-section{padding-block:clamp(64px,9vw,112px)}.gallery-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.gallery-head h2{font-size:clamp(31px,4vw,52px);letter-spacing:-.07em;font-weight:500;margin:0}.gallery-head span{font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gallery figure{margin:0;background:#e4e4de;padding:10px}.gallery img{display:block;width:100%;aspect-ratio:1.42;object-fit:cover}.gallery figcaption{padding:10px 2px 2px;font:9px var(--mono);color:var(--muted)}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.approach-card{background:#ebeae4;padding:22px;min-height:165px}.approach-card b{display:block;font:10px var(--mono);color:var(--muted);font-weight:400}.approach-card h3{font-size:17px;letter-spacing:-.04em;margin:28px 0 8px}.approach-card p{font-size:11px;color:#6b6d64;line-height:1.7;margin:0}.project-end{padding-block:70px 85px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.project-end h2{font-size:clamp(38px,6vw,76px);letter-spacing:-.08em;line-height:.95;font-weight:500;margin:22px 0 0}.next-project{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:0 0 12px;font-size:12px;white-space:nowrap;transition:gap .2s}.next-project:hover{gap:24px}.next-project small{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:5px}.next-project b{color:var(--accent-ink);font-size:19px;font-weight:400}.site-footer{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono)}.site-footer a:hover{color:var(--ink)}.progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:5;transform:scaleX(0);transform-origin:left;background:var(--accent-ink)}
.hyperloop{--accent:#d1d2c9;--accent-ink:#596a59}.agrobot{--accent:#b7c891;--accent-ink:#576a3e}.selfiecopter{--accent:#cad7e4;--accent-ink:#607c9a}.orbit{--accent:#c8f169;--accent-ink:#668b2c}
.simulator-section{padding-block:clamp(72px,9vw,118px);border-bottom:1px solid var(--line)}.simulator-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:27px}.simulator-heading h2{font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:22px 0 0}.simulator-heading>p{max-width:320px;color:var(--muted);font-size:11px;line-height:1.75;margin:0 0 3px}.simulator-shell{display:grid;grid-template-columns:minmax(245px,.7fr) minmax(0,1.3fr);background:#20231f;color:#f4f3ef}.simulator-controls{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;justify-content:space-between;gap:38px}.sim-live{display:inline-flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.08em;color:#bdc0b5}.sim-live i{width:7px;height:7px;border-radius:50%;background:#c8f169;box-shadow:0 0 0 4px #c8f16922}.simulator-intro h3{font-size:21px;letter-spacing:-.05em;margin:20px 0 9px;font-weight:600}.simulator-intro p{font-size:11px;line-height:1.7;color:#aeb0a7;margin:0;max-width:350px}.sim-play{display:inline-flex;gap:10px;align-items:center;padding:10px 13px;margin-top:20px;background:#333831;border:1px solid #51564c;color:#f4f3ef;font:9px var(--mono);cursor:pointer;transition:background .2s}.sim-play:hover,.sim-play[aria-pressed="true"]{background:#4a5642}.sim-play span{color:#c8f169}.sim-sliders{display:grid;gap:19px}.sim-control{display:block}.sim-control>span{display:flex;justify-content:space-between;gap:12px;font-size:10px}.sim-control b{font-weight:500}.sim-control output{font:9px var(--mono);color:#c8f169}.sim-control input{display:block;width:100%;height:3px;margin:13px 0 8px;accent-color:#c8f169;cursor:pointer}.sim-control small,.sim-response small{display:block;color:#93978d;font-size:9px;line-height:1.5}.sim-response{border-top:1px solid #42463e;padding-top:16px}.response-caption{font:8px var(--mono);letter-spacing:.08em;color:#a5a89e}.response-reading{display:flex;align-items:baseline;gap:11px;margin:7px 0}.response-reading b{font-size:25px;letter-spacing:-.07em;font-weight:600}.response-reading span{font:9px var(--mono);color:#c8f169}.response-track{width:100%;height:4px;background:#454940;margin:9px 0 7px}.response-track i{display:block;width:0;height:100%;background:#c8f169;transition:width .2s ease}.sim-stage{padding:16px 17px 12px;background:#272b26;display:flex;flex-direction:column;justify-content:center;min-width:0}.sim-stage svg{width:100%;height:auto;display:block}.svg-label{font:9px 'DM Mono',monospace;letter-spacing:1px;fill:#aeb4a9}.svg-small{font:8px 'DM Mono',monospace;letter-spacing:.4px;fill:#cbd1c3}.sim-stage-key{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding-top:8px;color:#b7bab0;font:8px var(--mono)}.sim-stage-key span{display:flex;align-items:center;gap:6px}.sim-stage-key i{display:block;width:9px;height:9px;border-radius:50%}.key-body{background:#d8ddd1}.key-suspension{background:#d8f07c}.key-track{background:#667064}
@media(max-width:760px){.site-header{height:68px}.site-nav{gap:14px;font-size:10px}.site-nav .nav-contact{display:none}.hero{grid-template-columns:1fr;padding-block:60px 58px;gap:34px}.hero h1{font-size:clamp(54px,13vw,86px)}.hero-visual img{height:66vw;max-height:460px}.fact-strip{grid-template-columns:1fr;gap:0;padding-block:6px}.fact,.fact:first-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.fact strong{font-size:18px}.section-head,.story-grid{grid-template-columns:1fr;gap:20px}.section-index{padding-top:0}.content-section{padding-block:68px}.approach-grid{grid-template-columns:1fr}.approach-card{min-height:unset}.approach-card h3{margin-top:18px}.gallery{gap:8px}.gallery figure{padding:7px}.gallery figcaption{font-size:8px}.gallery img{aspect-ratio:1/1}.project-end{align-items:flex-start;flex-direction:column;padding-block:58px 65px}.project-end h2{font-size:14vw}.site-footer{gap:12px;flex-wrap:wrap}.site-footer span{width:100%}}
@media(max-width:760px){.simulator-heading{align-items:flex-start;flex-direction:column;gap:15px}.simulator-heading>p{max-width:500px}.simulator-shell{grid-template-columns:1fr}.simulator-controls{gap:30px}.sim-stage{padding:10px 8px}.sim-stage-key{gap:11px;font-size:7px}}
@media(max-width:430px){.site-nav{gap:10px}.wordmark{font-size:10px}.gallery{grid-template-columns:1fr}.gallery img{aspect-ratio:1.3}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}