.hero-video{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#23261c}.hero-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgb(25 22 12 / calc(var(--hero-overlay) + .1)),rgb(25 22 12 / calc(var(--hero-overlay) * .55)) 60%,rgb(25 22 12 / calc(var(--hero-overlay) * .15)))}.hero-video__achter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.hero-video__waas{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;max-width:none;height:124%;object-fit:cover;filter:blur(42px) saturate(1.2) brightness(.62)}.hero-video__inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2.5rem,5vw,5rem);align-items:center;width:min(calc(var(--page-width) - var(--page-margin) * 2),calc(100% - var(--page-margin) * 2));min-height:44rem;margin-inline:auto;padding-block:4rem 4.5rem}.hero-video__eyebrow{color:#ffffffe0}.hero-video__title{margin:1.4rem 0 1.6rem;color:#fff;max-width:11em}.hero-video__lead{max-width:30em;font-size:1.15rem;color:#fffffff0}.hero-video__lead p{margin:0}.hero-video__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.9rem}.hero-video__podium{position:relative;justify-self:end;width:min(100%,31rem)}.hero-video__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:calc(var(--style-border-radius-cards) * 2);background:#1a1c15;box-shadow:0 2.5rem 5rem -2rem #000000a6}.hero-video__media :is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-video__product{position:absolute;left:clamp(-6.5rem,-7vw,-3rem);bottom:-1.75rem;width:clamp(9.5rem,16vw,15rem);height:auto;filter:drop-shadow(0 28px 28px rgb(0 0 0 / .5))}.hero-video__toggle{position:absolute;right:.9rem;bottom:.9rem;min-width:2.75rem;padding:0;border-color:#fff9;background:#0000004d;color:#fff;font-size:.7rem}.hero-video__toggle[data-speelt=false] .hero-video__icoon--pauze,.hero-video__toggle:not([data-speelt=false]) .hero-video__icoon--speel{display:none}.hero-video__toggle:not(:focus-visible){opacity:0;pointer-events:none}.hero-video--breed .hero-video__inner{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;min-height:40rem;padding-block:5rem 0}.hero-video--breed .hero-video__text{padding-bottom:5rem}.hero-video--breed .hero-video__podium{position:static;justify-self:center;align-self:end;width:auto}.hero-video--breed .hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;aspect-ratio:auto;border-radius:0;box-shadow:none}.hero-video--breed .hero-video__product{position:static;width:min(100%,21rem);margin-bottom:-.5rem}.hero-video--breed .hero-video__toggle{right:var(--page-margin);bottom:1rem}@media(prefers-reduced-motion:no-preference){.hero-video__text>*{animation:hero-op 1.1s var(--ease-uit) both}.hero-video__eyebrow{animation-delay:.1s}.hero-video__title{animation-delay:.2s}.hero-video__lead{animation-delay:.38s}.hero-video__actions{animation-delay:.52s}.hero-video--kader .hero-video__media{animation:hero-kader 1.4s var(--ease-uit) .15s both}.hero-video__product{animation:hero-blik 1.3s var(--ease-uit) .65s both,hero-zweef 7s ease-in-out 2s infinite}.hero-video__waas{animation:hero-waas 1.6s ease-out both}@supports (animation-timeline: scroll()){.hero-video--kader .hero-video__podium{animation:hero-parallax linear both;animation-timeline:scroll(root);animation-range:0 100vh}}}@keyframes hero-op{0%{opacity:0;translate:0 1.75rem;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes hero-kader{0%{opacity:0;scale:.94;clip-path:inset(12% 6% 12% 6% round 2rem)}to{opacity:1;scale:1;clip-path:inset(0 round calc(var(--style-border-radius-cards) * 2))}}@keyframes hero-blik{0%{opacity:0;scale:.82;rotate:-10deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes hero-zweef{0%,to{translate:0 0}50%{translate:0 -.6rem}}@keyframes hero-waas{0%{opacity:0}to{opacity:1}}@keyframes hero-parallax{to{transform:translateY(-4rem)}}@media(max-width:56rem){.hero-video--kader .hero-video__achter{display:none}.hero-video--kader:after{background:linear-gradient(180deg,rgb(25 22 12 / calc(var(--hero-overlay) * .45)),rgb(25 22 12 / calc(var(--hero-overlay) * .8)) 32%,rgb(25 22 12 / calc(var(--hero-overlay) + .3)))}.hero-video__inner,.hero-video--breed .hero-video__inner{grid-template-columns:1fr;align-items:end;min-height:min(44rem,88svh);gap:0;padding-block:6rem 1.5rem}.hero-video__text,.hero-video--breed .hero-video__text{padding-bottom:1rem}.hero-video__title{margin:.9rem 0 1rem}.hero-video__lead{font-size:1rem}.hero-video__actions .button{flex:1 1 10rem}.hero-video__podium{position:static;justify-self:end;width:auto;animation:none!important}.hero-video__media,.hero-video--kader .hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;aspect-ratio:auto;border-radius:0;box-shadow:none;animation:none}.hero-video__product,.hero-video--breed .hero-video__product{position:static;width:8.5rem;margin:.25rem 1.5rem 0 0}.hero-video__toggle,.hero-video--breed .hero-video__toggle{right:var(--page-margin);bottom:auto;top:5rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero-video.css.map */