.product-film{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);align-items:center;gap:48px;margin-top:64px;padding:40px;background:var(--deep);color:#fff;border-top:2px solid var(--orange)}
.film-label{display:block;font-size:.875rem;letter-spacing:.09em;color:var(--pale);margin-bottom:20px}
.film-copy h3{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.14;letter-spacing:-.04em}
.film-copy p{font-size:1rem;line-height:1.7;color:var(--pale);margin-top:20px}
.film-media{min-width:0}
.film-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;outline-offset:4px}
.film-transcript{font-size:.875rem;margin-top:15px;color:var(--pale)}
.film-transcript summary{cursor:pointer;min-height:44px;padding-block:10px;color:white}
.film-transcript p{font-size:1rem;line-height:1.7;padding-block:12px}
.film-error{font-size:1rem;padding-top:15px;color:var(--pale)}
@media(max-width:800px){.product-film{grid-template-columns:1fr;gap:28px;padding:24px;margin-top:40px}.film-copy p{margin-top:15px}.film-label{margin-bottom:14px}}

/* Let the product films occupy the full stage. */
.product-film{display:block;padding:0;background:transparent;border:0;margin-top:72px}
.film-copy{display:grid;grid-template-columns:1.1fr .85fr;column-gap:56px;align-items:end;margin-bottom:28px}
.film-label{grid-column:1/-1;margin-bottom:16px}
.film-copy h3{max-width:680px;font-size:clamp(1.8rem,3.8vw,3.2rem)}
.film-copy p{margin:0;max-width:500px}
.film-media video{background:#000912}
.human-story .product-film{color:var(--navy)}
.human-story .film-label,.human-story .film-copy p,.human-story .film-transcript,.human-story .film-error{color:#38566e}
.human-story .film-transcript summary{color:var(--navy)}
@media(max-width:800px){.product-film{padding:0;margin-top:48px}.film-copy{display:block;margin-bottom:22px}.film-copy p{margin-top:16px}.film-label{margin-bottom:14px}}