:root{color-scheme:light;--paper:#f2f0e9;--ink:#272722;--muted:#6c6a62;--line:#d5d1c6;--accent:#87392b;--gutter:clamp(20px,5vw,80px)}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%;scroll-padding-top:22px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
[hidden]{display:none!important}
a{color:inherit;text-underline-offset:4px}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:var(--paper)}
.skip-link:focus{top:12px}
.site-header{max-width:1440px;margin:0 auto;padding:0 var(--gutter);height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark{font-size:26px;font-weight:400;letter-spacing:-.02em;text-decoration:none;line-height:1}
.wordmark span{color:var(--accent);letter-spacing:0}
.film-nav{display:inline-flex;align-items:center;gap:13px;min-height:44px;font-size:13px;text-decoration:none}
.film-nav:hover{text-decoration:underline}
.film-nav span{font-size:11px;color:var(--muted)}
.introduction{text-align:center;padding:28px var(--gutter) 36px}
.introduction h1{margin:0;font:400 clamp(25px,3.1vw,38px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.introduction p{margin:12px 0 0;font-size:14px;color:var(--muted)}
.artwork{max-width:1280px;margin:0 auto;padding:64px var(--gutter);scroll-margin-top:24px}
.artwork+.artwork{border-top:1px solid var(--line)}
.artwork:first-of-type{padding-top:0}
.work-label{display:flex;justify-content:center;align-items:center;gap:13px;margin:0 0 23px;font-size:12px;font-weight:400;letter-spacing:.025em}
.work-number{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.07em}
figure{margin:0}
.art-media{width:100%;max-width:min(1040px,var(--height-bound));margin:0 auto;aspect-ratio:var(--ratio);position:relative}
.portrait .art-media{max-width:min(620px,48svh)}
.still,.still picture{display:block;width:100%;height:100%}
.still img,.motion-player{display:block;width:100%;height:100%;object-fit:contain}
.motion-player{position:absolute;inset:0;background:var(--paper)}
figcaption{text-align:center}
.motion-action{margin:22px 0 0;min-height:48px}
.play-artwork{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:48px;max-width:100%;padding:12px 22px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.4;transition:background .15s,color .15s}
.play-artwork:hover{background:#444139}
.duration{font-size:11px;letter-spacing:.02em;padding-left:17px;border-left:1px solid #77756c;white-space:nowrap}
.play-artwork[aria-expanded="true"]{background:transparent;color:var(--muted);border-color:var(--line)}
.play-artwork[aria-expanded="true"]:hover{color:var(--ink);border-color:var(--ink)}
.coming-next{margin:22px 0 0;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}
.art-poem{margin:28px auto 0;max-width:670px}
.art-poem p{margin:0;font:400 clamp(18px,1.8vw,23px)/1.5 Georgia,'Times New Roman',serif;text-wrap:pretty}
.art-poem cite{display:block;margin-top:13px;font:11px/1.5 Arial,Helvetica,sans-serif;color:var(--muted)}
.work-notes{max-width:580px;margin:15px auto 0;font-size:14px}
.work-notes summary{display:flex;justify-content:center;align-items:center;gap:9px;min-height:44px;cursor:pointer;list-style:none;color:var(--muted);font-size:12px}
.work-notes summary::-webkit-details-marker{display:none}
.work-notes summary::after{content:'+';font-size:17px;font-weight:400}
.work-notes[open] summary::after{content:'−'}
.work-notes summary:hover{color:var(--ink)}
.notes-content{padding:8px 0 0;line-height:1.75;color:#57564f}
.notes-content p{margin:0 0 16px}
.notes-content p:last-child{margin-bottom:0}
.media-status,.media-fallback{max-width:580px;margin:12px auto 0;font-size:13px;text-align:center}
.media-status{color:var(--muted)}
noscript{display:block;margin-top:10px;font-size:14px}
.film-section{margin-top:16px;padding:68px var(--gutter) 80px;background:#1b1c19;color:#f2f0e9;scroll-margin-top:0}
.film-inner{max-width:1020px;margin:auto}
.film-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}
.film-heading h2{margin:0;font:400 30px/1.2 Georgia,'Times New Roman',serif}
.film-heading span{font-size:12px;color:#b9b7ac}
.film-player{display:block;width:100%;height:auto;aspect-ratio:193/128;object-fit:contain;background:#000}
.film-section .media-status{color:#cbc8bd}
.site-footer{max-width:1440px;margin:auto;padding:45px var(--gutter) 56px;display:flex;justify-content:space-between;gap:32px;color:var(--muted);font-size:12px}
.site-footer p{margin:0 0 7px}
.footer-name{color:var(--ink);font-size:14px;font-weight:400;letter-spacing:-.01em}
.site-footer .narrator-note{margin-top:19px;line-height:1.7;font-size:11px}
.contact{min-height:44px;align-self:flex-start;display:flex;flex-direction:column;text-decoration:none;gap:5px;color:var(--ink)}
.contact:hover{text-decoration:underline}
.contact span{color:var(--muted);font-size:12px}
.footer-links{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
@media(max-width:680px){
 .site-header{height:68px}.wordmark{font-size:24px}.film-nav{font-size:12px;gap:9px}.film-nav span{font-size:10px}
 .introduction{padding-top:14px;padding-bottom:30px}.introduction h1{font-size:26px}.introduction p{font-size:13px;margin-top:10px}
 .artwork{padding-top:44px;padding-bottom:44px}.work-label{margin-bottom:18px}.portrait .art-media{max-width:min(100%,48svh)}
 .motion-action{margin-top:19px}.art-poem{margin-top:25px}.art-poem p{font-size:18px}.work-notes{margin-top:10px}
 .film-section{padding-top:40px;padding-bottom:40px}.film-heading{margin-bottom:20px}.film-heading h2{font-size:27px}
 .site-footer{flex-direction:column;gap:24px;padding-top:34px;padding-bottom:40px}
}
@media(max-height:500px) and (min-width:681px){.art-media{max-width:min(900px,100%)}.portrait .art-media{max-width:360px}.balloons .art-media{max-width:320px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.film-play{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.film-play:hover{background:#dedbce}
.film-play:disabled{cursor:progress;opacity:.7}
.film-direct{margin:15px 0 0;font-size:12px;color:#cbc8bd;text-align:center}