/*
  JEZZ MEDIA — High-End Interaction & Motion Design Upgrade
  Additive layer: no content, SEO markup or conversion route is removed.
*/

:root{
  --motion-gold:#d8ae57;
  --motion-aqua:#8ed4cf;
  --motion-ink:#050b13;
  --motion-cream:#f5e9d0;
  --motion-spring:cubic-bezier(.16,1,.3,1);
  --motion-smooth:cubic-bezier(.65,0,.35,1);
  --motion-x:.5;
  --motion-y:.5;
  --motion-left:50%;
  --motion-top:50%;
  --hero-bg-x:46%;
  --hero-bg-y:50%;
  --web-rotate-y:-5deg;
  --web-rotate-x:2deg;
}

.motion-v4{--page-progress:0;--page-accent:var(--motion-gold);--page-accent-rgb:216,174,87}
.jezz-scroll-progress{position:fixed;z-index:400;inset:0 0 auto;height:3px;pointer-events:none;background:rgba(7,17,31,.08)}
.jezz-scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--page-accent),var(--motion-aqua));box-shadow:0 0 16px rgba(var(--page-accent-rgb),.5);will-change:transform}
.motion-v4 .site-header-v3,.motion-v4 .site-header{transition:box-shadow .4s ease,background .4s ease,transform .4s var(--motion-spring)}
.motion-v4 .site-header-v3 .nav{height:88px!important}
.motion-v4 .site-header-v3 .brand{min-width:82px!important}
.motion-v4 .site-header-v3 .brand img{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;object-fit:contain!important}
.motion-v4 .site-header-v3 .provided-header-brand{min-width:68px!important}
.motion-v4 .site-header-v3 .brand .provided-header-logo{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:contain!important;object-position:center!important}
.motion-v4 .site-footer-v3 .provided-footer-logo{display:block!important;width:min(260px,100%)!important;max-width:260px!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important;margin:0 0 20px!important}
.motion-v4 .site-header-v3.is-condensed,.motion-v4 .site-header.is-condensed{box-shadow:0 14px 42px rgba(7,17,31,.2)}
.motion-v4 .site-header-v3.is-condensed .nav,.motion-v4 .site-header.is-condensed .nav{transform:scale(.985);transform-origin:center;transition:transform .4s var(--motion-spring)}

.motion-v4 .hero{--motion-x:.5;--motion-y:.5;position:relative;isolation:isolate}
.motion-v4 .hero::after{content:"";position:absolute;z-index:-1;width:46vw;aspect-ratio:1;left:calc(var(--motion-left) - 23vw);top:calc(var(--motion-top) - 23vw);border-radius:50%;background:radial-gradient(circle,rgba(var(--page-accent-rgb),.13),transparent 64%);filter:blur(12px);pointer-events:none;transition:left .8s var(--motion-spring),top .8s var(--motion-spring)}
.motion-v4 .page-title{text-wrap:balance}
.motion-v4 .btn{position:relative;overflow:hidden;isolation:isolate}
.motion-v4 .btn::after{content:"";position:absolute;z-index:-1;width:110px;aspect-ratio:1;left:calc(var(--button-x,50%) - 55px);top:calc(var(--button-y,50%) - 55px);border-radius:50%;background:rgba(255,255,255,.28);transform:scale(0);transition:transform .45s var(--motion-spring);pointer-events:none}
.motion-v4 .btn:hover::after{transform:scale(2.7)}
.motion-v4 .motion-item{opacity:0;transform:translateY(28px);transition:opacity .75s var(--motion-spring),transform .75s var(--motion-spring),border-color .25s ease,box-shadow .25s ease;transition-delay:var(--motion-delay,0ms)}
.motion-v4 .motion-item.is-inview{opacity:1;transform:none}

/* Shared story mechanics; visual choreography is page-specific below. */
.motion-v4 .page-story{--story-progress:0;--scene-progress:0;--scene-index:0}
.motion-v4 .page-story-stage{isolation:isolate}
.motion-v4 .page-scene{will-change:opacity,transform,clip-path}
.motion-v4 .page-story-progress i{transform-origin:left;transition:width .55s var(--motion-spring),background .3s ease,transform .55s var(--motion-spring)}
.motion-v4 .page-story-progress i.active{transform:scaleX(1)}

