/* Only the A homepage film; retain the source's portrait composition in every language. */
.site-A .jd-case-campaign .jd-hero-film{grid-column:2;grid-row:1;min-width:0;padding:24px;align-self:center;justify-self:center;width:100%}
.jd-hero-film-frame{position:relative;width:min(100%,349px);margin-inline:auto;background:#171c19;border:1px solid #ffffff24}
.jd-hero-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#171c19;transform:none;direction:ltr}
.jd-hero-film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;color:#f7f7f0}
.jd-hero-film-toolbar>span{font-size:11px;line-height:1.6;letter-spacing:.025em}
.jd-hero-film-toggle{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;min-height:44px;flex-shrink:0;border:1px solid #d9ff5360;background:#171c19e8;color:#d9ff53;padding:8px 12px;font:600 12px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;border-radius:0}
.jd-hero-film-toggle:hover{background:#d9ff53;color:#171c19}
.jd-hero-film-toggle:focus-visible{outline:3px solid #d9ff53;outline-offset:3px}
.jd-hero-film-toggle[hidden]{display:none}
.jd-hero-film-status{font-size:12px;line-height:1.6;color:#f7f7f0;padding:0 12px 12px;margin:0}
.jd-hero-film-status:empty{display:none}
.jd-film-caption a{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.site-A .jd-case-campaign .jd-hero-film{grid-column:1;grid-row:2;padding:0 24px 28px;max-width:680px;justify-self:start}.jd-hero-film-frame{width:min(100%,280px)}}
@media(max-width:650px){.site-A .jd-case-campaign .jd-hero-film{padding-inline:18px;max-width:none}.jd-hero-film-frame{width:min(100%,300px)}.jd-hero-film-toolbar{padding:8px 10px;gap:8px}.jd-hero-film-toolbar>span{font-size:10px}.jd-hero-film-toggle{font-size:11px;padding-inline:10px}}