@font-face{font-family:Instrument;src:url('/assets/instrument-serif.ttf') format('truetype');font-display:swap}@font-face{font-family:PortalMincho;src:url('/assets/noto-serif-jp-400-subset.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--paper:#f7f8f8;--soft:#edf1f2;--ink:#172124;--slate:#5c676a;--line:#d9dfe0;--serif:Instrument,PortalMincho,'Hiragino Mincho ProN','Yu Mincho',serif;--sans:Helvetica,Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;gap:30px;padding:29px max(5vw,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line)}.identity{font:400 25px/1.2 var(--serif)}.identity span{display:block;font:10px/1.4 var(--sans);color:var(--slate);margin-top:6px;letter-spacing:.05em}.header-role{font-size:11px;color:var(--slate)}#language{margin-left:auto;padding:9px 15px;border:0;background:transparent;min-width:44px;min-height:44px}main{max-width:1360px;width:90%;margin:50px auto 0}.intro{margin-bottom:35px}.intro h1{font:400 43px/1.45 var(--serif);letter-spacing:.015em}.intro p{font-size:13px;color:var(--slate);margin-top:10px}.screening{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:50px;align-items:start}.media{aspect-ratio:16/9;position:relative;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.media img,.media video{display:block;width:100%;height:100%;object-fit:contain}.media iframe{width:100%;height:100%;border:0}.play{position:absolute;left:24px;bottom:22px;display:inline-flex;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.65);background:rgba(23,33,36,.78);color:white;padding:11px 17px;min-height:44px;font-size:13px}.play svg{width:15px;height:15px;fill:currentColor}.work-heading{display:flex;gap:22px;justify-content:space-between;align-items:start;margin-top:24px}.work-heading h2{font:400 31px/1.3 var(--serif);margin-top:7px}.work-heading>div>p{font-size:11px;color:var(--slate)}#stop{background:none;border:0;border-bottom:1px solid var(--slate);font-size:11px;min-height:44px;white-space:nowrap}.work-role{font-size:12px;margin-top:17px;color:var(--slate)}.work-description{font:400 20px/1.85 var(--serif);white-space:pre-line;max-width:720px;margin-top:22px;text-wrap:pretty}.work-note{font-size:11px;color:var(--slate);white-space:pre-line;margin-top:17px;max-width:680px}.source-link{display:inline-block;font-size:12px;margin-top:19px;border-bottom:1px solid var(--slate)}#play-status{font-size:12px;color:var(--slate);margin-top:13px}.selection>h2{font:400 13px/1.5 var(--sans);margin-bottom:15px}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.filters button{background:transparent;border:0;padding:10px 11px;min-height:44px;font-size:11px}.filters button[aria-pressed=true]{color:white;background:#253337}.work-button{width:100%;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:16px;text-align:left;padding:13px 8px;border:0;border-bottom:1px solid var(--line);background:transparent}.work-button[aria-pressed=true]{background:var(--soft)}.thumb{height:72px;background:var(--soft);display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:contain}.work-button strong{font:400 19px/1.35 var(--serif);display:block}.work-button small{display:block;font-size:10px;line-height:1.6;color:var(--slate);margin-top:6px}.work-button:hover strong{text-decoration:underline;text-underline-offset:4px}footer{max-width:1360px;width:90%;margin:70px auto 0;padding:24px 0;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;font-size:10px;color:var(--slate)}footer span:last-child{margin-left:auto}footer a{min-height:44px;display:inline-flex;align-items:center}html[lang=ja] .intro h1,html[lang=ja] .work-description{font-family:PortalMincho,'Hiragino Mincho ProN','Yu Mincho',serif}
@media(max-width:1100px){.screening{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}}@media(max-width:900px){header{padding:23px 20px}.header-role{display:none}main{width:calc(100% - 40px);margin-top:34px}.screening{display:block}.selection{margin-top:45px}.intro h1{font-size:34px}.intro{margin-bottom:25px}.work-description{font-size:19px}.work-heading h2{font-size:29px}#works{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.work-button{grid-template-columns:88px 1fr}.thumb{height:62px}.play{left:17px;bottom:16px;padding:9px 13px}footer{width:calc(100% - 40px);margin-top:42px}}@media(max-width:540px){.identity{font-size:23px}header{padding-top:18px;padding-bottom:18px}.intro h1{font-size:31px}.intro p{font-size:11px;line-height:1.8}.work-description{font-size:18px;line-height:1.9}.work-heading{margin-top:20px;gap:14px}.work-heading h2{font-size:27px}.work-role{font-size:11px;line-height:1.9}#works{display:block}.work-button{grid-template-columns:100px 1fr;padding:12px 6px;gap:17px}.thumb{height:68px}.work-button strong{font-size:21px}.work-button small{font-size:11px}.filters button{font-size:11px}.selection{margin-top:37px}footer{flex-wrap:wrap;gap:5px 25px}footer span:last-child{width:100%;margin-left:0}.play{left:12px;bottom:12px;font-size:12px}.source-link{font-size:11px}.work-note{font-size:11px}.work-heading>div>p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.portal-nav{display:flex;gap:20px;margin-left:auto;font-size:12px}.portal-nav a{min-height:44px;display:inline-flex;align-items:center}.portal-nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}header #language{margin-left:0}.work-count{color:var(--slate);font-size:10px;margin-bottom:10px}.pending-message{position:absolute;left:20px;bottom:20px;background:rgba(23,33,36,.86);color:#fff;padding:9px 14px;font-size:12px}.festival-panel{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.festival-panel h3{font:400 11px/1.6 var(--sans);margin:0 0 12px}.festival-panel ul{list-style:none;margin:0;padding:0}.festival-panel li{margin:13px 0;font-size:11px;color:var(--slate)}.festival-panel li p{white-space:pre-line}.festival-panel li div{display:flex;gap:15px;flex-wrap:wrap;margin-top:5px}.festival-panel a{text-decoration:underline;text-underline-offset:3px}.selection{position:sticky;top:30px}#works{max-height:calc(100vh - 250px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
@media(max-width:900px){.selection{position:static}#works{max-height:none;overflow-y:visible;overscroll-behavior:auto}.portal-nav{gap:17px;font-size:11px}.festival-panel li{font-size:11px;line-height:1.9}}
@media(max-width:380px){header{gap:12px}.identity{font-size:20px}.portal-nav{gap:13px}#language{padding:8px 6px;min-width:40px}}