@layer components{.voordelen{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.voordelen__heading{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:600;line-height:1.2;margin:0 0 1.5rem;color:rgb(var(--color-white));text-align:center}.voordelen__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.voordelen-card{background:rgb(var(--color-white) / .08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(var(--color-white) / .12);border-radius:var(--radius-btn);padding:1.25rem 1.5rem;box-sizing:border-box;color:rgb(var(--color-white));box-shadow:0 4px 24px #0000001f}.voordelen-card__icon{display:block;width:56px;height:56px;margin-bottom:.75rem;opacity:.95;filter:brightness(0) invert(1)}.voordelen-card__title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:600;line-height:1.2;margin:0 0 .5rem;color:rgb(var(--color-white))}.voordelen-card__content{font-family:var(--font-body);font-size:clamp(14px,1.4vw,17px);line-height:1.5;margin:0;color:rgb(var(--color-white) / .85)}@media(min-width:640px){.voordelen__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.voordelen__grid{grid-template-columns:repeat(3,1fr);gap:2rem}.voordelen-card{padding:1.5rem 1.75rem}}.athletes-reveal{position:relative;height:200vh;background-color:#000}.athletes-reveal--cards{height:auto;min-height:auto}.athletes-reveal--static{height:auto;padding-top:var(--section-gap);padding-bottom:var(--section-gap)}@media(max-width:768px){.athletes-reveal--static{padding-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(1.5rem,4vw,2.5rem);height:auto}}.athletes-reveal--static .athletes-stage{position:relative;height:auto;min-height:0}.athletes-stage{position:sticky;top:0;left:0;right:0;height:100vh}.athletes-stage .scroll-reveal{height:100%}.athletes-stage__inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(1.5rem,4vw,2.5rem);box-sizing:border-box}.athletes-reveal--static .athletes-stage__inner{height:auto;min-height:0}.athletes-reveal__heading{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:600;line-height:1.2;margin:0 0 1rem;color:rgb(var(--color-white));flex-shrink:0}.athletes-stage__content{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.athletes-feature{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:max(0,calc(1 - var(--progress, 0) * 2.2));transform:scale(calc(1 + .22 * var(--progress, 0)));transition:none}.athletes-feature__link{pointer-events:auto;display:flex;align-items:center;justify-content:center;position:absolute;inset:0}.athletes-feature__img{width:min(85vw,560px);height:auto;max-height:65vh;object-fit:cover;border-radius:var(--radius-btn);display:block}.athletes-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(calc(.92 + .08 * var(--progress, 0)));width:110%;max-width:none;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1.5vw,.75rem);padding:0 2%;box-sizing:border-box;pointer-events:none}.athletes-grid--static{position:relative;left:auto;transform:none;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--nav-inner-padding-x);pointer-events:auto;grid-template-columns:repeat(5,1fr)}.athletes-tile{position:relative;border-radius:var(--radius-btn);overflow:hidden;aspect-ratio:1 / 1;background-color:rgb(var(--color-black) / .2);opacity:max(0,min(1,(var(--progress, 0) - .05 - var(--stagger, 0) * .6) / .35));transform:translate(calc(var(--dx, 0) * (1 - var(--progress, 1)) * 100px),calc(var(--dy, 0) * (1 - var(--progress, 1)) * 70px))}.athletes-grid a.athletes-tile{pointer-events:auto;text-decoration:none;color:inherit}.athletes-tile--edge{opacity:calc(max(0,min(1,(var(--progress, 0) - .05 - var(--stagger, 0) * .6) / .35))/2)}.athletes-grid--static .athletes-tile{opacity:1}.athletes-grid--static .athletes-tile--edge{opacity:.5}.athletes-tile__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;vertical-align:top}@media(min-width:768px){.athletes-grid--static{padding-left:var(--nav-inner-padding-x);padding-right:var(--nav-inner-padding-x)}}@media(max-width:768px){.athletes-reveal:not(.athletes-reveal--static){height:160vh}}.athletes-slider{position:relative;width:100%;max-width:min(100%,400px);margin:0 auto;padding:0 var(--nav-inner-padding-x)}.athletes-slider__track{position:relative;width:100%;border-radius:var(--radius-btn);overflow:hidden;background-color:rgb(var(--color-black) / .2)}.athletes-slider__strip{display:flex;width:100%;transition:transform .35s ease-out}.athletes-slider__slide{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box}.athletes-slider__strip .athletes-slider__slide{flex:0 0 calc(100% / var(--slide-count, 3));width:calc(100% / var(--slide-count, 3))}.athletes-slider__link{display:block;text-decoration:none;color:inherit}.athletes-slider__img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;vertical-align:top}.athletes-slider__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.athletes-slider__dots{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.athletes-slider__arrows{display:flex;align-items:center;gap:.5rem}.athletes-slider__arrow{width:var(--nav-icon-btn-size);height:var(--nav-icon-btn-size);border-radius:var(--radius-btn);background-color:rgb(var(--color-white) / .1);border:1px solid rgb(var(--color-white) / .15);color:rgb(var(--color-white));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.athletes-slider__arrow svg{width:20px;height:20px}.athletes-slider__arrow:hover{background-color:rgb(var(--color-white) / .18);border-color:rgb(var(--color-white) / .3)}.athletes-slider__arrow:focus-visible{outline:2px solid rgb(var(--color-white));outline-offset:2px}.athletes-slider__dot{width:36px;height:2px;border-radius:1px;border:none;padding:0;background-color:rgb(var(--color-white) / .3);cursor:pointer;transition:background-color .2s ease}.athletes-slider__dot:hover{background-color:rgb(var(--color-white) / .55)}.athletes-slider__dot--active{background-color:rgb(var(--valkra-yellow))}.athletes-slider__dot:focus-visible{outline:2px solid rgb(var(--color-white));outline-offset:2px}.home-cta{padding-top:clamp(2rem,5vw,var(--section-gap));padding-bottom:clamp(2rem,5vw,var(--section-gap))}.home-cta__wrap{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--nav-inner-padding-x);padding-right:var(--nav-inner-padding-x);box-sizing:border-box}.home-cta__box{position:relative;width:100%;min-height:clamp(400px,55vh,560px);border-radius:var(--radius-btn);overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 80% at 50% 55%,rgb(var(--valkra-yellow) / .07) 0%,transparent 65%),linear-gradient(160deg,#111,#0a0a0a)}.home-cta__products{position:absolute;inset:0;pointer-events:none}.home-cta__product{position:absolute;opacity:0}.home-cta__box--visible .home-cta__product--1{animation:cta-enter-left 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.home-cta__box--visible .home-cta__product--2{animation:cta-enter-right 1.2s cubic-bezier(.25,.46,.45,.94) .1s forwards}.home-cta__box--visible .home-cta__product--3{animation:cta-enter-top 1s cubic-bezier(.25,.46,.45,.94) .2s forwards}@keyframes cta-enter-left{0%{transform:translate(-42px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cta-enter-right{0%{transform:translate(42px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cta-enter-top{0%{transform:translateY(-14px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:.35}}.home-cta__product--1{left:-2%;top:52%;translate:0 -50%;rotate:-14deg;width:clamp(160px,20vw,300px)}.home-cta__product--2{right:-2%;top:50%;translate:0 -50%;rotate:14deg;width:clamp(160px,20vw,300px)}.home-cta__product--3{right:14%;top:5%;rotate:22deg;width:clamp(90px,11vw,160px);opacity:.35}@media(max-width:640px){.home-cta__products{display:none}}.home-cta__product-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 50px rgb(0 0 0 / .55))}.home-cta__product--1 .home-cta__product-img{animation:cta-float-a 6s ease-in-out infinite}.home-cta__product--2 .home-cta__product-img{animation:cta-float-b 7.5s ease-in-out infinite}.home-cta__product--3 .home-cta__product-img{animation:cta-float-c 9s ease-in-out infinite}@keyframes cta-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes cta-float-b{0%,to{transform:translateY(-8px)}50%{transform:translateY(12px)}}@keyframes cta-float-c{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(4deg)}}@media(max-width:640px){.home-cta__product--1{left:-8%;width:clamp(120px,28vw,200px)}.home-cta__product--2{right:-8%;width:clamp(120px,28vw,200px)}.home-cta__product--3{display:none}}.home-cta__content{position:relative;z-index:1;max-width:min(90%,50rem);padding:clamp(2.5rem,6vw,4rem) clamp(2rem,6vw,4.5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.home-cta__heading{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:600;line-height:1.2;margin:0;color:rgb(var(--color-white));text-shadow:0 2px 20px rgb(0 0 0 / .5)}.home-cta__body{font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;margin:0;color:rgb(var(--color-white) / .88);text-shadow:0 1px 10px rgb(0 0 0 / .4)}.home-cta__btn{margin-top:.5rem}.home-cta__btn:focus-visible{outline:2px solid rgb(var(--color-white));outline-offset:3px}@media(prefers-reduced-motion:reduce){.home-cta__product-img{animation:none}.home-cta__box--visible .home-cta__product--1,.home-cta__box--visible .home-cta__product--2{animation:none;opacity:1}.home-cta__box--visible .home-cta__product--3{animation:none;opacity:.35}}@media(min-width:768px){.content-image-grid{grid-template-columns:1fr 1fr}.content-image-section--image-left .content-image-content{order:2}.content-image-section--image-left .content-image-section__media{order:1}}.hero-slider{width:100%;padding:0;box-sizing:border-box}.hero-slider__container{width:100%;max-width:none;padding:0;box-sizing:border-box}.hero-slider__box{width:100%;height:100vh;min-height:480px;overflow:hidden;position:relative}@supports (height: 100dvh){.hero-slider__box{height:100dvh}}.hero-slider__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-slider__track{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;display:flex;align-items:center}.hero-media{position:absolute;inset:0}.hero-media__img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;animation:hero-ken-burns 8s ease-out forwards;will-change:transform}@media(max-width:768px){.hero-media__img{object-position:35% center}}@keyframes hero-ken-burns{0%{transform:scale(1)}to{transform:scale(1.06)}}.hero-overlay{position:absolute;inset:0;background:#00000061,linear-gradient(to top,rgb(0 0 0 / .55) 0%,transparent 35%);pointer-events:none}.hero-content-wrap{position:absolute;inset:0;z-index:1;display:flex;align-items:center;padding-top:var(--nav-height);padding-bottom:clamp(8rem,22vh,18rem);pointer-events:none}.hero-content-wrap>*{pointer-events:auto}.hero-content-wrap__inner{display:flex;align-items:center;justify-content:flex-start}.hero-content{position:relative;z-index:1;padding:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1.25rem;max-width:42rem}.hero-content__title{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:600;line-height:1.1;color:rgb(var(--color-white));margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-shadow:0 2px 24px rgb(0 0 0 / .7)}.hero-content__title-text{white-space:nowrap}.hero-content__byline{font-family:var(--font-body);font-size:clamp(10px,.55em,13px);font-weight:500;line-height:1.2;letter-spacing:.03em;color:rgb(var(--color-white) / .72);text-shadow:0 1px 12px rgb(0 0 0 / .55);margin-left:clamp(.2rem,1.4vw,.55rem);max-width:100%}.hero-content__title :deep(sup){font-size:.4em;vertical-align:super;line-height:0}@media(max-width:640px){.hero-content__title{gap:.25rem;max-width:100%}.hero-content__title-text{white-space:normal;max-width:100%}.hero-content__byline{margin-left:clamp(.15rem,2vw,.4rem);white-space:normal}}.hero-content__subtitle{font-family:var(--font-body);font-size:var(--text-subtitle);font-weight:500;line-height:1.3;color:rgb(var(--color-white));margin:0;text-shadow:0 1px 12px rgb(0 0 0 / .6)}.hero-content__cta{margin-top:.5rem}.hero-content__cta:focus-visible{outline-color:rgb(var(--color-white));outline-offset:3px}.hero-controls-wrap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:2rem}.hero-controls-wrap .hero-controls-inner{display:flex;justify-content:space-between;align-items:center}.hero-bullets{display:flex;align-items:center;min-height:var(--nav-icon-btn-size);gap:.5rem;list-style:none;margin:0;padding:0}.hero-bullet{width:36px;height:2px;border-radius:1px;border:none;padding:0;cursor:pointer;background-color:rgb(var(--color-white) / .3);position:relative;overflow:hidden;transition:background-color .2s ease}.hero-bullet:after{content:"";position:absolute;inset:0;width:0;background:rgb(var(--valkra-yellow));border-radius:inherit}.hero-bullet--active:after{animation:hero-progress 7.5s linear forwards}.hero-bullet:hover{background-color:rgb(var(--color-white) / .55)}.hero-bullet--active{background-color:rgb(var(--color-white) / .3)}.hero-bullet:focus-visible{outline:2px solid rgb(var(--color-white));outline-offset:3px}@keyframes hero-progress{0%{width:0}to{width:100%}}.hero-arrows{display:flex;align-items:center;gap:var(--nav-icon-gap)}.hero-arrow-btn{width:var(--nav-icon-btn-size);height:var(--nav-icon-btn-size);border-radius:var(--radius-btn);background-color:rgb(var(--color-white) / .1);border:1px solid rgb(var(--color-white) / .15);color:rgb(var(--color-white));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.hero-arrow-btn:hover{background-color:rgb(var(--color-white) / .18);border-color:rgb(var(--color-white) / .3)}.hero-arrow-btn:focus-visible{outline:2px solid rgb(var(--color-white));outline-offset:2px}.hero-arrow-btn svg{width:20px;height:20px}.hero-scroll-cue{position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:rgb(var(--color-white) / .6);pointer-events:none;animation:hero-scroll-bounce 2.2s ease-in-out infinite}.hero-scroll-cue svg{width:22px;height:22px}@keyframes hero-scroll-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:.6}50%{transform:translate(-50%) translateY(7px);opacity:1}}.hero-slide-enter-active,.hero-slide-leave-active{transition:opacity .45s ease,transform .45s cubic-bezier(.22,0,.12,1)}.hero-slide-enter-from{opacity:0;transform:translate(24px)}.hero-slide-enter-to,.hero-slide-leave-from{opacity:1;transform:translate(0)}.hero-slide-leave-to{opacity:0;transform:translate(-24px)}@media(prefers-reduced-motion:reduce){.hero-media__img{animation:none}.hero-bullet--active:after{animation:none;width:100%}.hero-scroll-cue{animation:none}}.hero-fade-only-enter-active,.hero-fade-only-leave-active{transition:opacity .35s ease}.hero-fade-only-enter-from,.hero-fade-only-leave-to{opacity:0}.hero-fade-only-enter-to,.hero-fade-only-leave-from{opacity:1}.section{width:100%}.section-gap{margin-bottom:var(--section-gap)}.section-gap:last-child{margin-bottom:0}}