.ob-hero{position:relative;z-index:1;background:var(--kleur-zand-licht);padding-top:clamp(148px,17vh,196px);padding-bottom:var(--section)}.ob-hero--paper{background:var(--paper)}.ob-hero--salie{background:var(--kleur-salie-licht)}.ob-hero--ijs{background:var(--kleur-ijsblauw-licht)}.ob-hero--seam-bottom{padding-bottom:calc(var(--section) / 2)}.ob-hero--flush-bottom{padding-bottom:0}.ob-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:stretch}.ob-hero-grid--solo{grid-template-columns:minmax(0,1fr)}.ob-hero-copy{display:flex;flex-direction:column}@media(max-width:900px){.ob-hero-grid{grid-template-columns:1fr}}.ob-hero h1{margin-bottom:20px}.ob-hero-lead{margin:0 0 16px;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.6;color:var(--tekst-70);max-width:34rem}.ob-hero-lead:last-of-type{margin-bottom:28px}.ob-hero-lead b{color:var(--kleur-inkt);font-weight:600}.ob-stats{--stat-gap: clamp(16px, 2.2vw, 32px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--stat-gap);margin-top:auto}.ob-stat{position:relative;min-width:0}.ob-stat+.ob-stat:before{content:"";position:absolute;left:calc(-1 * var(--stat-gap) / 2);top:4px;bottom:4px;width:1px;background:#08141224}@media(max-width:520px){.ob-stats{grid-template-columns:1fr}.ob-stat+.ob-stat:before{display:none}}.ob-stat b{display:block;font-family:var(--font-kop);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-1px;line-height:1.1}.ob-stat span{display:block;margin-top:4px;font-size:.8125rem;line-height:1.4;color:var(--tekst-70)}.ob-portret{position:relative;margin:0;width:100%}.ob-portret:before{content:"";position:absolute;z-index:0;inset:clamp(18px,3vw,30px) calc(-1*clamp(12px,2vw,22px)) calc(-1*clamp(18px,3vw,30px)) clamp(12px,2vw,22px);background:var(--kleur-lichtoranje);border-radius:var(--r-lg);transform:rotate(-3deg)}.ob-portret-frame{position:relative;z-index:1;aspect-ratio:4 / 3;border-radius:var(--r-lg);overflow:hidden;background:var(--kleur-salie-licht);box-shadow:0 30px 60px -40px #08141299}.ob-portret-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.ob-portret-frame .ob-portret-placeholder{display:block;width:100%;height:100%}.ob-portret-naam{position:absolute;z-index:2;left:50%;bottom:-18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:var(--paper);border-radius:var(--r-pill);padding:10px 18px 10px 12px;box-shadow:0 18px 40px -26px #081412b3;font-size:.875rem;font-weight:700}.ob-portret-naam span:not(.bolt-dot){font-weight:400;color:var(--tekst-70)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-about-hero.css.map */