:root{color-scheme:light;--paper:#f4efe5;--ink:#3d2a2d;--muted:#70575b;--wine:#8f3156;--line:#d4c4bb;--pink:#c796b5;--gold:#be9f49;font-family:Inter,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none;scrollbar-color:#ae8c91 var(--paper)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.65}::selection{background:#d6adbf;color:#39252c}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:6px}button:disabled{cursor:default;opacity:.5}button{cursor:pointer}svg{display:block}a svg,button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-header{max-width:1440px;margin:auto;padding:27px 5.2%;display:flex;justify-content:space-between;align-items:center}.artist-link{font:300 28px/1.2 Fraunces,Georgia,serif;text-decoration:none;letter-spacing:-.035em}.artist-link span{display:block;font:400 11px/1.5 Inter,sans-serif;letter-spacing:.02em;margin-top:5px;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:13px}.back-link:hover{color:var(--wine)}main{max-width:1440px;margin:auto}.study{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);align-items:center;padding:0 8% 75px 3%;column-gap:5.8%}.art-column{min-width:0}.art-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate;touch-action:pan-y}.art-stage canvas,.art-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.art-stage canvas{opacity:0;transition:opacity .35s ease-out}.art-stage[data-renderer=webgpu] canvas{opacity:1}.art-stage[data-renderer=webgpu] .art-fallback{visibility:hidden}.art-caption{text-align:center;color:var(--muted);font-size:12px;margin:-10px 0 0}.art-caption em{font-style:normal}.study-copy{padding-top:13px;max-width:390px}h1{font:300 clamp(46px,4.5vw,66px)/1.03 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:0 0 25px;text-wrap:balance}h1 em{font-weight:300}.intro{max-width:30ch;font-size:15px;line-height:1.75;margin:0 0 35px;color:#63494e}.controls{margin:0}.control{margin:0 0 21px}.control-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.control label{font-size:13px}.control output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:ew-resize;accent-color:var(--wine)}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:2px solid var(--paper);border-radius:50%;background:var(--wine);box-shadow:0 0 0 1px var(--wine);margin-top:-6px}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--paper);border-radius:50%;background:var(--wine);box-shadow:0 0 0 1px var(--wine)}#curl{accent-color:#1b4567}#curl::-webkit-slider-thumb{background:#1b4567;box-shadow:0 0 0 1px #1b4567}#gold::-webkit-slider-thumb{background:#987b2a;box-shadow:0 0 0 1px #987b2a}.actions{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:7px}button{min-height:44px;border:0;background:transparent;color:var(--ink);font-size:12px;display:inline-flex;gap:9px;align-items:center;padding:0}.motion-button{border:1px solid #b99e9f;padding:0 15px}.motion-button:hover:not(:disabled){background:#eadce0;border-color:var(--wine)}.motion-button svg{width:16px;height:16px}.reset-button{text-decoration:underline;text-underline-offset:4px}.reset-button:hover{color:var(--wine)}.reset-button svg{width:17px;height:17px}.renderer-status{font-size:11px;color:var(--muted);margin:16px 0 0;min-height:35px;line-height:1.55}.study-note{font-size:11px;color:var(--muted);max-width:39ch;margin:17px 0 0;padding-top:19px;border-top:1px solid var(--line);line-height:1.7}.reference{border-top:1px solid var(--line);margin:0 8%;padding:80px 0 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.reference-image{display:block;line-height:0}.reference-image img{width:100%;height:auto;display:block}.reference-image:hover img{filter:brightness(1.025)}h2{font:300 clamp(29px,3vw,40px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.03em;margin:0 0 25px}.work-title{font-size:15px;margin:0 0 5px}.work-title em{font-style:normal}.reference-copy>p:not(.work-title){color:var(--muted);font-size:12px;margin:0}blockquote{font:300 21px/1.55 Fraunces,Georgia,serif;margin:28px 0;color:#62414c;max-width:28ch}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:12px;min-height:44px}.text-link:hover{color:var(--wine)}.next-studies{margin:0 8%;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px}.next-studies a{display:grid;grid-template-columns:1fr auto;align-items:center;text-decoration:none;font:300 28px/1.25 Fraunces,Georgia,serif;letter-spacing:-.02em;min-height:70px}.next-studies a>span{grid-column:1/-1;font:400 11px/1.5 Inter,sans-serif;color:var(--muted);margin-bottom:9px;letter-spacing:0}.next-studies a:hover{color:var(--wine)}footer{max-width:1440px;margin:auto;padding:30px 8% 40px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@media(min-width:1450px){.study{padding-top:12px}.art-stage{max-width:740px}}
@media(max-width:900px){.study{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);padding:20px 6% 70px 0;gap:1%}.study-copy{padding:0}.intro{font-size:14px;margin-bottom:24px}.control{margin-bottom:12px}h1{font-size:47px}.study-note{margin-top:10px}.art-caption{font-size:10px}.reference{margin:0 6%;gap:7%;padding:65px 0}.reference-copy blockquote{font-size:19px}.next-studies{margin:0 6%}}
@media(max-width:640px){.site-header{padding:18px 7% 15px}.artist-link{font-size:24px}.artist-link span{font-size:10px}.back-link{font-size:11px;gap:6px}.back-link svg{width:17px;height:17px}.study{display:flex;flex-direction:column;padding:0 0 53px;gap:0}.art-column{width:100%}.art-stage{width:100%;height:auto;aspect-ratio:1 / 1.08;max-height:470px}.art-fallback,.art-stage canvas{object-fit:contain}.art-caption{font-size:10px;margin:0 22px 32px}.study-copy{width:86%;max-width:440px;display:grid;grid-template-columns:1fr;position:relative}h1{font-size:44px;line-height:1.02;margin:0 0 17px}h1 br{display:none}h1 em{margin-left:.12em}.intro{font-size:14px;max-width:34ch;margin:0 0 27px}.control{margin-bottom:14px}.control-label label{font-size:13px}.control-label output{font-size:11px}.actions{margin-top:6px}.renderer-status{margin-top:13px;min-height:0}.study-note{max-width:100%;margin-top:17px;padding-top:17px}.reference{display:flex;flex-direction:column;align-items:stretch;margin:0 7%;padding:42px 0 52px;gap:30px}h2{font-size:31px;margin-bottom:20px}.reference-copy blockquote{font-size:21px;max-width:30ch;margin:23px 0 20px}.next-studies{margin:0 7%;display:flex;flex-direction:column;gap:28px;padding:30px 0}.next-studies a{font-size:28px;min-height:60px}footer{padding:25px 7% 30px;flex-direction:column;gap:6px}}
/* Keep the quiet supporting copy readable, including the controls and captions. */
.artist-link span,.back-link,.art-caption,.control label,.control output,button,.renderer-status,.study-note,.reference-copy>p:not(.work-title),.text-link,.next-studies a>span,footer{font-size:14px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the source-response caption clear of the painted surface. */
.art-caption{margin-top:12px}