body{background:#0d1015;color:#e9ebed}header{height:95px;padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.wordmark{font:700 20px/.85 JinDisplay;letter-spacing:-.06em;text-decoration:none;display:grid}.wordmark span{margin-left:20px}nav{display:flex;gap:30px;font:11px JinDisplay}nav a{text-decoration:none}.dimension{position:relative;min-height:620px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:35px 5vw 70px;overflow:hidden}.dimension-copy{position:relative;z-index:1;pointer-events:none}.dimension-copy>a{pointer-events:auto}.eyebrow{font-size:9px;color:#aab0b9}.dimension h1{font:500 clamp(70px,9vw,146px)/.97 JinDisplay;letter-spacing:-.075em;margin:42px 0 27px}.dimension h1 i{font-family:JinSerif;font-size:1.18em;font-weight:400;color:#7890ff}.dimension p{font-size:13px;line-height:1.9;color:#aab0b9;max-width:340px}.watch{display:inline-block;margin-top:24px;border-bottom:1px solid #e9ebed;padding-bottom:10px;font:10px JinDisplay;letter-spacing:.1em;text-decoration:none}.sculpture{height:510px;position:relative;min-width:0}.sculpture canvas{position:absolute;inset:0;width:100%;height:100%}.sculpture>span{position:absolute;bottom:10px;right:20px;font:8px JinDisplay;letter-spacing:.12em;color:#aab0b9}.fallback-knot{position:absolute;inset:0;display:grid;place-items:center;font:350px JinSerif;color:#252e47}.sculpture[data-webgl=ready] .fallback-knot{display:none}.stage-index{position:absolute;bottom:23px;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:15px;font:9px JinDisplay;color:#8e96a2;letter-spacing:.14em}.film-section{background:#e9eae7;color:#171a20;padding:55px 4vw}.section-label{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.section-label>span{font:9px JinDisplay;letter-spacing:.1em}.section-label h2{font-size:20px;font-weight:500;margin:0}.player-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);gap:40px}.screen{min-width:0}video{display:block;width:100%;max-height:540px;background:#0d1015;object-fit:contain}.caption{display:flex;justify-content:space-between;font:8px JinDisplay;padding:15px 0;gap:10px}.number{font:10px JinDisplay;color:#566173}aside h2{font-size:26px;font-weight:500;line-height:1.5;letter-spacing:-.05em;margin:25px 0}aside p{font-size:12px;line-height:1.9;color:#4a515d}button,.button{border:1px solid #303640;background:transparent;padding:13px 16px;color:inherit;text-decoration:none;font-size:11px}#play{background:#1b2331;color:white;border-color:#1b2331;width:100%}.tabs{display:flex;margin:10px 0}.tabs button{flex:1}.tabs button[aria-pressed=true]{background:#c8cfff;border-color:#5b6ebb}.button{display:block;text-align:center;margin-top:12px}.fine{font-size:10px}.lab{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:75px 5vw}.lab h2{font-size:32px;font-weight:500;letter-spacing:-.05em}.lab p{font-size:12px;line-height:1.9;color:#aab0b9}.lab label{display:grid;gap:10px;margin-top:23px;font-size:11px}.lab input{border:1px solid #3c4452;background:#171d28;color:#e9ebed;padding:12px;width:100%;min-width:0}.lab button{margin-top:15px;border-color:#596783}#extract{background:#5875ff;border-color:#5875ff}.lab figure{margin:0;align-self:center;min-width:0}.lab canvas{width:100%;height:auto;background:#161d2a;min-height:140px;border:1px solid #333f53}.lab figcaption{font:9px JinDisplay;margin-top:12px;line-height:1.8;color:#aab0b9}.handoff{padding:65px 5vw;background:#151a24;border-top:1px solid #343d50}.handoff h2{font-size:clamp(24px,3.4vw,46px);line-height:1.5;font-weight:500;letter-spacing:-.05em}.handoff>div{display:flex;gap:70px;padding:30px 0}.handoff>div p{font:9px JinDisplay;line-height:2.5;color:#9ca6b9}.handoff b{font-size:18px;color:#e9ebed;font-weight:400}.handoff>a{font-size:12px;display:inline-block;margin:10px 0 20px}footer{display:flex;justify-content:space-between;gap:15px;padding:30px 4vw;font:9px JinDisplay;letter-spacing:.06em}footer a{text-decoration:none}@media(max-width:700px){header{height:75px;padding:18px 20px}nav{gap:15px;font-size:9px}nav a:nth-child(2){display:none}.dimension{display:block;padding:45px 20px 65px;min-height:0}.dimension h1{font-size:74px;margin-top:25px}.dimension p{font-size:11px}.sculpture{height:320px;margin-top:-15px}.dimension-copy{pointer-events:auto}.stage-index{left:20px;right:20px;font-size:7px}.film-section{padding:35px 20px}.section-label{flex-wrap:wrap;gap:15px}.section-label h2{order:3;width:100%;font-size:25px}.player-grid{grid-template-columns:1fr;gap:25px}.caption{font-size:7px}.player-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-grid aside .number{grid-column:1/-1}.player-grid aside h2{margin:0;font-size:24px}.player-grid aside p{margin:0;font-size:10px}.player-grid aside #play,.player-grid aside .fine{grid-column:1/-1}.tabs{margin:0}.button{margin:0;display:flex;align-items:center;justify-content:center}.lab{padding:45px 20px;grid-template-columns:1fr;gap:30px}.lab h2{font-size:27px}.handoff{padding:45px 20px}.handoff>div{gap:20px;flex-wrap:wrap}.handoff b{font-size:14px}footer{padding:25px 20px;flex-wrap:wrap;font-size:8px}}

.spatial-toggle{position:absolute;top:12px;right:12px;z-index:2;color:#bdc5d4;border:1px solid #39465e;padding:8px 12px;font-size:9px;background:#151b2788}.sculpture[data-motion-state=paused] .spatial-toggle{background:#34456b;color:#fff}