/* Drop-inspired presentation. Content, journey, and CTA destinations stay intact. */
body.layout-drop{--section:110px;background:var(--rd-dark);color:var(--rd-white)}
.layout-drop .wrap{max-width:1280px}
.layout-drop .rd-section{padding-block:110px}
.layout-drop h2{line-height:1.2}
.layout-drop .section-number{display:flex;gap:14px;font-size:.72rem;letter-spacing:.12em;color:var(--rd-yellow);font-weight:500}
.layout-drop .section-number::after{width:48px}
.section-number .section-label{font-size:.8rem;letter-spacing:.015em;text-transform:none}
.layout-drop .eyebrow{color:var(--rd-yellow);letter-spacing:.08em}
.layout-drop .btn{border-radius:12px;padding:16px 23px;min-height:54px;font-weight:600}
.layout-drop .btn-navy{background:var(--rd-yellow);color:var(--rd-dark)}
.layout-drop .btn-navy:hover{background:white;color:var(--rd-dark)}
.layout-drop .btn-ghost{border-color:#FFFFFF65;color:white;background:#FFFFFF05}
.layout-drop .btn-ghost:hover{background:#FFFFFF13;border-color:white;color:white}
.layout-drop :focus-visible{outline-color:var(--rd-yellow)}

/* A floating, compact navigation bar. */
.layout-drop .site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1176px;border:1px solid #FFFFFF26;border-radius:100px;background:#373035E8;backdrop-filter:blur(20px);box-shadow:0 8px 35px #00000018;z-index:100}
.layout-drop .site-header .wrap{min-height:70px;gap:28px;padding:8px 12px 8px 26px}
.layout-drop .site-header .brand{padding:6px 0;flex:none}
.layout-drop .site-header .brand .logo-svg{width:172px;height:auto}
.layout-drop .site-header .logo-loper.sequence-loper{stroke:white}
.layout-drop .site-header .nav{margin-left:auto;gap:20px}
.layout-drop .site-header .nav>a,.layout-drop .solutions-menu>summary,.layout-drop .site-header .utility{color:#FFFFFFD9;font-size:.84rem;font-weight:400}
.layout-drop .site-header .nav>a:hover,.layout-drop .site-header .nav>a[aria-current],.layout-drop .solutions-menu[open]>summary{color:var(--rd-yellow)}
.layout-drop .site-header .nav a[aria-current]{text-decoration-color:var(--rd-yellow)}
.layout-drop .site-header .header-ctas{border-color:#FFFFFF25;padding-left:22px;gap:22px}
.layout-drop .site-header .btn{border-radius:50px;min-height:44px;padding:12px 19px;font-size:.83rem}
.layout-drop .site-header .utility{padding:10px 0}
.layout-drop .site-header .menu summary{color:white;border-color:#FFFFFF40;border-radius:30px;background:transparent;padding:10px 16px}
.layout-drop .site-header .menu summary::after{background:linear-gradient(white 0 2px,transparent 2px 4px,white 4px 6px,transparent 6px 8px,white 8px 10px)}
.layout-drop .site-header .menu[open] summary{background:var(--rd-yellow);color:var(--rd-dark);border-color:var(--rd-yellow)}
.layout-drop .site-header .menu[open] summary::after{background:linear-gradient(var(--rd-dark) 0 2px,transparent 2px 4px,var(--rd-dark) 4px 6px,transparent 6px 8px,var(--rd-dark) 8px 10px)}
.layout-drop .nav-dropdown,.layout-drop .site-header .menu-panel{background:var(--rd-dark);border:1px solid #FFFFFF35;box-shadow:0 18px 60px #00000040;top:calc(100% + 23px)}
.layout-drop .site-header .nav-dropdown a,.layout-drop .site-header .menu-panel a{color:white}
.layout-drop .nav-dropdown small,.layout-drop .mobile-participant p{color:#FFFFFFB3}
.layout-drop .site-header .menu-label{color:var(--rd-yellow)}
.layout-drop .site-header .nav-dropdown a:hover,.layout-drop .site-header .nav-dropdown a[aria-current],.layout-drop .menu-panel a:not(.btn):hover{background:#FFFFFF12;color:var(--rd-yellow)}
.layout-drop .mobile-menu-top,.layout-drop .mobile-participant,.layout-drop .nav-tool{border-color:#FFFFFF25}
.layout-drop .site-header .mobile-menu-top .btn{color:var(--rd-dark);background:var(--rd-yellow)}

/* A photographic opening, with the existing hook and both primary actions. */
.page-home.layout-drop .phero{position:relative;isolation:isolate;display:flex;align-items:center;max-width:none;min-height:790px;min-height:max(740px,94svh);padding:170px max(40px,calc((100vw - 1200px)/2)) 112px;overflow:hidden;background:var(--rd-dark);gap:0}
.page-home.layout-drop .phero-text{position:relative;z-index:2;width:min(780px,100%);container-type:inline-size}
.page-home.layout-drop .phero .eyebrow{max-width:46ch;font-size:.75rem;font-weight:500;margin:0 0 28px}
.page-home.layout-drop .phero h1{font-size:clamp(2rem,8.5cqi,4.4rem);line-height:1.17;margin:0!important;letter-spacing:-.055em;max-width:none}
.page-home.layout-drop .phero h1 .w2{margin-top:8px;white-space:nowrap;line-height:1.17}
.page-home.layout-drop .phero h1 .w2 span{background:none;color:white}
.page-home.layout-drop .rolling-line{color:white;line-height:1.2}
.page-home.layout-drop .rolling-window{color:var(--rd-yellow)}
.page-home.layout-drop .phero .lead{font-size:1.16rem;line-height:1.75;max-width:52ch;margin:28px 0 0;color:#FFFFFFDE}
.page-home.layout-drop .phero .ctas{margin-top:32px;gap:14px}
.page-home.layout-drop .hero-note{color:#FFFFFFB3;margin-top:22px;font-size:.78rem}
.layout-drop .hero-note::before{background:var(--rd-yellow);mask:url('brand/icons/check.svg') center/contain no-repeat}
.page-home.layout-drop .hero-figure{position:absolute;inset:0;margin:0;z-index:-1}
.page-home.layout-drop .phero .lijnfoto{height:100%;width:100%;aspect-ratio:auto;max-height:none;border-radius:0;box-shadow:none;background:none}
.page-home.layout-drop .phero .lijnfoto>img{width:100%;height:100%;object-fit:cover;object-position:68% 53%}
.page-home.layout-drop .hero-figure::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#373035F2 0%,#373035DC 31%,#3730356B 61%,#3730350D 100%),linear-gradient(0deg,#37303582,transparent 40%);z-index:1}
.page-home.layout-drop .lijnover{display:none}
.page-home.layout-drop .phero .hero-route{position:absolute;right:-6%;bottom:-37px;width:47%;max-width:none;margin:0;height:auto;z-index:1;pointer-events:none;--dg-1:var(--rd-yellow);--dg-2:var(--rd-yellow);--loper:white}
.hero-route .lijn{stroke:var(--rd-yellow);stroke-width:12}
.hero-route .loper{stroke-width:12}
.promise-band{border-block:1px solid #FFFFFF2B;padding:29px 0;color:var(--rd-yellow);background:var(--rd-dark)}
.promise-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;font:600 clamp(.9rem,1.6vw,1.35rem)/1.4 var(--font-display);letter-spacing:-.035em}
.promise-band svg{width:70px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round}

/* Generous sections and clear choices, retaining the existing journey order. */
.layout-drop .content-layout{gap:64px}
.layout-drop .section-title h2{font-size:clamp(1.75rem,3.2vw,3.15rem);max-width:23ch}
.layout-drop .rd-section:has(.audience-cards) h2,.layout-drop .rd-section:has(.three-ways) h2{max-width:25ch;margin-bottom:42px}
.layout-drop .audience-cards{gap:26px}
.layout-drop .rd-card,.layout-drop .rd-card.mint,.layout-drop .rd-card.lavender{background:#FFFFFF04;color:white;border:1px solid #FFFFFF2B;border-radius:24px;overflow:hidden;transition:border-color .2s,background .2s}
.layout-drop .rd-card:hover{border-color:#FCEFA285;background:#FFFFFF07}
.layout-drop .card-photo{aspect-ratio:16/9;height:auto;object-fit:cover}
.layout-drop .card-copy{padding:32px}
.layout-drop .card-index{font-size:.72rem;letter-spacing:.08em;color:var(--rd-yellow);font-weight:400}
.layout-drop .rd-card h3{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.3;margin:15px 0 18px;max-width:22ch}
.layout-drop .rd-card p{color:#FFFFFFBF;font-size:1rem;max-width:49ch}
.layout-drop .rd-card .btn-navy{background:transparent;border-color:#FFFFFF45;color:white;margin-top:auto}
.layout-drop .rd-card p{padding-bottom:10px}
.layout-drop .rd-card .btn-navy:hover{background:var(--rd-yellow);border-color:var(--rd-yellow);color:var(--rd-dark)}
.layout-drop .participant-link{color:#FFFFFFA8;font-size:.85rem!important;padding-top:26px}
.layout-drop .participant-link a{color:white}
.layout-drop .rd-blue{background:#302A2E;color:white;position:relative}
.layout-drop .three-ways{gap:20px;margin-top:30px}
.layout-drop .three-ways article{border:1px solid #FFFFFF2B;background:#FFFFFF03;border-radius:22px;padding:30px 26px;position:relative;min-width:0;transition:border-color .2s,background .2s}
.layout-drop .three-ways article:hover{border-color:var(--rd-yellow);background:#FFFFFF06}
.solution-mark{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:38px}
.solution-mark b{font:700 2.2rem/1 var(--font-display);letter-spacing:-.055em;color:var(--rd-yellow)}
.solution-mark svg{width:36px;height:36px;color:var(--rd-yellow)}
.layout-drop .three-ways .card-index{font-size:.69rem;font-weight:400;letter-spacing:.05em;line-height:1.7}
.layout-drop .three-ways h3{font-size:clamp(1.15rem,1.7vw,1.55rem);max-width:19ch;margin:13px 0 18px;line-height:1.28}
.layout-drop .three-ways p{font-size:.95rem;color:#FFFFFFC7;line-height:1.7}
.layout-drop .solution-delivery{font-size:.84rem!important;padding-top:17px;margin-bottom:25px;line-height:1.75}
.layout-drop .three-ways .btn{font-size:.87rem;padding:13px 18px;min-height:48px}
.layout-drop .solution-illustration{z-index:0;opacity:.45;left:10px;width:90px;top:-15%;bottom:-15%}
.layout-drop .solution-illustration .lijn{stroke:#FFFFFF80}
.layout-drop .solution-illustration .loper{stroke:var(--rd-yellow)}
.layout-drop .story-illustration{right:10px;width:90px;opacity:.38;z-index:2}
.layout-drop .story-illustration .lijn{stroke:var(--rd-yellow)}

/* A full-width case moment between the offer and the delivery story. */
.page-home.layout-drop #praktijk{position:relative;isolation:isolate;overflow:hidden;padding-block:110px;background:var(--rd-dark);color:white}
.case-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;z-index:-2;opacity:.3}
.page-home.layout-drop #praktijk::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#37303540,#373035E0);z-index:-1}
.page-home.layout-drop #praktijk .content-layout{grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.page-home.layout-drop #praktijk h2{font-size:clamp(2rem,3.8vw,3.7rem);max-width:14ch}
.page-home.layout-drop #praktijk .section-body{background:var(--rd-yellow);color:var(--rd-dark);padding:38px;border-radius:24px}
.page-home.layout-drop #praktijk .section-body p{font-size:1rem}
.page-home.layout-drop #praktijk .source-note{font-size:.78rem!important;color:var(--rd-muted)}
.page-home.layout-drop #praktijk .btn-ghost{color:var(--rd-dark);border-color:#37303570;background:transparent}
.page-home.layout-drop #praktijk .btn-ghost:hover{background:var(--rd-dark);color:var(--rd-yellow)}
.layout-drop .case-numbers{gap:25px;border-color:#37303535}
.layout-drop .case-numbers b{font-size:clamp(2.1rem,3.7vw,3.15rem);color:var(--rd-yellow)}
.page-home.layout-drop .service-story{padding-block:110px}
.layout-drop .section-photo{border-radius:24px;aspect-ratio:4/3;max-height:none;margin-top:34px}
.layout-drop .benefit-list strong{color:white;font-size:1.12rem;font-weight:600}
.layout-drop .benefit-list span{color:#FFFFFFBA}
.layout-drop .benefit-list li{padding:0 0 26px 35px;margin-bottom:26px!important;border-color:#FFFFFF26}
.layout-drop .benefit-list li::before{background:var(--rd-yellow);mask:url('brand/icons/check.svg') center/contain no-repeat}
.page-home.layout-drop .service-story .section-body{padding-top:55px}
.layout-drop .journey-process{background:#302A2E}
.page-home.layout-drop #aanpak .content-layout{display:block}
.page-home.layout-drop #aanpak .section-title h2{max-width:24ch;margin-bottom:50px}
.page-home.layout-drop #aanpak .journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.page-home.layout-drop #aanpak .journey-steps li{display:block;border-top:1px solid #FFFFFF38;padding-top:28px}
.layout-drop .journey-steps .step-number{background:transparent;color:var(--rd-yellow);border-color:#FFFFFF40}
.page-home.layout-drop #aanpak .step-number{font:600 2rem/1 var(--font-display);border:0;width:auto;height:auto;display:block;margin-bottom:32px}
.layout-drop .journey-steps h3{color:white;font-size:1.15rem}
.layout-drop .journey-steps p{color:#FFFFFFBA}
.layout-drop .closing-cta{padding:80px 0;background:var(--rd-dark)}
.layout-drop .closing-cta>.content-layout{background:var(--rd-yellow);color:var(--rd-dark);width:calc(100% - 80px);max-width:1200px;border-radius:28px;padding:58px;gap:60px}
.layout-drop .closing-cta h2{font-size:clamp(1.7rem,2.9vw,2.8rem);max-width:18ch}
.layout-drop .closing-cta .btn-navy{background:var(--rd-dark);color:white}
.layout-drop .closing-cta .btn-navy:hover{background:#252023;color:var(--rd-yellow)}
.layout-drop .closing-cta :focus-visible{outline-color:var(--rd-dark)}
.layout-drop .cta-reassurance{color:var(--rd-muted)}
.layout-drop .site-footer{background:#302A2E;padding:64px 0 38px;border-top:1px solid #FFFFFF1F}
.layout-drop .footer-ambition{font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:1.3;border-color:#FFFFFF26;margin-top:54px;padding-top:40px}
.layout-drop .new-footer-grid a{color:#FFFFFFB8}
.layout-drop .new-footer-grid a:hover{color:var(--rd-yellow)}

/* A seamless partner strip, using the original logos from Drop Mobility. */
.layout-drop .partner-band{padding-top:30px;background:var(--rd-dark);color:var(--rd-yellow)}
.layout-drop .partner-band h2{margin:0 22px 28px;text-align:center;font:500 .82rem/1.6 var(--font-body);text-transform:uppercase;letter-spacing:.07em}
.partner-viewport{overflow:hidden;padding-block:20px;background:var(--rd-yellow);color:var(--rd-dark)}
.partner-track{display:flex;width:max-content;animation:partner-scroll 32s linear infinite}
.partner-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;min-width:100vw;padding:0;margin:0;list-style:none}
.partner-logo{display:flex;flex-shrink:0;align-items:center;justify-content:center;height:80px;margin-inline:40px}
.partner-logo img{display:block;width:auto;height:36px;max-width:224px;object-fit:contain;filter:brightness(0);opacity:.85}
.partner-logo-campus img{height:54px;max-width:352px}
.partner-viewport:hover .partner-track,.partner-viewport:focus-within .partner-track{animation-play-state:paused}
.layout-drop .partner-viewport:focus-visible{outline:2px solid var(--rd-dark);outline-offset:-6px}
@keyframes partner-scroll{to{transform:translateX(-50%)}}
@media(max-width:640px){
  .layout-drop .partner-band{padding-top:20px}
  .layout-drop .partner-band h2{font-size:.72rem;margin-bottom:22px}
  .partner-viewport{padding-block:16px}
  .partner-logo{height:64px;margin-inline:28px}
  .partner-logo img{height:32px;max-width:176px}
  .partner-logo-campus img{height:48px;max-width:272px}
}
@media(prefers-reduced-motion:reduce){
  .partner-track{animation:none;width:100%}
  .partner-group{min-width:0;width:100%;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:12px 22px}
  .partner-group[aria-hidden="true"]{display:none}
  .partner-logo{margin:0}
}

/* The same navigation and cards on the existing destination pages. */
.layout-drop .breadcrumbs{padding-top:121px;padding-bottom:16px;color:#FFFFFF9C}
.layout-drop .breadcrumbs a{color:var(--rd-yellow)}
.layout-drop:not(.page-home) .phero{padding-top:36px;padding-bottom:80px}
.layout-drop:not(.page-home) .phero h1{font-size:clamp(1.8rem,3.5vw,3.35rem)}
.layout-drop:not(.page-home) .phero .lead,.layout-drop:not(.page-home) .hero-note{color:#FFFFFFBC}
.layout-drop:not(.page-home) .hero-figure>figcaption{color:#FFFFFF99}
.layout-drop:not(.page-home) .hero-figure>figcaption strong{color:var(--rd-yellow)}
.layout-drop:not(.page-home) .phero h1 .w2 span{background:none;color:var(--rd-yellow)}
.layout-drop:not(.page-home) .phero .doorgang{--dg-1:var(--rd-yellow);--dg-2:var(--rd-yellow);--loper:white}
.layout-drop .page-jumps a{background:transparent;border-color:#FFFFFF40;color:white;padding:10px 18px}
.layout-drop .page-jumps a:hover{background:var(--rd-yellow);color:var(--rd-dark)}
.layout-drop .rd-mint,.layout-drop .rd-pine,.layout-drop .rd-lavender{color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .section-number{color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .btn-ghost{border-color:var(--rd-dark);color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .btn-navy{background:var(--rd-dark);color:white}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .benefit-list strong{color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .benefit-list span{color:var(--rd-muted)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) :focus-visible{outline-color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .case-brief dt{color:var(--rd-muted)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .case-numbers b{color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .benefit-list li::before{background:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .journey-steps h3{color:var(--rd-dark)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .journey-steps p{color:var(--rd-muted)}
.layout-drop :is(.rd-mint,.rd-pine,.rd-lavender) .step-number{color:var(--rd-dark);border-color:#37303570}
.page-home.layout-drop #praktijk .section-number{color:var(--rd-yellow)}
.layout-drop .rd-faq details{background:#FFFFFF04;border-color:#FFFFFF25;color:white;border-radius:16px}
.layout-drop .rd-faq details p{color:#FFFFFFBA}
.layout-drop .rd-faq summary::after{color:var(--rd-yellow)}
.layout-drop .rd-faq [open]{border-color:#FCEFA270}
.layout-drop .process-list article{background:#FFFFFF04;border-color:#FFFFFF25}
.layout-drop .process-list article>span,.layout-drop .case-brief dt{color:var(--rd-yellow)}
.layout-drop .fit-list article{border-color:#FFFFFF30}
.layout-drop .product-figure{color:var(--rd-dark)}
.layout-drop .proposition .source-note{color:inherit}

/* Utility pages keep a light reading and input surface. */
body.layout-drop:is(.page-contact,.page-cover,.page-privacy,.page-propositie,.page-meedoen){background:var(--rd-white);color:var(--rd-dark)}
.layout-drop:is(.page-contact,.page-cover,.page-privacy,.page-propositie,.page-meedoen) :is(.eyebrow,.breadcrumbs,.breadcrumbs a){color:var(--rd-muted)}
.layout-drop:is(.page-contact,.page-cover,.page-privacy,.page-propositie,.page-meedoen) main .btn-navy{background:var(--rd-dark);color:white}
.layout-drop:is(.page-contact,.page-cover,.page-privacy,.page-propositie,.page-meedoen) main .btn-ghost{color:var(--rd-dark);border-color:#37303560}
.layout-drop:is(.page-contact,.page-cover,.page-privacy,.page-propositie,.page-meedoen) main :focus-visible{outline-color:var(--rd-dark)}
.layout-drop:is(.page-contact,.page-privacy) .contact-intro,.layout-drop .tool-intro{padding-top:40px;padding-bottom:50px}
.layout-drop.page-contact .journey-steps h3,.layout-drop.page-contact .journey-steps p{color:var(--rd-dark)}
.layout-drop.page-contact .step-number{color:var(--rd-dark);border-color:var(--rd-dark)}
.layout-drop.page-contact .participant-link{color:var(--rd-muted)}
.layout-drop.page-contact .participant-link a{color:var(--rd-dark)}
.layout-drop.page-contact .request-context{background:#FCF7D9}
.layout-drop.page-meedoen .phero .lead,.layout-drop.page-meedoen .hero-note,.layout-drop.page-meedoen .hero-figure>figcaption,.layout-drop.page-meedoen .hero-figure>figcaption strong{color:var(--rd-muted)}
.layout-drop.page-meedoen main{padding-top:114px}
.layout-drop.page-meedoen .phero h1 .w2 span{color:var(--rd-dark)}
.layout-drop .calculator-embed{padding-bottom:80px}

@media(min-width:1100px){.layout-drop .site-header .nav{display:flex}.layout-drop .site-header .menu{display:none}.layout-drop .site-header .header-ctas{margin-left:0}}
@media(max-width:1099px){.layout-drop .site-header .nav{display:none}.layout-drop .site-header .menu{display:block}.layout-drop .site-header .header-ctas{margin-left:auto}.layout-drop .site-header .wrap{gap:20px}.page-home.layout-drop .phero{padding-inline:40px}.page-home.layout-drop .phero-text{width:min(740px,76%)}.page-home.layout-drop .phero .lead{font-size:1.06rem}.layout-drop .content-layout{gap:38px}.layout-drop .three-ways article{padding:25px 22px}.layout-drop .solution-mark b{font-size:1.8rem}.page-home.layout-drop #praktijk .content-layout{gap:45px}.page-home.layout-drop #praktijk .section-body{padding:30px}}
@media(max-width:860px){
  .layout-drop .rd-section{padding-block:76px}
  .layout-drop .content-layout{grid-template-columns:1fr;gap:34px}
  .layout-drop .section-title h2{max-width:26ch}
  .layout-drop .three-ways{grid-template-columns:1fr}
  .layout-drop .three-ways article{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}
  .layout-drop .solution-mark{grid-column:1/-1;margin-bottom:22px}
  .layout-drop .three-ways .card-index,.layout-drop .three-ways h3{grid-column:1}
  .layout-drop .three-ways article>p{grid-column:2;grid-row:2/4}
  .layout-drop .three-ways article>.solution-delivery{grid-column:2;grid-row:4;margin-top:0}
  .layout-drop .three-ways article>.btn{grid-column:1;grid-row:4;justify-self:start;margin-top:0}
  .page-home.layout-drop .phero{min-height:790px;padding-top:166px;padding-bottom:130px}
  .page-home.layout-drop .phero-text{width:86%}
  .page-home.layout-drop .phero .lead{max-width:46ch}
  .page-home.layout-drop .phero .lijnfoto>img{object-position:63% 50%}
  .page-home.layout-drop .hero-figure::after{background:linear-gradient(90deg,#373035EF,#373035BF 55%,#37303550),linear-gradient(0deg,#373035A6,transparent 30%)}
  .promise-band .wrap{font-size:.88rem;gap:18px}
  .promise-band svg{width:40px}
  .layout-drop .card-copy{padding:27px}
  .page-home.layout-drop #praktijk{padding-block:80px}
  .page-home.layout-drop #praktijk .content-layout{grid-template-columns:1fr;gap:35px}
  .page-home.layout-drop #praktijk h2{max-width:24ch}
  .page-home.layout-drop #praktijk .section-body{max-width:600px}
  .page-home.layout-drop .service-story .section-body{padding-top:0}
  .page-home.layout-drop #aanpak .journey-steps{gap:24px}
  .layout-drop .closing-cta>.content-layout{padding:42px;width:calc(100% - 64px)}
}
@media(max-width:640px){
  .layout-drop .site-header{top:12px;width:calc(100% - 24px)}
  .layout-drop .site-header .wrap{padding:8px 9px 8px 19px;min-height:62px;gap:16px}
  .layout-drop .site-header .brand .logo-svg{width:147px}
  .layout-drop .site-header .header-ctas{display:none}
  .layout-drop .site-header .menu summary{font-size:.8rem;padding:9px 14px;min-height:40px}
  .layout-drop .site-header .menu-panel{right:-4px;top:calc(100% + 21px);max-height:calc(100svh - 105px);width:min(340px,calc(100vw - 32px))}
  .page-home.layout-drop .phero{display:flex;min-height:max(710px,96svh);padding:143px 22px 103px;align-items:flex-start}
  .page-home.layout-drop .phero-text{width:100%}
  .page-home.layout-drop .phero .eyebrow{font-size:.63rem;line-height:1.8;max-width:35ch;margin-bottom:26px}
  .page-home.layout-drop .phero h1{font-size:clamp(1.8rem,9cqi,3.5rem);line-height:1.24}
  .page-home.layout-drop .phero h1 .w2{margin-top:6px;line-height:1.24}
  .page-home.layout-drop .phero .lead{font-size:1rem;line-height:1.75;margin-top:24px;max-width:42ch;color:#FFFFFFE0}
  .page-home.layout-drop .phero .ctas{gap:10px;margin-top:27px;align-items:stretch}
  .page-home.layout-drop .phero .btn{font-size:.88rem;padding:14px 19px;min-height:50px}
  .page-home.layout-drop .hero-note{font-size:.7rem;line-height:1.6;max-width:33ch;margin-top:20px}
  .page-home.layout-drop .phero .lijnfoto>img{object-position:60% 50%}
  .page-home.layout-drop .hero-figure::after{background:linear-gradient(90deg,#373035E8,#373035B8),linear-gradient(0deg,#3730358C,transparent 35%)}
  .page-home.layout-drop .phero .hero-route{bottom:7px;right:-10%;width:66%;opacity:.8}
  .promise-band{padding:24px 0}
  .promise-band .wrap{flex-wrap:wrap;justify-content:center;gap:12px 18px;font-size:.76rem;line-height:1.6}
  .promise-band svg{width:32px;height:14px;stroke-width:5}
  .promise-band .wrap>svg:last-of-type{display:none}
  .promise-band .wrap>span:last-child{flex-basis:100%;text-align:center}
  .layout-drop .rd-section{padding-block:60px}
  .layout-drop .section-number{margin-bottom:22px;font-size:.65rem}
  .section-number .section-label{font-size:.76rem}
  .layout-drop .section-title h2{font-size:clamp(1.55rem,7vw,2.15rem);line-height:1.23}
  .layout-drop .rd-section:has(.audience-cards) h2,.layout-drop .rd-section:has(.three-ways) h2{margin-bottom:30px}
  .layout-drop .audience-cards{gap:24px;grid-template-columns:1fr}
  .layout-drop .rd-card{border-radius:20px;padding:0}
  .layout-drop .card-copy{padding:26px 24px}
  .layout-drop .rd-card h3{font-size:1.5rem}
  .layout-drop .rd-card p{font-size:.98rem}
  .layout-drop .card-index{font-size:.66rem}
  .layout-drop .card-photo{aspect-ratio:3/2}
  .layout-drop .rd-card .btn{font-size:.85rem;padding:14px 18px;text-align:left}
  .layout-drop .three-ways{gap:18px}
  .layout-drop .three-ways article{display:flex;padding:27px 24px}
  .layout-drop .solution-mark{margin-bottom:28px}
  .layout-drop .solution-mark b{font-size:2rem}
  .layout-drop .three-ways h3{font-size:1.5rem;max-width:22ch}
  .layout-drop .three-ways article>.btn{margin-top:auto}
  .layout-drop .three-ways article>.solution-delivery{margin-bottom:24px}
  .page-home.layout-drop #praktijk{padding-block:65px}
  .page-home.layout-drop #praktijk h2{font-size:clamp(1.8rem,8vw,2.5rem)}
  .page-home.layout-drop #praktijk .section-body{padding:27px 23px;border-radius:22px}
  .layout-drop .case-numbers{gap:20px}
  .layout-drop .case-numbers b{font-size:clamp(1.9rem,8vw,2.7rem)}
  .layout-drop .case-numbers span{font-size:.75rem}
  .page-home.layout-drop #praktijk .section-body p{font-size:.93rem}
  .page-home.layout-drop #praktijk .btn{padding:13px 18px;font-size:.83rem}
  .layout-drop .section-photo{aspect-ratio:3/2;border-radius:20px;margin-top:27px}
  .page-home.layout-drop .service-story{padding-block:65px}
  .page-home.layout-drop #aanpak .section-title h2{margin-bottom:32px}
  .page-home.layout-drop #aanpak .journey-steps{grid-template-columns:1fr;gap:28px}
  .page-home.layout-drop #aanpak .journey-steps li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:19px;padding-top:25px}
  .page-home.layout-drop #aanpak .step-number{font-size:1.5rem;margin:5px 0 0}
  .layout-drop .closing-cta{padding-block:24px 55px}
  .layout-drop .closing-cta>.content-layout{width:calc(100% - 32px);padding:32px 24px;gap:24px;border-radius:24px}
  .layout-drop .closing-cta h2{font-size:1.7rem}
  .layout-drop .closing-cta .section-body p{font-size:.95rem}
  .layout-drop .site-footer{padding:44px 0 32px}
  .layout-drop .new-footer-grid{gap:32px 22px}
  .layout-drop .footer-ambition{font-size:clamp(1.3rem,5.6vw,1.8rem);padding-top:30px;margin-top:36px}
  .layout-drop .breadcrumbs{padding-top:104px;padding-bottom:0;font-size:.7rem}
  .layout-drop:not(.page-home) .phero{padding-top:30px;padding-bottom:44px;gap:34px}
  .layout-drop:not(.page-home) .phero h1{font-size:clamp(1.7rem,7.5vw,2.7rem)}
  .layout-drop .page-jumps{padding-bottom:15px;gap:8px}
  .layout-drop .page-jumps a{font-size:.73rem;padding:8px 13px}
  .layout-drop.page-meedoen main{padding-top:92px}
  .layout-drop:is(.page-contact,.page-privacy) .contact-intro,.layout-drop .tool-intro{padding-top:34px;padding-bottom:34px}
}
@media(prefers-reduced-motion:reduce){.layout-drop *{scroll-behavior:auto!important;transition:none!important}}