/* Adira Jr campaign hero slider */
.campaign-slider{position:relative;isolation:isolate;background:#eee;overflow:hidden}
.campaign-track{position:absolute;inset:0}
.campaign-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease;overflow:hidden}
.campaign-slide.is-active{opacity:1;visibility:visible;z-index:1}
.campaign-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 7s ease}
.campaign-slide.is-active img{transform:scale(1.035)}
.campaign-slider::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(24,27,26,.18) 100%)}
.campaign-label{position:absolute;left:24px;bottom:24px;z-index:4;padding:8px 12px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(255,253,249,.82);backdrop-filter:blur(10px);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#394543}
.campaign-arrow{position:absolute;top:50%;z-index:5;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,253,249,.76);backdrop-filter:blur(10px);color:#2a2a2a;display:grid;place-items:center;font-size:1.65rem;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease}
.campaign-prev{left:18px}.campaign-next{right:18px}
.campaign-arrow:hover{background:#54aaa9;color:white;border-color:#54aaa9;transform:translateY(-50%) scale(1.04)}
.campaign-dots{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:999px;background:rgba(255,253,249,.72);backdrop-filter:blur(10px)}
.campaign-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(42,42,42,.28);cursor:pointer;transition:width .25s ease,background .25s ease}
.campaign-dot.is-active{width:22px;border-radius:999px;background:#54aaa9}

/* Desktop hero composition: campaign imagery left, copy right, matching heights */
@media(min-width:1021px){
  .hero-grid{grid-template-columns:1.35fr .82fr;align-items:stretch}
  .hero-media{order:1;height:100%;min-height:590px}
  .hero-copy{order:2;height:100%;min-height:590px}
}

@media(max-width:1020px){
  .hero-media{order:1}
  .hero-copy{order:2}
}

@media(max-width:760px){.campaign-label{left:14px;bottom:14px;font-size:.64rem;padding:7px 10px}.campaign-arrow{width:38px;height:38px;font-size:1.4rem}.campaign-prev{left:10px}.campaign-next{right:10px}.campaign-dots{bottom:13px}.campaign-slider::after{background:linear-gradient(180deg,transparent 55%,rgba(24,27,26,.15) 100%)}}
@media(prefers-reduced-motion:reduce){.campaign-slide,.campaign-slide img,.campaign-arrow,.campaign-dot{transition:none!important}}