/* All variations preserve the exact copy, actions and right-side artwork. */
body[data-left-design] .ai-hero-copy { container-type:inline-size; }
body[data-left-design] .ai-hero-copy .eg-hero-actions { align-items:stretch; }
body[data-left-design] .ai-hero-copy .ai-value-tag { font-size:9px; }

/* 01 — Editorial: large type, light rules and a restrained underline. */
body[data-left-design="1"] .ai-impact-hero h1 .ai-hero-title { font-size:23cqw; font-weight:800; letter-spacing:-.08em; line-height:1; }
body[data-left-design="1"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { font-size:7.2cqw; line-height:1.85; margin-top:30px; font-weight:700; letter-spacing:-.04em; }
body[data-left-design="1"] .ai-value-headline em { background:linear-gradient(transparent 76%,#c9e6cd 76%); }
body[data-left-design="1"] .ai-value-list { margin-top:32px; }
body[data-left-design="1"] .ai-value-rotator.is-ready .ai-value-list { border-color:#d5ded7; }
body[data-left-design="1"] .ai-value-index { color:#9ab2a1; font-size:12px; }
body[data-left-design="1"] .ai-impact-hero .eg-hero-actions { margin-top:30px; }
body[data-left-design="1"] .ai-impact-hero .eg-hero-actions .eg-button { border-radius:8px; }

/* 02 — Deep green panel: high contrast, soft corners, quiet mint accents. */
body[data-left-design="2"] .ai-hero-copy { background:#123e2e; padding:36px 28px; border-radius:24px; box-shadow:0 20px 50px #143e2912; }
body[data-left-design="2"] .ai-impact-hero h1 .ai-hero-title { color:#f7fff9; font-size:22cqw; letter-spacing:-.07em; }
body[data-left-design="2"] .ai-impact-hero h1 .ai-hero-title>span { color:#a4e8bc; }
body[data-left-design="2"] .ai-hero-title i { color:#72a48a; }
body[data-left-design="2"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { color:#f4faf5; font-size:7.5cqw; line-height:1.85; margin-top:26px; }
body[data-left-design="2"] .ai-value-headline em { color:#b8ecc8; }
body[data-left-design="2"] .ai-value-rotator.is-ready .ai-value-list { border-color:#ffffff26; margin-top:30px; }
body[data-left-design="2"] .ai-value-list strong { color:#f4fbf6; font-size:14px; }
body[data-left-design="2"] .ai-value-list p { color:#b7cdbf; }
body[data-left-design="2"] .ai-value-index { color:#8bb79d; }
body[data-left-design="2"] .ai-value-tag { background:#ffffff15; color:#bfe8cd; }
body[data-left-design="2"] .ai-value-controls button { color:#b1caba; border-color:#688f76; }
body[data-left-design="2"] .ai-impact-hero .eg-hero-actions { gap:10px; }
body[data-left-design="2"] .ai-impact-hero .eg-hero-actions .eg-button { width:100%; border-radius:10px; justify-content:space-between; padding:10px 17px; }
body[data-left-design="2"] .ai-impact-hero .eg-hero-actions .eg-button-primary { background:#c5efd0; color:#124c2e; }
body[data-left-design="2"] .ai-impact-hero .eg-hero-actions .ai-film-link { background:transparent; border-color:#6b927b; color:#e1f0e5; justify-content:center; }
body[data-left-design="2"] .ai-film-link svg path { fill:#b8e3c7; }
body[data-left-design="2"] .ai-impact-hero .eg-hero-actions .ai-button-time { color:#b2cbb9; }

/* 03 — Japanese benefit first, technology as a compact supporting signature. */
body[data-left-design="3"] .ai-impact-hero h1 { display:flex; flex-direction:column; }
body[data-left-design="3"] .ai-impact-hero h1 .ai-hero-title { order:2; align-self:flex-start; font-size:10cqw; letter-spacing:-.04em; margin-top:28px; padding:12px 17px; background:#edf6ef; border:1px solid #d4e6d8; border-radius:100px; }
body[data-left-design="3"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { font-size:8.8cqw; margin:0; line-height:1.85; letter-spacing:-.075em; }
body[data-left-design="3"] .ai-value-headline em { color:#078c42; background:linear-gradient(transparent 83%,#c1dfc9 83%); }
body[data-left-design="3"] .ai-value-rotator { margin-top:28px; padding:0 0 0 18px; border-left:3px solid #8abd99; }
body[data-left-design="3"] .ai-value-rotator.is-ready .ai-value-list { border:0; margin:0; }
body[data-left-design="3"] .ai-value-controls { margin-top:0; }
body[data-left-design="3"] .ai-impact-hero .eg-hero-actions { margin-top:34px; }

/* 04 — Outlined typography, green headline strip and a framed value note. */
body[data-left-design="4"] .ai-hero-copy { border-top:4px solid #145335; padding-top:26px; }
body[data-left-design="4"] .ai-impact-hero h1 .ai-hero-title { color:transparent; -webkit-text-stroke:1.4px #235b3b; font-size:24cqw; line-height:1; letter-spacing:-.075em; }
body[data-left-design="4"] .ai-impact-hero h1 .ai-hero-title>span { color:#125435; -webkit-text-stroke:0; }
body[data-left-design="4"] .ai-hero-title i { -webkit-text-stroke:0; color:#729d7f; font-size:.4em; }
body[data-left-design="4"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { font-size:7.1cqw; margin-top:25px; line-height:2; }
body[data-left-design="4"] .ai-value-headline em { background:#17583a; color:#fff; padding:0 10px; box-shadow:5px 5px 0 #d9e9dc; }
body[data-left-design="4"] .ai-value-rotator { margin-top:26px; border:1px solid #d4dfd6; border-radius:2px; padding:4px 15px 8px; background:#fff; }
body[data-left-design="4"] .ai-value-rotator.is-ready .ai-value-list { border:0; margin:0; }
body[data-left-design="4"] .ai-value-controls { margin-top:0; }
body[data-left-design="4"] .ai-impact-hero .eg-hero-actions .eg-button { border-radius:3px; }

/* 05 — Centered poster, floating paper and a rounded LINE wordmark treatment. */
body[data-left-design="5"] .ai-hero-copy { text-align:center; padding:40px 24px 30px; background:#fff; border:1px solid #dce8df; border-radius:120px 120px 22px 22px; box-shadow:0 22px 60px #17452608; }
body[data-left-design="5"] .ai-impact-hero h1 .ai-hero-title { justify-content:center; font-size:17cqw; letter-spacing:-.065em; gap:.08em; }
body[data-left-design="5"] .ai-impact-hero h1 .ai-hero-title>span { color:#fff; background:#199454; border-radius:16px; padding:.16em .2em; }
body[data-left-design="5"] .ai-hero-title i { font-size:.4em; }
body[data-left-design="5"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { font-size:7.5cqw; margin-top:28px; line-height:1.9; font-weight:700; }
body[data-left-design="5"] .ai-value-headline em { color:#146e3c; }
body[data-left-design="5"] .ai-value-rotator { margin-top:27px; padding:10px 12px 4px; border-radius:13px; background:#f2f7f3; }
body[data-left-design="5"] .ai-value-rotator.is-ready .ai-value-list { border:0; margin:0; }
body[data-left-design="5"] .ai-value-list strong { font-size:13px; }
body[data-left-design="5"] .ai-value-controls { margin-top:0; }
body[data-left-design="5"] .ai-impact-hero .eg-hero-actions { justify-content:center; gap:9px; margin-top:24px; }
body[data-left-design="5"] .ai-impact-hero .eg-hero-actions .eg-button { width:100%; justify-content:center; }

@media(max-width:820px) {
 body[data-left-design] .ai-hero-copy { max-width:570px; width:100%; justify-self:center; }
 body[data-left-design="1"] .ai-hero-copy,body[data-left-design="3"] .ai-hero-copy,body[data-left-design="4"] .ai-hero-copy { text-align:left; }
 body[data-left-design="1"] .ai-impact-hero h1 .ai-hero-title,body[data-left-design="4"] .ai-impact-hero h1 .ai-hero-title { justify-content:flex-start; }
 body[data-left-design="3"] .ai-impact-hero h1 .ai-hero-japanese br { display:block; }
 body[data-left-design="2"] .ai-impact-hero h1 .ai-hero-japanese br,body[data-left-design="5"] .ai-impact-hero h1 .ai-hero-japanese br { display:block; }
}
@media(max-width:540px) {
 body[data-left-design="2"] .ai-hero-copy { padding:28px 20px; }
 body[data-left-design="5"] .ai-hero-copy { padding:32px 18px 22px; border-radius:85px 85px 20px 20px; }
 body[data-left-design="2"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline,body[data-left-design="5"] .ai-impact-hero h1 .ai-hero-japanese.ai-value-headline { font-size:7.7cqw; }
 body[data-left-design="4"] .ai-value-headline em { padding:0 6px; }
 body[data-left-design="3"] .ai-impact-hero h1 .ai-hero-title { margin-top:19px; }
}
@media(max-width:420px) { body[data-left-design] .hp-switcher a { min-width:0; white-space:normal; text-align:center; font-size:7.5px; line-height:1.4; } }