.hero-slider{overflow:hidden}.hero-slider__track{height:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);display:flex}.hero-slider__slide{flex:0 0 100%;height:100%;overflow:hidden}.hero-slider__image{background-image:var(--hero-image);background-repeat:no-repeat;background-size:var(--hero-size);background-position:var(--hero-position);width:100%;height:100%;transform:scale(var(--hero-zoom));transform-origin:var(--hero-origin)}.hero-slider__image--naamgenerator{--hero-size:2304px auto;--hero-zoom:1;--hero-position:right 60%;--hero-origin:center center}.hero-slider__image--geboorteletter{--hero-size:1440px auto;--hero-zoom:1;--hero-position:right 55%;--hero-origin:right center}.hero-phone-fade{--fade-top:30%;--fade-bottom:40%;background:linear-gradient(to bottom, #fde9ee 0%, transparent var(--fade-top), transparent calc(100% - var(--fade-bottom)), #fde9ee 100%)}.hero{--typing-start:.3s;--typing-title-speed:20ms;--typing-pause:.3s;--typing-subtitle-speed:12ms;--typing-end:calc(var(--typing-start) + var(--title-length) * var(--typing-title-speed) + var(--typing-pause) + var(--subtitle-length) * var(--typing-subtitle-speed));--grow-at:var(--typing-end);--grow-duration:.5s;--reveal-image-at:calc(var(--grow-at) + var(--grow-duration));--reveal-image-duration:.8s;--reveal-image-done:calc(var(--reveal-image-at) + var(--reveal-image-duration));--reveal-cta-at:calc(var(--reveal-image-at) + .4s);--reveal-rest-at:calc(var(--reveal-cta-at) + .4s);--reveal-dots-at:calc(var(--reveal-rest-at) + .6s)}@media (max-width:767px){.hero{--typing-title-speed:25ms;--typing-subtitle-speed:22ms}}.hero-typed__char{--typing-at:calc(var(--typing-start) + var(--char-index) * var(--typing-title-speed));opacity:0;animation:hero-typed-show 0s var(--typing-at) forwards, hero-typed-caret var(--typing-title-speed) step-end var(--typing-at)}.hero-typed--subtitle .hero-typed__char{--typing-at:calc(var(--typing-start) + var(--title-length) * var(--typing-title-speed) + var(--typing-pause) + (var(--char-index) - var(--title-length)) * var(--typing-subtitle-speed));animation:hero-typed-show 0s var(--typing-at) forwards, hero-typed-caret var(--typing-subtitle-speed) step-end var(--typing-at)}@keyframes hero-typed-show{to{opacity:1}}@keyframes hero-typed-caret{0%{box-shadow:.08em 0}50%,to{box-shadow:none}}.hero{animation:hero-grow-height var(--grow-duration) cubic-bezier(.2, 0, .3, 1) var(--grow-at) backwards}.hero-grow{animation:hero-grow-row var(--grow-duration) cubic-bezier(.2, 0, .3, 1) var(--grow-at) backwards;grid-template-rows:1fr;display:grid}.hero-grow__inner{min-height:0;overflow:hidden}@keyframes hero-grow-height{0%{min-height:0}}@keyframes hero-grow-row{0%{grid-template-rows:0fr}}.hero-reveal-image{animation:hero-reveal-fade var(--reveal-image-duration) ease-out var(--reveal-image-at) both}.hero-reveal-cta{animation:hero-reveal-rise .5s cubic-bezier(.2, 0, .3, 1) var(--reveal-cta-at) both}.hero-reveal-shop{animation:hero-reveal-rise .5s cubic-bezier(.2, 0, .3, 1) var(--reveal-rest-at) both}.hero-reveal-benefits{animation:hero-reveal-slide-up .6s cubic-bezier(.2, 0, .3, 1) var(--reveal-rest-at) both}.hero-reveal-dots{animation:hero-reveal-rise .4s ease-out var(--reveal-dots-at) both}@keyframes hero-reveal-fade{0%{opacity:0}}@keyframes hero-reveal-rise{0%{opacity:0;translate:0 .75rem}}@keyframes hero-reveal-slide-up{0%{translate:0 150%}}@media (min-width:768px){.hero{--reveal-cta-at:var(--typing-end);--reveal-rest-at:var(--typing-end)}.hero,.hero-grow,.hero-reveal-image,.hero-reveal-benefits,.hero-reveal-dots{animation:none}.hero .hero-tagline{--tagline-start:var(--tagline-delay)}}@media (prefers-reduced-motion:reduce){.hero,.hero-grow,.hero-reveal-image,.hero-reveal-cta,.hero-reveal-shop,.hero-reveal-benefits,.hero-reveal-dots{animation:none}.hero-typed .hero-typed__char{opacity:1;animation:none}}.hero-tagline{top:var(--tagline-top);right:var(--tagline-right);z-index:10;font-family:Gochi Hand,cursive;font-size:var(--tagline-size);color:#fff;text-shadow:0 1px 6px #00000026;transform:rotate(var(--tagline-rotate));pointer-events:none;padding:0 1.6em .9em .6em;line-height:1.15;position:absolute}.hero-tagline--naamgenerator{--tagline-top:1rem;--tagline-right:1rem;--tagline-size:1.65rem;--tagline-rotate:-9deg}.hero-tagline--geboorteletter{--tagline-top:2rem;--tagline-right:3rem;--tagline-size:1.75rem;--tagline-rotate:9deg}@media (min-width:768px) and (max-width:1023px){.hero-slider__image--naamgenerator{--hero-size:1382px auto;--hero-zoom:1;--hero-position:right -31px top 60%;--hero-origin:right center}.hero-slider__image--geboorteletter{--hero-size:1152px auto;--hero-zoom:1;--hero-position:right -77px top 55%;--hero-origin:right center}}@media (max-width:767px) and (orientation:portrait){.hero-slider__image--naamgenerator{--hero-size:auto 110%;--hero-zoom:1;--hero-position:90% 100%;--hero-origin:left top}.hero-slider__image--geboorteletter{--hero-size:auto 140%;--hero-zoom:1;--hero-position:80% 65%;--hero-origin:right center}}@media (max-height:500px) and (orientation:landscape){.hero-slider__image--naamgenerator,.hero-slider__image--geboorteletter{--hero-size:cover;--hero-zoom:1.1;--hero-position:right center;--hero-origin:right center}}@media (min-width:768px) and (max-width:1023px){.hero-tagline{--tagline-heart-stroke:4.5}.hero-tagline--naamgenerator{--tagline-top:1rem;--tagline-right:1rem;--tagline-size:1.2rem;--tagline-rotate:-9deg}.hero-tagline--geboorteletter{--tagline-top:2rem;--tagline-right:0rem;--tagline-size:1.2rem;--tagline-rotate:9deg}}@media (max-width:767px) and (orientation:portrait){.hero-tagline--naamgenerator,.hero-tagline--geboorteletter{--tagline-top:1rem;--tagline-right:1rem;--tagline-size:1.25rem;--tagline-rotate:-9deg}}@media (max-height:500px) and (orientation:landscape){.hero-tagline--naamgenerator{--tagline-top:1rem;--tagline-right:1.5rem;--tagline-size:1.5rem;--tagline-rotate:-9deg}.hero-tagline--geboorteletter{--tagline-top:1rem;--tagline-right:7rem;--tagline-size:1.5rem;--tagline-rotate:-9deg}}.hero-tagline svg{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 4px #00000026);position:absolute;overflow:visible}.hero-tagline__pointer{width:.9em;height:.6em;bottom:.35em;left:-.9em}.hero-tagline__last-line{width:fit-content;display:block;position:relative}.hero-tagline svg.hero-tagline__heart{width:1.2em;height:1.1em;stroke-width:var(--tagline-heart-stroke,3);margin-left:0;bottom:-.5em;left:110%;rotate:9deg}.hero-tagline{--tagline-speed:.5;--tagline-delay:.5s;--tagline-start:var(--reveal-image-done)}.hero-tagline--replay{--tagline-start:var(--tagline-delay)}.hero-tagline svg path{stroke-dasharray:1;stroke-dashoffset:1px}.hero-tagline__pointer path{animation:hero-tagline-draw calc(.4s * var(--tagline-speed)) ease-out calc(var(--tagline-start) + .3s * var(--tagline-speed)) forwards}.hero-tagline__line{clip-path:inset(0 100% 0 0);animation:hero-tagline-write calc(.9s * var(--tagline-speed)) steps(14, end) forwards;display:block}.hero-tagline__line--first{animation-delay:calc(var(--tagline-start) + .8s * var(--tagline-speed))}.hero-tagline__line--second{animation-delay:calc(var(--tagline-start) + 1.8s * var(--tagline-speed))}.hero-tagline__heart path{animation:hero-tagline-draw calc(.5s * var(--tagline-speed)) ease-in-out calc(var(--tagline-start) + 2.8s * var(--tagline-speed)) forwards, hero-tagline-heart-color calc(1.2s * var(--tagline-speed)) ease-in-out calc(var(--tagline-start) + 3.4s * var(--tagline-speed))}.hero-tagline__heart{transform-origin:50%;animation:hero-tagline-heart-beat calc(1.2s * var(--tagline-speed)) linear calc(var(--tagline-start) + 3.4s * var(--tagline-speed))}@keyframes hero-tagline-draw{to{stroke-dashoffset:0}}@keyframes hero-tagline-write{to{clip-path:inset(0)}}@keyframes hero-tagline-heart-beat{0%{animation-timing-function:cubic-bezier(.2,0,.3,1);scale:1}14%{animation-timing-function:ease-in-out;scale:1.35}28%{animation-timing-function:cubic-bezier(.2,0,.3,1);scale:1.05}38%{animation-timing-function:ease-in-out;scale:1.22}64%,to{scale:1}}@keyframes hero-tagline-heart-color{0%{fill:#0000}10%,70%{fill:#e5484d}to{fill:#0000}}@media (prefers-reduced-motion:reduce){.hero-tagline__line,.hero-tagline svg,.hero-tagline svg path{clip-path:none;stroke-dashoffset:0;animation:none}}.hero-cta-enter-active,.hero-cta-leave-active{transition:opacity .25s,transform .25s}.hero-cta-enter-from{opacity:0;transform:translateY(8px)}.hero-cta-leave-to{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){.hero-slider__track,.hero-cta-enter-active,.hero-cta-leave-active{transition:none}}