@keyframes heroCarouselShimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.hero-carousel{position:relative;width:100%;max-width:1600px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;isolation:isolate;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card),0 0 40px rgba(255,45,85,.06);contain:layout paint;touch-action:pan-y;overscroll-behavior-x:contain}.hero-carousel-track{display:flex;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}.hero-carousel-slide{position:relative;flex:0 0 100%;width:100%;height:100%}.hero-carousel-frame{width:100%;height:100%;border:0;display:block;background:var(--bg-card)}.hero-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:clamp(38px,6vw,44px);height:clamp(38px,6vw,44px);border-radius:50%;background:rgba(11,15,26,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(1rem,2vw,1.15rem);transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),opacity var(--t-fast)}.hero-carousel-arrow:hover{background:var(--red-dim);border-color:var(--border-red);transform:translateY(-50%) scale(1.06)}.hero-carousel-arrow:active{transform:translateY(-50%) scale(.96)}.hero-carousel-arrow--prev{left:clamp(8px,2vw,16px)}.hero-carousel-arrow--next{right:clamp(8px,2vw,16px)}@media (hover:hover) and (pointer:fine){.hero-carousel-arrow{opacity:0;pointer-events:none}.hero-carousel:focus-within .hero-carousel-arrow,.hero-carousel:hover .hero-carousel-arrow{opacity:1;pointer-events:auto}}@media (hover:none){.hero-carousel-arrow{opacity:.9}}.hero-carousel-dots{position:absolute;bottom:clamp(10px,2.4vw,18px);left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(11,15,26,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-carousel-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);border:0;cursor:pointer;padding:0;transition:background var(--t-fast),transform var(--t-fast),width var(--t-fast)}.hero-carousel-dot:hover{background:rgba(255,255,255,.55)}.hero-carousel-dot.active{width:20px;border-radius:4px}.hero-carousel-progress{position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:rgba(255,255,255,.08)}.hero-carousel-dot.active,.hero-carousel-progress-bar{background:var(--red);box-shadow:0 0 8px var(--red-glow)}.hero-carousel-progress-bar{height:100%;width:0%;transition:width linear}.hero-carousel.loading .hero-carousel-frame{opacity:0}.hero-carousel.loading::before{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:800px 100%;animation:heroCarouselShimmer 1.6s infinite linear}@media (min-width:1024px){.hero-carousel{border:1px solid rgba(255,45,85,.16);box-shadow:var(--shadow-card),0 0 60px rgba(255,45,85,.1)}}@media (max-width:1023px){.hero-carousel-dots{gap:7px}}@media (prefers-reduced-motion:reduce){.hero-carousel-arrow,.hero-carousel-track{transition:none}.hero-carousel.loading::before{animation:none}}