/* Over mij — premium merkpagina, Bootstrap v1.2.20
   Aanvullend op site.css. */
.overmij-page{overflow-x:hidden;background:#fffdfb}
.overmij-page section[id]{scroll-margin-top:104px}
.overmij-page h1,.overmij-page h2,.overmij-page h3{text-wrap:balance}
.om-textlink{display:inline-flex;align-items:center;gap:.5rem;color:var(--jf-purple);font-weight:750;text-decoration:none;transition:gap .18s ease,color .18s ease}
.om-textlink:hover,.om-textlink:focus{gap:.72rem;color:var(--jf-pink)}

/* HERO */
.om-hero{position:relative;overflow:hidden;padding:clamp(3rem,6vw,6.1rem) 0 clamp(4rem,7vw,6.6rem);background:radial-gradient(circle at 12% 8%,rgba(204,0,102,.07),transparent 27%),radial-gradient(circle at 87% 18%,rgba(83,32,158,.105),transparent 30%),linear-gradient(180deg,#fff 0%,#f4eff9 100%)}
.om-hero::after{content:"";position:absolute;right:-10rem;bottom:-16rem;width:38rem;height:38rem;border:1px solid rgba(83,32,158,.07);border-radius:50%;box-shadow:0 0 0 4rem rgba(83,32,158,.022),0 0 0 8rem rgba(204,0,102,.018)}
.om-hero__copy{position:relative;z-index:2}
.om-hero h1{max-width:800px;margin-bottom:1.25rem;font-size:clamp(2.6rem,4.6vw,4.7rem);line-height:.98}
.om-hero h1 span{color:var(--jf-purple)}
.om-hero__lead{max-width:720px;margin:0;color:#4f4654;font-size:clamp(1.08rem,1.55vw,1.28rem);line-height:1.7}
.om-hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;margin-top:1.6rem}
.om-hero__proof{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.25rem;color:#645b69;font-size:.86rem;font-weight:700}
.om-hero__proof span{display:inline-flex;align-items:center;gap:.42rem}.om-hero__proof i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--jf-pink-wash);color:var(--jf-pink);font-size:.58rem}
.om-hero-visual{position:relative;min-height:575px;z-index:2}
.om-hero-visual__photo{position:absolute;inset:0 0 2.8rem 2rem;overflow:hidden;border-radius:2.5rem;box-shadow:0 30px 76px rgba(57,25,82,.18)}
.om-hero-visual__photo img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.om-float{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.64);box-shadow:0 14px 40px rgba(48,20,72,.15);backdrop-filter:blur(12px)}
.om-float--top{top:1.3rem;left:0;max-width:255px;padding:1rem 1.05rem;border-radius:1.25rem;background:rgba(255,255,255,.92)}
.om-float--top span,.om-float--top strong{display:block}.om-float--top span{margin-bottom:.25rem;color:var(--jf-pink);font-family:var(--jf-font-meta);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.om-float--top strong{color:#352c3a;font-family:var(--jf-font-heading);font-size:1.08rem;line-height:1.3}
.om-float--bottom{right:.6rem;bottom:.4rem;display:flex;align-items:center;gap:.7rem;padding:.82rem 1rem;border-radius:1.15rem;background:linear-gradient(135deg,rgba(53,19,95,.96),rgba(88,32,154,.96));color:#fff}.om-float--bottom i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.1);color:#f4b1d1}.om-float--bottom span{font-size:.82rem;color:rgba(255,255,255,.72)}.om-float--bottom strong{color:#fff}

/* TIMELINE */
.om-timeline{position:relative;z-index:4;margin-top:-1.8rem;padding:0 0 1.4rem}.om-timeline__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:0;margin:0;list-style:none}.om-timeline__list li{min-height:118px;padding:1rem 1.05rem;border:1px solid rgba(83,32,158,.1);border-radius:1.35rem;background:#fff;box-shadow:0 12px 34px rgba(45,17,87,.055)}.om-timeline__list span,.om-timeline__list strong{display:block}.om-timeline__list span{margin-bottom:.45rem;color:var(--jf-pink);font-family:var(--jf-font-meta);font-size:.76rem;font-weight:800;letter-spacing:.05em}.om-timeline__list strong{color:#413747;font-size:.91rem;line-height:1.45}

/* STORY */
.om-story-card{position:relative;overflow:hidden;padding:clamp(1.5rem,3vw,2.3rem);border:1px solid rgba(83,32,158,.11);border-radius:2rem;background:linear-gradient(145deg,#fbf8fd,#fff 60%,#fff3f8);box-shadow:0 18px 50px rgba(50,22,76,.08)}
.om-story-card::after{content:"";position:absolute;right:-4rem;top:-5rem;width:13rem;height:13rem;border-radius:50%;background:rgba(204,0,102,.045)}
.om-story-card__icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1rem;border-radius:18px;background:linear-gradient(145deg,var(--jf-purple),#7c278d);color:#fff;box-shadow:0 12px 28px rgba(83,32,158,.18)}
.om-story-card__kicker{color:var(--jf-pink);font-family:var(--jf-font-meta);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.om-story-card blockquote{position:relative;z-index:1;margin:.75rem 0 1rem;color:#382e3e;font-family:var(--jf-font-heading);font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.24}
.om-story-card__layers{display:flex;flex-wrap:wrap;gap:.48rem;margin-bottom:1rem}.om-story-card__layers span{padding:.42rem .62rem;border-radius:999px;background:#fff;border:1px solid rgba(83,32,158,.12);color:var(--jf-purple);font-size:.78rem;font-weight:750}
.om-story-card p{position:relative;z-index:1;margin:0;color:#6c6370;line-height:1.65}

/* EXPERIENCE */
.om-experience{background:linear-gradient(180deg,#f7f1fa,#fff)}
.om-experience__panel{overflow:hidden;border-radius:2.2rem;background:#fff;box-shadow:0 24px 66px rgba(53,25,77,.1)}
.om-experience__intro{position:relative;overflow:hidden;padding:clamp(2rem,4.6vw,3.7rem);background:linear-gradient(145deg,#35135f,#5c209d 62%,#8e165f);color:#fff}
.om-experience__intro::after{content:"";position:absolute;right:-7rem;bottom:-8rem;width:20rem;height:20rem;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 3.5rem rgba(255,255,255,.025)}
.om-experience__intro>*{position:relative;z-index:1}.om-experience__intro h2{margin:.4rem 0 1rem;color:#fff;font-size:clamp(2rem,3.3vw,3rem)}.om-experience__intro>p{color:rgba(255,255,255,.77);font-size:1.05rem;line-height:1.65}
.om-experience__mark{display:flex;align-items:center;gap:.75rem;margin-top:1.35rem;padding:.8rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(255,255,255,.075)}.om-experience__mark i{color:#f3afd0}.om-experience__mark span{font-weight:750}
.om-experience__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4.8vw,4rem)}.om-experience__copy p{color:#655c69;line-height:1.72}.om-experience__copy .lead-copy{color:#403648}

/* METHOD CARD */
.om-method-card{position:relative;overflow:hidden;padding:clamp(1.7rem,3.7vw,2.8rem);border-radius:2rem;background:linear-gradient(145deg,#35135f,#58209b 60%,#9a155e);color:#fff;box-shadow:0 24px 62px rgba(55,23,84,.17)}
.om-method-card::after{content:"";position:absolute;right:-5rem;bottom:-6rem;width:15rem;height:15rem;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 3rem rgba(255,255,255,.023)}
.om-method-card>*{position:relative;z-index:1}.om-method-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.om-method-card__top span{color:#f1acd0;font-family:var(--jf-font-meta);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.om-method-card__top i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff}
.om-method-card h3{margin:1rem 0 .75rem;color:#fff;font-size:clamp(1.65rem,2.8vw,2.45rem);line-height:1.15}.om-method-card p{color:rgba(255,255,255,.75);line-height:1.65}
.om-method-card__flow{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.om-method-card__flow span{padding:.5rem .72rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.075);font-size:.78rem;font-weight:750}.om-method-card__flow i{color:#efafd0;font-size:.68rem}

/* LIFE EXPERIENCE */
.om-life{background:#f8f4f9}.om-life__panel{display:grid;grid-template-columns:90px minmax(0,1fr);gap:1.4rem;max-width:1040px;margin-inline:auto;padding:clamp(1.7rem,4vw,3.2rem);border:1px solid rgba(83,32,158,.09);border-radius:2rem;background:#fff;box-shadow:0 18px 48px rgba(48,23,71,.06)}
.om-life__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:linear-gradient(145deg,#f2eafa,#fbeaf3);color:var(--jf-pink);font-size:1.25rem}.om-life__content h2{margin:.35rem 0 1.1rem;font-size:clamp(2rem,3.6vw,3.15rem)}.om-life__content p{max-width:900px;color:#665d6b;line-height:1.75}.om-life__closing{margin-top:1.1rem;padding:1rem 1.1rem;border-left:3px solid var(--jf-pink);border-radius:0 1rem 1rem 0;background:#fff7fb;color:#4f4455!important;font-weight:650}

/* PRINCIPLES */
.om-section-head{margin-bottom:1.2rem}.om-principle{height:100%;min-height:280px;padding:1.4rem 1.3rem;border:1px solid rgba(83,32,158,.1);border-radius:1.55rem;background:linear-gradient(145deg,#fff,#fbf8fd);box-shadow:0 12px 34px rgba(45,17,87,.045)}
.om-principle>i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.15rem;border-radius:15px;background:linear-gradient(145deg,#f1eafa,#fbeaf3);color:var(--jf-purple)}.om-principle h3{font-size:1.3rem}.om-principle p{margin:0;color:#6b6270;font-size:.93rem;line-height:1.65}
.om-belief{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;align-items:center;margin-top:1.2rem;padding:1.25rem 1.4rem;border-radius:1.45rem;background:var(--jf-purple-wash)}.om-belief span,.om-belief strong{display:block}.om-belief span{margin-bottom:.18rem;color:var(--jf-pink);font-family:var(--jf-font-meta);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.om-belief strong{color:var(--jf-purple-deep);font-family:var(--jf-font-heading);font-size:1.28rem}.om-belief p{margin:0;color:#655c6a}

/* PERSONAL */
.om-personal{background:linear-gradient(180deg,#f8f4fb,#fff)}.om-personal__panel{overflow:hidden;border:1px solid rgba(83,32,158,.09);border-radius:2.1rem;background:#fff;box-shadow:0 22px 58px rgba(54,25,79,.075)}
.om-personal__photo{height:100%;min-height:510px}.om-personal__photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
.om-personal__copy{display:flex;flex-direction:column;justify-content:center;height:100%;padding:clamp(1.7rem,4vw,3.4rem)}.om-personal__copy h2{font-size:clamp(2rem,3.4vw,3rem)}.om-personal__copy ul{display:grid;gap:.72rem;padding:0;margin:1rem 0 0;list-style:none}.om-personal__copy li{display:flex;gap:.7rem;align-items:center;color:#5d5462}.om-personal__copy li i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:var(--jf-pink-wash);color:var(--jf-pink);font-size:.8rem}

/* WAYS */
.om-section-intro{max-width:850px;margin-inline:auto}.om-way{display:flex;flex-direction:column;height:100%;min-height:340px;padding:1.45rem;border:1px solid rgba(83,32,158,.1);border-radius:1.6rem;background:linear-gradient(145deg,#fff,#fbf8fd);color:inherit;text-decoration:none;box-shadow:0 12px 34px rgba(45,17,87,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.om-way:hover,.om-way:focus{transform:translateY(-4px);border-color:rgba(83,32,158,.2);box-shadow:0 20px 48px rgba(50,22,76,.085);color:inherit}.om-way__icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:1rem;border-radius:16px;background:linear-gradient(145deg,#f1eafa,#fbeaf3);color:var(--jf-purple)}.om-way__label{margin-bottom:.35rem;color:var(--jf-pink);font-family:var(--jf-font-meta);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.om-way h3{font-size:1.45rem}.om-way p{margin-bottom:1.2rem;color:#6a616f;font-size:.94rem;line-height:1.62}.om-way strong{margin-top:auto;color:var(--jf-purple);font-size:.88rem}

/* FINAL CTA */
.om-final{background:#fff}.om-final__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(2rem,5vw,3.8rem);border-radius:2.2rem;background:linear-gradient(135deg,#35135f,#5a209b 62%,#97135d);color:#fff;box-shadow:0 26px 70px rgba(55,23,83,.17)}.om-final__panel::after{content:"";position:absolute;right:-7rem;top:-9rem;width:21rem;height:21rem;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.022)}.om-final__panel>*{position:relative;z-index:1}.om-final h2{max-width:760px;margin:.25rem 0 .7rem;color:#fff;font-size:clamp(2.1rem,3.8vw,3.5rem)}.om-final p{max-width:760px;margin:0;color:rgba(255,255,255,.76)}.om-final__actions{display:flex;flex-direction:column;gap:.7rem;min-width:250px}.om-final__actions .btn{border-radius:999px;font-weight:750;padding:.78rem 1rem}

@media(max-width:991.98px){
  .om-hero-visual{min-height:520px;margin-top:.6rem}.om-hero-visual__photo{inset:0 1rem 2.8rem 2.5rem}.om-timeline__list{grid-template-columns:repeat(2,minmax(0,1fr))}.om-life__panel{grid-template-columns:70px minmax(0,1fr)}.om-personal__photo{min-height:430px}.om-final__panel{grid-template-columns:1fr}.om-final__actions{min-width:0;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:767.98px){
  .om-hero{padding-top:2.5rem}.om-hero h1{font-size:clamp(2.25rem,10.2vw,3.35rem)}.om-hero__actions{flex-direction:column;align-items:stretch}.om-hero__actions a{width:100%;justify-content:center}.om-hero-visual{min-height:430px}.om-hero-visual__photo{inset:0 0 2.5rem 1.4rem;border-radius:1.8rem}.om-float--top{top:1rem;left:0;max-width:205px;padding:.8rem}.om-float--bottom{right:.1rem;bottom:.1rem}.om-timeline{margin-top:-.8rem}.om-timeline__list{grid-template-columns:1fr 1fr}.om-timeline__list li{min-height:105px}.om-experience__intro,.om-experience__copy{padding:1.55rem}.om-life__panel{grid-template-columns:1fr}.om-life__icon{width:58px;height:58px}.om-belief{grid-template-columns:1fr}.om-personal__photo{min-height:350px}.om-personal__copy{padding:1.55rem}.om-way{min-height:280px}.om-final__actions .btn{width:100%}
}
@media(max-width:430px){
  .om-hero-visual{min-height:390px}.om-hero-visual__photo{left:.7rem}.om-float--top{max-width:62%}.om-float--bottom{max-width:86%;padding:.7rem .8rem}.om-hero__proof{display:grid;gap:.42rem}.om-timeline__list{grid-template-columns:1fr}.om-timeline__list li{min-height:0}.om-experience__panel,.om-personal__panel,.om-final__panel{border-radius:1.6rem}.om-method-card{border-radius:1.6rem}.om-method-card__flow i{display:none}
}
