.rotating-hero{position:relative;min-height:clamp(680px,82vh,820px);overflow:hidden;background:#172033;color:#fff}
.rotating-hero-track{position:absolute;inset:0}
.rotating-hero-panel{position:absolute;inset:0;display:grid;align-items:center;padding:7rem 1.25rem 6rem;background-position:center;background-size:cover;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}
.rotating-hero-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,23,35,.94) 0%,rgba(18,32,46,.86) 39%,rgba(18,32,46,.28) 72%,rgba(18,32,46,.12) 100%)}
.rotating-hero-panel[data-active="true"]{opacity:1;visibility:visible;z-index:1}
.rotating-hero-content{position:relative;z-index:2;width:min(1120px,calc(100% - 2.5rem));margin:0 auto}
.rotating-hero-content>*{max-width:700px}
.rotating-hero-kicker{margin:0 0 .8rem;color:#f5c36a;font:800 .75rem/1.3 var(--font-mono,"DM Mono",monospace);letter-spacing:.15em;text-transform:uppercase}
.rotating-hero h1,.rotating-hero h2{margin:0;color:#fff;font:900 clamp(2.7rem,6.3vw,5.1rem)/1.01 var(--font-display,"Playfair Display",serif);letter-spacing:-.035em}
.rotating-hero-description{margin:1.2rem 0 0;color:rgba(255,255,255,.86);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.65}
.rotating-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.rotating-hero-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.8rem 1.05rem;border:1px solid #fff;border-radius:.55rem;background:#fff;color:#172033;font-weight:850;text-decoration:none}
.rotating-hero-button.secondary{background:rgba(15,29,42,.35);color:#fff;backdrop-filter:blur(4px)}
.rotating-hero-controls{position:absolute;z-index:4;right:max(1.25rem,calc((100vw - 1120px)/2));bottom:2rem;display:flex;align-items:center;gap:.45rem;padding:.45rem;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(10,22,34,.7);backdrop-filter:blur(8px)}
.rotating-hero-control{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font:800 1rem var(--font-sans,"Inter",sans-serif);cursor:pointer}
.rotating-hero-control:hover,.rotating-hero-control:focus-visible{background:rgba(255,255,255,.16)}
.rotating-hero-status{min-width:62px;color:#fff;font:750 .75rem var(--font-mono,"DM Mono",monospace);text-align:center}
@media(max-width:700px){.rotating-hero{min-height:670px}.rotating-hero-panel{align-items:center;padding:6rem .75rem 8rem;background-position:62% center}.rotating-hero-panel::before{background:linear-gradient(90deg,rgba(11,23,35,.95),rgba(18,32,46,.76))}.rotating-hero-content{width:min(100% - 1.5rem,1120px)}.rotating-hero-button{width:100%}.rotating-hero-controls{right:50%;bottom:1.5rem;transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.rotating-hero-panel{transition:none}}