.hero-slider{position:relative;background:var(--deep)}
.hero-slide[hidden]{display:none!important}
.hero-slide .hero-copy{min-width:0}
.hero-slide .hero-copy h1,.hero-slide .hero-copy h2,.hero-slide .hero-copy p{max-width:100%;white-space:normal;overflow-wrap:normal}
.hero-slide .hero-copy .cta{align-self:flex-start;max-width:100%}
.hero-slide h2{font-size:clamp(40px,4vw,62px);line-height:1.04;letter-spacing:-2px;margin:0 0 20px;font-weight:800}
.hero-slide h2 em{display:block;color:var(--gold);font-style:normal}
.hero-slide.is-active::before{content:"";position:absolute;z-index:4;left:0;bottom:0;width:100%;height:5px;background:var(--gold);transform-origin:left center;animation:hero-progress 6.5s linear both;pointer-events:none}

  .hero-slide.is-active .hero-image{animation:hero-image-enter 6.5s ease-out both}
  .hero-slide.is-active .hero-eyebrow{animation:hero-copy-enter .55s .08s both}
  .hero-slide.is-active h1,.hero-slide.is-active h2{animation:hero-copy-enter .65s .16s both}
  .hero-slide.is-active p{animation:hero-copy-enter .65s .28s both}
  .hero-slide.is-active .benefits{animation:hero-copy-enter .65s .37s both}
  .hero-slide.is-active .cta{animation:hero-copy-enter .65s .4s both}
  html[data-layout="matmarknad"] .hero-slide.is-active .hero-image{animation:hero-market-image 6.5s ease-out both}
  html[data-palette="premium"] .hero-slide.is-active .hero-image{animation:hero-premium-image 6.5s ease-out both}
  html[data-palette="premium"] .hero-slide.is-active .hero-eyebrow,
  html[data-palette="premium"] .hero-slide.is-active h1,
  html[data-palette="premium"] .hero-slide.is-active h2,
  html[data-palette="premium"] .hero-slide.is-active p,
  html[data-palette="premium"] .hero-slide.is-active .benefits,
  html[data-palette="premium"] .hero-slide.is-active .cta{animation-name:hero-premium-copy}
@keyframes hero-image-enter{0%{opacity:0;transform:translateX(90px) scale(1.09)}18%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:1;transform:scale(1.06)}}
@keyframes hero-copy-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-market-image{0%{opacity:0;transform:scale(1.15)}18%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1.06)}}
@keyframes hero-premium-image{0%{opacity:0;transform:scale(1.09)}18%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1.04)}}
@keyframes hero-premium-copy{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-slider-controls{position:absolute;z-index:3;right:max(22px,calc((100vw - 1212px)/2));bottom:22px;display:flex;align-items:center;gap:12px}
.hero-slider-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #fff9;border-radius:50%;background:#171716a8;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.hero-slider-controls button:hover{background:var(--red);transform:translateY(-2px)}
.hero-dots{display:flex;gap:7px;align-items:center}.hero-dots button{width:9px;height:9px;border:0;background:#fff9;padding:0}.hero-dots button.is-active{width:25px;border-radius:9px;background:var(--gold)}
.hero-slider-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.hero-slider.is-paused .hero-slide.is-active .hero-image,.hero-slider.is-paused .hero-slide.is-active::before{animation-play-state:paused}
html[data-layout="matmarknad"] .hero-slider{max-width:1272px;margin:24px auto 0;background:transparent}
html[data-layout="matmarknad"] .hero-slider .hero{margin:0}
html[data-layout="matmarknad"] .hero-slide h2{font-size:clamp(38px,4.3vw,58px)}
html[data-layout="matmarknad"] .hero-slide h2 em{color:#fff}
html[data-layout="matmarknad"] .hero-slider-controls{right:22px;bottom:20px}
html[data-layout="matmarknad"] .hero-slider-controls button{border-radius:4px}
html[dir="rtl"] .hero-slide.is-active::before{transform-origin:right center}
html[data-layout="matmarknad"] .hero-dots button{border-radius:2px}
html[data-palette="premium"] .hero-slide h2{font-weight:700;font-size:clamp(44px,4.8vw,72px)}
html[data-palette="premium"] .hero-slider .hero h1,
html[data-palette="premium"] .hero-slider .hero h2{font-size:clamp(38px,3.8vw,56px);line-height:1.1;letter-spacing:-1.4px;margin-bottom:20px}
html[data-palette="premium"] .hero-slider .hero p{font-size:16px;line-height:1.55;margin-bottom:24px}
html[data-palette="premium"] .hero-slider .hero-eyebrow{margin-bottom:18px}
html[data-palette="premium"] .hero-slide h2 em{color:#d5bd88}
html[data-palette="premium"] .hero-slider-controls button{border-radius:2px;border-color:#d5bd88;background:#171716;color:#d5bd88}
html[data-palette="premium"] .hero-dots button{background:#d5bd8899;border:0}
html[data-palette="premium"] .hero-dots button.is-active{background:#d5bd88}
html[data-palette="skog"] .hero-slider-controls button{border-radius:50% 8% 50% 8%}
html[data-palette="hav"] .hero-slider-controls button{border-radius:8% 50% 8% 50%}
html[data-palette="plommon"] .hero-slider-controls button{border-radius:16px}
@media(max-width:760px){.hero-slider-controls{right:16px;top:180px;bottom:auto}.hero-slide h2{font-size:clamp(38px,9vw,54px)}html[data-layout="matmarknad"] .hero-slider{margin:0}html[data-layout="matmarknad"] .hero-slider-controls{right:16px;top:180px;bottom:auto}html[data-palette="premium"] .hero-slide h2{font-size:43px}}
@media(max-width:390px){html[data-palette="premium"] .hero-slide h2{font-size:38px}}
@media(max-width:760px){html[data-palette="premium"] .hero-slider .hero h1,html[data-palette="premium"] .hero-slider .hero h2{font-size:clamp(36px,8vw,43px)}html[data-palette="premium"] .hero-slider .hero p{font-size:15px}}