.hero{position:relative;overflow:hidden;display:flex;align-items:stretch;min-height:90vh;min-height:90svh;padding-top:clamp(140px,15vh,180px);padding-bottom:clamp(88px,11vh,132px)}.hero>.wrap{width:100%}.hero-bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;margin:0;background:var(--kleur-dark-card) center / cover no-repeat}.hero-bg img{display:block;width:100%;height:100%;object-fit:cover}.hero-bg picture{display:block;width:100%;height:100%}.hero-bg .placeholder-svg{display:block;width:100%;height:100%;background:var(--kleur-salie)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#08141294}.hero-grid{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:end}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.hero-wave{bottom:-1px;color:var(--kleur-zand-licht)}.hero-copy h1{font-size:clamp(2.5rem,5.2vw,4rem);color:#fff;margin-bottom:.5em}.hero-copy .body-hero{color:#ffffffd1;margin:0 0 clamp(24px,3vw,36px);max-width:32rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-usps{list-style:none;margin:clamp(20px,2.6vw,28px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px clamp(18px,2.2vw,28px)}.hero-usps li{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#ffffffe6}.quiz-card{background:var(--paper);border-radius:var(--r-lg);padding:clamp(22px,2.6vw,32px);max-width:27rem;justify-self:end;align-self:end;width:100%;box-shadow:0 30px 60px -30px #08141280}@media(max-width:900px){.hero-grid{align-items:start}.quiz-card{justify-self:stretch;align-self:start;max-width:none}}.quiz-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--cta);margin-bottom:14px}.quiz-eyebrow svg{color:var(--cta)}.quiz-bob{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}.quiz-bob img,.quiz-bob .placeholder-svg{width:64px;height:64px;flex:none;object-fit:cover;object-position:top;border-radius:50%;background:var(--kleur-lichtoranje)}.quiz-card .speech{position:relative;background:var(--kleur-ijsblauw);border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:.9375rem;font-weight:500;line-height:1.4}@media(prefers-reduced-motion:no-preference){.quiz-card .speech{animation:pop-in .5s cubic-bezier(.2,.7,.3,1) .4s backwards}}.quiz-step h6{margin-bottom:12px}.quiz-options{display:flex;flex-wrap:wrap;gap:10px}.quiz-opt{flex:1 1 calc(50% - 5px);padding:13px 16px;border:2px solid var(--kleur-salie);border-radius:16px;background:var(--paper);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--kleur-inkt);cursor:pointer;text-align:left;transition:border-color .2s ease,background-color .2s ease}.quiz-opt:hover{border-color:var(--kleur-inkt)}.quiz-opt.wide{flex-basis:100%}.quiz-progress{display:flex;gap:6px;margin-top:18px}.quiz-progress span{height:4px;flex:1;border-radius:var(--r-pill);background:var(--kleur-zand);transition:background-color .3s ease}.quiz-progress span.done{background:var(--cta)}.quiz-result p{margin:0 0 16px;color:var(--tekst-70);font-size:.9375rem}.quiz-result h5{margin-bottom:8px}.quiz-reset{background:none;border:0;padding:0;margin-top:14px;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--tekst-70);cursor:pointer;text-decoration:underline}@media(prefers-reduced-motion:no-preference){.hero .rise{animation:rise .7s cubic-bezier(.2,.7,.3,1) backwards}.hero .rise:nth-child(1){animation-delay:.02s}.hero .rise:nth-child(2){animation-delay:.08s}.hero .rise:nth-child(3){animation-delay:.14s}.hero .rise:nth-child(4){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bob-hero.css.map */