:root{--ink:#101119;--paper:#f1ecdf;--blue:#1628c7;--cyan:#38d9df;--yellow:#ffcf24;--line:#1011193d;--bw-focus:#ffcf24;--bw-accent:#1628c7;color:var(--ink);background:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:1.35}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.skip{z-index:100;background:var(--ink);color:#fff;padding:.8rem;position:fixed;top:-100px;left:1rem}.skip:focus{top:1rem}:focus-visible{outline:4px solid var(--bw-focus);outline-offset:4px}.site>header{z-index:20;color:#fff;mix-blend-mode:difference;border-bottom:1px solid #ffffff57;grid-template-columns:1fr auto 1fr;align-items:center;min-height:66px;padding:0 2vw;display:grid;position:fixed;inset:0 0 auto}.site>header nav{gap:2rem;display:flex}.site>header nav a,.site>header span{font-size:.68rem;text-decoration:none}.site>header>span{text-align:right}.logo{letter-spacing:-.06em;font-family:Impact,Arial Black,sans-serif;font-size:1.4rem;text-decoration:none}section{position:relative}.hero{background:var(--blue);color:#fff;height:100svh;min-height:690px;overflow:hidden}.hero>img,.city>img{object-fit:cover;width:100%;height:100%}.hero:after{content:"";background:linear-gradient(90deg,#0a0b1294,#0000 46%,#0a0b121f);position:absolute;inset:0}.hero-copy{z-index:3;position:absolute;bottom:4.5vw;left:3vw}.hero-copy p,.walk p,.lab p,.anatomy p,.fit p{letter-spacing:.08em;font-size:.68rem}.hero h1,.walk h2,.lab h2,.anatomy h2,.fit h2{letter-spacing:-.045em;margin:.25rem 0;font-family:Impact,Arial Black,sans-serif;line-height:.86}.hero h1{font-size:clamp(4.5rem,10vw,10rem)}.hero h1 b{color:var(--yellow)}.hero-copy>a{color:var(--ink);background:#fff;margin-top:1.5rem;padding:.9rem 1.2rem;font-weight:500;text-decoration:none;display:inline-block}.lens{z-index:2;background:color-mix(in srgb, var(--t), transparent 48%);mix-blend-mode:multiply;border:10px solid #1f2abedb;border-radius:48% 52% 45% 55%;width:22vw;height:18vw;min-height:170px;position:absolute;top:26%;box-shadow:inset 0 0 40px #ffffff40,0 0 0 3px #ffffff4d}.lens.left{left:49%}.lens.right{right:2%;transform:rotate(3deg)}.bridge{z-index:2;background:#1727bc;width:8%;height:8px;position:absolute;top:36%;left:69%;transform:rotate(-2deg)}.eye-control{z-index:4;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:2vw;right:2vw}.eye-control button{color:#fff;background:0 0;border:1px solid #fff;width:48px;height:48px}.eye-control span{font-size:.68rem}.walk{background:var(--yellow);grid-template-columns:.8fr 1.4fr;min-height:95vh;display:grid}.walk>div{flex-direction:column;justify-content:space-between;padding:9vw 4vw;display:flex}.walk h2{font-size:clamp(3rem,6.7vw,7rem)}.walk>div>span{max-width:26rem}.walk img{object-fit:cover;width:100%;height:100%;min-height:95vh}.lab{background:var(--ink);color:#fff;padding:9vw 3vw}.lab>header{justify-content:space-between;align-items:end;display:flex}.lab h2{color:var(--cyan);text-align:right;font-size:clamp(4rem,9vw,9rem)}.lab-grid{background:#ffffff38;border:1px solid #ffffff38;grid-template-columns:1.2fr .8fr;gap:1px;display:grid}.viewer,.console{background:var(--ink)}.viewer{height:calc(100vh - 66px);position:sticky;top:66px;overflow:hidden}.viewer img{object-fit:cover;width:100%;height:100%}.viewer .glass{mix-blend-mode:multiply;opacity:.24;transition:background .4s;position:absolute;inset:0}.viewer>span{color:var(--ink);background:#fff;justify-content:space-between;padding:1rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.console{padding:2rem}.console fieldset,.fit fieldset{border:0;margin:0 0 2rem;padding:0}.console legend,.fit legend{text-transform:uppercase;margin-bottom:.8rem;font-size:.7rem}.console fieldset button{color:#fff;text-align:left;background:0 0;border:1px solid #ffffff47;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:52px;padding:.75rem;display:grid}.console button[aria-pressed=true]{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.console button i{border-radius:50%;grid-row:1/3;width:26px;height:26px}.console button i+*,.console button i~span{margin-left:.8rem}.console button span{font-size:.68rem}.result{border-top:1px solid #ffffff4d;padding-top:1.5rem}.result strong{max-width:28rem;font-size:.9rem;display:block}.result dl,.fit dl{grid-template-columns:repeat(3,1fr);margin:1.4rem 0;display:grid}.result dl div,.fit dl div{border:1px solid;padding:.7rem}.result dt,.fit dt{text-transform:uppercase;font-size:.62rem}.result dd,.fit dd{margin:.25rem 0 0}.console>a{background:var(--yellow);color:var(--ink);text-align:center;padding:1rem;text-decoration:none;display:block}.anatomy{background:var(--cyan);grid-template-columns:1.3fr .7fr;min-height:95vh;display:grid}.anatomy img{object-fit:cover;width:100%;height:100%}.anatomy>div{padding:7vw 3vw}.anatomy h2{font-size:clamp(3rem,6vw,6rem)}.anatomy dl{margin-top:5rem}.anatomy dl div{border-top:1px solid var(--ink);grid-template-columns:3rem 1fr;padding:1rem 0;display:grid}.anatomy dd{margin:0}.city{color:#fff;height:110vh;overflow:hidden}.city:after{content:"";background:linear-gradient(#0000 35%,#0a0b14c2);position:absolute;inset:0}.city p{z-index:2;letter-spacing:-.04em;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(3rem,7.4vw,8rem);line-height:.86;position:absolute;bottom:2vw;left:3vw}.city p b{color:var(--yellow)}.fit{background:var(--blue);color:#fff;grid-template-columns:1fr 1fr;gap:8vw;min-height:95vh;padding:9vw 4vw;display:grid}.fit>div:first-child{flex-direction:column;justify-content:space-between;display:flex}.fit h2{color:var(--yellow);font-size:clamp(3.4rem,7vw,7rem)}.fit form{background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;align-self:center;padding:2rem}.fit form>header{border-bottom:1px solid var(--ink);justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;display:flex}.fit fieldset>div{grid-template-columns:repeat(3,1fr);display:grid}.fit fieldset button{border:1px solid var(--ink);min-height:50px;color:var(--ink);background:0 0}.fit fieldset button[aria-pressed=true]{background:var(--ink);color:#fff}.fit label{margin:1rem 0;display:block}.fit input{border:1px solid var(--ink);width:100%;min-height:48px;color:var(--ink);background:0 0;padding:.7rem}.fit small{color:#9b1723;margin-top:.35rem;display:block}.fit form>button,.issued button{background:var(--yellow);width:100%;min-height:54px;color:var(--ink);border:0;font-weight:500}.fit.done{text-align:center;display:block}.issued{max-width:800px;margin:auto}.issued strong{color:var(--yellow);margin:2rem;font-family:Impact,Arial Black,sans-serif;font-size:clamp(2rem,6vw,6rem);display:block}.issued dl{grid-template-columns:repeat(4,1fr)}.issued small{color:#fff;margin:1rem}.site>footer{background:var(--yellow);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:2rem;padding:4rem 3vw;display:grid}.site>footer p,.site>footer>a:last-child{font-size:.7rem}@media (width<=720px){.site>header{grid-template-columns:1fr auto;padding:0 1rem}.site>header nav,.site>header>span{display:none}.hero{min-height:720px}.hero:after{background:linear-gradient(#0000 38%,#0a0b12d1)}.hero>img{object-position:59% center}.hero-copy{bottom:5.6rem;left:1rem;right:1rem}.hero h1{font-size:clamp(3.7rem,20vw,6rem)}.hero-copy>a{margin-top:.8rem}.lens{border-width:6px;width:40vw;height:31vw;min-height:110px;top:27%}.lens.left{left:17%}.lens.right{right:2%}.bridge{width:8%;height:5px;top:33%;left:52%}.eye-control{bottom:1rem;right:1rem}.eye-control span{text-align:center;max-width:7rem}.walk,.anatomy,.fit{grid-template-columns:1fr}.walk>div{min-height:65vh;padding:7rem 1rem 2rem}.walk h2,.anatomy h2{font-size:clamp(3rem,18vw,4rem)}.walk img{min-height:70vh}.lab{padding:6rem 1rem}.lab>header{display:block}.lab h2{text-align:left;overflow-wrap:anywhere;font-size:clamp(3rem,18vw,4rem)}.lab-grid{display:block}.viewer{height:72vh;position:relative;top:auto}.console{padding:1rem}.console fieldset button{min-height:56px}.result dl{grid-template-columns:1fr}.anatomy img{height:72vh}.anatomy>div{padding:5rem 1rem}.anatomy dl{margin-top:3rem}.city{height:95vh}.city p{font-size:clamp(2.7rem,16vw,3.5rem);bottom:2rem;left:1rem;right:1rem}.fit{gap:3rem;padding:6rem 1rem}.fit h2{font-size:clamp(3rem,17vw,4rem)}.fit form{padding:1rem}.fit form>header{flex-wrap:wrap;gap:.5rem}.fit dl{grid-template-columns:1fr}.issued strong{overflow-wrap:anywhere;margin:2rem 0;font-size:clamp(1.7rem,12vw,3rem)}.issued dl{grid-template-columns:1fr 1fr}.site>footer{grid-template-columns:1fr;gap:1rem;padding:3rem 1rem}}.site>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,1fr);column-gap:clamp(1.5rem,4vw,5rem);min-height:76px;padding-inline:clamp(1rem,3vw,3.25rem)}.site>header nav{gap:clamp(1.5rem,3.2vw,3.75rem)}.site>header nav a{letter-spacing:.13em;white-space:nowrap;align-items:center;gap:.55rem;display:flex}.site>header nav small{opacity:.62;font-size:.55rem}.site>header>span{letter-spacing:.1em;white-space:nowrap}.logo{letter-spacing:.02em}.hero>img,.lens{will-change:transform}@media (width<=720px){.site>header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:1fr;min-height:68px;padding-inline:1rem}.site>header nav,.site>header>span{display:none}.hero>img{scale:1.02}}@media (prefers-reduced-motion:reduce){.hero>img,.lens,.bridge{transform:none!important}}@media (width<=420px){.eye-control{left:1rem;right:auto}.viewer>span{flex-direction:column;gap:.4rem}.issued dl{grid-template-columns:1fr}.result dd,.fit dd{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media (forced-colors:active){.lens,.glass{display:none}.console button[aria-pressed=true],.fit button[aria-pressed=true]{outline:3px solid buttontext}}@media (width<=720px){.site>header{background:var(--ink);mix-blend-mode:normal;color:#fff}.hero h1{font-size:clamp(2rem,18vw,5rem)}.walk h2,.lab h2,.anatomy h2,.fit h2{font-size:clamp(1.75rem,16vw,4rem)}.city p{font-size:clamp(1.65rem,14vw,3.5rem)}}
