/* Scoped artwork page; existing site typography and branding are preserved. */
[data-view="work-moonleaf"] .content-layer--moonleaf{align-items:flex-start;overflow:auto;overscroll-behavior:contain;padding-top:104px;padding-bottom:60px;scrollbar-color:#797d73 transparent}
[data-view="work-moonleaf"] .moonleaf-panel{width:min(100%,1200px);background:#030504f5;border:1px solid var(--line);padding:clamp(24px,3.6vw,52px);box-shadow:0 18px 80px #00000047}
[data-view="work-moonleaf"] .moonleaf-medium{margin:0;color:var(--reading-muted);font-size:20px;text-align:right}
[data-view="work-moonleaf"] .moonleaf-title{margin:26px 0}
[data-view="work-moonleaf"] h1{font:italic 400 clamp(42px,5vw,72px)/1.06 var(--reading-font);letter-spacing:-.035em;margin:0 0 12px}
[data-view="work-moonleaf"] .moonleaf-status{margin:0;color:var(--reading-muted);font-size:18px;letter-spacing:.02em}
[data-view="work-moonleaf"] .moonleaf-view{margin:0}
[data-view="work-moonleaf"] .moonleaf-view video{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#0d1111}
[data-view="work-moonleaf"] .moonleaf-view figcaption{text-align:right;font-size:17px;color:var(--reading-muted);margin-top:8px}
[data-view="work-moonleaf"] .moonleaf-introduction{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(24px,5vw,64px);margin:26px 0 0}
[data-view="work-moonleaf"] .moonleaf-copy p{font-size:22px;line-height:1.48;margin:0 0 17px}
[data-view="work-moonleaf"] .moonleaf-copy .moonleaf-note,[data-view="work-moonleaf"] .moonleaf-entry p{font-size:18px;line-height:1.5;color:var(--reading-muted)}
[data-view="work-moonleaf"] .moonleaf-entry p{margin:14px 0 0}
[data-view="work-moonleaf"] .moonleaf-play{display:inline-block;font-size:24px;line-height:1.3;letter-spacing:0;text-decoration:none;min-height:44px}
[data-view="work-moonleaf"] :focus-visible{outline:1px solid #d8ded0;outline-offset:5px}
@media(max-width:720px){[data-view="work-moonleaf"] .content-layer--moonleaf{padding:86px 4vw 28px}[data-view="work-moonleaf"] .moonleaf-panel{padding:22px 18px}[data-view="work-moonleaf"] .work-topline{flex-wrap:wrap;gap:10px}[data-view="work-moonleaf"] .moonleaf-medium{font-size:17px;text-align:left}[data-view="work-moonleaf"] .moonleaf-title{margin:22px 0}[data-view="work-moonleaf"] .moonleaf-introduction{grid-template-columns:1fr;gap:10px}}