*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#9a7665 #f6f0e3;scroll-padding-top:24px}body{margin:0;background:#f6f0e3;color:#3a403d;font:14px/1.65 'Inter',sans-serif}::selection{color:#fff7e9;background:#85544f}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #8b454e;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:9;padding:12px;background:#3a403d;color:#f6f0e3}.skip:focus{top:12px}.site-header,main,footer{max-width:1580px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #3a403d28}.artist{font:300 27px/1.1 'Fraunces',Georgia,serif;text-decoration:none;display:flex;align-items:baseline;gap:18px}.artist span{font:12px/1.5 'Inter',sans-serif;color:#646052}.back{display:flex;gap:10px;align-items:center;min-height:44px;font-size:13px;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.back svg{width:22px;height:22px}.paper-study{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);gap:6%;align-items:center;padding:40px 5% 55px}.study-copy{padding-bottom:15px}h1,h2,p{margin-top:0}h1{font:300 clamp(54px,5.9vw,86px)/.98 'Fraunces',Georgia,serif;letter-spacing:-.04em;margin-bottom:24px;text-wrap:balance}h1 em,h2 em{font-weight:300;color:#945b58}.intro{font:300 22px/1.38 'Fraunces',Georgia,serif;margin-bottom:16px}.description{max-width:31ch;font-size:14px;line-height:1.75;color:#5c5c50;margin-bottom:27px}form{max-width:350px}.control{margin-bottom:12px}.control-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}output{font-size:12px;color:#686150;white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:44px;margin:0;cursor:pointer;accent-color:#995f5c;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#a89b83}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;width:16px;height:16px;border-radius:50%;background:#945b58;border:3px solid #f6f0e3;box-shadow:0 1px 3px #483d3822}input[type=range]{-webkit-appearance:none;appearance:none}input[type=range]::-moz-range-track{height:2px;background:#a89b83}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:2px solid #f6f0e3;background:#945b58}.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.actions button{min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid #a69c872e;background:none;cursor:pointer;padding:9px 12px;font-size:12px;transition:background .2s}.actions button:hover:not(:disabled){background:#e9decc}.actions button:disabled{opacity:.55;cursor:default}.actions svg{width:18px;height:18px;flex-shrink:0}.actions #play{background:#3d544b;color:#fff8e9;border-color:#3d544b}.actions #play:hover:not(:disabled){background:#2f463e}.actions #reset{border-color:transparent;padding-right:0}#motion-note{font-size:12px;color:#686150;margin:13px 0 0;max-width:34ch}.paper-object{margin:0;min-width:0}.art-stage{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#eee8d8;box-shadow:0 18px 36px #574f3918,0 2px 6px #574f3910}.art-stage>canvas,.art-stage>svg{display:block;position:absolute;inset:0;width:100%;height:100%}.art-stage>canvas{opacity:0}.art-stage>svg{opacity:1}body[data-renderer=webgpu] .art-stage>canvas{opacity:1}body[data-renderer=webgpu] .art-stage>svg{opacity:0}.paper-object>figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#686150;margin-top:14px}#renderer-status{text-align:right}.references{display:grid;grid-template-columns:.84fr 1fr 1fr;gap:4%;padding:66px 5% 65px;border-top:1px solid #3a403d28;align-items:start}.reference-intro h2{font:300 clamp(30px,3vw,43px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-.035em;margin-bottom:22px;text-wrap:balance}.reference-intro>p{font-size:14px;line-height:1.8;max-width:31ch}.reference-intro>.attribution{font-size:12px;color:#686150;margin-top:24px}.reference{min-width:0;margin:0}.reference a{display:block}.reference img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;transition:filter .2s}.reference a:hover img{filter:brightness(1.03)}.reference figcaption{display:flex;flex-direction:column;gap:6px;margin-top:15px;font-size:12px;color:#686150}.reference figcaption>span:first-child{font:300 20px/1.3 'Fraunces',Georgia,serif;color:#3a403d}.continue{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #3a403d28;margin:0 5%;padding:22px 0 26px}.continue a{display:flex;gap:18px;align-items:center;min-height:44px;text-decoration:none;font:300 24px/1.3 'Fraunces',Georgia,serif}.continue svg{width:22px;height:22px}footer{padding:23px 5%;border-top:1px solid #3a403d28;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#686150}footer a{font:300 20px/1.2 'Fraunces',Georgia,serif;text-decoration:none;color:#3a403d}
@media(min-width:1450px){.paper-study{gap:7%;grid-template-columns:.75fr 1.4fr}.paper-object{max-width:790px}}
@media(max-width:1050px){.paper-study{gap:4%;grid-template-columns:minmax(245px,.8fr) minmax(0,1.3fr)}h1{font-size:64px}.description{font-size:13px}.intro{font-size:21px}.control-label{font-size:12px}.actions{gap:4px}.actions button{padding-left:8px;padding-right:8px;font-size:12px}.references{grid-template-columns:1fr 1fr;gap:28px}.reference-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.reference-intro h2{grid-row:span 2}.reference-intro>p{max-width:42ch}.reference-intro>.attribution{margin-top:0}.paper-object>figcaption{flex-direction:column;gap:2px}#renderer-status{text-align:left}}
@media(max-width:720px){.site-header{padding:16px 6%}.artist{font-size:24px}.artist span{display:none}.paper-study{display:flex;flex-direction:column;padding:30px 6% 38px;gap:25px;align-items:stretch}.study-copy{display:contents}h1{font-size:60px;line-height:1.02;order:0;margin:0}h1 br{display:none}h1 em{margin-left:9px}.intro{order:1;font-size:21px;margin:0}.intro br{display:none}.description{order:4;max-width:46ch;margin:0;font-size:14px}.paper-object{order:2}.paper-object>figcaption{flex-direction:row;gap:14px;font-size:12px}#renderer-status{text-align:right}form{order:3;max-width:none;margin-top:0}.control{margin-bottom:9px}.control-label{font-size:14px}.actions{margin-top:8px}.actions button{font-size:13px;padding-left:12px;padding-right:12px}#motion-note{order:5;margin-top:-12px;max-width:none;font-size:12px}.references{display:block;padding:36px 6% 10px}.reference-intro{display:block;margin-bottom:28px}.reference-intro h2{font-size:35px}.reference-intro>p{max-width:46ch}.reference-intro>.attribution{font-size:12px}.reference{margin-bottom:30px}.reference img{aspect-ratio:1.4;object-fit:contain;background:#e8e3d7}.continue{margin:0 6%;padding:18px 0;flex-direction:column;gap:6px}.continue a{font-size:23px;justify-content:space-between}footer{padding:22px 6%;flex-direction:column;gap:10px}}
@media(max-width:380px){h1{font-size:50px}.actions button{font-size:12px;padding-left:9px;padding-right:9px}.paper-object>figcaption{flex-direction:column}#renderer-status{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.actions button,.reference img{transition:none}}