.gs-hero{position:relative;width:100%;overflow:hidden;background:#070709;isolation:isolate;--gs-hero-delay:5000ms;--gs-hero-h:78vh}
.gs-hero__slide{position:absolute;inset:0;background-size:cover;background-position:center center;opacity:0;visibility:hidden;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s;display:flex;align-items:center;overflow:hidden}
.gs-hero--trans-slide .gs-hero__slide{transform:translateX(40px);transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1),visibility .7s}
.gs-hero--trans-slide .gs-hero__slide.is-active{transform:translateX(0)}
.gs-hero__slide.is-active{opacity:1;visibility:visible;z-index:1}
.gs-hero__overlay{position:absolute;inset:0;z-index:0}
.gs-hero__gradient{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.08) 72%,rgba(0,0,0,0) 100%)}
.gs-hero--pos-left .gs-hero__gradient{background:linear-gradient(270deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.08) 72%,rgba(0,0,0,0) 100%)}
.gs-hero--pos-center .gs-hero__gradient{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.75) 100%)}
.gs-hero__inner{position:relative;z-index:1;width:100%;max-width:1320px;margin:0 auto;padding:56px 48px;display:flex}
.gs-hero--pos-right .gs-hero__inner{justify-content:flex-end;text-align:right}
.gs-hero--pos-left .gs-hero__inner{justify-content:flex-start;text-align:left}
.gs-hero--pos-center .gs-hero__inner{justify-content:center;text-align:center}
.gs-hero--valign-top .gs-hero__inner{align-items:flex-start}
.gs-hero--valign-center .gs-hero__inner{align-items:center}
.gs-hero--valign-bottom .gs-hero__inner{align-items:flex-end;padding-bottom:88px}
.gs-hero__content{width:100%;display:flex;flex-direction:column;animation:gsHeroIn .9s cubic-bezier(.22,1,.36,1) both}
.gs-hero__slide.is-active .gs-hero__content{animation:gsHeroIn .9s cubic-bezier(.22,1,.36,1) .15s both}
@keyframes gsHeroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.gs-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;line-height:1;opacity:.92}
.gs-hero__title{margin:0;font-size:clamp(32px,4.6vw,56px);font-weight:900;line-height:.95;letter-spacing:-.03em;text-wrap:balance}
.gs-hero__subtitle{margin:0;font-size:clamp(14px,1.5vw,17px);line-height:1.7;max-width:46ch;opacity:.92}
.gs-hero--pos-left .gs-hero__subtitle{margin-right:auto}
.gs-hero--pos-right .gs-hero__subtitle{margin-left:auto}
.gs-hero--pos-center .gs-hero__subtitle{margin-left:auto;margin-right:auto}
.gs-hero__actions{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px}
.gs-hero--pos-right .gs-hero__actions{justify-content:flex-end}
.gs-hero--pos-left .gs-hero__actions{justify-content:flex-start}
.gs-hero--pos-center .gs-hero__actions{justify-content:center}
.gs-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:all .22s;white-space:nowrap;letter-spacing:.01em}
.gs-hero__btn--solid{border-color:transparent}
.gs-hero__btn--outline{background:transparent !important}
.gs-hero__btn:hover{transform:translateY(-1px)}
.gs-hero__btn:active{transform:translateY(0)}
.gs-hero__btn-icon{display:inline-flex;flex-shrink:0}
.gs-hero__btn-icon svg{width:16px;height:16px}
.gs-hero__side{position:absolute;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;max-width:42vw;display:flex;align-items:center;justify-content:center}
.gs-hero__side--left{inset-inline-start:5%;inset-inline-end:auto}
.gs-hero__side--right{inset-inline-end:5%;inset-inline-start:auto}
.gs-hero__side--center{inset-inline-start:50%;transform:translate(-50%,-50%);max-width:52vw;opacity:.22}
.gs-hero__side img{height:auto;object-fit:contain;display:block;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55));max-height:68vh}
@media(max-width:1024px){.gs-hero__side{max-width:44vw}}
@media(max-width:768px){
  .gs-hero__inner{padding:32px 20px}
  .gs-hero__side{max-width:70vw;opacity:.18 !important}
  .gs-hero__side--left,.gs-hero__side--right{inset-inline-start:50% !important;inset-inline-end:auto !important;transform:translate(-50%,-50%) !important}
  .gs-hero__gradient{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.82) 100%) !important}
  .gs-hero__bottom{padding:0 20px}
  .gs-hero__progress{padding:0 20px}
  .gs-hero__title{font-size:clamp(26px,8vw,38px)}
  .gs-hero--valign-bottom .gs-hero__inner{padding-bottom:72px}
}
.gs-hero__controls{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:14px;padding:0 0 20px}
.gs-hero__progress{padding:0 48px}
.gs-hero__progress-track{width:100%;height:2px;overflow:hidden;position:relative}
.gs-hero__progress-fill{position:absolute;inset-inline-start:0;top:0;bottom:0;width:0}
.gs-hero__progress-fill.is-animating{width:100%;transition:width var(--gs-hero-delay) linear}
.gs-hero__bottom{display:flex;align-items:center;justify-content:space-between;padding:0 48px}
.gs-hero__dots{display:flex;gap:8px;align-items:center}
.gs-hero__dot{width:24px;height:3px;border:0;border-radius:99px;cursor:pointer;opacity:.85;transition:all .3s;padding:0}
.gs-hero__dot.is-active{width:36px;opacity:1}
.gs-hero__pause{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);background:rgba(0,0,0,.32);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:all .2s;flex-shrink:0}
.gs-hero__pause:hover{background:rgba(255,255,255,.18);border-color:#fff;transform:scale(1.05)}
