.hts{--hts-accent:#6d42d8;--hts-height:680px;position:relative;width:100%;height:var(--hts-height);overflow:hidden;background:#f7f6fb;color:#17151c;isolation:isolate}
.hts__viewport,.hts__track{height:100%}.hts__slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(300px,42%) 1fr;height:100%;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}.hts__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hts__content{z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:auto;padding:clamp(2rem,4vw,4.5rem) clamp(2rem,7vw,7.5rem);padding-right:clamp(2rem,5vw,5rem);background:#fff;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
.hts__eyebrow{margin:0 0 1rem;color:var(--hts-accent);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hts__title{max-width:12ch;margin:0;font-size:clamp(2.6rem,5.2vw,5.8rem);font-weight:750;line-height:.98;letter-spacing:-.045em}.hts__text{max-width:38rem;margin-top:1.6rem;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.65;color:#595662}.hts__cta{align-self:flex-start;margin-top:2rem;padding:.9rem 1.45rem;border-radius:999px;background:var(--hts-accent);color:#fff;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}.hts__cta:hover,.hts__cta:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px color-mix(in srgb,var(--hts-accent) 35%,transparent)}
.hts__visual{position:absolute;inset:0 0 0 36%;z-index:0;background:linear-gradient(90deg,color-mix(in srgb,var(--hts-accent) 38%,transparent),transparent 48%),var(--hts-image) center/cover no-repeat}.hts__visual::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.24));pointer-events:none}
.hts__transport{margin-top:2.4rem}.hts__transport-title{display:block;margin-bottom:.8rem;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#77717e}.hts__transport-list{display:flex;flex-wrap:wrap;gap:.65rem}.hts__transport-item{display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:.5rem .85rem;border:1px solid #dedbe5;border-radius:12px;background:#fff;color:#24202a;text-decoration:none;font-weight:650;box-shadow:0 4px 12px rgba(31,24,43,.06);transition:border-color .2s,transform .2s}.hts__transport-item img{width:26px;height:26px;object-fit:contain}.hts__transport-item:hover,.hts__transport-item:focus-visible{color:var(--hts-accent);border-color:var(--hts-accent);transform:translateY(-2px)}
.hts__arrow{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(20,17,26,.38);color:#fff;font-size:1.35rem;cursor:pointer;backdrop-filter:blur(8px);transform:translateY(-50%)}.hts__arrow--prev{left:1rem}.hts__arrow--next{right:1rem}.hts__arrow:hover,.hts__arrow:focus-visible{background:var(--hts-accent)}.hts__dots{position:absolute;z-index:5;right:clamp(3rem,7vw,7rem);bottom:2rem;display:flex;gap:.55rem}.hts__dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.58);cursor:pointer;transition:width .25s,background .25s}.hts__dots button[aria-selected=true]{width:30px;background:#fff}
@media(max-width:800px){.hts{height:max(720px,var(--hts-height))}.hts__slide{display:flex;align-items:flex-end}.hts__visual{inset:0}.hts__content{width:100%;height:100%;justify-content:flex-end;padding:3rem 1.5rem 5rem;background:linear-gradient(transparent,rgba(13,10,18,.9) 28%);clip-path:none;color:#fff}.hts__title{max-width:14ch;font-size:clamp(2.35rem,11vw,4.2rem)}.hts__text{color:rgba(255,255,255,.82)}.hts__transport-title{color:rgba(255,255,255,.7)}.hts__dots{right:50%;bottom:1.35rem;transform:translateX(50%)}.hts__arrow{top:2rem;transform:none}.hts__arrow--prev{left:auto;right:4.5rem}.hts__arrow--next{right:1rem}}
@media(prefers-reduced-motion:reduce){.hts__slide,.hts__cta,.hts__transport-item,.hts__dots button{transition:none}}