.product-films{background:#f6f6f3}
.product-films .container{max-width:var(--container)}
.product-films .eyebrow{margin-bottom:12px}
.product-films-heading{margin:0;font-size:clamp(2.2rem,3.6vw,3.7rem)}
.product-films-intro{margin:12px 0 34px;color:var(--muted)}
.product-films-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.product-film-card{min-width:0;background:white}
.product-film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eeeae1}
.product-film-play{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.product-film-play img{display:block;width:100%;height:100%;object-fit:cover;padding:0}
.product-film-play-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e6bd45;color:#26231b;font-size:23px;transform:translate(-50%,-50%);box-shadow:0 8px 28px #0003;transition:transform .2s ease,background .2s ease}
.product-film-play:hover .product-film-play-icon{background:#f1ce69;transform:translate(-50%,-50%) scale(1.08)}
.product-film-play:focus-visible{outline:3px solid #82611b;outline-offset:-3px}
.product-film-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.product-film-copy{padding:20px 22px 26px}
.product-film-copy small{display:block;color:var(--muted);font-weight:700;letter-spacing:.04em}
.product-film-copy h3{margin:8px 0 16px;font-size:1.3rem;line-height:1.3}
.product-film-copy a{color:#69501c;border-bottom:1px solid currentColor;font-weight:600}
.product-film-detail{grid-column:1/-1;width:100%;max-width:960px;margin:54px auto 0}
.product-film-detail h2{margin:0 0 22px;font-size:clamp(1.9rem,3vw,2.6rem)}
.product-film-detail .product-film-stage{background:#f5f4ef}
@media(max-width:800px){.product-films-grid{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:600px){.product-films-grid{grid-template-columns:1fr;gap:22px}.product-film-copy{padding:18px}.product-film-detail{margin-top:38px}.product-film-play-icon{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.product-film-play-icon{transition:none}}