/* The campaign is a separate builder layout; archived editorial heroes keep their styling. */
.campaign-hero{--campaign-paper:#f8f5f0;--campaign-ink:#191916;position:relative;background:var(--campaign-paper);color:var(--campaign-ink);margin:0;width:100%;isolation:isolate}
.campaign-hero .campaign-rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:0;overscroll-behavior-x:contain}
.campaign-rail::-webkit-scrollbar{display:none}
/* Artwork uses the reference ratios: 2500×600 desktop and 1000×1200 phone. */
.campaign-slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.campaign-banner{display:block;position:relative;width:100%;aspect-ratio:25/6;color:inherit;text-decoration:none}
.campaign-art{display:block;width:100%;height:100%}
.campaign-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.campaign-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.campaign-hero :is(a,button):focus-visible,.campaign-hero:focus-visible{outline:2px solid #191916;outline-offset:5px}
.campaign-arrow{position:absolute;z-index:2;top:calc((100% - 32px)/2 - 22px);display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;color:#191916;border:0;border-radius:0;box-shadow:none;padding:0;cursor:pointer;transition:transform .18s ease}
.campaign-arrow:hover{background:transparent;box-shadow:none;transform:scale(1.08)}
.campaign-prev{left:18px}.campaign-next{right:18px}
.campaign-controls{height:32px;background:#fff;display:flex;justify-content:center;align-items:center}
.campaign-hero .carousel-dots{position:static;display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;transform:none}
.campaign-hero .carousel-dots button[data-slide-index]{display:grid;place-items:center;width:24px;height:32px;min-width:24px;min-height:32px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.campaign-hero .carousel-dots button[data-slide-index]::before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#c9c6c0}
.campaign-hero .carousel-dots button[data-slide-index][aria-current=true]::before{background:#191916}
.campaign-hero .carousel-dots button[data-slide-index]::after{display:none}
@media(max-width:767px){
 .campaign-banner{aspect-ratio:5/6}
 .campaign-arrow{top:calc((100% - 32px)/2 - 20px);width:40px;height:40px;min-width:40px;min-height:40px}
 .campaign-prev{left:14px}.campaign-next{right:14px}
}
@media(prefers-reduced-motion:reduce){.campaign-hero *{scroll-behavior:auto!important;transition:none!important}}