@property --mk-r{syntax: "<length>"; inherits: false; initial-value: 2400px;}.st .st-mk{--mk-ink: #1d1d1f;--mk-grijs: #6e6e73;--mk-oranje: #e88a5d;--mk-diep: #a75832;--mk-kaart: var(--staal-r-kaart, 14px);--mk-knop: var(--staal-r-knop, 10px);--mk-klein: var(--staal-r-klein, 6px);--mk-zacht: cubic-bezier(.16, 1, .3, 1);--mk-veer: cubic-bezier(.34, 1.56, .64, 1);--mk-film: cubic-bezier(.76, 0, .2, 1);--mk-rand: clamp(22px, 4.7vw, 76px);--sc: 0;position:relative;max-width:1600px;margin:0 auto;padding:clamp(26px,3.4vw,48px) clamp(12px,1.5vw,22px) 0;color:var(--mk-ink)}.st .st-mk-kop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 48px;padding:0 calc(var(--mk-rand) - clamp(12px,1.5vw,22px));margin-bottom:clamp(18px,2.2vw,30px);translate:0 calc(var(--sc) * -34px);opacity:calc(1 - var(--sc) * .9)}.st .st-mk-titel{margin:0;max-width:12.5em;font-family:Manrope,system-ui,-apple-system,sans-serif;font-weight:300;font-size:clamp(38px,5vw,76px);line-height:1.02;letter-spacing:-.055em;color:var(--mk-ink);text-wrap:balance}.st .st-mk-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .03em .12em;margin:-.04em -.03em -.12em}.st .st-mk-w>span{display:inline-block;animation:st-mk-woord 1.05s var(--mk-zacht) calc(.12s + var(--w) * 75ms) both}.st .st-mk-w--accent{color:var(--mk-diep)}.st .st-mk-br{display:none}.st .st-mk-zin{white-space:nowrap}.st .st-mk-zij{display:grid;justify-items:end;gap:14px;padding-bottom:.35em}.st .st-mk-lede{margin:0;max-width:27em;text-align:right;font-size:15px;line-height:1.5;color:var(--mk-grijs);animation:st-mk-op .9s var(--mk-zacht) .42s both}.st .st-mk-knoppen{display:flex;gap:10px}.st .st-mk-knop{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:var(--mk-knop);background:#fffc;box-shadow:inset 0 0 0 1px #19252c1f;font:500 14px/1 var(--st-font, Manrope, system-ui, -apple-system, sans-serif);color:var(--mk-ink);cursor:pointer;animation:st-mk-pop .85s var(--mk-veer) .5s both;transition:transform .5s var(--mk-veer),background-color .35s var(--mk-zacht),box-shadow .35s var(--mk-zacht),color .35s var(--mk-zacht)}.st .st-mk-knop+.st-mk-knop{animation-delay:.58s}.st .st-mk-knop--vol{background:var(--mk-oranje);box-shadow:none;color:#fff}.st .st-mk-knop span{transition:transform .5s var(--mk-veer)}@media(hover:hover)and (pointer:fine){.st .st-mk-knop:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #19252c33,0 10px 24px -12px #19252c59}.st .st-mk-knop--vol:hover{background:#e88a5d;box-shadow:0 12px 26px -12px #a75832b3}.st .st-mk-knop:hover span{transform:translate(2px,-2px)}}.st .st-mk-knop:active{transform:scale(.97);transition-duration:.12s}.st .st-mk-knop:focus-visible,.st .st-mk-cta:focus-visible,.st .st-mk-model:focus-visible,.st .st-mk-balk:focus-visible,.st .st-mk-pauze:focus-visible{outline:2px solid var(--mk-oranje);outline-offset:3px}.st .st-mk .st-mk-pauze{position:absolute;top:clamp(26px,3.4vw,48px);right:var(--mk-rand);width:34px;height:34px;margin:0;border-radius:50%;background:#ffffffb8;border:0!important;box-shadow:inset 0 0 0 1px #19252c1a;color:var(--mk-ink);font-size:12px;z-index:8;animation:st-mk-pop .8s var(--mk-veer) .3s both}.st .st-mk-duo{position:relative;display:flex;gap:10px;height:clamp(420px,calc(100svh - 330px),780px);isolation:isolate;transform-origin:50% 0;scale:calc(1 - var(--sc) * .06);will-change:scale}.st .st-mk-paneel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--mk-kaart);clip-path:inset(0 round var(--mk-kaart));container-type:size;color:#fff;background:#d8d2c8;cursor:pointer;transition:flex-grow .95s var(--mk-zacht);transform-origin:50% 100%}.st .st-mk-paneel[data-mk-merk=tenways]{background:#b9c8d2}.st .st-mk-duo{perspective:1600px;perspective-origin:50% 110%}.st .st-mk.is-js .st-mk-paneel:not(.is-klaar){opacity:0;transform:translateY(90px) rotateX(18deg) scale(.94)}.st .st-mk.is-js .st-mk-paneel.is-klaar{animation:st-mk-op3d 1.35s cubic-bezier(.2,1.1,.3,1) calc(var(--p) * .13s) both}.st .st-mk-beeld{position:absolute;top:0;right:0;bottom:0;left:0;translate:calc(var(--px, 0) * -12px) calc(var(--py, 0) * -4px)}.st .st-mk-paneel.is-klaar .st-mk-beeld{animation:st-mk-beeld-in 1.9s var(--mk-zacht) calc(var(--p) * .13s) both}.st .st-mk-foto{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--f, 50% 55%);opacity:0;z-index:0;transform:scale(1.045);transform-origin:var(--f, 50% 50%);transition:opacity .8s var(--mk-zacht),filter .9s var(--mk-zacht),object-position .9s var(--mk-zacht),transform-origin .9s var(--mk-zacht)}.st .st-mk-foto.is-actief,.st .st-mk-foto.is-weg{opacity:1}.st .st-mk-foto.is-actief{z-index:2;animation:st-mk-kb 10s linear both}.st .st-mk-foto.is-weg{z-index:1;transition:none;animation:st-mk-kb 10s linear both}.st .st-mk .st-mk-foto.is-wacht{opacity:0}.st .st-mk-foto.is-wissel{-webkit-mask-image:radial-gradient(circle at var(--ox, 50%) var(--oy, 62%),#000 calc(var(--mk-r) - 220px),transparent var(--mk-r));mask-image:radial-gradient(circle at var(--ox, 50%) var(--oy, 62%),#000 calc(var(--mk-r) - 220px),transparent var(--mk-r));animation:st-mk-druppel 1.7s cubic-bezier(.55,0,.2,1) both,st-mk-kb 10s linear both}@container (max-aspect-ratio: 4 / 5){.st .st-mk-foto{object-position:var(--fs, var(--f));transform-origin:var(--fs, var(--f))}}.st .st-mk-paneel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,#0b1115a8,#0b111557,#0b111500 52%),linear-gradient(to bottom,#0b111529,#0b111500 22%)}.st .st-mk-glans{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:var(--gl, 0);background:radial-gradient(circle at var(--gx, 50%) var(--gy, 40%),rgba(255,255,255,.34),rgba(255,255,255,.08) 26%,rgba(255,255,255,0) 52%);mix-blend-mode:soft-light}.st .st-mk-veeg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:var(--mk-kaart)}.st .st-mk-veeg:after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:34%;background:linear-gradient(100deg,#fff0,#ffffff80,#fff0);mix-blend-mode:soft-light;transform:translate(-120%) skew(-14deg)}.st .st-mk-duo.is-klaar .st-mk-veeg:after{animation:st-mk-veeg 1.7s var(--mk-film) 1.1s both}.st .st-mk-tekst{position:absolute;left:clamp(18px,2.6cqi + 8px,40px);right:clamp(18px,2.6cqi + 8px,40px);bottom:clamp(16px,2.4cqi + 6px,36px);z-index:5;display:grid;justify-items:start;pointer-events:none}.st .st-mk-kicker{display:flex;align-items:center;gap:10px;margin:0 0 clamp(6px,1.2cqi,12px);font:500 11px/1.2 var(--st-mono, "IBM Plex Mono", monospace);letter-spacing:.12em;text-transform:uppercase;color:#f5f5f7b8;animation:none}.st .st-mk-kicker span{padding:3px 6px;border-radius:4px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff47}.st .st-mk-naam{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;font-weight:600;font-size:clamp(40px,12.6cqi,164px);line-height:.92;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 28px rgba(0,0,0,.18);white-space:nowrap}.st .st-mk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.st .st-mk-letters{display:inline-flex;overflow:hidden;padding:.2em .06em .08em;margin:-.2em -.06em -.08em}.st .st-mk-letters>span{display:inline-block;animation:none}.st .st-mk-paneel.is-golf .st-mk-letters>span{animation:st-mk-golf .8s var(--mk-veer) calc(var(--l) * 35ms) both}.st .st-mk-regel{margin:clamp(8px,1.4cqi,14px) 0 0;max-width:30em;font-size:clamp(14px,1.9cqi,17px);line-height:1.45;color:#f5f5f7;animation:none}.st .st-mk-onder{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:clamp(12px,2.2cqi,22px);animation:none}.st .st-mk-meta{font-size:13px;font-variant-numeric:tabular-nums;color:#f5f5f7b8}.st .st-mk-cta{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border:0;border-radius:var(--mk-knop);background:linear-gradient(180deg,#ffffff4d,#ffffff24);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff52,0 8px 24px -10px #00000059;font:500 14px/1 var(--st-font, Manrope, system-ui, -apple-system, sans-serif);color:#fff;cursor:pointer;pointer-events:auto;transition:background-color .4s var(--mk-zacht),color .4s var(--mk-zacht),box-shadow .4s var(--mk-zacht),transform .55s var(--mk-veer)}.st .st-mk-cta span{display:inline-block;transition:transform .55s var(--mk-veer)}@media(hover:hover)and (pointer:fine){.st .st-mk-paneel:hover .st-mk-cta{background:#fff;color:var(--mk-ink);box-shadow:inset 0 0 0 1px #fff,0 12px 30px -12px #00000073}.st .st-mk-paneel:hover .st-mk-cta span{transform:translate(4px)}}.st .st-mk-cta:active{transform:scale(.97);transition-duration:.12s}.st .st-mk-balkjes{position:absolute;top:clamp(10px,2.2cqi + 2px,28px);left:clamp(12px,2.6cqi + 4px,36px);z-index:6;display:flex;gap:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:none}.st .st-mk-balk{display:grid;place-items:center;width:30px;height:24px;padding:0;border:0;background:none;cursor:pointer}.st .st-mk-balk i{position:relative;display:block;width:100%;height:2px;overflow:hidden;border-radius:2px;background:#ffffff57;transition:height .35s var(--mk-zacht)}.st .st-mk-balk i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:left;transform:scaleX(var(--vul, 0))}.st .st-mk-balk.is-gezien i:after{transform:scaleX(1)}.st .st-mk-balk:hover i{height:4px}.st .st-mk-modellen{position:absolute;top:clamp(16px,2.4cqi + 6px,36px);right:clamp(16px,2.4cqi + 6px,36px);z-index:6;display:grid;gap:6px;width:min(250px,40cqi);margin:0;padding:0;list-style:none;pointer-events:none}.st .st-mk-modellen li{opacity:0;transform:translate(22px) scale(.94);transition:opacity .22s ease,transform .3s var(--mk-zacht)}.st .st-mk-model{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:var(--mk-knop);background:linear-gradient(180deg,#ffffffdb,#ffffffb3);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff80,0 10px 26px -14px #00000073;color:var(--mk-ink);text-decoration:none;transition:transform .5s var(--mk-veer),background-color .3s var(--mk-zacht)}.st .st-mk-model img{width:58px;height:40px;object-fit:cover;border-radius:var(--mk-klein);background:#19252c0d}.st .st-mk-model span{display:grid;gap:2px;min-width:0}.st .st-mk-model b{font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st .st-mk-model small{font-size:12px;color:var(--mk-grijs);font-variant-numeric:tabular-nums}.st .st-mk-model i{font-style:normal;font-size:13px;color:var(--mk-diep);transition:transform .5s var(--mk-veer)}.st .st-mk-model:hover{transform:translate(-4px);background:#fff}.st .st-mk-model:hover i{transform:translate(2px,-2px)}@media(hover:hover)and (pointer:fine){.st .st-mk-duo:has(.st-mk-paneel:hover) .st-mk-paneel,.st .st-mk-duo:has(.st-mk-paneel :focus-visible) .st-mk-paneel{flex-grow:.74}.st .st-mk-duo:has(.st-mk-paneel:hover) .st-mk-paneel:hover,.st .st-mk-duo:has(.st-mk-paneel :focus-visible) .st-mk-paneel:has(:focus-visible){flex-grow:1.26}.st .st-mk-duo:has(.st-mk-paneel:hover) .st-mk-paneel:not(:hover) .st-mk-foto{filter:saturate(.75) brightness(.9)}.st .st-mk-paneel:hover .st-mk-modellen,.st .st-mk-paneel:has(:focus-visible) .st-mk-modellen{pointer-events:auto}.st .st-mk-paneel:hover .st-mk-modellen li,.st .st-mk-paneel:has(:focus-visible) .st-mk-modellen li{opacity:1;transform:none;transition:opacity .5s var(--mk-zacht) calc(.22s + var(--m) * 65ms),transform .8s var(--mk-veer) calc(.22s + var(--m) * 65ms)}}@container (max-height: 500px){.st .st-mk-modellen{display:none}}@media not ((hover:hover)and (pointer:fine)){.st .st-mk-modellen{display:none}}.st .st-mk-paneel.is-klaar .st-mk-kicker{animation:st-mk-op .9s var(--mk-zacht) calc(.45s + var(--p) * .13s) both}.st .st-mk-paneel.is-klaar .st-mk-letters>span{animation:st-mk-letter 1s var(--mk-veer) calc(.5s + var(--p) * .13s + var(--l) * 42ms) both}.st .st-mk-paneel.is-klaar .st-mk-regel{animation:st-mk-op .9s var(--mk-zacht) calc(.75s + var(--p) * .13s) both}.st .st-mk-paneel.is-klaar .st-mk-onder{animation:st-mk-op .9s var(--mk-zacht) calc(.85s + var(--p) * .13s) both}.st .st-mk-paneel.is-klaar .st-mk-balkjes{animation:st-mk-op .8s var(--mk-zacht) calc(1s + var(--p) * .13s) both}@keyframes st-mk-pop{0%{opacity:0;transform:translateY(8px) scale(.7)}}@keyframes st-mk-op{0%{opacity:0;transform:translateY(14px)}}@keyframes st-mk-woord{0%{transform:translateY(112%)}}@keyframes st-mk-letter{0%{opacity:0;transform:translateY(108%) rotate(7deg)}}@keyframes st-mk-golf{0%{transform:none}38%{transform:translateY(-.07em)}to{transform:none}}@keyframes st-mk-op3d{0%{opacity:0;transform:translateY(90px) rotateX(18deg) scale(.94)}55%{opacity:1}}@keyframes st-mk-beeld-in{0%{scale:1.16}to{scale:1}}@keyframes st-mk-kb{0%{transform:scale(1.045)}to{transform:scale(1.1)}}@keyframes st-mk-druppel{0%{--mk-r: 0px;scale:1.07}to{--mk-r: 1800px;scale:1}}@keyframes st-mk-veeg{to{transform:translate(420%) skew(-14deg)}}.st .st-mk.is-uit *,.st .st-mk.is-uit *:before,.st .st-mk.is-uit *:after{animation-play-state:paused!important}@media(max-width:1023px){.st .st-mk-kop{grid-template-columns:1fr}.st .st-mk-zij{justify-items:start;padding-bottom:0}.st .st-mk-lede{text-align:left}.st .st-mk-duo{height:clamp(380px,58svh,620px)}}@media(max-width:740px){.st .st-mk{padding:22px 12px 0}.st .st-mk-kop{display:contents}.st .st-mk{display:flex;flex-direction:column}.st .st-mk-titel{order:2;margin:0 4px 18px;font-size:clamp(36px,10.4vw,48px);max-width:11em}.st .st-mk-br{display:inline}.st .st-mk-duo{order:3;flex-direction:column;gap:8px;height:auto}.st .st-mk-zij{order:4;justify-items:stretch;gap:12px;margin:16px 4px 0}.st .st-mk-lede{text-align:left;font-size:14px}.st .st-mk-knoppen>*{flex:1 1 0;justify-content:center;padding:0 12px}.st .st-mk .st-mk-pauze{top:18px;right:16px}.st .st-mk-paneel{flex:none;height:clamp(230px,31svh,330px)}.st .st-mk-naam{font-size:clamp(40px,14.5cqi,64px)}.st .st-mk-kicker,.st .st-mk-regel{display:none}.st .st-mk-onder{margin-top:10px;justify-content:space-between;width:100%;flex-wrap:nowrap}.st .st-mk-meta{font-size:12.5px}.st .st-mk-cta{width:40px;min-height:40px;padding:0;justify-content:center;flex:none}.st .st-mk-cta .st-mk-cta-tekst{display:none}.st .st-mk-balk{width:22px}}@supports (animation-timeline: view()){.st .st-mk.mk-sc-css{view-timeline:--mk block}.st .st-mk.mk-sc-css .st-mk-kop{animation:st-mk-sc-kop linear both;animation-timeline:--mk;animation-range:exit-crossing 0% exit-crossing 100%}.st .st-mk.mk-sc-css .st-mk-titel{animation:st-mk-sc-titel linear both;animation-timeline:--mk;animation-range:exit-crossing 0% exit-crossing 100%}}@keyframes st-mk-sc-kop{0%{translate:0 0;opacity:1}to{translate:0 -34px;opacity:.1}}@keyframes st-mk-sc-titel{0%{scale:1}to{scale:.94}}.st-future .st-liquid-canvas:not(.is-ready){opacity:0}.st-future .st-liquid-canvas{transition:opacity .9s ease}
/*# sourceMappingURL=/cdn/shop/t/49/assets/staal-merken.css.map */