:root{
  --bym-about-bg:#f7efe9;
  --bym-about-paper:#fffaf4;
  --bym-about-cream:#fff8ee;
  --bym-about-cacao:#3a2a24;
  --bym-about-brown:#7a5c4d;
  --bym-about-taupe:#c28f78;
  --bym-about-soft:#ead9cb;
  --bym-about-line:rgba(58,42,36,.12);
  --bym-about-shadow:0 26px 80px rgba(58,42,36,.12);
  --bym-about-soft-shadow:0 18px 46px rgba(58,42,36,.08);
}
.bym-about-page{background:var(--bym-about-bg);color:var(--bym-about-cacao);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;overflow:hidden;}
.bym-about-page *{box-sizing:border-box;}

/* Voorkom een dubbele standaard paginatitel boven de custom hero. */
body:has(.bym-about-page) .entry-title,
body:has(.bym-about-page) .et_post_meta_wrapper,
body:has(.bym-about-page) .page-title{display:none !important;}
body:has(.bym-about-page) #main-content .container{padding-top:0 !important;}
.bym-about-container{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.bym-about-page h1,.bym-about-page h2,.bym-about-page h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.02;letter-spacing:-.045em;margin:0;color:var(--bym-about-cacao);}
.bym-about-page h1{font-size:clamp(46px,5vw,78px);max-width:780px;margin:0 0 24px;}
.bym-about-page h1 em{display:block;font-size:.62em;line-height:1.08;font-style:italic;color:var(--bym-about-brown);margin-top:14px;letter-spacing:-.035em;max-width:720px;}
.bym-about-page h2{font-size:clamp(38px,4.2vw,64px);margin-bottom:22px;}
.bym-about-page h3{font-size:32px;margin-bottom:14px;}
.bym-about-page p{font-size:17px;margin:0 0 18px;color:#6b5a52;}
.bym-about-kicker{font-size:12px !important;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--bym-about-brown) !important;margin-bottom:18px !important;}
.bym-about-btn{display:inline-flex;align-items:center;gap:12px;background:var(--bym-about-cacao);color:#fff8ee !important;text-decoration:none !important;border-radius:999px;padding:16px 28px;font-weight:700;font-size:15px;box-shadow:0 16px 34px rgba(58,42,36,.14);transition:all .22s ease;}
.bym-about-btn:hover{transform:translateY(-2px);background:#4a3025;color:#fff8ee !important;}
.bym-about-btn.secondary{background:#fff8ee;color:var(--bym-about-cacao) !important;border:1px solid var(--bym-about-line);}
.bym-about-btn.secondary:hover{background:#f1e5d9;}
.bym-about-btn.light{background:#fff8ee;color:var(--bym-about-cacao) !important;}
.bym-about-btn.ghost{background:transparent;color:#fff8ee !important;border:1px solid rgba(255,255,255,.5);box-shadow:none;}
.bym-about-hero{padding:76px 0 82px;background:radial-gradient(circle at 20% 20%,#fffaf4 0,#f7efe9 40%,#efe2d8 100%);}
.bym-about-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center;}
.bym-about-hero-copy{max-width:700px;}
.bym-about-hero-copy p:not(.bym-about-kicker){font-size:18px;color:#5f5048;max-width:620px;}
.bym-about-hero-media{min-height:590px;border-radius:42px;background:linear-gradient(135deg,#dbc3b4,#fff6ee);background-size:cover;background-position:center;box-shadow:var(--bym-about-shadow);position:relative;overflow:hidden;}
.bym-about-hero-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,42,36,0) 45%,rgba(58,42,36,.22));}
.bym-about-hero-note{position:absolute;left:28px;right:28px;bottom:24px;background:rgba(255,248,238,.88);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:20px 22px;font-family:"Playfair Display",Georgia,serif;font-size:24px;line-height:1.22;color:var(--bym-about-cacao);box-shadow:var(--bym-about-soft-shadow);}
.bym-about-story,.bym-about-work,.bym-about-cacao,.bym-about-experience,.bym-about-personal{padding:96px 0;}
.bym-about-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:stretch;}
.bym-about-image-card{min-height:680px;border-radius:38px;background:linear-gradient(135deg,#ead9cb,#d7b8a8);background-size:cover;background-position:center;box-shadow:var(--bym-about-shadow);}
.bym-about-copy-card{background:var(--bym-about-paper);border:1px solid var(--bym-about-line);border-radius:38px;padding:54px;box-shadow:var(--bym-about-soft-shadow);}
.bym-about-method{padding:106px 0;background:#fff8ee;}
.bym-about-section-intro{text-align:center;max-width:840px;margin:0 auto 50px;}
.bym-about-section-intro.narrow{max-width:920px;}
.bym-about-section-intro p:not(.bym-about-kicker){font-size:18px;color:#625149;}
.bym-about-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.bym-about-card-grid article{background:var(--bym-about-paper);border:1px solid var(--bym-about-line);border-radius:34px;padding:34px;box-shadow:var(--bym-about-soft-shadow);}
.bym-about-card-grid article span{display:block;color:var(--bym-about-taupe);font-weight:800;letter-spacing:.12em;margin-bottom:18px;}
.bym-about-card-grid article p{font-size:16px;}
.bym-about-feature-card,.bym-about-cacao-card{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;background:var(--bym-about-paper);border:1px solid var(--bym-about-line);border-radius:42px;padding:50px;box-shadow:var(--bym-about-shadow);}
.bym-about-feature-copy p:not(.bym-about-kicker),.bym-about-cacao-card p:not(.bym-about-kicker){font-size:18px;}
.bym-about-feature-img,.bym-about-cacao-img{min-height:520px;border-radius:32px;background:linear-gradient(135deg,#ead9cb,#d7b8a8);background-size:cover;background-position:center;box-shadow:var(--bym-about-soft-shadow);}
.bym-about-cacao{background:linear-gradient(180deg,var(--bym-about-bg),#fff8ee);}
.bym-about-cacao-card{grid-template-columns:.95fr 1.05fr;}
.bym-about-experience{background:#ead9cb;}
.bym-about-proofbar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  background:transparent;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
}
.bym-about-proofbar div{
  background:#fff8ee;
  border:1px solid var(--bym-about-line);
  border-radius:28px;
  text-align:center;
  padding:30px 22px 28px;
  box-shadow:var(--bym-about-soft-shadow);
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bym-about-proofbar strong{
  display:block;
  font-size:clamp(30px,2.7vw,42px);
  font-weight:750;
  color:var(--bym-about-cacao);
  line-height:1.04;
  letter-spacing:-.04em;
}
.bym-about-proofbar div:nth-child(3) strong{
  font-size:clamp(24px,2.1vw,32px);
  line-height:1.12;
  letter-spacing:-.03em;
}
.bym-about-proofbar span{
  display:block;
  color:#6b5a52;
  margin-top:12px;
  font-size:15px;
  line-height:1.35;
  font-weight:600;
}
.bym-about-personal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.bym-about-personal-grid div{background:#fffaf4;border:1px solid var(--bym-about-line);border-radius:28px;padding:28px;box-shadow:var(--bym-about-soft-shadow);}
.bym-about-personal-grid div:before{content:"♡";display:block;color:var(--bym-about-taupe);font-size:24px;margin-bottom:12px;}
.bym-about-personal-grid p{font-size:15px;margin:0;}
.bym-about-cta{padding:100px 0 118px;background:var(--bym-about-bg);}
.bym-about-cta-card{background:linear-gradient(135deg,#ead9cb 0%,#e3c8b3 100%);border:1px solid var(--bym-about-line);border-radius:42px;padding:58px 62px;box-shadow:var(--bym-about-shadow);color:var(--bym-about-cacao);}
.bym-about-cta-card .bym-about-kicker{color:var(--bym-about-brown) !important;}
.bym-about-cta-card h2{color:var(--bym-about-cacao);max-width:840px;}
.bym-about-cta-card p{color:#5e4d46;font-size:18px;max-width:760px;}
.bym-about-cta-card .bym-about-btn.light{background:var(--bym-about-cacao);color:#fff8ee !important;}
.bym-about-cta-card .bym-about-btn.light:hover{background:#4a3025;color:#fff8ee !important;}
.bym-about-cta-card .bym-about-btn.ghost{background:transparent;color:var(--bym-about-cacao) !important;border:1px solid rgba(58,42,36,.38);}
.bym-about-cta-card .bym-about-btn.ghost:hover{background:#fff8ee;color:var(--bym-about-cacao) !important;}
.bym-about-cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
@media(max-width:980px){
  .bym-about-hero-grid,.bym-about-split,.bym-about-feature-card,.bym-about-cacao-card{grid-template-columns:1fr;}
  .bym-about-hero-media,.bym-about-image-card,.bym-about-feature-img,.bym-about-cacao-img{min-height:480px;}
  .bym-about-card-grid,.bym-about-proofbar,.bym-about-personal-grid{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .bym-about-container{width:min(100% - 28px,1180px);}
  .bym-about-hero{padding:54px 0 58px;}
  .bym-about-page h1{font-size:42px;}
  .bym-about-page h1 em{font-size:.68em;line-height:1.12;margin-top:10px;}
  .bym-about-page h2{font-size:38px;}
  .bym-about-copy-card,.bym-about-feature-card,.bym-about-cacao-card,.bym-about-cta-card{padding:30px 24px;border-radius:30px;}
  .bym-about-story,.bym-about-work,.bym-about-cacao,.bym-about-experience,.bym-about-personal,.bym-about-cta{padding:70px 0;}
  .bym-about-hero-media,.bym-about-image-card,.bym-about-feature-img,.bym-about-cacao-img{min-height:360px;border-radius:28px;}
  /* Mobiel: compacte quote op de hero-foto, zonder de foto te domineren. */
  .bym-about-hero-note{
    left:50%;
    right:auto;
    bottom:16px;
    width:calc(100% - 64px);
    max-width:340px;
    transform:translateX(-50%);
    padding:15px 18px;
    border-radius:20px;
    font-size:18px;
    line-height:1.22;
    letter-spacing:-.02em;
    hyphens:none;
    word-break:normal;
    overflow-wrap:normal;
  }
}