@import url("assets/fonts.css");.msm-kaaswinkel-hero{position:relative;min-height:calc(100vh - 76px);padding:clamp(58px,7vw,92px) 0 50px;background:var(--m-bg);color:var(--m-ink);overflow:hidden;text-align:center;font-family:var(--m-font-body)}.msm-kaaswinkel-hero *{box-sizing:border-box}.msm-kaaswinkel-hero .rk-geometry span{position:absolute;width:clamp(210px,30vw,430px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--m-primary) 32%,transparent);transform:rotate(24deg);opacity:.58}.msm-kaaswinkel-hero .rk-geometry span:first-child{top:-18%;left:-10%}.msm-kaaswinkel-hero .rk-geometry span:last-child{right:-12%;top:12%;transform:rotate(52deg)}.msm-kaaswinkel-hero .rk-hero-copy{position:relative;z-index:1;max-width:930px;margin:auto;padding:0 20px;display:grid;justify-items:center}.msm-kaaswinkel-hero .rk-badge{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--m-ink) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--m-surface) 75%,transparent);font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.msm-kaaswinkel-hero .rk-badge svg{width:17px;fill:none;stroke:var(--m-primary);stroke-width:2.3}.msm-kaaswinkel-hero h1{font:800 clamp(62px,9vw,126px)/.9 var(--m-font-display);letter-spacing:-.055em;margin:.18em 0}.msm-kaaswinkel-hero h1 em{color:var(--m-primary);font-style:normal}.msm-kaaswinkel-hero .rk-lead{max-width:560px;margin:0;font-size:clamp(17px,2vw,21px)}.msm-kaaswinkel-hero .rk-stats{display:grid;grid-template-columns:repeat(3,1fr);width:min(680px,100%);margin:30px auto 24px;border-block:1px solid color-mix(in srgb,var(--m-ink) 25%,transparent)}.msm-kaaswinkel-hero .rk-stats p{display:grid;gap:2px;margin:0;padding:15px 10px}.msm-kaaswinkel-hero .rk-stats p+p{border-left:1px solid color-mix(in srgb,var(--m-ink) 25%,transparent)}.msm-kaaswinkel-hero .rk-stats strong{font:750 25px/1 var(--m-font-display)}.msm-kaaswinkel-hero .rk-stats span{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.msm-kaaswinkel-hero .rk-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.msm-kaaswinkel-hero .rk-actions a{padding:13px 19px;border:1px solid var(--m-primary);border-radius:999px;color:var(--m-primary);text-decoration:none;font-weight:750}.msm-kaaswinkel-hero .rk-actions a:first-child{background:var(--m-primary);color:var(--m-surface)}.msm-kaaswinkel-hero .rk-stack{display:flex;align-items:center;gap:14px;margin-top:25px;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.msm-kaaswinkel-hero .rk-stack>div{display:flex;gap:7px}.msm-kaaswinkel-hero .rk-stack button{position:relative;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--m-ink) 28%,transparent);border-radius:50%;background:var(--m-surface);color:var(--m-ink);font:750 12px var(--m-font-body);cursor:help}.msm-kaaswinkel-hero .rk-stack button:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 5px;width:max-content;max-width:180px;padding:7px 9px;border-radius:7px;background:var(--m-ink);color:var(--m-surface);opacity:0;pointer-events:none;text-transform:none;letter-spacing:0;transition:.18s}.msm-kaaswinkel-hero .rk-stack button:hover:after,.msm-kaaswinkel-hero .rk-stack button:focus-visible:after{opacity:1;translate:-50% 0}.msm-kaaswinkel-hero .rk-stack button:focus-visible{outline:3px solid var(--m-primary);outline-offset:3px}.msm-kaaswinkel-hero .rk-reel{position:relative;z-index:1;width:max-content;display:grid;grid-template-columns:repeat(5,230px);grid-template-rows:190px 190px;gap:12px;margin:42px 0 0}.msm-kaaswinkel-hero .rk-reel figure{margin:0;position:relative;overflow:hidden;border-radius:18px;transform:translateY(calc((var(--i) % 2)*18px))}.msm-kaaswinkel-hero .rk-reel img{width:100%;height:100%;object-fit:cover}.msm-kaaswinkel-hero .rk-reel .rk-contain{background:var(--m-surface)}.msm-kaaswinkel-hero .rk-reel .rk-contain img{object-fit:contain;padding:14px}.msm-kaaswinkel-hero .rk-reel span{position:absolute;left:10px;bottom:10px;background:var(--m-surface);padding:7px 10px;border-radius:999px}.msm-kaaswinkel-hero .rk-hero-copy>*{opacity:0;transform:translateY(22px)}.msm-kaaswinkel-hero .rk-reel{opacity:0;transform:translateY(28px)}.msm-kaaswinkel-hero.is-visible .rk-hero-copy>*{animation:rk-hero-in .65s cubic-bezier(.22,1,.36,1) forwards}.msm-kaaswinkel-hero.is-visible .rk-hero-copy>*:nth-child(2){animation-delay:.07s}.msm-kaaswinkel-hero.is-visible .rk-hero-copy>*:nth-child(3){animation-delay:.14s}.msm-kaaswinkel-hero.is-visible .rk-hero-copy>*:nth-child(4){animation-delay:.21s}.msm-kaaswinkel-hero.is-visible .rk-hero-copy>*:nth-child(5){animation-delay:.28s}.msm-kaaswinkel-hero.is-visible .rk-hero-copy>*:nth-child(6){animation-delay:.35s}.msm-kaaswinkel-hero.is-visible .rk-reel{animation:rk-hero-reel-in .8s .42s cubic-bezier(.22,1,.36,1) forwards,rk-reel 24s 1.22s linear infinite}@keyframes rk-hero-in{to{opacity:1;transform:none}}@keyframes rk-hero-reel-in{to{opacity:1;transform:none}}@keyframes rk-reel{to{transform:translateX(-242px)}}@media(max-width:600px){.msm-kaaswinkel-hero{padding-top:48px}.msm-kaaswinkel-hero .rk-stats span{font-size:10px}.msm-kaaswinkel-hero .rk-stack{align-items:flex-start;flex-direction:column}.msm-kaaswinkel-hero .rk-reel{grid-template-columns:repeat(5,180px);grid-template-rows:150px 150px}}@media(prefers-reduced-motion:reduce){.msm-kaaswinkel-hero .rk-hero-copy>*,.msm-kaaswinkel-hero .rk-reel{opacity:1;transform:none;animation:none!important}.msm-kaaswinkel-hero .rk-stack button:after{transition:none}}
