/* Scoped banner styles override the legacy theme's global button rules. */
#content .ss-banner-top-progress{position:absolute;inset:0 0 auto;height:3px;z-index:6;background:#ffffff20;pointer-events:none;overflow:hidden}
#content .ss-banner-top-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0878e8,#8bd8ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 8px #70c9ff66}
#content .ss-original-slide.active .ss-banner-top-progress>span{animation:ss-banner-progress 8.5s linear both}
#content .ss-original-banner[data-paused=true] .ss-banner-top-progress>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#content .ss-original-slide.active .ss-banner-top-progress>span{animation:none!important;transform:scaleX(1)}}
#content .ss-banner-copy .ss-banner-title{font-weight:700;letter-spacing:-.035em}
#content .ss-banner-copy .ss-banner-description{font-weight:400}
#content .ss-banner-copy .ss-banner-eyebrow{font-weight:650}
#content .ss-banner-copy .ss-banner-button{font-weight:600}
#content .ss-original-slide:nth-of-type(1){--banner-ink:12,21,25;--banner-tone:42,58,63}
#content .ss-original-slide:nth-of-type(2){--banner-ink:25,20,17;--banner-tone:78,59,42}
#content .ss-original-slide:nth-of-type(3){--banner-ink:20,21,22;--banner-tone:62,58,50}
#content .ss-original-slide:nth-of-type(4){--banner-ink:24,21,18;--banner-tone:69,58,43}
#content .ss-original-banner{height:auto;min-height:0;aspect-ratio:calc(var(--banner-aspect,2.8) / 1.06);isolation:isolate;background:#17181b}
#content .ss-original-slide{opacity:0;visibility:hidden;z-index:0;transition:opacity .9s ease;overflow:hidden}
#content .ss-original-slide.active{opacity:1;visibility:visible;z-index:2}
#content .ss-original-slide.is-leaving{opacity:0;visibility:visible;z-index:1}
#content .ss-original-slide>img,#content .ss-original-slide>video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:right center;transform:none;transition:opacity .9s ease}
#content .ss-original-slide.active>img,#content .ss-original-slide.active>video{transform:none}
#content .ss-banner-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(var(--banner-ink,9,10,12),.94),rgba(var(--banner-tone,25,26,29),.78) 42%,rgba(var(--banner-tone,22,23,25),.12) 82%),linear-gradient(0deg,rgba(var(--banner-ink,9,10,12),.68),transparent 55%);pointer-events:none}
#content .ss-banner-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 50%,rgba(var(--banner-tone),.18),transparent 65%)}
#content .ss-banner-content{width:min(1180px,calc(100% - 100px));margin:0 auto;position:absolute;inset:24px 0 108px;display:flex;align-items:center;height:auto;z-index:3;padding:0}
#content .ss-banner-copy{width:min(660px,85%);padding:0}
#content .ss-banner-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#fff!important;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.15em;width:fit-content;max-width:100%;padding:7px 12px;border:1px solid #ffffff38;border-radius:5px;background:linear-gradient(120deg,#ffffff12,#ffffff04);backdrop-filter:blur(8px);text-shadow:0 1px 8px #0006}
#content .ss-banner-eyebrow:before{content:"";width:22px;height:2px;background:#fff;flex-shrink:0}
#content .ss-banner-title{max-width:18ch;margin:0 0 16px;color:#fff!important;font-size:clamp(30px,3.5vw,56px);font-weight:800;letter-spacing:-.045em;line-height:1.08;text-transform:none;text-wrap:balance;text-shadow:0 3px 25px #0006,0 1px 2px #0004}
#content .ss-banner-description{max-width:490px;margin:0 0 22px;color:#fff!important;font-size:15px;line-height:1.75!important;font-weight:500;text-shadow:0 2px 12px #0009}
#content .ss-banner-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative}
#content .ss-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 20px;border:1px solid #ffffff50;border-radius:7px;color:#fff!important;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:0;text-transform:none;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
#content .ss-banner-button.primary{background:linear-gradient(130deg,#494c52 0%,#292b30 50%,#111215 100%)!important;border-color:#ffffff40;box-shadow:0 8px 24px #0003}
#content .ss-banner-button.secondary{background:#ffffff09!important;backdrop-filter:blur(8px)}
#content .ss-banner-button:hover{transform:translateY(-2px);border-color:#ffffffa6;box-shadow:0 8px 24px #0004}
#content .ss-banner-button.primary:hover{background:linear-gradient(130deg,#60636a,#27292e)!important}
#content .ss-banner-button.secondary:hover{background:#ffffff17!important}
#content .ss-banner-copy>*{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.65,.3,1)}
#content .active .ss-banner-copy>*{opacity:1;transform:translateY(0)}
#content .active .ss-banner-eyebrow{transition-delay:.18s}#content .active .ss-banner-title{transition-delay:.3s}#content .active .ss-banner-description{transition-delay:.43s}#content .active .ss-banner-actions{transition-delay:.55s}
#content .ss-original-banner button{min-height:0!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#fff!important;letter-spacing:0!important;line-height:1!important;text-transform:none!important;font-weight:500!important;transform:none!important;cursor:pointer}
#content .ss-original-banner button:before,#content .ss-original-banner button:after{content:none!important;display:none!important}
#content .ss-original-banner .ss-banner-bottom{width:min(1180px,calc(100% - 100px));position:absolute;bottom:24px;top:auto;left:50%;transform:translateX(-50%);z-index:5;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0;min-height:32px}
#content .ss-original-banner .ss-banner-controls{position:static;display:flex;align-items:center;background:none;padding:0;gap:16px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;flex-shrink:0}
#content .ss-original-banner .ss-banner-controls button{width:32px!important;height:32px!important;border:1px solid #ffffff66!important;border-radius:50%!important;font-size:12px!important}
#content .ss-banner-dots{display:flex;gap:8px;align-items:center}
#content .ss-original-banner .ss-banner-dots button{width:36px!important;height:24px!important;border-radius:0!important;font-size:0!important;display:grid;place-items:center}
#content .ss-banner-dots button>span{display:block;height:3px;width:100%;background:#ffffff50;border-radius:2px;overflow:hidden}
#content .ss-banner-dots button[aria-current=true]>span{background:#ffffff70}
#content .ss-banner-dots button[aria-current=true]>span:after{content:"";display:block;height:100%;background:#fff;transform-origin:left;animation:ss-banner-progress 8.5s linear both}
#content .ss-original-banner[data-paused=true] .ss-banner-dots span:after{animation-play-state:paused}
#content .ss-original-banner .ss-banner-prev,#content .ss-original-banner .ss-banner-next{position:absolute;top:50%;bottom:auto;z-index:5;width:40px!important;height:52px!important;border-radius:0!important;backdrop-filter:none!important;transform:translateY(-50%)!important;font-size:34px!important;opacity:.8;transition:opacity .2s!important}
#content .ss-original-banner .ss-banner-prev{left:12px}#content .ss-original-banner .ss-banner-next{right:12px}
#content .ss-original-banner .ss-banner-prev:hover,#content .ss-original-banner .ss-banner-next:hover{background:transparent!important;transform:translateY(-50%)!important;opacity:1}
#content .ss-original-banner :is(a,button):focus-visible{outline:2px solid #fff!important;outline-offset:4px}
@keyframes ss-banner-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1500px){#content .ss-banner-content{bottom:140px}#content .ss-banner-title{font-size:64px}}
@media(max-width:767px){#content .ss-original-banner{height:620px;min-height:620px}#content .ss-banner-content{width:calc(100% - 80px);inset:28px 0 136px}#content .ss-banner-copy{width:100%}#content .ss-banner-title{font-size:clamp(30px,7.5vw,43px);max-width:16ch;margin-bottom:16px}#content .ss-banner-description{font-size:13px;line-height:1.7!important;margin-bottom:22px}#content .ss-banner-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:16px;gap:8px}#content .ss-banner-eyebrow:before{width:20px}#content .ss-banner-actions{gap:10px}#content .ss-banner-button{font-size:10px;min-height:42px;padding:10px 13px;gap:8px}#content .ss-banner-shade{background:linear-gradient(90deg,#0a0b0deb,#1e1f22a6),linear-gradient(0deg,#0b0c0e80,transparent)}#content .ss-original-banner .ss-banner-bottom{width:calc(100% - 80px);bottom:76px}#content .ss-original-banner .ss-banner-prev,#content .ss-original-banner .ss-banner-next{width:28px!important;height:44px!important;font-size:28px!important}#content .ss-original-banner .ss-banner-prev{left:3px}#content .ss-original-banner .ss-banner-next{right:3px}#content .ss-original-slide>img{object-position:right center}}
@media(prefers-reduced-motion:reduce){#content .ss-original-banner *,#content .ss-original-banner *:after{animation:none!important;transition:none!important}#content .ss-original-slide>img,#content .ss-original-slide>video{transform:none!important}}

/* Add six percent height, keeping the image anchored to the right edge. */
#content .ss-feature-row.ss-premium-overlap{margin-top:0!important}
#content .ss-banner-particles{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.7}
#content .ss-banner-light{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
#content .ss-banner-light:before{content:"";position:absolute;left:-50%;top:-30%;width:36%;height:160%;background:linear-gradient(100deg,transparent,#ffffff0d 45%,#ffffff24 50%,transparent 65%);filter:blur(18px);transform:translateX(-100%) skewX(-18deg);animation:ss-light-pass 16s ease-in-out infinite}
#content .ss-banner-light:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#ffffff16,transparent 55%);animation:ss-atmosphere 7s ease-in-out infinite alternate}
#content .ss-original-banner[data-motion-paused=true] .ss-banner-light:before,#content .ss-original-banner[data-motion-paused=true] .ss-banner-light:after{animation-play-state:paused}
@keyframes ss-light-pass{0%,12%{transform:translateX(0) skewX(-18deg);opacity:0}25%{opacity:1}65%,100%{transform:translateX(520%) skewX(-18deg);opacity:0}}
@keyframes ss-atmosphere{from{opacity:.25}to{opacity:.85}}
@media(min-width:1500px){#content .ss-banner-content{bottom:108px}#content .ss-banner-title{font-size:clamp(52px,3.4vw,64px)}}
@media(max-width:1100px) and (min-width:768px){#content .ss-banner-content{inset:18px 0 70px}#content .ss-banner-title{font-size:clamp(26px,3.2vw,36px);max-width:21ch;margin-bottom:12px}#content .ss-banner-eyebrow{margin-bottom:12px;padding:5px 10px;font-size:8px}#content .ss-banner-description{font-size:12px;line-height:1.6!important;margin-bottom:15px}#content .ss-banner-button{min-height:38px;padding:9px 13px;font-size:10px}}
@media(max-width:767px){#content .ss-original-banner{aspect-ratio:auto;height:calc(106vw / var(--banner-aspect,2.8) + 500px);min-height:0}#content .ss-original-slide>img,#content .ss-original-slide>video{height:calc(106vw / var(--banner-aspect,2.8));object-position:right center}#content .ss-banner-content{width:calc(100% - 56px);inset:calc(106vw / var(--banner-aspect,2.8) + 28px) 0 86px}#content .ss-banner-copy{width:100%}#content .ss-banner-title{font-size:clamp(30px,7vw,40px);max-width:18ch}#content .ss-banner-shade{top:calc(106vw / var(--banner-aspect,2.8));background:linear-gradient(135deg,#25272c,#111214)}#content .ss-original-banner .ss-banner-bottom{width:calc(100% - 56px);bottom:25px}#content .ss-original-banner .ss-banner-prev,#content .ss-original-banner .ss-banner-next{top:calc(53vw / var(--banner-aspect,2.8))}}
@media(prefers-reduced-motion:reduce){#content .ss-banner-light:before,#content .ss-banner-light:after{animation:none!important}}

/* Let the caption determine its height instead of clipping long copy. */
#content .ss-original-banner{aspect-ratio:auto;height:auto;min-height:0;display:grid;--banner-aspect:2.8}
/* Every caption contributes to the shared row, including inactive slides.
   Visibility, inert and aria-hidden keep those slides non-interactive. */
#content .ss-original-banner .ss-original-slide,#content .ss-original-banner .ss-original-slide[hidden]{grid-area:1/1;position:relative;inset:auto;min-height:max(490px,37.85vw);display:flex!important;align-items:center}
#content .ss-banner-content{position:relative;inset:auto;width:min(1180px,calc(100% - 112px));padding:40px 0 104px;margin:auto;box-sizing:border-box}
#content .ss-banner-copy{min-width:0}
#content .ss-banner-button{box-sizing:border-box;max-width:100%;white-space:normal;text-align:center}
#content .ss-original-banner .ss-banner-bottom{width:min(1180px,calc(100% - 112px))}
@media(max-width:1023px){
 #content .ss-original-banner .ss-original-slide,#content .ss-original-banner .ss-original-slide[hidden]{display:block!important;min-height:0}
 #content .ss-original-slide>img,#content .ss-original-slide>video{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:var(--banner-aspect,2.8);object-fit:contain;object-position:right center}
 #content .ss-banner-content{width:calc(100% - 48px);padding:28px 0 96px;min-height:0;position:relative;inset:auto}
 #content .ss-banner-copy{width:100%}
 #content .ss-banner-title{font-size:clamp(30px,5vw,42px);max-width:24ch}
 #content .ss-banner-description{max-width:600px;font-size:14px;line-height:1.7!important}
 #content .ss-banner-shade{top:calc(100vw / var(--banner-aspect,2.8));background:linear-gradient(135deg,rgb(var(--banner-tone)),rgb(var(--banner-ink)))}
 #content .ss-original-banner .ss-banner-bottom{width:calc(100% - 48px);bottom:24px;gap:12px}
 #content .ss-original-banner .ss-banner-prev,#content .ss-original-banner .ss-banner-next{top:calc(50vw / var(--banner-aspect,2.8))}
 #content .ss-banner-eyebrow{font-size:9px;letter-spacing:.08em}
}
@media(max-width:520px){
 #content .ss-banner-title{font-size:clamp(28px,7.4vw,38px);max-width:19ch}
 #content .ss-banner-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 #content .ss-banner-button{width:100%;min-height:46px;font-size:11px;padding:12px 14px}
 #content .ss-original-banner .ss-banner-dots button{width:24px!important;height:32px!important}
 #content .ss-banner-dots{gap:6px}
 #content .ss-original-banner .ss-banner-controls{gap:10px;font-size:10px}
 #content .ss-banner-eyebrow{padding:7px 9px;gap:7px;font-size:8px}
 #content .ss-banner-eyebrow:before{width:14px}
}
