*{box-sizing:border-box}:root{color-scheme:dark;--bg:#0c1922;--ink:#e9eadf;--muted:#b8cbd0;--line:#4e6872;--gold:#e2c98c}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a9cbd0 var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 Inter,sans-serif}h1,h2,p{margin-top:0}h1,h2{color:var(--ink)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input{font:inherit}button{color:inherit}::selection{background:#91bac8;color:#10212b}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--ink);color:var(--bg);z-index:10}.skip:focus{top:12px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:18px 4vw;position:relative;z-index:2}.artist{font:300 26px/1.2 Fraunces,serif}.back,footer>a:last-child{display:flex;align-items:center;gap:12px;min-height:44px}.back svg,footer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.back:hover,footer a:hover{text-decoration:underline}.experience{position:relative;min-height:calc(100svh - 88px);padding-bottom:190px}.art-stage{position:absolute;inset:0 0 175px;background:var(--bg);touch-action:none;overflow:hidden}.art-stage canvas,.art-stage>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.art-stage canvas{opacity:0}body[data-renderer=webgpu] canvas{opacity:1}body[data-renderer=webgpu] #art-fallback{visibility:hidden}.title{position:absolute;top:7vh;left:4vw;z-index:1;pointer-events:none}.title h1{font:300 clamp(60px,6.8vw,96px)/.94 Fraunces,serif;letter-spacing:-.04em;margin-bottom:28px}.title em{font-weight:300;color:#b9dce1}.title p{font:300 23px/1.45 Fraunces,serif;color:var(--muted);max-width:20ch}.gesture{position:absolute;right:4vw;bottom:250px;z-index:1;font-size:13px;line-height:1.9;color:var(--muted);pointer-events:none}.dock{position:relative;top:calc(100svh - 275px);margin:0 4vw;background:#102530;border:1px solid #6c8e9555;padding:20px 24px 14px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:5px 32px;z-index:2}.control label{display:flex;justify-content:space-between;gap:16px;font-size:13px}.control output{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.control input{display:block;width:100%;height:44px;margin:0;background:none;accent-color:var(--gold);cursor:pointer}.actions{display:flex;align-items:center;gap:18px}.actions button{min-height:44px;cursor:pointer;border:0;padding:10px 14px;font-size:13px;white-space:nowrap}.actions button svg{width:14px;height:14px;fill:currentColor}.actions #play{display:flex;align-items:center;gap:9px;background:var(--ink);color:var(--bg)}.actions #play:hover{background:#b9dce1}.actions #play:disabled{opacity:.5;cursor:default}.actions #reset{padding-inline:0;background:none;text-decoration:underline;text-underline-offset:5px}.actions #reset:hover{color:var(--gold)}#renderer-status,#motion-note{font-size:12px;color:var(--muted);margin:6px 0 0}#renderer-status{grid-column:1/3}#motion-note{grid-column:3/5;text-align:right}.references{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:4vw;padding:75px 4vw 90px;border-top:1px solid #66859055}.references h2{font:300 43px/1.05 Fraunces,serif;letter-spacing:-.03em;margin:0 0 28px}.references h2 em{font-weight:300;color:#b9dce1}.references p{color:var(--muted);font-size:14px;max-width:36ch;line-height:1.85}.references figure{margin:0;min-width:0}.references img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.references figcaption{font:300 21px/1.5 Fraunces,serif;margin-top:17px;display:flex;flex-direction:column;gap:7px}.references figcaption span{font:12px/1.8 Inter,sans-serif;color:var(--muted)}footer{padding:25px 4vw 35px;border-top:1px solid #66859055;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>a:first-child{font:300 24px Fraunces,serif}footer span{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.dock{grid-template-columns:1fr 1fr 1fr;gap:4px 25px}.actions{grid-row:2;grid-column:1/3}#renderer-status{grid-row:2;grid-column:3;align-self:center;text-align:right}#motion-note{grid-column:1/-1;text-align:left}.art-stage{bottom:220px}.experience{padding-bottom:230px}.dock{top:calc(100svh - 310px)}.title h1{font-size:66px}.title p{font-size:21px}.gesture{display:none}}
@media(max-width:720px){header{min-height:76px;padding:13px 6vw}.artist{font-size:24px}.experience{min-height:1120px;padding-bottom:0}.title{top:24px;left:6vw}.title h1{font-size:51px;margin-bottom:17px}.title h1 br{display:none}.title p{font-size:20px;max-width:28ch;margin:0}.art-stage{top:150px;bottom:auto;height:440px}.dock{top:590px;margin:0 6vw;grid-template-columns:1fr;padding:18px 19px;gap:13px}.actions{grid-row:1;grid-column:1;justify-content:space-between;margin-bottom:2px}.control{grid-column:1}.control label{font-size:14px}#renderer-status{grid-row:auto;grid-column:1;text-align:left;margin-top:0}#motion-note{grid-column:1;text-align:left;margin:0}.references{display:block;padding:40px 6vw 30px}.references h2{font-size:37px}.references p{max-width:46ch}.references figure{margin:30px 0}.references img{aspect-ratio:1.3;object-fit:contain;background:#1b303b}.references figcaption{font-size:21px}footer{padding:24px 6vw;flex-direction:column;align-items:flex-start;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.control input{appearance:none;-webkit-appearance:none}.control input::-webkit-slider-runnable-track{height:1px;background:#8eabb1}.control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-7px;border-radius:50%;background:var(--gold);border:3px solid #102530;box-shadow:0 0 0 1px var(--gold)}.control input::-moz-range-track{height:1px;background:#8eabb1}.control input::-moz-range-thumb{width:9px;height:9px;border:3px solid #102530;border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px var(--gold)}
@media(max-width:720px){.title h1 em{margin-left:.10em}}