/* Review-only hero alternatives. No dataset means the existing hero is unchanged. */

/* A — one continuous dark composition, with the motif opening out to the edge. */
body[data-hero-design="panorama"] .hero{
  position:relative;overflow:hidden;background:var(--ic-ink);color:white;padding-block:64px 0;
  background-image:radial-gradient(ellipse at 90% 70%,#245b7940,transparent 60%);
}
body[data-hero-design="panorama"] .hero-grid{grid-template-columns:1.15fr 1fr;gap:32px;min-height:470px}
body[data-hero-design="panorama"] .hero-copy{position:relative;z-index:2;max-width:640px}
body[data-hero-design="panorama"] .hero .eyebrow{color:#a6cbe3}
body[data-hero-design="panorama"] .hero-intro{color:#cfdee6;max-width:35em}
body[data-hero-design="panorama"] .hero .button{background:#fff;color:var(--ic-ink);border-color:#fff}
body[data-hero-design="panorama"] .hero .button:hover{background:#eaf2f8}
body[data-hero-design="panorama"] .hero .button.secondary{background:transparent;color:white;border-color:#8ca8bb}
body[data-hero-design="panorama"] .hero .button.secondary:hover{background:#ffffff12}
body[data-hero-design="panorama"] .hero a:focus-visible{outline-color:#c6e3f5}
body[data-hero-design="panorama"] .art{background:none;border-radius:0;overflow:visible;aspect-ratio:1;height:500px}
body[data-hero-design="panorama"] .art[data-hero-art="motif"]{transform:translateY(-24px)}
body[data-hero-design="panorama"] .art:before,body[data-hero-design="panorama"] .art:after{display:none}
body[data-hero-design="panorama"] .art-capsules{width:115%;height:104%;transform:translateX(10%) rotate(-18deg);gap:2.6%}
body[data-hero-design="panorama"] .capsule-column i{background:linear-gradient(180deg,#9bc9e7,#3a84bf);box-shadow:inset 1px 0 0 #d9edfa40}
body[data-hero-design="panorama"] .capsule-column i+i{background:linear-gradient(180deg,#3a84bf,#245472)}

/* B — a white editorial layout with an unboxed, enlarged identity graphic. */
body[data-hero-design="editorial"] .hero{padding-block:88px 72px;background:#fff;overflow:hidden}
body[data-hero-design="editorial"] .hero-grid{grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
body[data-hero-design="editorial"] .hero h1{font-size:clamp(2.25rem,5.2vw,4.75rem);max-width:750px}
body[data-hero-design="editorial"] .hero-copy{gap:32px}
body[data-hero-design="editorial"] .hero-intro{max-width:34em;border-left:2px solid var(--ic-logo-blue);padding-left:24px}
body[data-hero-design="editorial"] .art{background:none;border-radius:0;aspect-ratio:1;overflow:visible;isolation:isolate}
body[data-hero-design="editorial"] .art:before{inset:8%;border:1px solid var(--ic-rule);border-radius:50%;background:none}
body[data-hero-design="editorial"] .art:after{inset:21%;border:1px solid var(--ic-rule);border-radius:50%;background:none;z-index:0}
body[data-hero-design="editorial"] .art-capsules{height:86%;width:100%;transform:translateX(4%) rotate(-12deg);gap:2.6%}
body[data-hero-design="editorial"] .capsule-column i{background:var(--ic-logo-blue)}
body[data-hero-design="editorial"] .capsule-column i+i{background:#87b2d2}
body[data-hero-design="editorial"] .capsule-column:nth-child(3n) i:first-child{background:var(--ic-action)}

/* C — centered copy over a shallow, light band of identity geometry. */
body[data-hero-design="horizon"] .hero{padding-block:64px 0;background:linear-gradient(180deg,#fff 12%,#f0f5f9 100%);overflow:hidden}
body[data-hero-design="horizon"] .hero-grid{display:flex;flex-direction:column;gap:36px}
body[data-hero-design="horizon"] .hero-copy{align-items:center;text-align:center;max-width:920px;gap:24px}
body[data-hero-design="horizon"] .hero h1{max-width:920px;font-size:clamp(2.25rem,4.5vw,4.25rem)}
body[data-hero-design="horizon"] .hero h1 br{display:none}
body[data-hero-design="horizon"] .hero h1 br:after{content:' '}
body[data-hero-design="horizon"] .hero-intro{max-width:700px}
body[data-hero-design="horizon"] .hero-actions{justify-content:center}
body[data-hero-design="horizon"] .art{width:100%;height:170px;aspect-ratio:auto;background:none;border-radius:0;overflow:hidden}
body[data-hero-design="horizon"] .art:before{inset:34px 0 0;background:linear-gradient(var(--ic-rule),var(--ic-rule)) top/100% 1px no-repeat}
body[data-hero-design="horizon"] .art:after{display:none}
body[data-hero-design="horizon"] .art-capsules{position:absolute;top:18px;width:min(100%,1000px);height:135px;transform:none;gap:2.7%}
body[data-hero-design="horizon"] .capsule-column i{background:linear-gradient(90deg,#7baacc,#3a84bf)}
body[data-hero-design="horizon"] .capsule-column i+i{background:#aac9df}
body[data-hero-design="horizon"] .capsule-column:nth-child(3n) i:first-child{background:#216998}

@media(max-width:1150px){
  body[data-hero-design="panorama"] .hero{padding-top:48px}
  body[data-hero-design="panorama"] .hero-grid{gap:20px;min-height:410px}
  body[data-hero-design="panorama"] .art{height:400px}
  body[data-hero-design="editorial"] .hero-grid{gap:24px}
  body[data-hero-design="editorial"] .hero{padding-block:64px}
}
@media(max-width:767px){
  body[data-hero-design="panorama"] .hero{padding-block:32px 40px}
  body[data-hero-design="panorama"] .hero-grid{position:relative;grid-template-columns:1fr;gap:32px;min-height:0}
  body[data-hero-design="panorama"] .hero-copy{max-width:100%}
  body[data-hero-design="panorama"] .hero h1,body[data-hero-design="editorial"] .hero h1{font-size:clamp(2rem,8vw,3.5rem)}
  body[data-hero-design="panorama"] .art{position:absolute;top:-12px;right:-8px;z-index:1;width:220px;height:220px;max-height:none;opacity:.65}
  body[data-hero-design="panorama"] .art[data-hero-art="motif"]{transform:none}
  body[data-hero-design="panorama"] .art-capsules{width:84%;height:90%;transform:rotate(-18deg)}
  body[data-hero-design="editorial"] .hero{padding-block:40px}
  body[data-hero-design="editorial"] .hero-grid{grid-template-columns:1fr;gap:28px}
  body[data-hero-design="editorial"] .hero-copy{gap:24px}
  body[data-hero-design="editorial"] .hero-intro{padding-left:16px}
  body[data-hero-design="editorial"] .art{width:min(100%,320px);height:260px;aspect-ratio:auto;justify-self:center}
  body[data-hero-design="editorial"] .art-capsules{width:92%;height:92%}
  body[data-hero-design="horizon"] .hero{padding-top:40px}
  body[data-hero-design="horizon"] .hero-grid{gap:28px}
  body[data-hero-design="horizon"] .hero-copy{gap:24px;text-align:left;align-items:flex-start}
  body[data-hero-design="horizon"] .hero h1{font-size:clamp(2rem,8vw,3.5rem)}
  body[data-hero-design="horizon"] .hero h1 br{display:initial}
  body[data-hero-design="horizon"] .hero-actions{width:100%}
  body[data-hero-design="horizon"] .art{height:125px}
  body[data-hero-design="horizon"] .art-capsules{width:100%;height:100px;top:10px}
}