.promo-carousel{margin:36px 5% 0;color:#fff;position:relative}.promo-card{height:340px;position:relative;border-radius:10px;overflow:hidden;background:#211d1a;isolation:isolate;touch-action:pan-y}.promo-card picture{position:absolute;inset:0;z-index:-2}.promo-card img{width:100%;height:100%;object-fit:cover}.promo-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171514 0%,#171514f0 30%,#171514a0 53%,#17151405 82%)}.promo-copy{padding:35px 44px;max-width:650px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start}.promo-copy .eyebrow{font-size:10px;color:#f7efdf}.promo-copy h2{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.3px;line-height:1.1;margin:16px 0 10px;max-width:580px}.promo-copy p{font-size:15px;line-height:1.6;color:#e9ddce;margin:0 0 17px;max-width:430px}.promo-copy small{color:#cabcaa;font-size:11px;margin-top:12px}.promo-copy .btn{padding:13px 19px}.promo-control-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:15px;color:#554a40}.promo-dots{display:flex;align-items:center;gap:3px}.promo-dots button{width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;border-radius:50%}.promo-dots button:after{content:'';height:7px;width:7px;border-radius:50%;background:#bdb1a2}.promo-dots button[aria-current=true]:after{background:#ba292c;width:20px;border-radius:4px}.promo-controls{display:flex;align-items:center;gap:8px}.promo-controls button{background:#fff9f0;border:1px solid #d7c8b7;border-radius:6px;min-width:44px;min-height:40px;color:#332a22;font-size:14px}.promo-controls .promo-play{padding:8px 12px;font-size:12px}.promo-card.promo-enter{animation:promo-in .4s ease-out}@keyframes promo-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}.banner-admin-preview{max-width:1100px;margin:20px 0}.banner-admin-preview .promo-carousel{margin:0}.banner-admin-preview.is-mobile{max-width:390px}.banner-admin-preview.is-mobile .promo-card{height:450px}.banner-admin-preview.is-mobile .promo-copy{padding:24px;justify-content:start}.banner-admin-preview.is-mobile .promo-card:after{background:linear-gradient(180deg,#171514f5 0%,#171514dd 40%,#17151410 100%)}.banner-admin-preview.is-mobile .promo-copy h2{font-size:30px}.banner-admin-preview.is-mobile .promo-card img{object-position:center!important}.banner-editor{margin:18px 0;border:1px solid #d7c8b7;padding:22px;border-radius:10px}.banner-editor summary{cursor:pointer;font-weight:bold}.banner-editor .field-grid{margin-top:20px}.banner-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.banner-editor label small{font-weight:normal;color:#776859}.banner-editor img{max-width:220px;max-height:110px;object-fit:cover}.promo-carousel[hidden]{display:none!important}
@media(max-width:600px){.promo-carousel{margin:24px 5% 0}.promo-card{height:450px}.promo-copy{padding:25px;max-width:none;justify-content:start}.promo-copy h2{font-size:31px;max-width:330px}.promo-copy p{font-size:14px;max-width:300px}.promo-card:after{background:linear-gradient(180deg,#171514f5 0%,#171514e5 40%,#17151475 62%,#17151405 100%)}.promo-control-row{gap:6px}.promo-controls{gap:4px}.promo-controls button{min-height:44px}.promo-controls .promo-play{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.promo-card.promo-enter{animation:none}}