@font-face{font-family:Unbounded;src:url(/fonts/unbounded-v12-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-v12-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-v12-latin-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-v12-latin-900.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-v15-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-v15-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-v15-latin-600.woff2)format("woff2");font-weight:600;font-display:swap}:root{--bubblegum:#ffa6e0;--lime:#c6ff00;--violet:#5b00d6;--diep:#2e0070;--wit:#fff;--display:"Unbounded", sans-serif;--body:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bubblegum);color:var(--diep);font-family:var(--body);cursor:crosshair;font-size:1.06rem;line-height:1.6;overflow-x:hidden}::selection{background:var(--lime);color:var(--violet)}a{color:var(--violet);font-weight:600}a:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:99px}#spiegel{width:100%;height:100vh;z-index:1;pointer-events:none;height:100dvh;position:fixed;inset:0}#trail{z-index:30;pointer-events:none;position:fixed;inset:0}.ster{color:var(--wit);text-shadow:0 0 8px #5b00d680;will-change:transform, opacity;font-size:1.1rem;animation:.9s ease-out forwards ster-weg;position:absolute}@keyframes ster-weg{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-130%)scale(.2)rotate(160deg)}}.top{z-index:20;justify-content:space-between;align-items:center;padding:1.2rem clamp(1.25rem,4vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--display);letter-spacing:.05em;color:var(--violet);font-size:1.2rem;font-weight:900}.logo sup{font-size:.5em}.top nav{gap:1.5rem;display:flex}.top nav a{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;background:var(--wit);box-shadow:0 3px 0 var(--violet);border-radius:99px;padding:.5rem 1.1rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s}.top nav a:hover{box-shadow:0 1px 0 var(--violet);transform:translateY(2px)}main{z-index:10;position:relative}.hero{min-height:100vh;align-items:center;min-height:100dvh;padding:5rem clamp(1.25rem,5vw,4rem) 0;display:flex;position:relative}.hero-tekst{max-width:34rem}.badge{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;background:var(--lime);color:var(--diep);border-radius:99px;margin-bottom:2rem;padding:.55rem 1.1rem;font-size:.7rem;font-weight:500;display:inline-block;transform:rotate(-3deg);box-shadow:0 4px #2e007059}.hero h1{font-family:var(--display);color:var(--violet);text-shadow:4px 4px 0 var(--wit);font-size:clamp(3.2rem,10.5vw,8.5rem);font-weight:900;line-height:.95}.hero-sub{max-width:26rem;margin-top:1.75rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:500}.scroll-ster{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--violet);font-size:.72rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)rotate(-2deg)}.product{justify-content:flex-end;align-items:center;min-height:100vh;padding:6rem clamp(1.25rem,5vw,4rem);display:flex}.product-b{justify-content:flex-start}.product-tekst{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-radius:28px;max-width:26rem;padding:2.4rem 2.2rem;box-shadow:0 8px #2e007040}.product-nr{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--violet);background:var(--lime);border-radius:99px;margin-bottom:1.2rem;padding:.35rem .85rem;font-size:.72rem;font-weight:500;display:inline-block}.product h2{font-family:var(--display);color:var(--violet);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.05}.product p{color:#3d2762}.specs{border-top:2px solid var(--bubblegum);margin-top:1.75rem}.specs div{border-bottom:2px solid var(--bubblegum);justify-content:space-between;padding:.6rem 0;display:flex}.specs dt{color:#7a5fa3;font-size:.9rem;font-weight:500}.specs dd{font-family:var(--display);color:var(--violet);font-size:.85rem;font-weight:500}.strook{background:var(--violet);color:var(--lime);white-space:nowrap;overflow:hidden;transform:rotate(-1.6deg)scale(1.02)}.strook-band{font-family:var(--display);padding:.85rem 0;font-size:clamp(1.1rem,2.6vw,1.9rem);font-weight:700;animation:16s linear infinite schuif;display:inline-flex}@keyframes schuif{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.strook-band{animation:none}}.colofon{text-align:center;padding:7rem clamp(1.25rem,5vw,4rem) 4rem}.colofon-groot{font-family:var(--display);color:var(--violet);text-shadow:4px 4px 0 var(--wit);margin-bottom:2.5rem;font-size:clamp(2.6rem,8vw,6.5rem);font-weight:900}.colofon-klein{color:#3d2762;max-width:34rem;margin:0 auto;font-size:.95rem}@media (max-width:700px){.product{justify-content:center;align-items:flex-end;padding-bottom:3rem}.product-tekst{max-width:100%}.hero h1{text-shadow:3px 3px 0 var(--wit)}}