/* HOME — cinematic brand journey */
.page-home{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-home .v3-hero,.page-home .hero{background-position:var(--hero-bg-x) var(--hero-bg-y)}
.page-home .hero-brand-promise{margin:18px 0 -8px;color:#e8c878;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(20px,2.1vw,29px);font-style:italic;line-height:1.15}
.page-home .v3-kicker{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:34px;padding:15px 14px;border:1px solid rgba(216,174,87,.28);border-radius:8px;background:rgba(5,11,19,.48);backdrop-filter:blur(14px);overflow:hidden;counter-reset:home-route}
.page-home .v3-kicker::before{content:"";position:absolute;left:14px;right:14px;top:50%;height:1px;background:linear-gradient(90deg,var(--motion-gold),var(--motion-aqua));transform:scaleX(var(--page-progress));transform-origin:left;box-shadow:0 0 16px rgba(142,212,207,.45)}
.page-home .v3-kicker span{position:relative;z-index:1;padding:8px 10px;background:#08111c;text-align:center;counter-increment:home-route}
.page-home .v3-kicker span::before{content:"0" counter(home-route);display:block;margin-bottom:4px;color:var(--motion-gold);font-size:9px;letter-spacing:.14em}
.page-home .story-wrap::before{transform:scaleX(var(--home-story-progress,0));transform-origin:left;transition:transform .08s linear}
.page-home .case-cinema,.page-home .owner-story{view-timeline-name:--home-chapter;view-timeline-axis:block}
.page-home .case-cinema.case-horizontal-story{--case-scroll-distance:100vh;--case-progress:0;height:calc(100svh + var(--case-scroll-distance));padding:0;overflow:visible;contain:layout style}
.page-home .case-horizontal-story .case-sticky-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5svh,58px) 0 clamp(14px,2.5svh,28px);overflow:hidden;background:#050b13}
.page-home .case-horizontal-story .case-heading{flex:0 0 auto;margin-bottom:clamp(24px,4svh,42px)}
/* Horizontal track: one flex row sized to its content, moved only via transform.
   The pinned stage (overflow:hidden) clips it; no internal scroll or scroll-snap. */
.page-home .case-horizontal-story .case-rail{flex:0 0 auto;display:flex;flex-wrap:nowrap;width:max-content;max-width:none;gap:22px;overflow:visible;scroll-snap-type:none;touch-action:pan-y;will-change:transform;transform:translate3d(0,0,0);scrollbar-width:none;-ms-overflow-style:none}
.page-home .case-horizontal-story .case-rail::-webkit-scrollbar{width:0;height:0;display:none}
.page-home .case-horizontal-story .case-scene{flex:0 0 min(72vw,760px);will-change:transform}
.page-home .case-horizontal-story .case-rail:focus-visible{outline:2px solid var(--motion-gold);outline-offset:-2px}
/* Hide the gold scrollbar on the plain (non-pinned) fallback rail too. */
.case-rail{scrollbar-width:none;-ms-overflow-style:none}
.case-rail::-webkit-scrollbar{width:0;height:0;display:none}
.page-home .finale-wow{position:relative;isolation:isolate}
.page-home .finale-wow::before{content:"";position:absolute;inset:10% 8%;z-index:-1;border:1px solid rgba(216,174,87,.18);border-radius:50%;transform:scale(var(--page-scale,.82)) rotate(var(--page-rotation,0deg));pointer-events:none}

/* GROWTH — connected customer journey */
.page-groeisystemen{--page-accent:#8ed4cf;--page-accent-rgb:142,212,207}
.page-groeisystemen .page-story-stage::after{left:50%;right:auto;width:2px;background:linear-gradient(to bottom,transparent,var(--motion-aqua) 18% 82%,transparent);transform:scaleY(var(--story-progress));transform-origin:top;opacity:.65}
.page-groeisystemen .page-story-layout{grid-template-columns:.82fr 1.18fr}
.page-groeisystemen .page-story-scenes::before{content:"";position:absolute;inset:8% -6%;border:1px solid rgba(142,212,207,.22);border-radius:52% 48% 45% 55%;transform:rotate(var(--story-turn,-8deg));box-shadow:0 0 80px rgba(142,212,207,.08)}
.page-groeisystemen .page-scene{border-radius:90px 12px 90px 12px;background:linear-gradient(135deg,rgba(142,212,207,.12),rgba(255,255,255,.035));transform:translateX(60px) scale(.94)}
.page-groeisystemen .page-scene.active{transform:translateX(0) scale(1)}
.page-groeisystemen .page-scene::before{content:"";position:absolute;width:12px;aspect-ratio:1;left:-7px;top:50%;border-radius:50%;background:var(--motion-aqua);box-shadow:0 0 0 8px rgba(142,212,207,.12),0 0 28px rgba(142,212,207,.7)}

/* WEBSITES — browser/device canvas */
.page-websites{--page-accent:#8ed4cf;--page-accent-rgb:142,212,207}
.page-websites .v3-system-visual{border-radius:14px 14px 7px 7px;border-color:rgba(142,212,207,.35);transform:perspective(1300px) rotateY(var(--web-rotate-y)) rotateX(var(--web-rotate-x));transition:transform .6s var(--motion-spring)}
.page-websites .v3-system-visual::before{content:"";position:absolute;inset:0 0 auto;height:34px;border-bottom:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 18px 17px,#d8ae57 0 4px,transparent 5px),radial-gradient(circle at 34px 17px,#8ed4cf 0 4px,transparent 5px),radial-gradient(circle at 50px 17px,rgba(255,255,255,.4) 0 4px,transparent 5px)}
.page-websites .page-story-stage::after{background:linear-gradient(135deg,transparent 49.85%,rgba(142,212,207,.22) 50%,transparent 50.15%)}
.page-websites .page-story-scenes{perspective:1400px}
.page-websites .page-scene{padding-top:72px;border-radius:14px 14px 7px 7px;clip-path:inset(0 100% 0 0 round 14px);transform:translateZ(-120px) rotateY(-8deg);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(7,17,31,.72))}
.page-websites .page-scene::before{content:"";position:absolute;inset:0 0 auto;height:38px;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 18px 19px,#d8ae57 0 4px,transparent 5px),radial-gradient(circle at 34px 19px,#8ed4cf 0 4px,transparent 5px),radial-gradient(circle at 50px 19px,rgba(255,255,255,.4) 0 4px,transparent 5px)}
.page-websites .page-scene.active{clip-path:inset(0 0 0 0 round 14px);transform:none}

/* CRM & AI — command centre and data flow */
.page-crm-ai-systemen{--page-accent:#8ed4cf;--page-accent-rgb:142,212,207}
.page-crm-ai-systemen .hero,.page-crm-ai-systemen .page-story-stage,.page-crm-ai-systemen .crm-command-stage{background-image:linear-gradient(rgba(142,212,207,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,212,207,.045) 1px,transparent 1px);background-size:42px 42px}
.page-crm-ai-systemen .page-story-layout{grid-template-columns:.7fr 1.3fr}
.page-crm-ai-systemen .page-story-stage::after{background:radial-gradient(circle at var(--story-node-x,18%) 50%,rgba(142,212,207,.4),transparent 2px),linear-gradient(90deg,transparent,rgba(142,212,207,.22),transparent)}
.page-crm-ai-systemen .page-scene{border-radius:5px;background:linear-gradient(135deg,rgba(142,212,207,.08),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08),0 35px 110px rgba(0,0,0,.48);transform:translateY(0) scale(.9);filter:blur(8px)}
.page-crm-ai-systemen .page-scene::after{content:"LIVE DATA";position:absolute;right:18px;top:16px;color:var(--motion-aqua);font-size:9px;font-weight:900;letter-spacing:.15em}
.page-crm-ai-systemen .page-scene.active{transform:scale(1);filter:none}
.page-crm-ai-systemen .crm-screen{transition-duration:.7s;transition-timing-function:var(--motion-spring)}

/* MAGAZINES — editorial page turns */
.page-magazines{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-magazines .page-story-stage{background:#e9dcc1;color:#07111f}
.page-magazines .page-story-stage::before{background:radial-gradient(circle at 80% 20%,rgba(216,174,87,.25),transparent 28%),linear-gradient(120deg,#f7ecd6,#d9c7a4)}
.page-magazines .page-story-stage::after{background:linear-gradient(90deg,transparent 49.8%,rgba(7,17,31,.13) 50%,transparent 50.2%);box-shadow:0 0 55px rgba(7,17,31,.12)}
.page-magazines .page-story-title p,.page-magazines .page-scene p{color:#46505c}
.page-magazines .page-story-scenes{perspective:1600px}
.page-magazines .page-scene{transform-origin:left center;transform:rotateY(-72deg) translateX(10%);border-color:rgba(7,17,31,.17);border-radius:2px;background:linear-gradient(100deg,#fffaf0,#eadbbd);box-shadow:28px 34px 80px rgba(7,17,31,.18);color:#07111f}
.page-magazines .page-scene::after{content:"JEZZ / EDITORIAL";position:absolute;right:24px;bottom:18px;color:#9a742f;font-size:9px;font-weight:900;letter-spacing:.16em}
.page-magazines .page-scene.active{transform:rotateY(0) translateX(0)}

/* WOONNETWERK — regional constellation */
.page-woonnetwerk{--page-accent:#6f97d6;--page-accent-rgb:111,151,214}
.page-woonnetwerk .page-story-stage::after{inset:10%;border:1px solid rgba(111,151,214,.24);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 70px,rgba(111,151,214,.11) 71px 72px);transform:scale(var(--story-scale,.7)) rotate(var(--story-rotation,0deg))}
.page-woonnetwerk .page-story-layout{grid-template-columns:1fr 1fr}
.page-woonnetwerk .page-story-scenes{min-height:570px}
.page-woonnetwerk .page-scene{inset:8%;border-radius:50%;text-align:center;align-items:center;background:radial-gradient(circle,rgba(111,151,214,.18),rgba(7,17,31,.84) 68%);transform:scale(.65) rotate(-8deg)}
.page-woonnetwerk .page-scene::before,.page-woonnetwerk .page-scene::after{content:"";position:absolute;width:10px;aspect-ratio:1;border-radius:50%;background:#8ed4cf;box-shadow:0 0 22px rgba(142,212,207,.8)}
.page-woonnetwerk .page-scene::before{left:7%;top:28%}.page-woonnetwerk .page-scene::after{right:9%;bottom:25%}
.page-woonnetwerk .page-scene.active{transform:scale(1) rotate(0)}

/* Supporting journeys: each page gets a quieter but distinct interaction rhythm. */
.page-portfolio{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-portfolio .grid{perspective:1500px}
.page-portfolio .grid>*:nth-child(3n+1){transform-origin:right center}.page-portfolio .grid>*:nth-child(3n+2){transform-origin:center bottom}.page-portfolio .grid>*:nth-child(3n){transform-origin:left center}
.page-portfolio .grid>*.is-inview:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 34px 90px rgba(0,0,0,.34)}
.page-werkwijze{--page-accent:#8ed4cf;--page-accent-rgb:142,212,207}
.page-werkwijze .flow-strip{position:relative}
.page-werkwijze .flow-strip::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,var(--motion-aqua),var(--motion-gold));transform:scaleX(var(--page-progress));transform-origin:left}
.page-werkwijze .flow-step{backdrop-filter:blur(14px)}
.page-pakketten{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-pakketten .package-card{transition:transform .45s var(--motion-spring),border-color .3s ease,filter .3s ease}
.page-pakketten .package-grid:hover .package-card:not(:hover){filter:saturate(.72) brightness(.82)}
.page-pakketten .package-card:hover{transform:translateY(-10px);border-color:rgba(216,174,87,.6)}
.page-over-jezz-media{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-over-jezz-media .owner-mark::before{transform:rotate(var(--owner-rotation-a,11deg))}.page-over-jezz-media .owner-mark::after{transform:rotate(var(--owner-rotation-b,-17deg))}
.page-contact{--page-accent:#8ed4cf;--page-accent-rgb:142,212,207}
.page-contact input:focus,.page-contact select:focus,.page-contact textarea:focus{border-color:var(--motion-aqua);box-shadow:0 0 0 4px rgba(142,212,207,.1)}
.page-contact .form-panel{background:linear-gradient(145deg,rgba(142,212,207,.08),rgba(255,255,255,.04))}
.page-adverteren{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-adverteren .grid{counter-reset:advertising-route}.page-adverteren .grid .card{counter-increment:advertising-route}
.page-adverteren .grid .card::after{content:"0" counter(advertising-route);position:absolute;right:18px;bottom:-16px;color:rgba(216,174,87,.12);font-family:"Cormorant Garamond",serif;font-size:86px;line-height:1}
.page-branches{--page-accent:#6f97d6;--page-accent-rgb:111,151,214}
.page-branches .grid .card:nth-child(odd){border-radius:36px 8px 36px 8px}.page-branches .grid .card:nth-child(even){border-radius:8px 36px 8px 36px}

/* Four magazine detail worlds, related but emotionally distinct. */
.page-magazine-wonen{--page-accent:#b88732;--page-accent-rgb:184,135,50}
.page-magazine-wonen .hero{background-image:linear-gradient(120deg,rgba(184,135,50,.12),transparent 55%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(216,174,87,.04) 80px)}
.page-magazine-wonen .grid .card{border-radius:2px}
.page-magazine-hospice-zorg{--page-accent:#a9c8c5;--page-accent-rgb:169,200,197}
.page-magazine-hospice-zorg .hero::after{filter:blur(32px);opacity:.7}.page-magazine-hospice-zorg .motion-item{transition-duration:1.15s}
.page-magazine-hospice-zorg .hospice-cover-visual{display:grid!important;min-height:650px;place-items:center;perspective:1400px;overflow:visible}
.page-magazine-hospice-zorg .hospice-cover-visual>.v3-core,.page-magazine-hospice-zorg .hospice-cover-visual>.v3-orbit,.page-magazine-hospice-zorg .hospice-cover-visual>.v3-node{opacity:0;pointer-events:none}
.page-magazine-hospice-zorg .hospice-cover-image{position:relative;z-index:4;width:min(400px,82%);height:auto;max-height:610px;object-fit:contain;border:1px solid rgba(216,174,87,.26);border-radius:4px;box-shadow:0 38px 100px rgba(0,0,0,.48),18px 20px 0 rgba(245,233,208,.055);transform:perspective(1400px) rotateY(-6deg) rotateX(1deg);transition:transform .7s var(--motion-spring),box-shadow .7s var(--motion-spring)}
.page-magazine-hospice-zorg .hospice-cover-image:hover{transform:perspective(1400px) rotateY(0) rotateX(0) translateY(-8px);box-shadow:0 48px 120px rgba(0,0,0,.55),0 0 50px rgba(169,200,197,.15)}
.page-magazine-hospice-zorg .hospice-cover-label{position:absolute;z-index:5;right:5%;bottom:4%;padding:9px 12px;border:1px solid rgba(216,174,87,.36);border-radius:999px;background:rgba(5,11,19,.82);color:#e8c878;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(12px)}
.page-magazine-hospice-zorg .hospice-cover-visual{grid-template-areas:"magazine";outline:none}
.page-magazine-hospice-zorg .hospice-cover-visual:focus-visible{outline:2px solid rgba(216,174,87,.8);outline-offset:8px;border-radius:8px}
.page-magazine-hospice-zorg .familiearchief-page{grid-area:magazine;opacity:0;visibility:hidden;pointer-events:none;z-index:3;transform:perspective(1400px) rotateY(-14deg) rotateX(1deg) translateX(3%);transition:opacity .24s ease,visibility 0s linear .25s,transform .44s var(--motion-spring),box-shadow .7s var(--motion-spring)}
.page-magazine-hospice-zorg .familiearchief-page.active{opacity:1;visibility:visible;pointer-events:auto;z-index:4;transform:perspective(1400px) rotateY(-6deg) rotateX(1deg);transition-delay:0s}
.page-magazine-hospice-zorg .familiearchief-page.is-leaving{opacity:0;visibility:visible;z-index:5;pointer-events:none;transition-delay:0s}
.page-magazine-hospice-zorg .familiearchief-page.is-leaving.turn-forward{transform:perspective(1400px) rotateY(18deg) translateX(-7%) scale(.985)}
.page-magazine-hospice-zorg .familiearchief-page.is-leaving.turn-back{transform:perspective(1400px) rotateY(-18deg) translateX(7%) scale(.985)}
.page-magazine-hospice-zorg .hospice-cover-visual:hover .familiearchief-page.active{transform:perspective(1400px) rotateY(0) rotateX(0) translateY(-8px);box-shadow:0 48px 120px rgba(0,0,0,.55),0 0 50px rgba(169,200,197,.15)}
.page-magazines .magazine-card-cover{width:calc(100% + 52px);max-width:none;height:280px;margin:-26px -26px 22px;object-fit:cover;object-position:center top;border-bottom:1px solid rgba(216,174,87,.25);transition:transform .7s var(--motion-spring),filter .5s ease}
.page-magazines .solution-card .magazine-card-cover{width:calc(100% + 64px);margin:-32px -32px 22px}
.page-magazines .card:hover .magazine-card-cover,.page-magazines .solution-card:hover .magazine-card-cover{transform:scale(1.025);filter:saturate(1.05) contrast(1.02)}
.page-magazine-geboorte-kraamzorg{--page-accent:#d6a9a0;--page-accent-rgb:214,169,160}
.page-magazine-geboorte-kraamzorg .card{border-radius:42px 12px 42px 12px;background:linear-gradient(145deg,rgba(214,169,160,.11),rgba(255,255,255,.035))}
.page-magazine-trouwen{--page-accent:#e0c184;--page-accent-rgb:224,193,132}
.page-magazine-trouwen .grid{perspective:1200px}.page-magazine-trouwen .motion-item{transform:translateY(22px) rotateY(-4deg)}.page-magazine-trouwen .motion-item.is-inview{transform:none}

/* Legal pages remain deliberately calm and readable. */
.page-privacy,.page-algemene-voorwaarden{--page-accent:#d8ae57;--page-accent-rgb:216,174,87}
.page-privacy .legal-article.reveal,.page-algemene-voorwaarden .legal-article.reveal{opacity:1;transform:none;transition:none}
.page-privacy .legal-article,.page-algemene-voorwaarden .legal-article{scroll-margin-top:130px}

@media(max-width:900px){
  .page-groeisystemen .page-story-layout,.page-crm-ai-systemen .page-story-layout{grid-template-columns:1fr}
  .page-woonnetwerk .page-story-scenes{min-height:440px}
  .page-home .case-horizontal-story .case-sticky-stage{padding-block:26px 16px}
  .page-home .case-horizontal-story .case-scene{min-height:clamp(390px,54svh,480px)}
}

@media(max-width:1040px){
  .motion-v4 .site-header-v3 .nav{height:82px!important}
  .motion-v4 .site-header-v3 .brand{min-width:72px!important}
  .motion-v4 .site-header-v3 .brand img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important}
}

/* Mobile scrollytelling: same story, shorter and touch-safe. */
@media(max-width:700px){
  .motion-v4 .site-header-v3 .nav{height:72px!important}
  .motion-v4 .site-header-v3 .brand{min-width:64px!important}
  .motion-v4 .site-header-v3 .brand img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}
  .motion-v4 .site-header-v3 .provided-header-brand{min-width:54px!important}
  .motion-v4 .site-header-v3 .brand .provided-header-logo{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important}
  .motion-v4 .site-footer-v3 .provided-footer-logo{width:min(220px,82vw)!important;max-width:220px!important}
  .jezz-scroll-progress{height:2px}
  .motion-v4 .hero::after{width:90vw;left:calc(var(--motion-left) - 45vw);top:calc(var(--motion-top) - 45vw)}
  .motion-v4 .btn::after{display:none}
  .page-groeisystemen .page-story,.page-websites .page-story,.page-crm-ai-systemen .page-story,.page-magazines .page-story,.page-woonnetwerk .page-story{height:340svh}
  .page-groeisystemen .page-story-stage,.page-websites .page-story-stage,.page-crm-ai-systemen .page-story-stage,.page-magazines .page-story-stage,.page-woonnetwerk .page-story-stage{position:sticky;top:0;height:100svh;padding:76px 0 28px;display:grid}
  .motion-v4 .page-story-layout{display:grid;grid-template-columns:1fr;gap:16px;height:100%;align-content:center}
  .motion-v4 .page-story-title .eyebrow{margin-bottom:8px}
  .motion-v4 .page-story-title h2{font-size:clamp(36px,10.8vw,48px)}
  .motion-v4 .page-story-title p{display:none}
  .motion-v4 .page-story-progress{display:flex;margin-top:12px}
  .motion-v4 .page-story-progress i{width:24px}.motion-v4 .page-story-progress i.active{width:48px}
  .motion-v4 .page-story-scenes{position:relative;min-height:46svh}
  .motion-v4 .page-scene{position:absolute;inset:0;margin:0;padding:24px;opacity:0;visibility:hidden}
  .motion-v4 .page-scene.active{opacity:1;visibility:visible}
  .motion-v4 .page-scene h3{font-size:clamp(34px,10vw,44px)}
  .motion-v4 .page-scene p{font-size:15px;line-height:1.55}
  .page-woonnetwerk .page-story-scenes{min-height:48svh}.page-woonnetwerk .page-scene{inset:0}
  .page-magazines .page-scene{padding:28px 24px}
  .page-pakketten .package-grid:hover .package-card:not(:hover){filter:none}
  .page-home .v3-kicker{grid-template-columns:repeat(5,42%);overflow-x:auto;scroll-snap-type:x mandatory}.page-home .v3-kicker span{scroll-snap-align:start}
  .page-home .case-horizontal-story .case-sticky-stage{justify-content:center;padding-block:18px 10px}
  .page-home .case-horizontal-story .case-heading{margin-bottom:18px}
  .page-home .case-horizontal-story .case-scene{flex-basis:88vw;min-height:clamp(320px,52svh,430px)}
  .page-magazine-hospice-zorg .hospice-cover-visual{min-height:510px!important;margin-top:24px}.page-magazine-hospice-zorg .hospice-cover-image{width:min(310px,84vw);max-height:470px;transform:rotateY(-3deg)}.page-magazine-hospice-zorg .hospice-cover-label{right:4%;bottom:1%}
  .page-magazines .magazine-card-cover{width:calc(100% + 40px);height:250px;margin:-20px -20px 20px}
  .page-magazines .solution-card .magazine-card-cover{width:calc(100% + 64px);margin:-32px -32px 20px}
}

@media(prefers-reduced-motion:reduce){
  .jezz-scroll-progress{display:none}
  .motion-v4 .motion-item{transition-duration:.42s!important;transition-delay:0ms!important}
  .motion-v4 .page-scene{transition:opacity .22s ease,transform .32s ease!important}
  .motion-v4 .page-scene:not(.active){transform:translateY(12px)!important;clip-path:inset(0 4% 0 4% round 10px)!important;filter:none!important}
  .motion-v4 .page-scene.active{transform:none!important;clip-path:inset(0 0 0 0 round 10px)!important;filter:none!important}
  .motion-v4 .hero::after{opacity:.72}
  .motion-v4 body::after{animation:none!important}
  .page-magazine-hospice-zorg .familiearchief-page{transition:none!important}
}