/* Continuous animation is part of the original identity, including at rest. */
@keyframes photo-float{0%,100%{transform:translateY(0) rotate(var(--tilt,-6deg))}50%{transform:translateY(-15px) rotate(calc(var(--tilt,-6deg) + 2deg))}}
@keyframes photo-belt{from{translate:0 0}to{translate:calc(-50% - 7px) 0}}
@keyframes car-cruise{0%{transform:translateX(105vw)}25%{transform:translateX(35px)}40%{transform:translateX(0)}60%{transform:translateX(-18px)}100%{transform:translateX(-115vw)}}
@keyframes driving-wheels{to{transform:rotate(-1080deg)}}
@keyframes button-idle{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-.5deg)}75%{transform:translateY(1px) rotate(.5deg)}}
@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:no-preference){
 #vsv-root .hero-shot{translate:none!important;rotate:none!important;animation:photo-float 6s ease-in-out infinite;will-change:transform}
 #vsv-root .shot-a{--tilt:-7deg;animation-delay:-1s}
 #vsv-root .shot-b{--tilt:5deg;animation-duration:7s;animation-delay:-3s}
 #vsv-root .shot-c{--tilt:6deg;animation-duration:6.5s;animation-delay:-2s}
 #vsv-root .hero-shot img,#vsv-root .hero-shot cite{transition:opacity .5s ease}
 #vsv-root .hero-shot.switching img,#vsv-root .hero-shot.switching cite{opacity:0}
 #vsv-root .car{animation:button-idle 3s ease-in-out infinite}
 #vsv-root .car:hover,#vsv-root .car:focus-within{animation-play-state:paused}
 #vsv-root .car .puff{display:block;animation:vsv-smoke 2.6s ease-out infinite}
 #vsv-root .car .puff:nth-of-type(2){animation-delay:.8s}
 #vsv-root .car .puff:nth-of-type(3){animation-delay:1.6s}
 #vsv-root .lane{animation:vsv-lane 5s linear infinite}
 #vsv-root .racecar{translate:none!important;rotate:none!important;animation:car-cruise 12s linear infinite;animation-delay:-4s}
 #vsv-root .racecar .rw{rotate:none!important;animation:driving-wheels 2s linear infinite}
 #vsv-root .racecar .bigpuff{display:block;animation:vsv-bigsmoke 2.2s ease-out infinite}
 #vsv-root .racecar .bigpuff.b{animation-delay:-.7s}
 #vsv-root .racecar .bigpuff.c{animation-delay:-1.4s}
 #vsv-root .sign{animation:vsv-sign 7s ease-in-out infinite}
 #vsv-root .sticker{translate:none!important;animation:badge-float 5s ease-in-out infinite}
 #vsv-root .sticker .ring{rotate:none!important;animation:vsv-spin 22s linear infinite}
 #vsv-root .wheelbox .dash{rotate:none!important;animation:vsv-spin 35s linear infinite}
 #vsv-root .wheelbox .disc2{animation:vsv-spin 48s linear infinite reverse}
 #vsv-root .fotorij{transform:none!important;animation:photo-belt 95s linear infinite!important;will-change:translate}
 #vsv-root .fotorij.terug{transform:none!important;animation-duration:110s!important;animation-direction:reverse!important}
 #vsv-root .fotomuur:hover .fotorij{animation-play-state:paused!important}
}
/* Keep the playful photographs and car visible on phones too. */
@media(max-width:1190px){
 #vsv-root .hero{padding-bottom:285px}
 #vsv-root .hero-shot{display:block;top:auto;bottom:75px;width:140px;z-index:1}
 #vsv-root .hero-shot img{height:115px}
 #vsv-root .shot-a{left:calc(50% - 235px)}
 #vsv-root .shot-b{left:calc(50% - 70px);bottom:85px}
 #vsv-root .shot-c{right:calc(50% - 235px)}
}
@media(max-width:980px){
 #vsv-root .scene{padding-bottom:205px}
 #vsv-root .racecar{display:block;position:absolute;width:266px;height:96px;bottom:30px;right:calc(50% - 133px);margin:0}
 #vsv-root .sign{display:block;position:absolute;bottom:33px;right:30px;width:64px;scale:.65;transform-origin:bottom center;margin:0}
 #vsv-root .scene .asfalt{bottom:55px}
}
@media(max-width:540px){
 #vsv-root .hero{padding-bottom:255px}
 #vsv-root .hero-shot{width:125px;bottom:67px}
 #vsv-root .hero-shot img{height:105px}
 #vsv-root .hero-shot cite{font-size:12px}
 #vsv-root .shot-a{left:calc(50% - 137px)}
 #vsv-root .shot-b{display:none}
 #vsv-root .shot-c{right:calc(50% - 137px)}
}
@media(prefers-reduced-motion:reduce){
 #vsv-root .hero-shot,#vsv-root .car,#vsv-root .racecar,#vsv-root .sign,#vsv-root .sticker,#vsv-root .fotorij,#vsv-root .wheelbox *{animation:none!important;translate:none!important;rotate:none!important}
 #vsv-root .car .puff,#vsv-root .racecar .bigpuff{display:none}
}

