.chapter-film{padding:clamp(64px,8vw,124px) max(5vw,22px);background:#f3efe5;color:#102b3b}
.chapter-film-heading{max-width:890px;margin:0 auto 42px;text-align:center}
.chapter-film-kicker{font:700 .78rem/1.4 'DM Sans',sans-serif;letter-spacing:.18em;color:#8a6533}
.chapter-film h2{font:700 clamp(2.7rem,5vw,5rem)/.97 'Cormorant Garamond',serif;margin:13px 0 17px}
.chapter-film-heading>p:last-child{font:400 1.07rem/1.6 'DM Sans',sans-serif;max-width:650px;margin:0 auto;color:#40565e}
.chapter-film-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(25px,5vw,84px);max-width:1130px;margin:auto}
.chapter-film-screen{max-width:420px;width:100%;margin:auto}
.chapter-film video{width:100%;height:auto;aspect-ratio:9/16;display:block;object-fit:cover;background:#071b18;box-shadow:0 20px 50px #08251b30;border:7px solid #fff}
.chapter-film-note{font:400 .82rem/1.5 'DM Sans',sans-serif;color:#53646a;margin:12px 0 0}
.chapter-film-list{border-top:1px solid #c6bda9}
.chapter-film-list button{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:14px;align-items:start;width:100%;padding:18px 5px;border:0;border-bottom:1px solid #c6bda9;background:transparent;text-align:left;color:#102b3b;cursor:pointer}
.chapter-film-list button:hover,.chapter-film-list button:focus-visible,.chapter-film-list button.is-active{background:#e5decf;outline-offset:3px}
.chapter-film-list button span{grid-row:span 2;font:700 .76rem/1.5 'DM Sans',sans-serif;letter-spacing:.08em;color:#8a6533;padding-top:4px}
.chapter-film-list button strong{font:700 1.52rem/1.12 'Cormorant Garamond',serif}
.chapter-film-list button small{font:400 .82rem/1.4 'DM Sans',sans-serif;color:#52616a;padding-top:4px}
.chapter-film-link{display:block;width:max-content;margin:43px auto 0;border-bottom:1px solid currentColor;padding:0 0 4px;font:700 .9rem 'DM Sans',sans-serif;color:#102b3b;text-decoration:none}
@media(max-width:760px){.chapter-film{padding:67px 20px}.chapter-film-heading{margin-bottom:28px}.chapter-film-layout{grid-template-columns:1fr;gap:25px}.chapter-film-screen{max-width:340px}.chapter-film-list button{grid-template-columns:66px minmax(0,1fr);padding:16px 6px}.chapter-film-list button strong{font-size:1.4rem}.chapter-film-link{margin-top:32px}}