/* lr-hero.css — ÉÉN gedeelde hero voor alle pagina's met .page-hero + .ph-title
   (leasevormen, over-ons, reviews, merken, regio, blokkenpagina's). 2026-09-19.
   Was 12× inline gekopieerd in de page-templates, met drift (kop 58–68px, cijfers roze/wit
   en 28–40px, knop roze/navy). Waarden = de voorraadlease-hero (referentie, meerderheid).
   Alleen media-specifieke dingen (portretfoto, badge, frame) blijven per pagina. */
.page-hero:has(.ph-title){background:var(--navy-deep);padding:72px 0 80px;position:relative;overflow:hidden;}
.page-hero:has(.ph-title)::before{content:""; position:absolute; right:-4%; top:-35%; width:760px; height:760px; border-radius:50%; background:radial-gradient(closest-side,rgba(250,158,188,.20) 0%,rgba(250,158,188,.05) 55%,transparent 72%); pointer-events:none;}
.ph-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;}
.ph-wrap>div{min-width:0;}
.ph-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.35);margin-bottom:18px;}
.ph-crumbs a{color:rgba(255,255,255,.35);text-decoration:none;transition:color .15s;}
.ph-crumbs a:hover{color:rgba(255,255,255,.7);}
.ph-crumbs .sep{opacity:.4;}
.ph-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--pink);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.ph-eyebrow::before{content:"";width:28px;height:3px;background-image:linear-gradient(to right,var(--pink) 50%,transparent 50%);background-size:8px 3px;background-repeat:repeat-x;}
.ph-title{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-0.025em;font-weight:600;color:#fff;margin:0 0 18px;}
.ph-title em{font-style:normal;color:var(--pink);}
.ph-sub{font-size:17px;color:rgba(255,255,255,.55);line-height:1.6;max-width:520px;}
.ph-ctas{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap;}
.ph-stats{display:flex;gap:40px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;}
.ph-stat{min-width:0;}
.ph-stat .n{font-size:36px;font-weight:700;letter-spacing:-0.03em;color:var(--pink);line-height:1;}
.ph-stat .l{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;}
.ph-img{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/3;}
.ph-img img{width:100%;height:100%;object-fit:cover;}
.page-hero .btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;}
@media(max-width:860px){.ph-wrap{grid-template-columns:1fr;gap:40px;}}