/* Two clear starting points, supported by a persistent next step. */
#vsv-root .hero .lead{max-width:590px}
#vsv-root .hero-actions{position:relative;z-index:2;max-width:730px;margin:28px auto 0}
#vsv-root .action-intro{font-size:15px;font-weight:600;color:var(--blue);margin:0 0 30px}
#vsv-root .action-intro>span{display:inline-block;font-size:23px;margin-left:8px}
#vsv-root .hero-choices{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;align-items:start}
#vsv-root .hero-choice{min-width:0}
#vsv-root .hero-choice .car{display:flex;width:100%}
#vsv-root .hero-choice .btn{width:100%;min-height:66px;font-size:18px;padding:18px 20px;gap:10px;justify-content:center;white-space:nowrap}
#vsv-root .hero-choice .car .btn{font-size:18px;padding:18px 20px;min-height:66px}
#vsv-root .hero-choice .browse-schools{margin:0;border:2px solid #3159d4;background:#fff;color:#2447b6;border-radius:16px;box-shadow:0 8px 22px #15275609}
#vsv-root .hero-choice .browse-schools:hover{background:#edf2ff;box-shadow:0 10px 24px #3159d422}
#vsv-root .hero-choice>p{font-size:13px;line-height:1.5;margin:19px 0 0;color:#5b647c}
#vsv-root .hero-assurances{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:23px;font-size:13px;color:#4c5d7b}
#vsv-root .hero-assurances span{white-space:nowrap}
#vsv-root .hero .avatars{margin-top:30px}
#vsv-root .action-arrow{display:inline-block;transition:translate .2s}
#vsv-root .btn:hover .action-arrow{translate:4px 0}
#vsv-root .hero-road-car{position:absolute;bottom:3px;left:-120px;width:92px;z-index:1;pointer-events:none}
#vsv-root .hero-road-car svg{display:block;width:100%;height:auto}
#vsv-root .quick-actions{position:fixed;z-index:45;bottom:18px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 40px));display:flex;align-items:center;gap:12px;padding:13px 16px;background:#fff;border:1px solid #dce4f5;border-radius:20px;box-shadow:0 10px 55px #111c3d26}
#vsv-root .quick-actions[hidden]{display:none}
#vsv-root .quick-actions p{margin:0 auto 0 0;text-align:left;font-size:15px;line-height:1.4}
#vsv-root .quick-actions p span{display:block;font-size:13px;color:#5b647c}
#vsv-root .quick-actions .btn{font-size:15px;padding:12px 19px;gap:10px;white-space:nowrap}
#vsv-root .quick-browse{border:1px solid #bdccee;color:var(--blue);background:#f6f8ff}
#vsv-root .ftr{padding-bottom:120px}
@keyframes hero-road-trip{from{translate:0 0}to{translate:calc(100vw + 240px) 0}}
@keyframes start-nudge{0%,75%,100%{translate:0 0}85%{translate:3px 4px}}
@media(prefers-reduced-motion:no-preference){
 #vsv-root .hero-road-car{animation:hero-road-trip 14s linear infinite;animation-delay:-5s}
 #vsv-root .action-intro>span{animation:start-nudge 4s ease-in-out infinite}
 #vsv-root .hero h1 span{background:linear-gradient(110deg,#2f58d3 25%,#7094ed 45%,#2f58d3 65%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;animation:title-light 9s ease-in-out infinite}
 @keyframes title-light{0%,100%{background-position:100% 0}50%{background-position:0 0}}
}
@media(max-width:700px){
 #vsv-root .hero{padding-top:30px}
 #vsv-root .hero h1{font-size:43px;margin-top:20px;margin-bottom:18px}
 #vsv-root .hero-actions{margin-top:20px;max-width:430px}
 #vsv-root .action-intro{margin-bottom:28px;font-size:14px}
 #vsv-root .hero-choices{grid-template-columns:1fr;gap:19px}
 #vsv-root .hero-choice .btn,#vsv-root .hero-choice .car .btn{min-height:58px;font-size:17px;padding:16px}
 #vsv-root .hero-choice>p{font-size:12px;margin-top:14px}
 #vsv-root .hero-choice .browse-schools+p{margin-top:8px}
 #vsv-root .hero-assurances{gap:6px 13px;font-size:12px;margin-top:18px}
 #vsv-root .quick-actions{bottom:10px;width:calc(100% - 20px);padding:9px;gap:8px;border-radius:16px}
 #vsv-root .quick-actions p{display:none}
 #vsv-root .quick-actions .btn{flex:1;font-size:13px;padding:12px 8px;min-height:46px;gap:6px}
}

