.film-chapter{position:relative;padding:85px 7% 42px;background:radial-gradient(ellipse at 75% 40%,#454333,#30352a 70%);color:#e1d6bb;scroll-margin-top:68px}
.film-chapter:before{content:'';position:absolute;top:-95px;left:0;right:0;height:96px;pointer-events:none;background:linear-gradient(0deg,#30352a,transparent)}
.film-chapter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.film-chapter .eyebrow{font-size:10px;letter-spacing:.18em;color:#bdb396}.film-kanji{font-family:var(--serif);font-size:24px;color:#bfb393}
.film-layout{display:grid;grid-template-columns:24% 1fr;gap:7%}.film-portrait{margin:0}.film-portrait img{width:100%;height:270px;object-fit:cover;object-position:46% center;border:5px solid #80663f;border-image:var(--gilt-frame) 20 / 5px / 0 stretch;box-shadow:1px 3px 5px #121a1166}
.film-portrait figcaption{margin-top:21px}.film-portrait h2{font:400 39px/.95 var(--serif);margin:0 0 15px}.film-portrait p{font:italic 17px/1.5 var(--serif);color:#bbb39d;margin:0}
.film-feature{min-width:0}.film-poster{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;background:#35382c;border:8px solid #80663f;border-image:var(--gilt-frame) 20 / 8px / 0 stretch;box-shadow:1px 3px 4px #151b1170,0 17px 34px #131b1159;overflow:hidden;cursor:pointer}
.film-poster img{display:block;width:100%;height:100%;object-fit:cover}.film-poster:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 2px 5px #19180d70;background:linear-gradient(0deg,#17211530,transparent 40%)}
.film-play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:65px;height:65px;border:1px solid #cbb681;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:#e8dbb8;background:#3033298c;backdrop-filter:blur(3px);font-size:17px;z-index:1;transition:background .7s}.film-poster:hover .film-play{background:#75603fbb}
.film-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:21px}.film-watch{font:400 24px/1.3 var(--serif);padding:0 0 4px;background:none;border:0;border-bottom:1px solid #a38a58;color:inherit;cursor:pointer}.film-meta>span{font-size:10px;letter-spacing:.03em;color:#b7b09a;display:flex;gap:19px}.film-meta i{font-style:normal;font-variant-numeric:tabular-nums}
.film-next{display:block;margin-top:49px;padding-top:20px;border-top:1px solid #a6997340;text-align:right;font:16px var(--serif)}
.film-chapter button:focus-visible{outline:2px solid #e1c78e;outline-offset:7px}.header nav{gap:29px}
dialog.film-dialog{width:min(1200px,94vw);height:fit-content;max-height:94svh;padding:0;background:#171d16;border:1px solid #897348;color:#dfd4b7;overflow:auto;box-shadow:0 35px 100px #050b068c}
.film-dialog-bar{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;font-size:11px;letter-spacing:.06em}.film-dialog-credit{font-size:10px;opacity:.65;margin-left:12px}.film-dialog-bar button{font-size:13px;min-width:65px;min-height:42px;padding:10px;color:inherit}.film-dialog video{display:block;width:100%;max-height:calc(94svh - 115px);aspect-ratio:16/9;background:#000}.film-status{font-size:12px;line-height:1.6;margin:16px 24px 20px;color:#dfc899}
@media(max-width:1000px){.film-layout{grid-template-columns:23% 1fr;gap:5%}.film-portrait img{height:220px}.film-meta>span{gap:12px;font-size:9px}}
@media(max-width:680px){.header nav{gap:15px}.film-chapter{padding:43px 6% 30px;scroll-margin-top:58px}.film-chapter:before{height:66px;top:-65px}.film-chapter-head{margin-bottom:30px}.film-layout{grid-template-columns:1fr;gap:26px}.film-portrait{display:flex;gap:22px;align-items:center}.film-portrait img{width:112px;height:145px;border-width:4px;border-image-width:4px}.film-portrait figcaption{margin:0}.film-portrait h2{font-size:33px;margin-bottom:12px}.film-portrait p{font-size:16px}.film-poster{border-width:5px;border-image-width:5px}.film-play{width:54px;height:54px;font-size:15px}.film-meta{padding-top:17px;gap:10px}.film-watch{font-size:22px}.film-meta>span{gap:10px;font-size:10px}.film-next{margin-top:30px;padding-top:18px;font-size:15px}dialog.film-dialog{width:96vw;max-width:96vw;height:fit-content;max-height:94svh}.film-dialog-bar{min-height:59px;padding:9px 13px;font-size:10px;gap:8px}.film-dialog-credit{display:none}.film-dialog-bar button{font-size:12px;min-width:60px}.film-status{margin:13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.film-play{transition:none}}