/* Snuifbuis :: Over ons */
.sbo .wrap{max-width:1140px;margin-inline:auto;padding-inline:24px}
.sbo img{display:block;width:100%;height:auto}

/* hero */
.sbo-hero{background:var(--sb-surface);border-bottom:1px solid var(--sb-line);padding:56px 0}
.sbo-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.sbo-hero .kick{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-accent)}
.sbo-hero h1{font-size:clamp(28px,3.8vw,44px);line-height:1.06;letter-spacing:-.03em;margin:10px 0 14px}
.sbo-hero p{color:var(--sb-muted);font-size:16.5px;max-width:52ch;margin:0}
.sbo-hero-img img{border-radius:16px;box-shadow:0 34px 64px -40px rgba(35,35,44,.55);aspect-ratio:3/2;object-fit:cover}
.sbo-stats{display:flex;gap:30px;margin-top:26px;flex-wrap:wrap}
.sbo-stats b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--sb-accent-dark);line-height:1.1}
.sbo-stats span{font-size:13px;color:var(--sb-muted)}

/* split sections */
.sbo-split{padding:72px 0}
.sbo-split .wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.sbo-split--rev{background:var(--sb-surface)}
.sbo-img{position:relative}
.sbo-img img{border-radius:16px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 30px 56px -40px rgba(35,35,44,.5)}
.sbo-cap{display:block;margin-top:11px;font-size:12.5px;color:var(--sb-muted)}
.sbo-txt h2{font-size:clamp(23px,2.9vw,32px);letter-spacing:-.025em;margin:0 0 14px}
.sbo-txt p{color:#43434d;line-height:1.72;margin:0 0 14px;font-size:15.5px}
.sbo-btn{display:inline-block;background:var(--sb-accent);color:#fff!important;font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:10px;margin-top:6px;transition:.16s}
.sbo-btn:hover{background:var(--sb-accent-dark);transform:translateY(-1px)}
.sbo-btn--light{background:#fff;color:var(--sb-ink)!important}
.sbo-btn--light:hover{background:#eef1f2}

/* values */
.sbo-values{padding:72px 0;border-top:1px solid var(--sb-line)}
.sbo-values h2{text-align:center;font-size:clamp(23px,2.9vw,32px);letter-spacing:-.025em;margin:0 0 36px}
.sbo-vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sbo-v{background:#fff;border:1px solid var(--sb-line);border-radius:14px;padding:26px}
.sbo-v .ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--sb-surface);font-size:20px;margin-bottom:13px}
.sbo-v h3{font-size:17px;margin:0 0 7px}
.sbo-v p{color:var(--sb-muted);font-size:14.5px;line-height:1.6;margin:0}

/* cta */
.sbo-cta{background:#17171d;color:#fff;text-align:center;padding:72px 0}
.sbo-cta h2{color:#fff;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em;margin:0 0 10px}
.sbo-cta p{color:#b9bcc4;max-width:52ch;margin:0 auto 24px}

@media(max-width:880px){
  .sbo-hero{padding:34px 0}
  .sbo-hero .wrap,.sbo-split .wrap{grid-template-columns:1fr;gap:26px}
  .sbo-hero-img{order:-1}
  .sbo-split{padding:46px 0}
  .sbo-split--rev .sbo-img{order:-1}
  .sbo-vgrid{grid-template-columns:1fr}
  .sbo-values,.sbo-cta{padding:46px 0}
  .sbo-stats{gap:20px}
}