#sdv4 .ssx-blok{margin-top:clamp(40px,6vw,80px)}#sdv4 .ssx-blok-kop{max-width:660px;margin-bottom:clamp(20px,2.6vw,32px)}#sdv4 .ssx-blok-kop h2{font-family:var(--kop);font-weight:700;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em;margin:9px 0 10px}#sdv4 .ssx-blok-kop h2 em{font-style:normal;background:linear-gradient(135deg,var(--geel),#8ccf91);-webkit-background-clip:text;background-clip:text;color:transparent}#sdv4 .ssx-blok-kop p{margin:0;font-size:14px;line-height:1.7}#sdv4 .ssx-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center;min-height:clamp(380px,46vh,520px)}#sdv4 .ssx-hero-knoppen{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(18px,2.4vw,28px)}#sdv4 .ssx-tilts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}#sdv4 .ssx-tilts.vier{grid-template-columns:repeat(4,minmax(0,1fr))}#sdv4 .ssx-tilts.twee{grid-template-columns:repeat(2,minmax(0,1fr))}#sdv4 .ssx-tilt{position:relative;border-radius:22px;padding:clamp(20px,2.4vw,30px);overflow:hidden;border:1px solid var(--lijn);background:linear-gradient(160deg,#ffffff0e,#ffffff04);transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .18s ease-out,border-color .25s ease;will-change:transform}#sdv4 .ssx-tilt:hover{border-color:#f6f30066}#sdv4 .ssx-glans{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(340px circle at var(--gx,50%) var(--gy,50%),rgba(246,243,0,.14),transparent 65%)}#sdv4 .ssx-tilt:hover .ssx-glans{opacity:1}#sdv4 .ssx-icoon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,var(--geel),#8ccf91);color:#0b0b0b}#sdv4 .ssx-icoon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#sdv4 .ssx-tilt h3{font-family:var(--kop);font-weight:700;font-size:clamp(17px,1.6vw,21px);letter-spacing:-.03em;margin:0 0 9px}#sdv4 .ssx-tilt p{margin:0;font-size:13.5px;line-height:1.65}#sdv4 .ssx-tilt-nr{position:absolute;top:16px;right:18px;font-family:var(--kop);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--geel);opacity:.75}#sdv4 .ssx-band{overflow:hidden;margin:clamp(34px,5vw,64px) 0 0;padding:14px 0;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}#sdv4 .ssx-band-baan{display:flex;width:max-content;animation:ssxBand 30s linear infinite}#sdv4 .ssx-band-baan span{white-space:nowrap;padding:0 26px;font-family:var(--kop);font-weight:700;font-size:clamp(16px,1.7vw,22px);letter-spacing:.14em;text-transform:uppercase;color:#ffffff57}#sdv4 .ssx-band-baan span i{font-style:normal;color:var(--geel);margin-left:26px}@keyframes ssxBand{to{transform:translate(-50%)}}#sdv4 .ssx-cijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}#sdv4 .ssx-cijfer{text-align:center;padding:clamp(18px,2.4vw,30px) 12px;border-radius:20px;border:1px solid var(--lijn);background:linear-gradient(170deg,rgba(255,255,255,.045),transparent 70%)}#sdv4 .ssx-cijfer b{display:block;font-family:var(--kop);font-weight:700;font-size:clamp(30px,3.6vw,50px);letter-spacing:-.05em;color:var(--geel);font-variant-numeric:tabular-nums}#sdv4 .ssx-cijfer b em{font-style:normal;font-size:.55em;margin-left:2px;color:#8ccf91}#sdv4 .ssx-cijfer span{display:block;margin-top:7px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grijs)}#sdv4 [data-ssx-stagger]>*{opacity:0;translate:0 22px;transition:opacity .6s ease,translate .6s cubic-bezier(.16,1,.3,1)}#sdv4 [data-ssx-stagger]>*.in{opacity:1;translate:0 0}#sdv4 .ssx-principes{display:grid;gap:10px}#sdv4 .ssx-principe{display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:start;padding:clamp(16px,2vw,24px);border-radius:20px;border:1px solid var(--lijn);background:#ffffff07;transition:border-color .25s ease}#sdv4 .ssx-principe:hover{border-color:#f6f30052}#sdv4 .ssx-principe>b{font-family:var(--kop);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.04em;background:linear-gradient(135deg,var(--geel),#8ccf91);-webkit-background-clip:text;background-clip:text;color:transparent}#sdv4 .ssx-principe strong{display:block;font-family:var(--kop);font-weight:700;font-size:clamp(15px,1.4vw,18px);letter-spacing:-.02em;color:var(--wit);margin-bottom:6px}#sdv4 .ssx-principe span{display:block;font-size:13.5px;line-height:1.65;color:var(--grijs-licht)}#sdv4 .ssx-quote{position:relative;margin:0;padding:clamp(30px,4.5vw,60px);border-radius:26px;overflow:hidden;border:1px solid rgba(246,243,0,.25);background:radial-gradient(circle at 14% 0%,rgba(246,243,0,.12),transparent 42%),radial-gradient(circle at 92% 100%,rgba(140,207,145,.1),transparent 44%),#ffffff05}#sdv4 .ssx-quote p{margin:0;font-family:var(--kop);font-weight:700;font-size:clamp(21px,2.6vw,34px);letter-spacing:-.03em;line-height:1.3;color:var(--wit)}#sdv4 .ssx-quote p em{font-style:normal;background:linear-gradient(135deg,var(--geel),#8ccf91);-webkit-background-clip:text;background-clip:text;color:transparent}#sdv4 .ssx-quote cite{display:block;margin-top:16px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grijs)}#sdv4 .ssx-quote:after{content:"\201d";position:absolute;right:26px;top:-30px;font-family:var(--kop);font-weight:700;font-size:190px;line-height:1;color:#f6f30014;pointer-events:none}#sdv4 .ssx-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);margin:0;padding:0}#sdv4 .ssx-check li{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:clamp(16px,1.8vw,22px);border-radius:18px;border:1px solid var(--lijn);background:#ffffff07}#sdv4 .ssx-check li i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,var(--geel),#8ccf91);color:#0b0b0b}#sdv4 .ssx-check li i svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#sdv4 .ssx-check li strong{display:block;font-family:var(--kop);font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:var(--wit);margin-bottom:4px}#sdv4 .ssx-check li span{display:block;font-size:13px;line-height:1.6;color:var(--grijs-licht)}#sdv4 .ssx-tijdlijn{position:relative;display:grid;gap:14px;padding-left:34px}#sdv4 .ssx-tijdlijn:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:#ffffff1a;border-radius:2px}#sdv4 .ssx-tijdlijn .ssx-lijn{position:absolute;left:11px;top:8px;width:2px;height:0;border-radius:2px;background:linear-gradient(180deg,var(--geel),#8ccf91);transition:height .2s linear}#sdv4 .ssx-stap{position:relative;padding:clamp(16px,2vw,22px);border-radius:18px;border:1px solid var(--lijn);background:#ffffff07}#sdv4 .ssx-stap:before{content:"";position:absolute;left:-30px;top:24px;width:12px;height:12px;border-radius:50%;background:#0b0b0b;border:2px solid var(--geel);box-shadow:0 0 12px #f6f30059}#sdv4 .ssx-stap .ssx-tijd{display:inline-flex;margin-bottom:8px;padding:4px 10px;border-radius:999px;font-family:var(--kop);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--geel);background:#f6f30017;border:1px solid rgba(246,243,0,.25)}#sdv4 .ssx-stap strong{display:block;font-family:var(--kop);font-weight:700;font-size:15.5px;letter-spacing:-.02em;color:var(--wit);margin-bottom:5px}#sdv4 .ssx-stap span{display:block;font-size:13px;line-height:1.6;color:var(--grijs-licht)}#sdv4 .ssx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}#sdv4 .ssx-tabs button{padding:11px 20px;border-radius:999px;border:1px solid var(--lijn);background:#ffffff09;color:var(--grijs-licht);font-family:var(--kop);font-weight:700;font-size:12.5px;letter-spacing:-.01em;cursor:pointer;transition:all .2s ease}#sdv4 .ssx-tabs button:hover{color:var(--wit);border-color:#f6f30059}#sdv4 .ssx-tabs button.is-active{color:#0b0b0b;background:linear-gradient(135deg,var(--geel),#8ccf91);border-color:transparent}#sdv4 .ssx-paneel{display:none;padding:clamp(20px,2.6vw,32px);border-radius:22px;border:1px solid var(--lijn);background:#ffffff07}#sdv4 .ssx-paneel.is-active{display:block;animation:ssxPaneel .4s cubic-bezier(.16,1,.3,1)}@keyframes ssxPaneel{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#sdv4 .ssx-paneel h3{font-family:var(--kop);font-weight:700;font-size:clamp(17px,1.7vw,22px);letter-spacing:-.03em;margin:0 0 10px}#sdv4 .ssx-paneel p{margin:0 0 10px;font-size:13.5px;line-height:1.7}#sdv4 .ssx-paneel ul{margin:12px 0 0;padding:0;display:grid;gap:8px}#sdv4 .ssx-paneel ul li{list-style:none;display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:1.6;color:var(--grijs-licht)}#sdv4 .ssx-paneel ul li:before{content:"\2192";color:var(--geel);font-weight:700;flex:0 0 auto}#sdv4 .ssx-quotes{position:relative;min-height:170px}@media(max-width:960px){#sdv4 .ssx-quotes{min-height:250px}}#sdv4 .ssx-quotes blockquote{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;display:flex;flex-direction:column;justify-content:center}#sdv4 .ssx-quotes blockquote.is-active{opacity:1;visibility:visible}#sdv4 .ssx-quotes p{margin:0;font-family:var(--kop);font-weight:700;font-size:clamp(17px,1.9vw,24px);letter-spacing:-.02em;line-height:1.4;color:var(--wit)}#sdv4 .ssx-quotes cite{display:block;margin-top:12px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--geel)}#sdv4 .ssx-quotes-bolletjes{display:flex;gap:7px;margin-top:18px}#sdv4 .ssx-quotes-bolletjes button{width:9px;height:9px;padding:0;border-radius:50%;border:0;cursor:pointer;background:#fff3;transition:all .25s ease}#sdv4 .ssx-quotes-bolletjes button.is-active{background:var(--geel);transform:scale(1.25)}#sdv4 .ssx-balken{display:grid;gap:14px}#sdv4 .ssx-balk{padding:clamp(16px,2vw,22px);border-radius:18px;border:1px solid var(--lijn);background:#ffffff07}#sdv4 .ssx-balk .ssx-balk-kop{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}#sdv4 .ssx-balk strong{font-family:var(--kop);font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:var(--wit)}#sdv4 .ssx-balk b{font-family:var(--kop);font-weight:700;font-size:14.5px;color:#8ccf91;font-variant-numeric:tabular-nums}#sdv4 .ssx-balk .ssx-spoor{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}#sdv4 .ssx-balk .ssx-vulling{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--geel),#8ccf91);transition:width 1.4s cubic-bezier(.16,1,.3,1)}#sdv4 .ssx-balk.in .ssx-vulling{width:var(--doel,50%)}#sdv4 .ssx-balk span{display:block;margin-top:9px;font-size:12.5px;line-height:1.6;color:var(--grijs-licht)}#sdv4 .ssx-palet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}#sdv4 .ssx-kleur{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--lijn);cursor:pointer;padding:0;text-align:left;transition:transform .2s ease,border-color .2s ease;background:none}#sdv4 .ssx-kleur:hover{transform:translateY(-4px);border-color:#ffffff4d}#sdv4 .ssx-kleur .ssx-vlak{display:block;height:clamp(70px,7vw,100px);background:var(--staal)}#sdv4 .ssx-kleur .ssx-kleur-info{display:block;padding:10px 12px;background:#ffffff08}#sdv4 .ssx-kleur strong{display:block;font-family:var(--kop);font-weight:700;font-size:12px;color:var(--wit)}#sdv4 .ssx-kleur span{display:block;margin-top:2px;font-size:10.5px;letter-spacing:.06em;color:var(--grijs);font-family:ui-monospace,Consolas,monospace}#sdv4 .ssx-kleur .ssx-gekopieerd{position:absolute;top:8px;right:8px;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0b0b0b;background:linear-gradient(135deg,var(--geel),#8ccf91);opacity:0;transition:opacity .25s ease}#sdv4 .ssx-kleur.is-gekopieerd .ssx-gekopieerd{opacity:1}#sdv4 .ssx-mood{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}#sdv4 .ssx-mood-kaart{position:relative;border-radius:16px;padding:clamp(16px,1.8vw,22px);min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--lijn);background:var(--mood,rgba(255,255,255,.04));transform:rotate(var(--kantel,0deg));transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s ease;overflow:hidden}#sdv4 .ssx-mood-kaart:hover{transform:rotate(0) translateY(-5px);border-color:#f6f30066;z-index:2}#sdv4 .ssx-mood-kaart:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(-2deg);width:52px;height:16px;border-radius:2px;background:#ffffff24;border:1px solid rgba(255,255,255,.08)}#sdv4 .ssx-mood-kaart strong{font-family:var(--kop);font-weight:700;font-size:14px;letter-spacing:-.01em;color:var(--wit)}#sdv4 .ssx-mood-kaart span{margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--grijs-licht)}@media(max-width:960px){#sdv4 .ssx-hero{grid-template-columns:1fr;min-height:0}#sdv4 .ssx-tilts,#sdv4 .ssx-tilts.vier,#sdv4 .ssx-tilts.twee{grid-template-columns:1fr}#sdv4 .ssx-cijfers{grid-template-columns:repeat(2,minmax(0,1fr))}#sdv4 .ssx-check{grid-template-columns:1fr}#sdv4 .ssx-palet,#sdv4 .ssx-mood{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){#sdv4 .ssx-band-baan{animation-duration:120s}#sdv4 .ssx-tilt{transform:none}#sdv4 [data-ssx-stagger]>*{opacity:1;translate:none;transition:none}#sdv4 .ssx-mood-kaart{transform:none}#sdv4 .ssx-balk .ssx-vulling{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/sd-studio-showcase.css.map */