:root{color-scheme:light;font:15px/1.5 system-ui,sans-serif;color:#332f24;background:#e9e4d8;--line:#b7ad984d;--ink:#332f24}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{border:1px solid #958b746b;border-radius:3px;padding:8px 12px;background:#f6f1e6;color:var(--ink);cursor:pointer;min-height:40px}button:hover{background:#fff9ea}button[aria-pressed=true]{background:#514b37;color:#fff9eb}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #766d42;outline-offset:3px}[hidden]{display:none!important}
main{max-width:1500px;margin:auto;padding:28px 32px 45px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin:0 0 25px}.back{align-self:center;text-decoration:none;font-size:13px}h1{font:400 clamp(35px,4vw,56px)/1.05 Georgia,serif;margin:0;letter-spacing:-.02em}.eyebrow{text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:.2em;margin:0 0 10px;color:#726b55}.credit{justify-self:end;text-align:right;font-size:12px;margin:0}.credit span{color:#827963}.viewer{background:#f2ecdf;box-shadow:0 12px 40px #40371812;border:1px solid #b7ae9938}.stage{position:relative;width:100%;height:min(71vh,880px);min-height:260px;overflow:hidden;background:#e4ddcc;touch-action:none}.stage canvas,.stage>img{display:block;width:100%;height:100%;object-fit:contain}.viewer.fill .stage>img{object-fit:cover}.stage canvas{position:absolute;inset:0;cursor:grab}.stage canvas:active{cursor:grabbing}.loading{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:10px 16px;background:#f7f1e5ee;border:1px solid #b9ad90a0;box-shadow:0 3px 20px #231c1510;font-size:12px;max-width:90%;width:max-content;display:flex;gap:12px;align-items:center}.hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);pointer-events:none;font-size:10px;letter-spacing:.04em;background:#f2ecdfca;padding:5px 10px;color:#69604b;white-space:nowrap}.toolbar{padding:15px 18px;border-top:1px solid var(--line)}.adjustments{display:flex;align-items:center;gap:26px;margin-bottom:14px}.adjustments label{font-size:11px;color:#716852;display:flex;align-items:center;gap:12px}.adjustments input[type=range]{width:160px;accent-color:#6f7650;cursor:ew-resize}.adjustments .check{margin-left:auto;color:#554e3b}input[type=checkbox]{accent-color:#676e49;width:16px;height:16px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:11px}.spacer{flex:1}.underneath{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-top:28px}.caption{font:italic 22px/1.5 Georgia,serif;color:#71694f;margin:0}.detail-status{font-size:11px;color:#837963;margin:0 0 12px}.layer-details,.about{font-size:12px;border-top:1px solid var(--line);padding:11px 0}summary{cursor:pointer}summary span{color:#968971;margin-left:7px}.layer-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;padding:15px 0 3px}.layer-list label{display:flex;gap:8px;align-items:start;font-size:11px;cursor:pointer}.layer-list input{flex:none;margin:1px 0}.related{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;margin:16px 0}.about p{max-width:66ch;color:#766d57}
.viewer:fullscreen,.viewer.window-full{position:fixed;inset:0;width:100vw;height:100dvh;z-index:100;background:#e4ddcc;border:0;display:flex;flex-direction:column}.viewer:fullscreen .stage,.viewer.window-full .stage{height:100%;min-height:0;flex:1}.viewer:fullscreen .toolbar,.viewer.window-full .toolbar{position:absolute;bottom:12px;left:12px;right:12px;background:#eee8dce8;border:1px solid var(--line);backdrop-filter:blur(14px);padding:10px 14px}.viewer:fullscreen .hint,.viewer.window-full .hint{bottom:auto;top:16px}.has-full{overflow:hidden}
@media(max-width:700px){main{padding:19px 12px 30px}header{grid-template-columns:1fr auto;gap:15px;margin-bottom:18px}header>div{grid-column:1;grid-row:2}.back{grid-row:1}.credit{grid-column:2;grid-row:2;font-size:10px}.eyebrow{text-align:left;font-size:8px;letter-spacing:.14em}h1{font-size:36px}.stage{height:56vh;min-height:240px}.toolbar{padding:12px}.adjustments{gap:10px;flex-wrap:wrap}.adjustments label{flex:1;min-width:40%;font-size:10px;display:block}.adjustments input[type=range]{display:block;width:100%;margin-top:7px}.adjustments .check{display:flex;min-width:auto;flex:none;margin-left:0}.actions{gap:6px}.actions button{padding:7px 9px;min-height:40px}.spacer{display:none}.underneath{grid-template-columns:1fr;gap:20px;margin-top:22px}.caption{font-size:20px}.layer-list{gap:11px}.viewer:fullscreen .toolbar,.viewer.window-full .toolbar{left:5px;right:5px;bottom:5px;padding:8px}.viewer:fullscreen .adjustments,.viewer.window-full .adjustments{display:none}.viewer:fullscreen .actions button,.viewer.window-full .actions button{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.actor-video{position:fixed;left:-4px;top:-4px;width:1px;height:1px;opacity:0;pointer-events:none}
#play{font-weight:600}.adjustments .check+.check{margin-left:0}
@media(max-height:500px),(pointer:coarse){.viewer:fullscreen .adjustments,.viewer.window-full .adjustments{display:none}.viewer:fullscreen .toolbar,.viewer.window-full .toolbar{left:5px;right:5px;bottom:5px;padding:8px}.viewer:fullscreen .actions button,.viewer.window-full .actions button{font-size:10px;padding:6px 8px;min-height:36px}}