*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f3;color:#1d2021;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}header{height:64px;position:fixed;inset:0 0 auto;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:0 6%;background:#f5f5f3ed;border-bottom:1px solid #dedfdd;backdrop-filter:blur(15px)}header img{width:95px;height:46px;object-fit:contain}header>span{font-size:13px;font-weight:600}header>a:last-child{font-size:12px}header>a:last-child span{margin-left:18px}#film{height:620svh}.stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}#render{position:absolute;inset:64px 0 85px}canvas{display:block;width:100%;height:100%}.intro{position:absolute;top:94px;left:0;right:0;text-align:center;z-index:2;pointer-events:none}.intro p{font-size:10px;color:#697175;margin:0 0 12px}.intro h1{font-size:42px;line-height:1.2;margin:0;font-weight:600}.chapter{position:absolute;z-index:2;left:7%;top:24%;width:250px;pointer-events:none;transition:opacity .25s}.chapter .kicker{font-size:10px;font-weight:600;color:#6a7478;margin:0 0 20px}.chapter h2{font-size:34px;line-height:1.4;margin:0 0 18px;font-weight:600}.chapter .subline{font-size:13px;line-height:1.9;color:#687175;max-width:235px}.film-footer{position:absolute;z-index:3;bottom:18px;left:6%;right:6%;display:flex;align-items:center;gap:35px;flex-wrap:wrap}nav{display:flex;gap:32px;font-size:11px}nav a{padding:5px 0;color:#7e8588}nav a[aria-current]{color:#202b30}.progress{height:1px;background:#d9dddc;flex:1;min-width:70px}.progress i{display:block;height:1px;background:#526e73;transform-origin:left;transform:scaleX(0)}small{font-size:9px;color:#81888a;flex-basis:100%}.reference{padding:100px 8%;display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:center;background:#fff}.reference>div>p:first-child{font-size:10px;color:#627174}.reference h2{font-size:32px;line-height:1.5;max-width:360px}.reference-note{font-size:14px;line-height:1.9;color:#768085;max-width:360px}.reference a{display:inline-block;margin-top:25px;color:#3155a2;font-size:13px}.reference a span{margin-left:20px}.reference img{width:100%;height:auto;display:block}a:focus-visible{outline:2px solid #3155a2;outline-offset:6px}#fallback{position:absolute;top:45%;left:10%;right:10%;text-align:center}
@media(max-width:1000px){.chapter{left:5%;width:190px}.chapter h2{font-size:28px}.chapter .subline{font-size:12px}.reference{gap:30px}}
@media(max-width:700px){header{height:56px}header img{width:76px}header>span{font-size:10px}header>a:last-child{font-size:10px}#render{inset:178px 0 95px}.stage{min-height:600px}.intro{top:91px}.intro h1{font-size:29px}.intro p{font-size:8px;margin-bottom:9px}.chapter{left:7%;right:7%;top:88px;width:auto}.chapter .kicker{font-size:8px;margin-bottom:7px}.chapter h2{font-size:23px;line-height:1.35;margin-bottom:6px}.chapter .subline{font-size:11px;line-height:1.5;max-width:100%;margin:0}.film-footer{bottom:17px;gap:11px;left:7%;right:7%}nav{width:100%;justify-content:space-between;gap:10px}.progress{flex-basis:100%}small{font-size:8px}.reference{padding:64px 7%;grid-template-columns:1fr}.reference h2{font-size:28px}#film{height:580svh}}
@media (max-height:730px) and (min-width:701px){.intro{top:80px}.intro h1{font-size:32px}.intro p{font-size:8px}.chapter{top:25%}.chapter h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{transition:none}}
.chapter h2{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
.stage{min-height:0}
@media(max-width:700px){#render{inset:168px 0 80px}.intro{top:84px}.chapter{top:80px}}
@media(max-width:700px) and (max-height:600px){#render{inset:153px 0 72px}.intro{top:74px}.chapter{top:70px}.chapter .kicker{margin-bottom:5px}.chapter h2{font-size:21px;margin-bottom:5px}.film-footer{bottom:12px;gap:8px}}
@media(min-width:701px) and (max-height:500px){#render{inset:64px 0 72px}.stage .intro{top:90px;left:5%;right:auto;width:240px;text-align:left}.stage .intro h1{font-size:27px}.stage .intro p{font-size:8px}.film-footer{bottom:12px;gap:12px}}
.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#render canvas{position:relative;opacity:0;transition:opacity .2s}
.film-ready #render canvas{opacity:1}.film-ready .film-poster{visibility:hidden}
.film-unavailable #film{height:100svh}.film-unavailable .chapter,.film-unavailable [data-mark],.film-unavailable .progress{display:none}
#fallback{top:auto;bottom:115px;font-size:12px;background:#f5f5f3eb;padding:12px;z-index:4}#fallback a{color:#3155a2;text-decoration:underline}
.film-language{border:0;background:transparent;color:#526168;font:inherit;min-height:25px;width:67px;cursor:pointer}
.film-language:focus-visible{outline:2px solid #3155a2;outline-offset:3px}
.reference .previous-film{display:block;margin-top:18px;color:#687175}
.intro{padding:0 16px}.intro h1{text-wrap:balance}
@media(max-width:700px){nav{gap:6px;font-size:10px}.film-language{width:60px}header{gap:10px;padding:0 5%}header>span{max-width:145px;text-align:center}header>a:last-child{white-space:nowrap}.film-footer{gap:9px}.intro h1{line-height:1.15}}
@media(prefers-reduced-motion:reduce){#render canvas{transition:none}}