/* The selected site has no design-comparison toolbar. */
body:not([data-hero-preview]) { padding-bottom:0; }
/* First-view movie (2026-10): large, frameless, autoplays muted. */
.ai-hero-top .lb-hero-film--portrait { width:auto; max-width:none; padding:0; background:none; border:0; box-shadow:none; justify-self:center; }
.ai-hero-top .lb-hero-film--portrait .lb-film-heading,.ai-hero-top .lb-hero-film--portrait figcaption { display:none; }
.ai-hero-top .lb-hero-film--portrait h2 { position:absolute; width:1px; height:1px; margin:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ai-hero-top .lb-hero-film--portrait .lb-film-frame { position:relative; width:min(470px, calc((100svh - 150px) * 9 / 16)); min-width:300px; border:0; border-radius:24px; box-shadow:0 0 0 8px #fff,0 0 0 9px #cfe5d4,0 34px 80px #0b3b2447; }
.ai-hero-top .lb-hero-film--portrait .lb-film-note { max-width:100%; width:min(470px, calc((100svh - 150px) * 9 / 16)); min-width:300px; margin:16px auto 0; border:0; padding:0; text-align:center; }
.lb-film-unmute { position:absolute; top:14px; right:14px; z-index:2; display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border:0; border-radius:99px; background:#06c755; color:#fff; font:800 13px/1 "Noto Sans JP",sans-serif; white-space:nowrap; box-shadow:0 8px 22px #00000059; cursor:pointer; }
.lb-film-unmute svg { width:18px; height:18px; }
.lb-film-unmute:hover { background:#05b04b; }
.lb-film-unmute:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.lb-film-unmute[hidden] { display:none; }
@media(min-width:821px) {
 .ai-impact-hero .ai-hero-top { width:min(1640px,94%); grid-template-columns:minmax(0,1fr) auto; justify-content:space-between; gap:clamp(40px,5vw,110px); min-height:calc(100svh - 90px); padding-top:32px; padding-bottom:32px; }
 .ai-impact-hero .ai-hero-copy { width:100%; max-width:980px; }
 body[data-left-design="1"] .ai-impact-hero h1 .ai-hero-title { font-size:min(23cqw,220px); }
 body[data-left-design="1"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { font-size:min(7.2cqw,66px); }
 .ai-impact-hero .ai-value-list strong { font-size:clamp(16px,1.3vw,20px); }
 .ai-impact-hero .ai-value-list p { font-size:clamp(11px,.9vw,14px); }
 body[data-left-design] .ai-impact-hero .ai-value-tag { font-size:11px; }
 .ai-impact-hero .eg-hero-actions .eg-button { min-height:64px; font-size:15px; padding:14px 28px; }
}
@media(max-width:820px) {
 .ai-impact-hero { overflow-x:clip; }
 .ai-impact-hero .ai-hero-top { padding-top:0; }
 .ai-hero-top .lb-hero-film--portrait { order:-1; width:100vw; margin-inline:calc(50% - 50vw); justify-self:stretch; background:#0f2a1c; }
 .ai-hero-top .lb-hero-film--portrait .lb-film-frame { width:min(100%, calc((100svh - 75px) * 9 / 16)); min-width:0; border-radius:0; box-shadow:none; }
 .ai-hero-top .lb-hero-film--portrait .lb-film-note { width:auto; min-width:0; margin:0; padding:10px 16px 12px; color:#b9d4c1; font-size:9px; }
}