.film-section{background:#e9ece4;scroll-margin-top:100px}.film-intro{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:36px}.film-intro h2{margin:15px 0 0}.film-intro>p{max-width:420px;color:#596253;line-height:1.7}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.film-card{text-align:left;padding:0;background:#f9faf6;border:1px solid #cfd6c8;border-radius:14px;overflow:hidden;color:inherit;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.film-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #23341c15}.film-card:focus-visible{outline:3px solid #526350;outline-offset:5px}.film-art{position:relative;aspect-ratio:16/9;background:#ddd}.film-art img{display:block;width:100%;height:100%;object-fit:cover}.film-play{position:absolute;right:18px;bottom:16px;background:#283229;color:white;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:15px}.film-time{position:absolute;left:14px;bottom:16px;font-size:12px;padding:6px 9px;border-radius:5px;background:#ffffffed;color:#283229}.film-copy{padding:25px}.film-copy small{font-size:10px;letter-spacing:1.5px;color:#526350}.film-copy h3{font-size:23px;line-height:1.25;margin:13px 0}.film-copy p{font-size:15px;line-height:1.65;color:#60695d;min-height:74px}.film-link{display:block;font-size:14px;margin-top:20px;color:#526350}.film-note{font-size:12px;line-height:1.7;color:#60695d;margin-top:24px;max-width:850px}.video-dialog{background:#202a24!important;color:white;padding:18px!important;width:min(1200px,94vw)!important;max-height:94vh}.video-dialog video{width:100%;max-height:70vh;display:block;background:#111}.film-dialog-copy{padding:12px 12px 3px}.film-dialog-copy h2{font-size:22px;margin:8px 0}.film-dialog-copy p{font-size:14px;color:#d1d9c9}.video-dialog .close-dialog{z-index:3}.film-error{color:white;padding:12px}.film-error a{color:inherit}@media(max-width:1000px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-intro{display:block}}@media(max-width:620px){.film-grid{grid-template-columns:1fr}.film-copy p{min-height:0}.film-copy{padding:22px}}@media(prefers-reduced-motion:reduce){.film-card{transition:none}}