/* The editorial lead keeps its existing cover/copy composition inside a quiet rail. */
.yg-hero-carousel{position:relative;min-width:0;width:100%;max-width:100%;margin:0 0 32px;--yg-hero-red:var(--f-brand,#ff3355)}
.yg-hero-viewport{display:flex;align-items:stretch;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:3px}
.yg-hero-viewport::-webkit-scrollbar{display:none}
.yg-hero-viewport:focus-visible{outline:2px solid var(--yg-hero-red);outline-offset:5px}
.yg-hero-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.yg-hero-slide>.f-featured{margin:0;height:100%;border-radius:0}
.yg-hero-slide .f-featured-image img{-webkit-user-drag:none}
.f-banner-section .yg-hero-slide.is-entering .f-operator-banner>img{animation:yg-hero-depth-in 1.05s cubic-bezier(.16,.72,.24,1) both;will-change:transform,filter}
.f-banner-section .yg-hero-slide.is-entering .f-operator-banner-copy{animation:yg-hero-copy-in .78s cubic-bezier(.22,.68,.24,1) .12s both}
@keyframes yg-hero-depth-in{from{transform:scale(1.065);filter:blur(1.6px) brightness(1.04)}to{transform:scale(1);filter:blur(0) brightness(1)}}
@keyframes yg-hero-copy-in{from{opacity:.55;transform:translateY(10px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.yg-hero-viewport.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.yg-hero-viewport.is-dragging *{cursor:grabbing!important}
.yg-hero-viewport.is-dragging .f-featured-image img{transform:none}
.yg-hero-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;transform:translateY(-50%);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:rgba(24,28,27,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.08);cursor:pointer;transition:background-color .18s ease}
.yg-hero-arrow-prev{left:16px}
.yg-hero-arrow-next{right:16px}
.yg-hero-arrow svg{width:22px;height:22px}
.yg-hero-arrow:hover{background:rgba(24,28,27,.8)}
.yg-hero-arrow:focus-visible{outline:2px solid var(--yg-hero-red);outline-offset:3px}
.yg-hero-arrow:disabled{opacity:.4;cursor:default}
.yg-hero-dots{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 0 0}
.yg-hero-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--f-muted,#8a8a8a);opacity:.5;cursor:pointer}
.yg-hero-dots button.active{background:var(--yg-hero-red);opacity:1}
.yg-hero-dots button:focus-visible{outline:2px solid var(--yg-hero-red);outline-offset:3px}
@media(min-width:769px) and (hover:hover) and (pointer:fine){.yg-hero-slide .f-featured-copy{padding-right:76px}}
@media(max-width:768px),(hover:none),(pointer:coarse){.yg-hero-arrow{display:none}}
.yg-hero-carousel.is-single{margin-bottom:36px}
@media(pointer:fine){.yg-hero-carousel:not(.is-single) .yg-hero-viewport{cursor:grab}.yg-hero-slide a,.yg-hero-slide button{cursor:pointer}}
@media(max-width:600px){
 .yg-hero-carousel{margin-bottom:23px}
 .yg-hero-slide>.f-featured{height:100%;display:flex;flex-direction:column;background:var(--f-bg)}
 .yg-hero-slide .f-featured-image{flex:none;aspect-ratio:1.67}
 .yg-hero-slide .f-featured-copy{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:18px 0 2px;border:0}
 .yg-hero-slide .f-featured h2{font-size:25px;line-height:1.48;-webkit-line-clamp:3}
 .yg-hero-slide .f-featured-actions{margin-top:auto;padding-top:15px;min-height:59px}
 .yg-hero-carousel.is-single{margin-bottom:27px}
}
@media(max-width:360px){.yg-hero-slide .f-featured h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.yg-hero-viewport{scroll-behavior:auto}.yg-hero-arrow{transition:none}.f-banner-section .yg-hero-slide.is-entering .f-operator-banner>img,.f-banner-section .yg-hero-slide.is-entering .f-operator-banner-copy{animation:none}}
