.taks-hero{--taks-accent:#b9e3ff;--taks-ink:#082d50;--taks-text:#fff;--taks-overlay:#061f3d;--taks-shade:.75;--taks-height:640px;position:relative;isolation:isolate;overflow:hidden;background:#082d50;color:var(--taks-text);font-family:inherit}
.taks-hero,.taks-hero *{box-sizing:border-box}
.taks-hero [hidden]{display:none!important}
.taks-hero__slide{position:relative;display:flex;align-items:center;min-height:var(--taks-height);background:radial-gradient(ellipse at 85% 20%,#286ca8 0,transparent 65%),#082d50}
.taks-hero__slide.is-active{animation:taks-hero-reveal .55s ease both}
.taks-hero__picture{position:absolute;inset:0;display:block;z-index:0}
.taks-hero__picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:inherit}
.taks-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--taks-overlay) 0%,var(--taks-overlay) 30%,transparent 100%);opacity:var(--taks-shade);z-index:1}
.taks-hero__content{position:relative;z-index:2;width:min(100%,1280px);margin:0 auto;padding:92px 72px 132px}
.taks-hero .taks-hero__eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.17em;line-height:1.6;margin:0 0 24px;color:var(--taks-text)}
.taks-hero__eyebrow::before{content:"";display:block;width:30px;height:2px;background:var(--taks-accent);flex-shrink:0}
.taks-hero .taks-hero__title{font-family:inherit;font-size:clamp(38px,4.6vw,66px);font-weight:600;letter-spacing:-.045em;line-height:1.08;max-width:670px;margin:0 0 24px;color:var(--taks-text);text-wrap:balance;overflow-wrap:anywhere}
.taks-hero .taks-hero__description{font-size:18px;line-height:1.7;max-width:535px;margin:0 0 32px;color:var(--taks-text);white-space:pre-line}
.taks-hero__buttons{display:flex;flex-wrap:wrap;gap:12px}
.taks-hero a.taks-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 23px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;transition:transform .2s,color .2s,background .2s;text-align:center;max-width:100%;overflow-wrap:anywhere}
.taks-hero a.taks-hero__button--primary{background:var(--taks-accent);color:var(--taks-ink)}
.taks-hero a.taks-hero__button--secondary{background:transparent;color:var(--taks-text);border-color:currentColor}
.taks-hero a.taks-hero__button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.taks-hero__controls{position:absolute;z-index:3;bottom:32px;left:50%;transform:translateX(-50%);width:min(calc(100% - 144px),1136px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.taks-hero__dots,.taks-hero__navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.taks-hero .taks-hero__controls button{appearance:none;cursor:pointer;min-width:44px;min-height:44px;padding:8px;border:1px solid #ffffff70;border-radius:50%;background:#061f3dcc;color:var(--taks-text);font:inherit;font-size:20px;line-height:1;box-shadow:none}
.taks-hero .taks-hero__controls .taks-hero__dot{position:relative;border:0;background:transparent;width:44px;height:44px;padding:14px}
.taks-hero__dot::after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--taks-text);opacity:.5;margin:auto}
.taks-hero__dot[aria-current="true"]::after{background:var(--taks-accent);opacity:1;width:24px;border-radius:8px}
.taks-hero .taks-hero__controls .taks-hero__pause{border-radius:24px;font-size:12px;min-width:66px;padding:12px}
.taks-hero a:focus-visible,.taks-hero button:focus-visible{outline:3px solid var(--taks-accent);outline-offset:4px}
@keyframes taks-hero-reveal{from{opacity:.45}to{opacity:1}}
@media(max-width:1024px){.taks-hero{--taks-height:600px}.taks-hero__content{padding:72px 40px 120px}.taks-hero__controls{width:calc(100% - 80px)}}
@media(max-width:767px){.taks-hero{--taks-height:640px}.taks-hero__content{padding:64px 24px 140px}.taks-hero .taks-hero__title{font-size:clamp(36px,9vw,50px)}.taks-hero .taks-hero__description{font-size:16px;line-height:1.65}.taks-hero__shade{background:var(--taks-overlay)}.taks-hero__controls{width:calc(100% - 48px);bottom:20px;align-items:flex-end}.taks-hero__dots{gap:0;max-width:48%}.taks-hero__navigation{gap:4px;flex-wrap:nowrap}.taks-hero .taks-hero__eyebrow{font-size:10px;letter-spacing:.12em}.taks-hero__buttons{gap:10px}.taks-hero a.taks-hero__button{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.taks-hero__slide.is-active{animation:none}.taks-hero a.taks-hero__button{transition:none}}