/* One-way traffic: distinct silhouettes and room for passing. */
#vsv-root .hero{padding-bottom:62px}
#vsv-root .hero-traffic{position:relative;height:156px;overflow:hidden;background:var(--navy);border-top:3px solid #cad5ec;border-bottom:1px solid #ffffff15;pointer-events:none}
#vsv-root .hero-traffic::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,#9ba8c5 0 42px,transparent 42px 86px);opacity:.6}
#vsv-root .traffic-car{position:absolute;left:0;top:0;width:clamp(68px,7vw,108px);will-change:transform;z-index:1}
#vsv-root .traffic-car.model-van{width:clamp(82px,8.2vw,126px)}
#vsv-root .traffic-car.model-sport{width:clamp(75px,7.6vw,116px)}
#vsv-root .traffic-car svg{display:block;width:100%;height:auto}
#vsv-root .traffic-wheel{transform-box:fill-box;transform-origin:center;animation:traffic-wheel-spin var(--wheel-speed,1.3s) linear infinite}
@keyframes traffic-wheel-spin{to{transform:rotate(360deg)}}
@media(max-width:1190px){#vsv-root .hero{padding-bottom:250px}#vsv-root .hero-shot{bottom:42px}}
@media(max-width:540px){#vsv-root .hero{padding-bottom:225px}#vsv-root .hero-shot{bottom:37px}#vsv-root .hero-traffic{height:136px}}
@media(prefers-reduced-motion:reduce){#vsv-root .traffic-wheel{animation:none}}
/* A living album: five individual prints, with a moment in the spotlight. */
#vsv-root .memory-wall{max-width:1240px;margin:0 auto 75px;padding:15px 35px 0;position:relative}
#vsv-root .memory-heading{text-align:center;position:relative;z-index:2}
#vsv-root .memory-heading h2{font-size:clamp(32px,3.8vw,49px);line-height:1.13;letter-spacing:-.025em;margin:8px auto 14px;max-width:760px}
#vsv-root .memory-heading h2 span{color:var(--blue)}
#vsv-root .memory-heading p{font-size:17px;color:#5b647c;margin:0}
#vsv-root .memory-stage{position:relative;height:360px;margin:28px auto 0;isolation:isolate;perspective:1100px}
#vsv-root .memory-stage::before{content:"";position:absolute;inset:20px 15%;border:1px dashed #b7c8ec;border-radius:50%;rotate:-8deg;z-index:-1}
#vsv-root .memory-card{position:absolute;width:22%;top:45px;left:0;transform:rotate(var(--lean));z-index:2;outline-offset:8px;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s}
#vsv-root .memory-print{display:block;padding:10px 10px 15px;background:#fff;border-radius:5px;box-shadow:0 16px 34px #1829511a;transition:transform .65s,opacity .55s,box-shadow .65s;transform-origin:50% 85%}
#vsv-root .memory-print::before{content:"";position:absolute;left:36%;top:-9px;width:29%;height:24px;background:#b8cef099;rotate:-5deg;backdrop-filter:blur(3px)}
#vsv-root .memory-print img{display:block;width:100%;height:205px;object-fit:cover;border-radius:2px}
#vsv-root .memory-caption{display:flex;justify-content:space-between;gap:5px;padding:13px 3px 0;font-size:15px;font-weight:600;color:var(--ink)}
#vsv-root .memory-caption>span{color:var(--blue)}
#vsv-root .memory-1{--lean:-10deg;left:0;top:54px}
#vsv-root .memory-2{--lean:5deg;left:19%;top:28px}
#vsv-root .memory-3{--lean:-3deg;left:39%;top:8px;z-index:4;width:24%}
#vsv-root .memory-3 img{height:225px}
#vsv-root .memory-4{--lean:8deg;left:60%;top:40px}
#vsv-root .memory-5{--lean:-6deg;left:79%;top:65px}
#vsv-root .memory-card:hover,#vsv-root .memory-card:focus-visible{z-index:8;transform:translateY(-14px) rotate(0) scale(1.06)}
#vsv-root .memory-featured{z-index:7;transform:translateY(-12px) rotate(0) scale(1.04)}
#vsv-root .memory-changing .memory-print{transform:translateY(-18px) rotateY(24deg) rotate(-4deg) scale(.94);opacity:0}
#vsv-root .memory-featured .memory-print{box-shadow:0 25px 42px #2346a42b}
#vsv-root .memory-stamp{position:absolute;right:1%;top:-19px;z-index:5;display:grid;place-content:center;text-align:center;border-radius:50%;background:#2f58d3;color:white;width:100px;height:100px;font-family:Adyson,Barlow,sans-serif;font-size:32px;rotate:12deg;box-shadow:0 0 0 6px #f1f5fd,0 0 0 8px #b9c9ed}
#vsv-root .memory-stamp small{font:600 10px Barlow,sans-serif;letter-spacing:.04em}
#vsv-root .memory-spark{position:absolute;color:#527add;font-size:47px;z-index:1}
#vsv-root .spark-one{left:6%;top:-18px;rotate:-15deg}
#vsv-root .spark-two{right:18%;bottom:4px;font-size:36px}
#vsv-root .memory-invite{text-align:center;font-size:15px;color:#5b647c;margin:20px 0 0}
#vsv-root .memory-invite a{display:inline-block;margin-left:7px;color:var(--blue);font-weight:700;border-bottom:1px solid #afc0ed}
@media(prefers-reduced-motion:no-preference){
 #vsv-root .memory-card{animation:memory-breathe 7s ease-in-out infinite;animation-delay:-1s}
 #vsv-root .memory-card:nth-child(even){animation-duration:8s;animation-delay:-4s}
 #vsv-root .memory-card:nth-child(3){animation-delay:-2s}
 #vsv-root .memory-card:hover,#vsv-root .memory-card:focus-visible{animation-play-state:paused}
 @keyframes memory-breathe{0%,100%{translate:0 0}50%{translate:0 -9px}}
 #vsv-root .memory-spark{animation:memory-twinkle 6s ease-in-out infinite}
 @keyframes memory-twinkle{0%,100%{scale:1;opacity:.6}50%{scale:1.16;opacity:1}}
}
@media(max-width:900px){#vsv-root .memory-print img{height:160px}#vsv-root .memory-3 img{height:180px}#vsv-root .memory-stage{height:310px}#vsv-root .memory-caption{font-size:12px}#vsv-root .memory-stamp{width:80px;height:80px;font-size:26px}}
@media(max-width:600px){
 #vsv-root .memory-wall{padding:0 22px;margin-bottom:48px}
 #vsv-root .memory-heading h2{font-size:34px;max-width:330px}
 #vsv-root .memory-heading p{font-size:15px;max-width:280px;margin:auto}
 #vsv-root .memory-stage{height:295px;margin-top:38px}
 #vsv-root .memory-4,#vsv-root .memory-5{display:none}
 #vsv-root .memory-card{width:42%;top:65px}
 #vsv-root .memory-1{left:-2%;--lean:-12deg}
 #vsv-root .memory-2{left:62%;--lean:12deg;top:70px}
 #vsv-root .memory-3{left:24%;width:53%;top:17px}
 #vsv-root .memory-print{padding:7px 7px 11px}
 #vsv-root .memory-print img{height:139px}
 #vsv-root .memory-3 img{height:172px}
 #vsv-root .memory-caption{font-size:11px;line-height:1.3;padding-top:10px}
 #vsv-root .memory-stamp{width:66px;height:66px;font-size:25px;right:0;top:-13px}
 #vsv-root .memory-stamp small{font-size:8px}
 #vsv-root .memory-invite{margin:3px 0 0;font-size:14px}
}