:root{color-scheme:dark;--bg:#101010;--fg:#f2f1ed;--muted:#aaa9a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--fg);outline-offset:8px}.skip{position:fixed;left:20px;top:-100px;z-index:100}.skip:focus{top:20px;background:var(--bg)}header{height:130px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343434}.brand{width:100px;display:block}.brand>span{font-size:9px;letter-spacing:1.6px;display:block;margin-top:8px}.wordmark{display:flex;gap:4%;align-items:stretch}.glyph{display:block;width:22%;overflow:visible;flex:none;transform-origin:50% 60%;fill:currentColor}.glyph:last-child{width:14%}.brand .wordmark{height:42px}nav{display:flex;gap:36px;font-size:12px}nav span{margin-left:12px}main,footer,header{transition:opacity .8s}body.intro-active main,body.intro-active footer,body.intro-active header nav{opacity:0;pointer-events:none}body.intro-active .brand{visibility:hidden}body.intro-active{overflow:hidden}.hero{padding:48px 5% 42px;min-height:calc(100svh - 130px);display:flex;flex-direction:column}.eyebrow,.section-top,.interaction-caption,footer{font-size:10px;letter-spacing:1px}.eyebrow{display:flex;justify-content:space-between;color:var(--muted)}h1{font-weight:400;font-size:clamp(54px,7.6vw,116px);line-height:.99;letter-spacing:-.065em;margin:80px 0 90px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em} .hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;font-size:12px;line-height:1.65;color:var(--muted)}.hero-bottom p{margin:0}.hero-bottom a span{font-size:22px;display:inline-block;margin-left:35px}#explore{padding:42px 5% 45px;border-top:1px solid #343434;background:var(--fg);color:var(--bg)}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top h2{font-size:13px;letter-spacing:0;font-weight:400;margin:0}.section-top>span{font-size:9px}#playground{padding:110px 0 100px;touch-action:pan-y}#interactive{width:100%;height:clamp(180px,32vw,480px);gap:4.2%}#interactive .glyph{height:100%}.interaction-caption{display:flex;justify-content:space-between;letter-spacing:0;font-size:12px}.interaction-caption span:last-child{font-size:9px;letter-spacing:1px}#about{padding:50px 5% 130px}.about-copy{margin:85px 0 0 auto;max-width:780px;width:70%}.about-copy p:first-child{font-size:clamp(30px,4vw,60px);letter-spacing:-.04em;line-height:1.12;margin:0 0 38px}.about-copy p:last-child{color:var(--muted);font-size:clamp(17px,1.65vw,24px);line-height:1.5;max-width:610px}footer{margin:0 5%;border-top:1px solid #343434;padding:28px 0;display:flex;justify-content:space-between;color:var(--muted)}#intro{position:fixed;inset:0;z-index:20;pointer-events:none;display:none;background:var(--bg)}.intro-active #intro{display:block}#phrase{position:absolute;top:calc(50% - 130px);left:0;right:0;text-align:center;font-size:clamp(17px,2vw,27px);letter-spacing:.16em}#assembly{position:absolute;width:min(440px,76vw);height:min(240px,41.5vw);left:50%;top:50%;transform:translate(-50%,-30%)}#assembly .glyph{opacity:0}#assembly .glyph:nth-child(2){visibility:hidden}#traveler{position:fixed;top:0;left:0;transform-origin:0 0;width:100px;height:200px}#traveler svg{width:100%;height:100%}#intro-tech{position:absolute;text-align:center;width:100%;top:calc(50% + min(185px,32vw));font-size:13px;letter-spacing:.42em;opacity:0}#skip-intro{display:none;position:fixed;bottom:30px;right:5%;z-index:30;font-size:11px}.intro-active #skip-intro{display:block}@media(max-width:600px){header{height:105px}.brand{width:82px}.brand .wordmark{height:35px}.brand>span{font-size:7px}nav{gap:20px;font-size:10px}nav span{margin-left:3px}.hero{min-height:calc(88svh - 105px);padding-top:30px}.eyebrow{font-size:8px}.eyebrow span{max-width:130px;text-align:right;line-height:1.5}h1{margin:85px 0 75px;font-size:14vw}.hero-bottom{font-size:10px}.hero-bottom a{max-width:145px;text-align:right}.hero-bottom a span{margin-left:10px}#playground{padding:95px 0}#interactive{height:40vw}.interaction-caption span:last-child{max-width:125px;text-align:right;font-size:8px;line-height:1.5}.about-copy{width:100%;margin-top:65px}#about{padding-bottom:80px}footer{font-size:8px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.wordmark,#interactive{gap:0;justify-content:space-between}#intro-tech{width:max-content;left:50%;transform:translateX(-50%)}

/* Condensed industrial proportions: even stroke weight, open counters, no slabs. */
.wordmark .glyph{width:27.3%}.wordmark .glyph:last-child{width:6%}
#interactive{height:clamp(180px,40vw,560px)}
@media(max-width:600px){#interactive{height:47vw}}

/* Distribute the descriptor across the exact width of the wordmark. */
.brand>.brand-descriptor{display:flex;width:100%;justify-content:space-between;letter-spacing:0}