:root{--warm:#f4f2ee;--soft:#ece9e4;--al:#c7c9cc;--gray:#d9d9d7;--graphite:#4a4d52;--charcoal:#2b2c2e;--black:#17181a;--green:#7d9d7b;--amber:#d99d42}*{box-sizing:border-box}html{background:var(--warm);scroll-behavior:smooth}body{margin:0;color:var(--black);background:var(--warm);font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}main{overflow:hidden}.topbar{min-height:92px;padding:20px 3vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-bottom:1px solid var(--al)}.mark{position:relative;font-size:32px;font-weight:650;letter-spacing:-.08em}.mark span{position:absolute;top:-4px;margin-left:8px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.topbar p,.status,.label,.spec,figcaption,footer p{font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;margin:0}.status{display:flex;align-items:center;gap:9px}.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(125,157,123,.45);animation:signal 3s linear infinite}.hero{min-height:calc(100svh - 92px);display:grid;grid-template-columns:42% 58%}.hero-copy{padding:11vh 3vw 4vh;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--al)}.hero-copy>.label{margin-bottom:auto}h1{margin:0;font-size:clamp(4rem,7.5vw,9rem);line-height:.88;letter-spacing:-.075em;font-weight:520}.intro{max-width:420px;margin:34px 0 0;color:var(--graphite);font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.45}.spec{width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:50px}.hero-visual{position:relative;min-height:620px;margin:0;background:var(--soft);overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:52% center;filter:saturate(.74) contrast(.97);animation:calibrate 12s cubic-bezier(.45,0,.55,1) infinite alternate}.scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 49.85%,rgba(43,44,46,.1) 50%,transparent 50.15%);background-size:100% 8px;opacity:.18}.hero-visual figcaption{position:absolute;right:24px;bottom:22px;padding:8px 10px;background:rgba(244,242,238,.82);backdrop-filter:blur(8px);border:1px solid rgba(199,201,204,.8);border-radius:3px}.principles{position:relative;min-height:90vh;padding:10vw 3vw 6vw;border-top:1px solid var(--al);border-bottom:1px solid var(--al)}.principles h2{margin:8vw 0 0;font-size:clamp(3.2rem,8.5vw,9rem);line-height:.93;letter-spacing:-.07em;font-weight:450}.principles h2 span{color:var(--graphite)}.side-note{width:min(370px,80%);margin:7vw 0 0 auto;font-size:16px;line-height:1.55;color:var(--graphite)}.system-grid{display:grid;grid-template-columns:1fr 1fr}.module{min-height:760px;padding:3vw;position:relative;border-bottom:1px solid var(--al)}.module:first-child{border-right:1px solid var(--al)}.number{position:absolute;top:2vw;right:3vw;font:clamp(3rem,6vw,7rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gray)}.module h3{margin:12vw 0 8vw;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.96;letter-spacing:-.055em;font-weight:470}.assembly{height:210px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;perspective:800px}.unit{position:relative;border:1px solid #b6b8bb;border-radius:18px;background:linear-gradient(145deg,#faf9f5,#dcdad4);box-shadow:inset 0 1px 2px #fff,0 18px 30px rgba(23,24,26,.08);transition:transform 900ms cubic-bezier(.2,.75,.25,1)}.product-module:hover .unit:first-child{transform:translateX(-7px)}.product-module:hover .unit:last-child{transform:translateX(7px)}.vent{background-image:radial-gradient(circle,#555 1px,transparent 1.3px),linear-gradient(145deg,#faf9f5,#dcdad4);background-size:10px 10px,100% 100%;background-position:center}.dial i{position:absolute;width:74px;height:74px;border:1px solid #9a9c9e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(110deg,#ececea,#aaaeb1,#e8e8e5);box-shadow:0 5px 10px rgba(0,0,0,.14)}.screen i{position:absolute;width:65%;height:24%;left:17.5%;top:28%;border-radius:4px;background:#41484a;box-shadow:inset 0 2px 5px #191b1c}.screen:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--amber);left:18%;top:64%}.swatches{margin-top:12vw;display:grid;gap:14px}.swatch{height:126px;border:1px solid rgba(23,24,26,.12);border-radius:5px;padding:16px;display:flex;align-items:flex-end;box-shadow:inset 0 1px #fff}.swatch span{font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.warm{background:var(--warm)}.aluminum{background:linear-gradient(105deg,#b9bbbd,#e4e5e5,#bfc1c3)}.graphite{color:#fff;background:var(--graphite)}.north-star{min-height:90vh;padding:3vw;display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--charcoal);color:var(--warm)}.north-star>.label{position:absolute;top:3vw}.north-star blockquote{width:80%;margin:0;font-size:clamp(3.5rem,8vw,9rem);line-height:.94;letter-spacing:-.065em;font-weight:430}.north-star>p:last-child{width:min(450px,80%);margin:60px 0 0 auto;color:var(--al);font-size:16px;line-height:1.55}.orbit{position:absolute;width:42vw;aspect-ratio:1;right:-13vw;top:-18vw;border:1px solid rgba(244,242,238,.18);border-radius:50%;animation:rotate 22s linear infinite}.orbit:before{content:"";position:absolute;inset:17%;border:1px solid rgba(244,242,238,.12);border-radius:50%}.orbit i,.orbit b{position:absolute;border-radius:50%;background:var(--warm)}.orbit i{width:10px;height:10px;top:50%;left:-5px}.orbit b{width:4px;height:4px;bottom:12%;left:18%;background:var(--green)}footer{min-height:240px;padding:34px 3vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:30px}.signals{display:flex;gap:7px}.signals i{width:8px;height:8px;border-radius:50%;background:var(--gray)}.signals i:nth-child(2){background:var(--amber)}.signals i:nth-child(3){background:var(--green)}.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.2,.75,.25,1),transform 1s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}@keyframes signal{50%{opacity:.45}}@keyframes calibrate{to{transform:scale(1.025)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(max-width:760px){.topbar{min-height:78px;padding:16px 18px;grid-template-columns:1fr auto}.topbar>p{display:none}.mark{font-size:28px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:70svh;padding:58px 18px 22px;border-right:0}.hero-copy>.label{margin-bottom:auto}h1{font-size:16vw}.intro{font-size:16px;margin-top:28px}.hero-visual{min-height:72vw}.hero-visual img{object-position:center}.hero-visual figcaption{right:12px;bottom:12px}.principles{min-height:75svh;padding:72px 18px 50px}.principles h2{margin-top:90px;font-size:13vw}.side-note{margin-top:70px}.system-grid{grid-template-columns:1fr}.module{min-height:620px;padding:28px 18px}.module:first-child{border-right:0}.number{top:20px;right:18px}.module h3{margin:140px 0 70px;font-size:12vw}.assembly{height:150px}.unit{border-radius:12px}.dial i{width:52px;height:52px}.swatches{margin-top:130px}.north-star{min-height:78svh;padding:80px 18px 40px}.north-star>.label{top:24px}.north-star blockquote{width:100%;font-size:14vw}.north-star>p:last-child{margin-top:50px}.orbit{width:80vw;right:-35vw;top:-20vw}footer{padding:28px 18px;grid-template-columns:1fr 1fr;min-height:220px}footer p:nth-child(3){display:none}.signals{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.name-system{min-height:72vh;display:grid;grid-template-columns:1fr auto 1fr;position:relative;border-top:1px solid var(--al);border-bottom:1px solid var(--al);background:var(--soft)}
.name-half{padding:4vw 3vw;display:flex;flex-direction:column;justify-content:space-between}
.name-half:first-child{border-right:1px solid var(--al)}
.name-half:last-of-type{border-left:1px solid var(--al)}
.name-half strong{font-size:clamp(4rem,9vw,10rem);line-height:.8;letter-spacing:-.075em;font-weight:500}
.name-slash{width:clamp(70px,8vw,140px);display:grid;place-items:center;font:300 clamp(5rem,12vw,13rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--al);animation:slash-breathe 5s cubic-bezier(.45,0,.55,1) infinite}
.name-caption{position:absolute;right:3vw;bottom:3vw;margin:0;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-align:right;color:var(--graphite)}
@keyframes slash-breathe{50%{color:var(--graphite);transform:translateY(-4px)}}

@media(max-width:760px){
  .name-system{min-height:80svh;grid-template-columns:1fr 48px 1fr}
  .name-half{padding:28px 18px}
  .name-half strong{font-size:12vw;line-height:.88}
  .name-slash{width:48px;font-size:20vw}
  .name-caption{right:18px;bottom:20px}
}