@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#081c30;--ink:#102c45;--blue:#4c7fc4;--cyan:#56b4de;--pale:#eaf5fa;--muted:#5b6c7b;--line:#d8e4ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;margin:0;line-height:1.1}h1{font-size:clamp(44px,6.7vw,94px);font-weight:800}h2{font-size:clamp(32px,4vw,58px);font-weight:800}h3{font-size:26px;line-height:1.2}p{line-height:1.8;margin:0 0 22px}ul{line-height:1.9}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-90px;left:15px;z-index:99;background:#fff;padding:15px}.skip:focus{top:15px}.site-header{height:96px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8eef3}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:184px;height:auto}.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav>a:not(.btn){padding:16px 0}.nav a[aria-current=page]{color:#3666a8}.btn{border:0;background:var(--blue);color:#fff;padding:17px 24px;display:inline-flex;align-items:center;justify-content:center;gap:22px;line-height:1.2;font-weight:700;font-size:14px;border-radius:3px;transition:background .2s,transform .2s}.btn:hover{background:#3468b2;transform:translateY(-2px)}.btn.light{background:#fff;color:var(--ink)}.btn.outline{background:transparent;border:1px solid #ffffff70;color:#fff}.btn.dark{background:var(--navy)}.arrow{font-size:22px;line-height:1}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px}.hero{height:min(760px,calc(100svh - 96px));min-height:580px;position:relative;color:#fff;overflow:hidden;background:var(--navy)}.hero>video,.hero>.poster{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,31,.8),rgba(3,17,31,.25)),linear-gradient(0deg,rgba(3,17,31,.45),transparent 45%)}.hero-content{position:relative;z-index:1;padding-top:96px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:26px}.eyebrow:before{content:'';display:inline-block;width:25px;height:3px;background:var(--cyan)}.hero h1{max-width:850px}.hero h1 span{color:#89d3f2}.hero p{max-width:490px;font-size:17px;color:#e3ebf3;margin:28px 0 30px;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-foot{position:absolute;bottom:70px;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between}.hero-foot small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#dce9f5}.video-tools{display:flex;gap:8px}.video-tools button{background:#071b30a8;border:1px solid #ffffff55;color:#fff;border-radius:3px;padding:11px 14px;font-size:12px}.ticker{background:var(--pale);border-bottom:1px solid var(--line)}.ticker .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:12px;font-weight:600}.ticker i{width:7px;height:7px;background:var(--cyan);display:block;border-radius:50%}.section{padding:100px 0}.section.soft{background:#f3f8fb}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head h2{max-width:650px}.section-head p{font-size:15px;max-width:340px;color:var(--muted);margin:0}.textlink{display:inline-flex;align-items:center;gap:22px;font-weight:700;font-size:14px;padding-bottom:7px;border-bottom:1px solid currentColor}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{position:relative;overflow:hidden;display:block;background:var(--navy);min-height:465px;color:#fff;border-radius:4px}.service>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .5s}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061727e8,transparent 85%)}.service:hover>img{transform:scale(1.04)}.service-body{position:absolute;z-index:1;bottom:28px;left:28px;right:28px}.service-body .number{font-size:11px;color:#c7e6f8;letter-spacing:.15em;display:block;margin-bottom:18px}.service-body h3{font-size:28px;margin-bottom:15px}.service-body p{font-size:14px;line-height:1.6;color:#dbe5ed;margin-bottom:23px}.service-body .circle{border:1px solid #ffffff65;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-left:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:4px}.split .copy h2{margin-bottom:25px}.split .copy p{color:var(--muted)}.since{display:flex;align-items:center;gap:18px;margin:30px 0}.since strong{font-family:Manrope;font-size:54px;letter-spacing:-.05em;line-height:1}.since span{font-size:13px;color:var(--muted);max-width:140px;line-height:1.5}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.film{display:block;border:0;background:none;padding:0;text-align:left;color:inherit}.film-image{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:3px;background:#152c42}.film-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.film:hover img{transform:scale(1.04)}.play{position:absolute;left:22px;bottom:20px;width:48px;height:48px;border:1px solid #ffffffa0;display:grid;place-items:center;border-radius:50%;background:#071c3290;color:#fff;font-size:16px}.film small{display:block;color:var(--cyan);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:20px 0 8px}.film h3{font-size:21px;letter-spacing:-.02em}.cta{background:var(--pale)}.cta .wrap{padding:75px 0;display:flex;justify-content:space-between;align-items:center;gap:50px}.cta h2{font-size:clamp(33px,4vw,53px);max-width:750px}.site-footer{background:#061728;color:#d4dfeb;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:70px}.footer-brand{background:#fff;display:inline-block;padding:13px 18px;border-radius:3px;margin-bottom:22px}.footer-brand img{width:170px}.site-footer p,.site-footer a{font-size:13px;line-height:1.9}.site-footer h3{font-size:13px;letter-spacing:.05em;margin:8px 0 20px;color:#fff}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-bottom{border-top:1px solid #ffffff20;padding-top:25px;margin-top:50px;display:flex;justify-content:space-between;font-size:11px;color:#96a9bc;gap:25px}.footer-bottom a{font-size:11px}.inner-hero{position:relative;background:var(--navy);color:#fff;padding:75px 0 85px;overflow:hidden}.inner-hero.image{min-height:430px;display:flex;align-items:center}.inner-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.inner-hero .wrap{position:relative}.inner-hero h1{font-size:clamp(42px,5.6vw,76px);max-width:950px}.inner-hero p{max-width:630px;color:#dce6ef;margin:25px 0 0;font-size:17px}.crumb{font-size:11px;letter-spacing:.04em;margin-bottom:35px;color:#a7c5dd}.detail-list{list-style:none;padding:0;margin:30px 0}.detail-list li{border-top:1px solid var(--line);padding:15px 0;font-size:15px}.detail-list li:before{content:'↗';color:var(--blue);margin-right:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.step strong{font-family:Manrope;font-size:37px;color:var(--cyan);font-weight:500;display:block;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.step h3{font-size:23px;margin-bottom:15px}.step p{color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}.filters button{padding:11px 18px;background:#fff;border:1px solid var(--line);border-radius:30px;color:var(--ink);font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{margin:0}.gallery button{border:0;padding:0;background:none;width:100%;display:block;overflow:hidden;border-radius:3px}.gallery img{width:100%;aspect-ratio:1.3;object-fit:cover;transition:transform .4s}.gallery button:hover img{transform:scale(1.04)}.gallery figcaption{font-size:12px;padding-top:11px;color:var(--muted)}[hidden]{display:none!important}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.contact-aside h2{font-size:42px;margin-bottom:28px}.contact-aside p{color:var(--muted)}.contact-line{display:block;padding:20px 0;border-bottom:1px solid var(--line)}.contact-line small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.contact-line strong{font-size:20px;font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;background:#f6f9fb;border:1px solid #cedbe6;padding:14px 13px;border-radius:3px;color:var(--ink);font-size:15px}.field textarea{min-height:145px;resize:vertical}.field-error{color:#a52222;font-size:12px}.form-note{font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0}.form-status{font-size:14px;line-height:1.7;padding-top:18px}.form-status.error{color:#a52222}.form-status.success{color:#246b45}.hp{position:absolute;left:-9999px}dialog{border:0;background:#071c30;color:#fff;padding:0;border-radius:4px;width:min(1100px,94vw);max-width:none;max-height:94svh}dialog::backdrop{background:#000c}dialog .dialog-top{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:13px;gap:20px}dialog .close{background:none;border:1px solid #ffffff60;color:#fff;padding:8px 13px}dialog .viewer{width:100%;background:#000}dialog iframe,dialog video{display:block;width:100%;aspect-ratio:16/9;border:0}dialog img{width:100%;max-height:78svh;object-fit:contain}.notice{border-left:3px solid var(--cyan);padding:15px 20px;background:var(--pale);font-size:13px;color:var(--muted);margin-top:30px}.portrait{object-position:center 30%}.compact{padding-top:60px}.badge{display:inline-block;padding:9px 13px;border:1px solid var(--line);font-size:11px;letter-spacing:.06em;border-radius:30px;margin:5px 5px 0 0}.section.dark .section-head p{color:#b8c9d8}
@media(min-width:1600px){.hero-content{padding-top:115px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{gap:20px}.nav>.btn{display:none}.split{gap:40px}.section{padding:75px 0}.service{min-height:420px}.service-body{left:20px;right:20px}.service-body h3{font-size:24px}.contact-layout{gap:50px}.footer-grid{gap:35px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand img{width:145px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 15px 25px #071c3020;flex-direction:column;align-items:stretch;gap:4px}.nav.open{display:flex}.nav>a:not(.btn){padding:13px}.nav>.btn{display:flex}.hero{height:680px;min-height:0;max-height:calc(100svh - 78px)}.hero-content{padding-top:65px}.hero h1{font-size:clamp(42px,10.8vw,70px)}.hero p{font-size:15px;max-width:330px;margin-top:23px}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero-foot small{max-width:160px;line-height:1.8;font-size:9px}.hero-foot{bottom:22px}.video-tools button{font-size:11px;padding:10px}.ticker .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:18px}.ticker i{display:none}.section{padding:58px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:20px}.section-head .textlink{margin-top:22px}.services,.split,.video-grid,.steps,.contact-layout{grid-template-columns:1fr}.services{gap:18px}.service{min-height:390px}.service-body{left:25px;right:25px;bottom:25px}.service-body h3{font-size:30px;max-width:290px}.service-body p{max-width:310px}.split{gap:35px}.split>img{aspect-ratio:1.35}.steps{gap:24px}.step strong{font-size:30px}.video-grid{gap:30px}.film-image{aspect-ratio:1.7}.cta .wrap{display:block;padding:50px 0}.cta .btn{margin-top:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.inner-hero{padding:50px 0 60px}.inner-hero.image{min-height:380px}.inner-hero h1{font-size:43px;overflow-wrap:break-word}.inner-hero p{font-size:15px}.gallery{grid-template-columns:1fr 1fr;gap:15px}.gallery figcaption{font-size:10px}.contact-layout{gap:40px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.contact-aside h2{font-size:36px}h2{font-size:37px}.btn{padding:16px 19px;gap:16px}.form-status{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Compacte footer */
.site-footer{padding:36px 0 18px}.footer-grid{grid-template-columns:1.5fr 1fr 1.2fr;gap:45px}.footer-grid p{margin-bottom:12px}.footer-bottom{margin-top:24px;padding-top:16px}.site-footer h3{margin-top:0;margin-bottom:12px}.footer-links{gap:3px}.cta .wrap{padding:45px 0}.cta h2{font-size:clamp(30px,3.2vw,44px)}@media(max-width:720px){.site-footer{padding:28px 0 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.cta .wrap{padding:34px 0}.footer-bottom{margin-top:20px}}
/* Houd videobijschrift en hoofdtekst gescheiden, ook op lage schermen. */
.hero{display:flex;flex-direction:column;height:auto;min-height:min(760px,calc(100svh - 96px))}.hero-content{padding-bottom:32px}.hero-foot{position:relative;bottom:auto;margin-top:auto;padding-bottom:28px;flex-shrink:0;gap:24px}.hero-foot small{line-height:1.8}.film{min-width:0}.film h3,.footer-grid p,.footer-links a{overflow-wrap:anywhere}.footer-grid>div{min-width:0}@media(max-width:720px){.hero{min-height:calc(100svh - 78px);max-height:none}.hero-content{padding-top:45px}.hero-foot{padding-bottom:22px;gap:16px}.hero-foot small{flex:1}.video-tools{flex-shrink:0}}

/* Consistente foto-uitsneden en ruimte voor onderschriften. */
.gallery{align-items:start;row-gap:28px}.gallery figure{min-width:0}.gallery img{height:auto;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{line-height:1.5;overflow-wrap:anywhere}.video-grid{align-items:start;row-gap:32px}.film-image{width:100%}.film h3{line-height:1.3}.contact-line strong{overflow-wrap:anywhere}@media(min-width:721px) and (max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.gallery{grid-template-columns:minmax(0,1fr);gap:24px}.gallery img{aspect-ratio:16/9;height:auto}.gallery figcaption{font-size:12px;padding-top:10px}}

/* Vier DN Leisure-blokjes: subtiele herkenning uit het logo. */
.eyebrow:before{width:68px;height:14px;flex:0 0 68px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2214%22%20viewBox%3D%220%200%2068%2014%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%234c7fc4%22%2F%3E%3Crect%20x%3D%2218%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%2356b4de%22%2F%3E%3Crect%20x%3D%2236%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%2380c2df%22%2F%3E%3Crect%20x%3D%2254%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%23cadce7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}.eyebrow{line-height:1.6}.cta{position:relative;isolation:isolate;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2214%22%20viewBox%3D%220%200%2068%2014%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%234c7fc4%22%2F%3E%3Crect%20x%3D%2218%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%2356b4de%22%2F%3E%3Crect%20x%3D%2236%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%2380c2df%22%2F%3E%3Crect%20x%3D%2254%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%23cadce7%22%2F%3E%3C%2Fsvg%3E") right -25px center/510px 105px no-repeat;opacity:.13}.section.soft{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2214%22%20viewBox%3D%220%200%2068%2014%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%234c7fc4%22%2F%3E%3Crect%20x%3D%2218%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%2356b4de%22%2F%3E%3Crect%20x%3D%2236%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%2380c2df%22%2F%3E%3Crect%20x%3D%2254%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%23cadce7%22%2F%3E%3C%2Fsvg%3E");background-position:right 35px top 30px;background-size:204px 42px;background-repeat:no-repeat}@media(max-width:720px){.eyebrow:before{width:48px;height:10px;flex-basis:48px}.eyebrow{gap:10px}.hero .eyebrow{letter-spacing:.08em}.cta:before{background-position:right -35px bottom 16px;background-size:300px 62px;opacity:.1}.section.soft{background-size:136px 28px;background-position:right 20px top 15px}}