.hero-carousel .hero-main h1 { font-size: 76px; max-width: 700px; }
.hero-carousel .hero-main p { max-width: 480px; }
.hero-carousel .hero-main .eyebrow { font-size: 16px; line-height: 1.5; font-weight: 600; }
@media(max-width: 800px) { .hero-carousel .hero-main .eyebrow { font-size: 14px; } }
.hero-carousel .hero-shade { background: linear-gradient(90deg,rgba(5,16,10,.65),rgba(5,16,10,.12) 75%); }
.hero-topics { display: flex; gap: 24px; flex: 1; }
.hero-topics button { background: transparent; border: 0; border-top: 2px solid #ffffff60; color: #fff; padding: 14px 0; text-align: left; font: inherit; cursor: pointer; flex: 1; }
.hero-topics button[aria-pressed="true"] { border-color: #fff; font-weight: 700; }
.hero-topics span { margin-left: 8px; }
.hero-controls { display: flex; gap: 8px; margin-left: 32px; }
.hero-controls button { width: 42px; height: 42px; border: 1px solid #ffffff90; border-radius: 50%; background: #10241966; color: white; cursor: pointer; }
.hero-controls button:hover { background: #ffffff30; }
.hero-carousel button:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.hero-carousel .hero-image { transition: opacity .3s ease; }
.hero-carousel[data-slide="4"] { color: #252b2a; }
.hero-carousel[data-slide="4"] .hero-shade { background: linear-gradient(90deg,rgba(239,242,244,.8),rgba(239,242,244,.15) 48%,transparent 65%); }
.hero-carousel[data-slide="4"] .hero-main h1,
.hero-carousel[data-slide="4"] .hero-main p,
.hero-carousel[data-slide="4"] .eyebrow,
.hero-carousel[data-slide="4"] .hero-topics button { color: #252b2a; }
.hero-carousel[data-slide="4"] .hero-main h1 { font-size: 64px; }
.hero-carousel[data-slide="4"] .hero-topline,
.hero-carousel[data-slide="4"] .hero-topics button { border-color: #252b2a40; }
.hero-carousel[data-slide="4"] .hero-topics button[aria-pressed="true"] { border-color: #252b2a; }
.hero-carousel[data-slide="4"] .hero-main .action-link { background: #252b2a; color: white; border-color: #252b2a; }
.hero-carousel[data-slide="4"] .hero-controls button { color: #252b2a; background: #ffffff80; border-color: #252b2a70; }
.hero-carousel[data-slide="4"] button:focus-visible { outline-color: #252b2a; }
@media(max-width: 800px) { .hero-carousel[data-slide="4"] .hero-main h1 { font-size: 48px; } .hero-carousel[data-slide="4"] .hero-shade { background: rgba(242,244,245,.78); } }
.hero-carousel[data-slide="3"] .hero-image { object-position: center 60%; filter: saturate(.8); }
.hero-carousel[data-slide="3"] .hero-shade { background: linear-gradient(90deg,rgba(12,18,16,.85),rgba(12,18,16,.48) 42%,rgba(12,18,16,.08) 75%),linear-gradient(0deg,rgba(12,18,16,.5),transparent 30%); }
.hero-carousel[data-slide="3"] .hero-main h1 { font-size: 60px; max-width: 670px; line-height: 1.06; }
@media(max-width: 800px) { .hero-carousel[data-slide="3"] .hero-main h1 { font-size: 42px; } .hero-carousel[data-slide="3"] .hero-image { object-position: center; } }
@media(max-width: 800px) { .hero-carousel .hero-main h1 { font-size: 52px; } .hero-carousel .hero-bottom { flex-wrap: wrap; gap: 6px; } .hero-topics { flex-basis: 100%; gap: 12px; } .hero-topics span { display: block; margin: 5px 0 0; font-size: 10px; } .hero-controls { margin-left: auto; } .hero-carousel .hero-main { padding-block: 18px; } }
@media(max-width: 380px) { .hero-carousel .hero-main h1 { font-size: 44px; } }
@media(prefers-reduced-motion: reduce) { .hero-carousel .hero-image { transition: none; } }