/* The v2 identity is applied after the shared page layouts. */
:root{--rd-twilight:var(--rd-dark);--rd-pine:var(--rd-dark);--rd-butter:var(--rd-yellow);--rd-mint:var(--rd-yellow);--rd-lavender:var(--rd-yellow);--ink:var(--rd-dark);--navy:var(--rd-dark);--paper:var(--rd-white);--ink-2:var(--rd-muted);--line:var(--rd-border)}
h1,h2,h3,.display,.footer-ambition{font-family:var(--font-display);font-weight:800;text-transform:lowercase;letter-spacing:-.045em;line-height:1.2}
.phero h1,.hero2 h1{font-size:clamp(1.9rem,3.15vw,3rem);line-height:1.2;overflow-wrap:break-word}
.page-home .phero h1{font-size:clamp(1.3rem,9cqi,3.3rem);line-height:1.3;letter-spacing:-.05em;max-width:none}
.page-home .phero h1 .w2{margin-top:8px;white-space:nowrap}
.page-home .rolling-line{line-height:1.3}
.site-header{background:rgba(255,255,255,.96);box-shadow:0 1px 0 #37303512}
.site-header .brand{padding-block:17px}
.site-header .brand .logo-svg{width:184px;height:auto;overflow:visible}
.site-header .logo-loper.sequence-loper{stroke:var(--rd-yellow)}
.site-header .logo-lijn,.site-header .logo-loper{stroke-width:26.2}
.site-header .logo-lijn,.doorgang .lijn{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
.site-header .nav a:hover,.site-header .nav a[aria-current]{text-decoration-color:var(--rd-dark)}
.site-header .nav-dropdown a:hover,.site-header .nav-dropdown a[aria-current]{background:var(--rd-yellow)}
.btn-navy{background:var(--rd-dark);color:var(--rd-white)}
.btn-navy:hover{background:#252023;color:var(--rd-yellow)}
.btn-ghost{color:var(--rd-dark);border-color:#37303560}
.btn-ghost:hover{background:var(--rd-yellow);border-color:var(--rd-dark)}
.rd-blue{background:var(--rd-dark);color:var(--rd-white)}
.rd-blue .btn-ghost:hover{background:var(--rd-yellow);color:var(--rd-dark);border-color:var(--rd-yellow)}
.rd-mint,.rd-pine,.rd-lavender,.rd-card.mint,.rd-card.lavender{background:var(--rd-yellow);color:var(--rd-dark)}
.journey-process{background:var(--rd-soft)}
.rd-card{border-color:#37303516}
.rd-card h3{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.28}
.section-title h2{font-size:clamp(1.65rem,2.6vw,2.5rem);overflow-wrap:break-word}
.three-ways h3{font-size:clamp(1.1rem,1.45vw,1.35rem);line-height:1.3;max-width:22ch}
.new-footer-grid h3{font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:0;font-size:.93rem}
.new-footer-grid img{width:220px;height:auto;margin-bottom:24px}
.site-footer{background:var(--rd-dark);color:var(--rd-white)}
.footer-ambition{font-size:clamp(1.65rem,3.1vw,2.8rem);line-height:1.3;color:var(--rd-yellow)}
.closing-cta h2{font-size:clamp(1.55rem,2.35vw,2.2rem);line-height:1.25}
.case-numbers b{font-weight:800;font-size:clamp(2.15rem,3.7vw,3.1rem)}
.doorgang{--dg-1:var(--rd-dark);--dg-2:var(--rd-dark);--loper:var(--rd-yellow)}
.doorgang .blok{display:none}
.lijnfoto .lijnover{--dg-1:var(--rd-yellow);--dg-2:var(--rd-yellow);--loper:var(--rd-dark);opacity:1}
.story-illustration .doorgang{--loper:var(--rd-white)}
.story-illustration .loper{stroke:var(--rd-white)}
.benefit-list li{padding-left:34px}
.benefit-list li::before{content:'';width:22px;height:22px;top:3px;background:url('brand/icons/check.svg') center/contain no-repeat}
.hero-note::before{content:'';display:inline-block;width:16px;height:16px;background:url('brand/icons/check.svg') center/contain no-repeat;vertical-align:-3px}
.journey-steps h3{font-family:var(--font-body);font-weight:600;font-size:1.15rem;letter-spacing:0;text-transform:none}
.journey-steps .step-number{border-color:var(--rd-dark);background:var(--rd-yellow)}
.contact-intro h1,.tool-intro h1{font-size:clamp(1.95rem,3.8vw,3.4rem);line-height:1.2;overflow-wrap:break-word}
.project-context>h2{font-size:1.7rem}
.project-form-card h2{font-size:1.6rem}
.request-context{background:#FCF7D9}
.project-form-card,.flow-card,.input-card{box-shadow:0 12px 36px #37303506}
.eyebrow,.card-index{color:inherit}
.rd-blue .card-index,.rd-blue .section-number{color:var(--rd-yellow)}
@media(max-width:860px){.phero h1{font-size:clamp(1.65rem,3.7vw,2.5rem)}.footer-ambition{overflow-wrap:break-word}}
@media(max-width:640px){
  .site-header .brand .logo-svg{width:153px}
  .phero h1,.hero2 h1{font-size:clamp(1.75rem,7.5vw,2.55rem)}
  .page-home .phero h1{font-size:clamp(1.25rem,9cqi,3.3rem)}
  .section-title h2{font-size:clamp(1.5rem,6.6vw,1.9rem)}
  .rd-card h3{font-size:1.4rem}
  .three-ways h3{font-size:1.3rem}
  .new-footer-grid img{width:210px}
  .footer-ambition{font-size:clamp(1.25rem,5.5vw,1.7rem)}
  .project-form-card h2{font-size:1.3rem}
  .project-context>h2{font-size:1.45rem}
  .closing-cta h2{font-size:1.5rem}
}