.hv{position:relative;isolation:isolate;overflow:hidden}.hv .graskant{position:absolute;left:0;right:0;bottom:-1px;z-index:4}.hv__kop{font-size:clamp(2.3rem,1.3rem + 3.1vw,4.3rem);line-height:1.02;margin:0 0 .32em;text-wrap:balance}.hv__tekst{font-size:clamp(1rem,.94rem + .3vw,1.1875rem);line-height:1.55;margin:0 0 1.4em;max-width:46ch}.hv__knoppen{display:flex;flex-wrap:wrap;gap:10px}.hv__punten{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:20px 0 0;font-size:.9375rem;font-weight:600}.hv__punten li{display:flex;align-items:center;gap:6px}.hv-vlek{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.7;pointer-events:none}@keyframes hv-drijf{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4%,-6%,0) scale(1.12)}}@keyframes hv-adem{0%{transform:scale(1.005)}to{transform:scale(1.07)}}@keyframes hv-zweef{0%{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-14px) rotate(.6deg)}}@keyframes hv-schaduw{0%{transform:scaleX(1);opacity:.55}to{transform:scaleX(.86);opacity:.32}}@keyframes hv-loop{to{transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){.hv-vlek{animation:hv-drijf 18s ease-in-out infinite alternate}.hv-vlek:nth-of-type(2n){animation-duration:23s;animation-direction:alternate-reverse}.hv-vlek:nth-of-type(3n){animation-duration:29s}}.hva{--hva-grond: #2a1206;display:flex;align-items:center;min-height:clamp(580px,46vw,760px);background:var(--hva-grond);color:var(--wit)}.hva__beeld{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.hva__beeld picture{display:block;width:100%;height:100%}.hva__foto{width:100%;height:100%;object-fit:cover;object-position:var(--hva-focus, 50% 40%);transform-origin:48% 30%}@media(prefers-reduced-motion:no-preference){.hva__foto{animation:hv-adem 26s ease-in-out infinite alternate}}.hva:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(270deg,rgb(42 18 6 / .82) 0%,rgb(42 18 6 / .62) 26%,rgb(42 18 6 / .18) 50%,transparent 62%),linear-gradient(0deg,rgb(42 18 6 / .42) 0%,transparent 28%)}.hva__inhoud{display:flex;justify-content:flex-end;padding-block:clamp(40px,5vw,72px) clamp(86px,9vw,130px)}.hva__blok{width:min(100%,560px)}.hva .oogje{color:var(--zon);text-shadow:0 1px 12px rgb(42 18 6 / .6)}.hva__kop{color:var(--wit);text-shadow:0 2px 24px rgb(42 18 6 / .35)}.hva__kop .krul__lijn path{stroke:var(--zon);stroke-width:10}.hva__tekst,.hva__punten{color:#ffffffeb}.hva__punten .icoon{color:var(--zon)}.hva__sticker{right:auto;left:max(20px,calc((100vw - var(--breedte)) / 2 + 20px))}@media(max-width:899px){.hva{flex-direction:column;align-items:stretch;min-height:0}.hva__beeld{position:relative;inset:auto;height:clamp(330px,92vw,520px);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}.hva__foto{object-position:var(--hva-focus-mobiel, 48% 20%)}.hva:before{display:none}.hva__inhoud{justify-content:flex-start;margin-top:-92px;padding-block:0 72px;position:relative}.hva__sticker{left:auto;right:12px;top:12px;width:88px}.hva__kop{font-size:clamp(2.1rem,1.4rem + 3.4vw,2.8rem)}}.hvb{background:var(--papier);padding-block:clamp(36px,4.5vw,64px) clamp(70px,7vw,104px)}.hvb__boven{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 48px;margin-bottom:clamp(24px,3vw,40px)}.hvb__kop{color:var(--bruin);margin:0 0 .18em}.hvb__tekst{margin:0;color:var(--inkt);max-width:52ch}.hvb__knoppen{padding-bottom:6px}.hvb__baan{position:relative}.hvb__rij{display:flex;width:max-content}.hvb__set{list-style:none;margin:0;display:flex;gap:clamp(14px,1.4vw,22px);padding-right:clamp(14px,1.4vw,22px)}@media(prefers-reduced-motion:no-preference){.hvb__rij{animation:hv-loop var(--hvb-duur, 80s) linear infinite}.hvb__baan:hover .hvb__rij,.hvb__baan:focus-within .hvb__rij,.hvb.is-gepauzeerd .hvb__rij{animation-play-state:paused}}.hvb__dia{position:relative;flex:none;width:clamp(290px,47vw,780px);height:clamp(280px,26.5vw,440px);border-radius:var(--r-xl);overflow:hidden;background:var(--lucht);box-shadow:var(--schaduw-m)}.hvb__dia a{position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none}.hvb__foto{width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 45%);transition:transform 1.2s var(--zacht)}.hvb__dia a:hover .hvb__foto{transform:scale(1.04)}.hvb__dia a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgb(42 18 6 / .38),transparent 42%);pointer-events:none}.hvb__label{position:absolute;left:clamp(14px,1.8vw,26px);bottom:clamp(14px,1.8vw,26px);z-index:1;display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-radius:var(--r-pil);background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw-m);font-family:var(--font-kop);font-weight:800;font-size:clamp(1.05rem,.9rem + .5vw,1.4rem);line-height:1}.hvb__pijl{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--oranje-knop);color:var(--wit);transition:transform .35s var(--veer)}.hvb__dia a:hover .hvb__pijl{transform:translate(4px)}.hvb__dia a:focus-visible{outline:4px solid var(--zon);outline-offset:-4px;border-radius:var(--r-xl)}.hvb__pauze{position:absolute;right:max(var(--goot),(100vw - var(--breedte)) / 2 + var(--goot));bottom:-52px;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--lijn);border-radius:50%;background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw-s)}.hvb__pauze svg{width:16px;height:16px}.hvb__pauze .hvb__speel,.hvb.is-gepauzeerd .hvb__pauzeer{display:none}.hvb.is-gepauzeerd .hvb__speel{display:block}.hvb__sticker{top:clamp(10px,2vw,26px);width:clamp(96px,9vw,132px)}@media(prefers-reduced-motion:reduce){.hvb__baan{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--goot)}.hvb__set{scroll-snap-align:start}.hvb__set[aria-hidden=true],.hvb__pauze{display:none}}@media(max-width:899px){.hvb__boven{grid-template-columns:minmax(0,1fr);padding-right:90px}.hvb__kop{font-size:clamp(2rem,1.3rem + 3.4vw,2.7rem)}.hvb__sticker{width:84px;right:12px;top:12px}}@media(max-width:599px){.hvb__boven{padding-right:var(--goot)}.hvb__boven .hvb__kop{padding-right:84px}.hvb__dia{width:80vw;height:clamp(260px,78vw,340px)}.hvb__knoppen .knop{flex:1 1 auto}}.hvc{background:linear-gradient(140deg,#fff6ee 0%,var(--oranje-licht) 46%,#ffd6bb 100%);padding-block:clamp(32px,4vw,56px) clamp(80px,8vw,120px)}.hvc__achter{position:absolute;top:0;right:0;bottom:0;left:42%;z-index:-2;opacity:.16;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(70% 80% at 60% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 80% at 60% 45%,#000 30%,transparent 75%)}.hvc__achter img{width:100%;height:100%;object-fit:cover;filter:blur(2px) saturate(.8)}.hvc__raster{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(20px,3vw,48px);min-height:clamp(440px,34vw,580px)}.hvc__kop{color:var(--bruin)}.hvc__tekst{color:var(--inkt)}.hvc .oogje{color:var(--oranje-knop)}.hvc__punten{color:var(--bruin)}.hvc__punten .icoon{color:var(--gras)}.hvc__podium{position:relative;display:grid;place-items:center;aspect-ratio:1.45}.hvc__gloed{position:absolute;top:4%;right:6%;bottom:10%;left:6%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .95),rgb(255 255 255 / .55) 55%,transparent);z-index:-1}.hvc__ring{position:absolute;top:0;right:2%;bottom:6%;left:2%;border-radius:50%;border:2px dashed rgb(201 68 10 / .18);z-index:-1}@media(prefers-reduced-motion:no-preference){.hvc__ring{animation:draai 120s linear infinite}}.hvc__product{position:relative;width:100%}.hvc__product img{width:100%;height:auto;filter:drop-shadow(0 18px 22px rgb(58 22 4 / .16))}.hvc__vloer{position:absolute;left:14%;right:14%;bottom:3%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgb(58 22 4 / .32),transparent);z-index:-1}@media(prefers-reduced-motion:no-preference){.hvc__product{animation:hv-zweef 5.5s ease-in-out infinite alternate}.hvc__vloer{animation:hv-schaduw 5.5s ease-in-out infinite alternate}}.hvc__prijskaart{position:absolute;right:2%;top:4%;display:grid;gap:2px;min-width:190px;padding:14px 18px;border-radius:var(--r-l);background:var(--wit);box-shadow:var(--schaduw-l);color:var(--bruin);text-decoration:none;transition:transform .35s var(--veer),box-shadow .3s}.hvc__prijskaart:hover{transform:translateY(-3px) rotate(-1deg)}.hvc__prijsnaam{font-size:.875rem;font-weight:700;color:var(--inkt-zacht)}.hvc__prijs{font-family:var(--font-kop);font-weight:800;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.hvc__korting{justify-self:start;margin-top:4px;padding:3px 10px;border-radius:var(--r-pil);background:var(--zon);font-size:.8125rem;font-weight:800;color:var(--bruin)}.hvc__voorraad{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.8125rem;font-weight:700;color:var(--gras)}.hvc__voorraad:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gras-helder);box-shadow:0 0 0 3px #5db34e33}.hvc__sticker{top:auto;bottom:clamp(70px,8vw,120px);right:max(20px,calc((100vw - var(--breedte)) / 2 + 20px))}@media(max-width:899px){.hvc__raster{grid-template-columns:1fr;min-height:0}.hvc__podium{order:-1;width:100%;max-width:560px;justify-self:center}.hvc__achter{top:0;right:0;bottom:45%;left:0}.hvc__podium{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;padding-top:12px}.hvc__prijskaart{position:relative;right:auto;top:auto;align-self:flex-end;margin-top:-18px;min-width:0;padding:10px 14px;grid-template-columns:auto auto;column-gap:12px;align-items:center}.hvc__prijsnaam{grid-column:1 / -1}.hvc__korting,.hvc__voorraad{margin-top:0}.hvc__prijs{font-size:1.6rem}.hvc__sticker{width:84px;top:12px;left:12px;right:auto;bottom:auto}.hvc__kop{font-size:clamp(2.1rem,1.4rem + 3.4vw,2.8rem)}}.hvd{background:var(--papier);padding-block:clamp(32px,4vw,56px) clamp(82px,8vw,120px)}.hvd__raster{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(24px,4vw,64px)}.hvd__kop{color:var(--bruin)}.hvd__tekst{color:var(--inkt)}.hvd__punten{color:var(--bruin)}.hvd__punten .icoon{color:var(--gras)}.hvd__mozaiek{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"a b b" "a c d";gap:clamp(10px,1.1vw,16px);height:clamp(440px,40vw,620px)}.hvd__tegel{position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--lucht);box-shadow:var(--schaduw-m);transition:transform .4s var(--veer),box-shadow .3s}.hvd__tegel:nth-child(1){grid-area:a}.hvd__tegel:nth-child(2){grid-area:b}.hvd__tegel:nth-child(3){grid-area:c}.hvd__tegel:nth-child(4){grid-area:d}.hvd__tegel:hover{transform:translateY(-4px);box-shadow:var(--schaduw-l)}.hvd__tegel a{position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none}.hvd__tegel a:focus-visible{outline:4px solid var(--zon);outline-offset:-4px;border-radius:var(--r-l)}.hvd__foto{width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 45%);transform-origin:var(--focus, 50% 45%)}@media(prefers-reduced-motion:no-preference){.hvd__foto{animation:hv-adem 22s ease-in-out infinite alternate}.hvd__tegel:nth-child(2) .hvd__foto{animation-delay:-7s;animation-duration:26s}.hvd__tegel:nth-child(3) .hvd__foto{animation-delay:-13s;animation-duration:24s}.hvd__tegel:nth-child(4) .hvd__foto{animation-delay:-4s;animation-duration:28s}}.hvd__tegel a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgb(42 18 6 / .34),transparent 45%);pointer-events:none}.hvd__label{position:absolute;left:12px;bottom:12px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:var(--r-pil);background:var(--wit);color:var(--bruin);box-shadow:var(--schaduw-s);font-family:var(--font-kop);font-weight:800;font-size:1rem;line-height:1}.hvd__pijl{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--oranje-knop);color:var(--wit);transition:transform .35s var(--veer)}.hvd__pijl .icoon{width:16px;height:16px}.hvd__tegel a:hover .hvd__pijl{transform:translate(3px)}.hvd__sticker{top:-34px;right:-26px;width:clamp(104px,9vw,136px);z-index:2}@media(max-width:899px){.hvd__raster{grid-template-columns:1fr}.hvd__mozaiek{grid-template-columns:1fr 1fr;grid-template-rows:clamp(150px,42vw,260px) clamp(150px,42vw,260px);grid-template-areas:"a b" "c d";height:auto}.hvd__sticker{width:84px;top:-22px;right:-6px}.hvd__kop{font-size:clamp(2.1rem,1.4rem + 3.4vw,2.8rem)}.hvd__label{left:8px;bottom:8px;font-size:.9375rem;padding-left:11px}}@media(max-width:599px){.hv__knoppen{flex-wrap:nowrap;gap:8px}.hv__knoppen .knop{flex:1 1 0;min-width:0;padding-inline:10px;font-size:.9375rem;white-space:nowrap}.hv__knoppen .knop .icoon,.hv__punten{display:none}.hv__tekst{font-size:.9688rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-voorbeelden.css.map */