/* Official media: keep artwork intact and captions outside images. */
.page-film-detail .official-film-figure{margin:28px 0 36px}
.page-film-detail .official-film-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.page-film-detail .official-film-figure figcaption{font-size:13px;line-height:1.7;color:#5d6062;margin-top:10px}
.official-film-video{margin:36px 0}
.official-video-stage{aspect-ratio:16/9;background:#101112;position:relative;overflow:hidden}
.official-video-play{display:block;position:relative;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#101112;color:#fff}
.official-video-play img{width:100%;height:100%;object-fit:contain}
.official-video-play span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#a71921;color:white;white-space:nowrap;font:inherit}
.official-video-play:focus-visible{outline:3px solid #bf2630;outline-offset:-4px}
.official-video-stage iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:600px){.official-video-play span{bottom:12px;font-size:14px;padding:10px 14px}.page-film-detail .official-film-figure{margin:24px 0}}

.official-film-art{position:relative;background:#141515;color:white}
.official-film-art-copy{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:42%;color:#fff}
.page-film-detail .official-film-art-copy strong{font-size:clamp(20px,2.4vw,32px);font-weight:500;line-height:1.45;color:white}
.page-film-detail .official-film-art-copy p{color:#e6e6e6;font-size:15px;line-height:1.7;margin-top:14px}
@media(max-width:600px){.official-film-art-copy{position:static;transform:none;width:auto;padding:20px}.page-film-detail .official-film-art-copy strong{font-size:22px}}

.official-source>img{width:56px;height:auto;vertical-align:middle;margin-right:10px}

/* Original vector icons for the six benefits; separate from 3M trademarks. */
.page-film-detail #overview .film-detail-features{row-gap:12px;margin-bottom:24px}
.page-film-detail #overview .film-benefit-icon{display:block;width:36px;height:36px;color:#343d38;margin:2px 0 18px;flex-shrink:0}
.film-benefit-icon .icon-accent{stroke:#a8141e}
.page-film-detail #overview .choice-item h3{margin:0 0 12px;line-height:1.6}
.page-film-detail #overview .choice-item p{margin:0}
@media(max-width:768px){.page-film-detail #overview .choice-item{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px;align-items:start;padding:22px 0}.page-film-detail #overview .film-benefit-icon{width:32px;height:32px;margin:0;grid-row:1 / span 2}.page-film-detail #overview .choice-item h3,.page-film-detail #overview .choice-item p{grid-column:2}}