body.digital-alchemy{background:#0b0a0d}.digital-alchemy .intro{padding-bottom:88px}.digital-alchemy .statement{flex:0 674px;max-width:none}.digital-alchemy .statement .big{color:var(--ink);font-size:clamp(21px,1.8vw,26px);font-style:italic;line-height:1.45}.digital-alchemy .coda{border-top:1px solid #f4ede112;padding-top:72px;padding-bottom:96px}.works{padding:0 5.5vw 40px}.work{border-top:1px solid #f4ede112;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px 7vw;padding:96px 0;display:grid}.work .media{justify-content:center;display:flex}.work.right .media{order:2}.work .media img{width:100%;height:auto;display:block;box-shadow:0 50px 90px -40px #000000f2,0 0 0 1px #f4ede10d}.work .story{max-width:52ch}.work.right .story{justify-self:end}.work .no{letter-spacing:.32em;text-transform:uppercase;color:#8f846f;margin:0 0 18px;font-size:12px}.work-title{font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1;letter-spacing:-.015em;color:var(--ink);margin:0 0 12px;font-family:Fraunces,Georgia,serif;font-size:clamp(38px,3.6vw,52px);font-weight:300;line-height:1.02}.work-title .amp{color:#8f846f;font-style:italic}.work .meta{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 26px;font-size:12px;line-height:1.7}.work .body{color:#d9cfbe;flex-direction:column;gap:14px;font-family:Fraunces,Georgia,serif;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:1.6;display:flex}.work .body p{margin:0}.pair{align-items:flex-end;gap:22px;width:100%;display:flex}.pair figure{flex-direction:column;gap:12px;margin:0;display:flex}.pair figcaption{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:11px}.title-btn{font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;text-underline-offset:8px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #f2b25c8c;text-decoration:underline #f2b25c8c;text-decoration-thickness:1px;transition:color .3s,text-decoration-color .3s;display:inline}a.title-btn{color:var(--ink)}.title-btn:hover,.title-btn:focus-visible{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.title-btn:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.photo-btn{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.photo-btn img{transition:filter .4s}.photo-btn:hover img,.photo-btn:focus-visible img{filter:brightness(1.1)}.photo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.play{width:84px;height:84px;color:var(--ink);background:#0a080c73;border-radius:50%;justify-content:center;align-items:center;margin:-42px 0 0 -42px;transition:transform .4s,color .3s;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #f4ede159,0 10px 30px #00000080}.play svg{width:34px;height:34px;margin-left:4px}.play.grid{opacity:0;transition:opacity .4s,transform .4s,color .3s}.play.grid svg{margin-left:0}.photo-btn:hover .play,.photo-btn:focus-visible .play{color:var(--accent);transform:scale(1.08)}.photo-btn:hover .play.grid,.photo-btn:focus-visible .play.grid{opacity:1}.watch{color:var(--ink);cursor:pointer;letter-spacing:.22em;text-transform:uppercase;background:0 0;border:1px solid #f2b25c73;border-radius:999px;align-items:center;gap:12px;margin-top:28px;padding:12px 22px 12px 14px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;text-decoration:none;transition:border-color .3s,color .3s;display:inline-flex}.watch svg{width:22px;height:22px;color:var(--accent)}.watch:hover,.watch:focus-visible{border-color:var(--accent);color:var(--accent)}.watch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.popup{width:min(1100px,94vw);max-width:none;height:min(820px,92vh);max-height:none;color:var(--ink);background:#070609;border:1px solid #f4ede114;border-radius:4px;padding:0;font-family:DM Mono,ui-monospace,monospace;box-shadow:0 50px 120px #000c}.popup[open]{flex-direction:column;display:flex}.popup::backdrop{background:#060508db}.popup-top{justify-content:space-between;align-items:center;gap:24px;padding:16px 18px 10px 32px;display:flex}.popup-top h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:300}.popup-body{flex:auto;justify-content:center;align-items:center;min-height:0;padding:0 24px 24px;display:flex}.popup-video{background:#000;max-width:100%;max-height:100%;display:none}.warning,.stills{display:none}.popup.is-video .popup-video{display:block}.popup.is-warning .warning,.popup.is-stills .stills{display:flex}.warning{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:46ch}.warning .kicker{margin:0}.warning-text{margin:0;font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:300;line-height:1.4}.warning .watch{margin-top:0}.stills{justify-content:center;align-items:center;gap:2vw;width:100%;height:100%}.stills figure{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:16px;min-width:0;height:100%;margin:0;display:flex}.still{object-fit:contain;width:900px;max-width:100%;height:auto;max-height:calc(100% - 44px);display:block;box-shadow:0 40px 80px -30px #000}.stills figcaption{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:24px;font-size:12px;display:flex}.still-count{color:#7d735f}.still-caption:empty{display:none}.round{width:50px;height:50px;color:var(--ink);cursor:pointer;background:#0b090799;border:1px solid #f4ede14d;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.round.small{width:36px;height:36px}.round:hover,.round:focus-visible{border-color:var(--accent);color:var(--accent)}.round:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pause{display:none}.popup.is-auto .pause{display:flex}.pause .i-play,.popup.is-paused .pause .i-pause{display:none}.popup.is-paused .pause .i-play{display:block}@media (width<=860px){.work{grid-template-columns:minmax(0,1fr);padding:64px 0}.work.right .media{order:0}.work.right .story{justify-self:start}}@media (width<=600px){.popup-top{padding-left:20px}.popup-body{padding:0 8px 16px}.stills{gap:6px}.stills .prev,.stills .next{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.photo-btn img,.play,.title-btn,.watch{transition:none}}
