/* Dickyland 18.0 | No visible seams between two different tower photos. */
body.home .dg18-film{position:relative;margin:0!important;isolation:isolate;overflow:clip;--dg18-end:0;--dg18-end-soft:0;background:radial-gradient(ellipse at 50% -10%,#d5a86b30,transparent 38%),linear-gradient(180deg,#08111d 0%,#091726 42%,#142032 100%);}
body.home .dg18-film .film-stick{position:sticky;top:0;width:100%;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;z-index:0;background:linear-gradient(180deg,#07111c 0%,#0a1728 55%,#132132 100%);isolation:isolate;}
body.home .dg18-film .film-stick::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:42vh;pointer-events:none;z-index:8;opacity:var(--dg18-end);transform:translate3d(0,calc(42px * (1 - var(--dg18-end-soft))),0);background:radial-gradient(ellipse at 50% 2%,rgba(248,210,137,.18),transparent 48%),linear-gradient(180deg,rgba(24,38,56,0) 0%,rgba(24,38,56,.08) 22%,rgba(24,38,56,.36) 48%,rgba(24,38,56,.82) 76%,#182638 100%);}
body.home .dg18-film .film-chapters{position:relative;z-index:1;pointer-events:none}
body.home .dg18-film .film-chapter{min-height:0;height:168vh;height:168svh;padding:0}
body.home .dg18-film .film-chapter:nth-child(1){height:135vh;height:135svh}
body.home .dg18-film .film-chapter:nth-child(2){height:220vh;height:220svh}
body.home .dg18-film .film-chapter:nth-child(3){height:138vh;height:138svh}
body.home .dg18-film .film-chapter:nth-child(4){height:168vh;height:168svh}
body.home .dg18-film .dg18-scenes{position:absolute;inset:0;overflow:hidden;z-index:0}
body.home .dg18-film .dg18-image-scene{position:absolute;inset:0;opacity:0;will-change:opacity,transform;pointer-events:none;transition:none;}
body.home .dg18-film .dg18-tower{opacity:1;}
body.home .dg18-film .dg18-tower img{position:absolute;left:50%;top:0;display:block;max-width:none;width:auto;height:auto;transform-origin:50% 0%;will-change:transform;user-select:none;pointer-events:none;}
body.home .dg18-film .dg18-hall,body.home .dg18-film .dg18-king{background-repeat:no-repeat;background-position:center;background-size:cover;transform-origin:50% 52%;}
body.home .dg18-film .dg18-king{background-position:center 48%;}
body.home .dg18-film .dg18-window-flare{position:absolute;inset:-2%;pointer-events:none;opacity:0;z-index:3;background:radial-gradient(ellipse at 50% 46%,rgba(255,253,227,.98) 0%,rgba(255,209,128,.80) 28%,rgba(195,110,59,.34) 52%,transparent 80%);mix-blend-mode:screen;}
body.home .dg18-film .dg18-curtain{position:absolute;inset:0;opacity:0;z-index:7;background:radial-gradient(ellipse at 50% 12%,rgba(242,193,120,.12),transparent 30%),linear-gradient(180deg,rgba(13,18,30,0) 0%,rgba(12,18,29,.14) 28%,rgba(25,24,36,.56) 62%,rgba(32,24,34,.88) 80%,#182638 100%);pointer-events:none;}
body.home .dg18-film .dg18-scenes:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 18%,rgba(248,205,139,.09),transparent 30%),linear-gradient(0deg,rgba(7,12,24,.88) 0%,rgba(8,14,24,.62) 17%,rgba(8,14,24,.18) 42%,transparent 63%),linear-gradient(90deg,rgba(2,7,18,.62) 0%,rgba(4,9,17,.28) 18%,transparent 60%);}
body.home .dg18-film .dg18-narrator{z-index:6;pointer-events:none;transition:opacity .5s ease,transform .5s ease;}
body.home .dg18-film .film-chapters .film-copy{display:none!important;}
body.home .dg18-film .dg18-caption{position:absolute;left:clamp(23px,5vw,85px)!important;right:auto!important;bottom:clamp(94px,13vh,150px);width:min(580px,47vw);max-width:min(580px,47vw);pointer-events:none!important;opacity:0;will-change:opacity,transform;text-shadow:0 6px 28px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.65);}
body.home .dg18-film .dg18-caption .film-overline{font-family:Manrope,Arial,sans-serif;font-size:clamp(10px,.9vw,12px);font-weight:800;letter-spacing:.18em;color:#ffe6ad;}
body.home .dg18-film .dg18-caption h1,body.home .dg18-film .dg18-caption h2{font-size:clamp(40px,4.7vw,72px);line-height:1.07;letter-spacing:-.035em;margin:14px 0 18px;color:#fff4e6;text-wrap:balance;}
body.home .dg18-film .dg18-caption em{color:#f9d69b;}
body.home .dg18-film .dg18-caption p{max-width:470px;color:#f9ebd4;line-height:1.78;font-size:clamp(13px,1.04vw,16px);font-weight:600;}
body.home .dg18-film .dg18-corner{position:absolute;z-index:9;top:clamp(18px,3.3vh,37px);left:clamp(20px,4vw,60px);right:clamp(20px,4vw,60px);display:flex;justify-content:space-between;gap:20px;font:800 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.15em;color:#fff0d2;text-shadow:0 2px 8px #08101c;}
body.home .dg18-film .dg18-separator{opacity:.6;margin:0 9px;}
/* None of the former progress, skip or CTA controls appear in the story. */
body.home .dg18-film .film-skip,body.home .dg18-film .film-progress,body.home .dg18-film .dg17-scroll-hint,body.home .dg18-film .film-cta{display:none!important;}
body.home .dg18-film .film-stick .film-shade,body.home .dg18-film .film-stick .film-vignette{display:none!important;}
/* The bottom of the cinematic camera becomes the beginning of the homepage. */
body.home .dg17-welcome{position:relative;z-index:1;margin-top:-10vh;padding-top:10vh;background:radial-gradient(ellipse at 50% -5%,#f4cb8d26,transparent 32%),radial-gradient(ellipse at 0% 4%,#53352a78,transparent 35%),radial-gradient(ellipse at 100% 65%,#20506b70,transparent 45%),linear-gradient(180deg,#182638 0%,#123149 38%,#071b2c 100%);}
@media(max-width:740px){
 body.home .dg18-film .film-chapter:nth-child(1){height:120svh}
 body.home .dg18-film .film-chapter:nth-child(2){height:165svh}
 body.home .dg18-film .film-chapter:nth-child(3){height:105svh}
 body.home .dg18-film .film-chapter:nth-child(4){height:118svh}
 body.home .dg18-film .dg18-caption{left:19px!important;right:19px!important;width:auto;max-width:none;bottom:max(59px,calc(7vh + env(safe-area-inset-bottom)));}
 body.home .dg18-film .dg18-caption h1,body.home .dg18-film .dg18-caption h2{font-size:clamp(34px,8.3vw,52px);line-height:1.07;margin:8px 0 10px;}
 body.home .dg18-film .dg18-caption p{font-size:clamp(12px,3.3vw,14px);line-height:1.58;max-width:390px;}
 body.home .dg18-film .dg18-caption .film-overline{font-size:9px;letter-spacing:.09em}
 body.home .dg18-film .dg18-scenes:after{background:linear-gradient(0deg,#07121fee 0%,#07121fcf 24%,rgba(4,12,25,.22) 70%,transparent 88%);}
 body.home .dg18-film .dg18-corner{font-size:8px;letter-spacing:.07em;left:14px;right:14px;top:max(18px,env(safe-area-inset-top));}
}
@media(max-width:360px){body.home .dg18-film .dg18-caption h1,body.home .dg18-film .dg18-caption h2{font-size:32px}body.home .dg18-film .dg18-caption p{font-size:11.75px}}
@media(prefers-reduced-motion:reduce){body.home .dg18-film .dg18-tower .dg18-tower-video,body.home .dg18-film .dg18-hall,body.home .dg18-film .dg18-king{will-change:auto}}

/* Footer and final chapter use the same castle palette and user's images. */
body.home .dg17-footer-sky{background:radial-gradient(ellipse at 50% 8%,#f2c37d20,transparent 50%),url('../img/reis-toren-een-beeld.webp') center 65%/cover}
body.home .dg17-last-word{background:linear-gradient(0deg,#091825ed,#0a1728c9),url('../img/reis-zaal-2.webp') center/cover}
html:not(.js) body.home .dg18-film .film-chapters .film-copy{display:block!important;position:relative;margin:20px;opacity:1;transform:none;}


/* Luxe, tragere overgang van de koning naar de homepage. */
body.home .dg17-welcome::before{content:'';position:absolute;left:0;right:0;top:-170px;height:280px;background:linear-gradient(180deg,rgba(18,38,56,0) 0%,rgba(18,38,56,.32) 24%,rgba(18,38,56,.82) 68%,#182638 100%);pointer-events:none;z-index:0}
body.home .dg17-welcome::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 20%,rgba(246,200,120,.11),transparent 24%),radial-gradient(circle at 82% 9%,rgba(111,179,218,.12),transparent 20%),repeating-linear-gradient(90deg,transparent 0 180px,rgba(255,226,177,.04) 181px 182px,transparent 183px 360px)}

/* Welkomsectie: meer 3D, glas, goud en diepte. */
body.home .dg17-intro-grid{align-items:stretch;gap:clamp(42px,5vw,92px)}
body.home .dg17-video-shell{position:relative;transform:perspective(1800px) rotateY(-7deg) rotateX(2.5deg);box-shadow:0 24px 0 #4b3224,0 36px 75px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,241,208,.12)}
body.home .dg17-video-shell::before{content:'';position:absolute;inset:-12px;background:linear-gradient(145deg,rgba(255,228,185,.32),rgba(122,80,46,.06) 26%,rgba(20,43,61,.02) 58%,rgba(224,181,121,.18));border:1px solid rgba(243,209,154,.32);border-radius:24px;z-index:-1;box-shadow:0 12px 26px rgba(0,0,0,.25)}
body.home .dg17-video-shell::after{content:'';position:absolute;right:-28px;top:10%;width:110px;height:78%;border-radius:18px;background:linear-gradient(180deg,rgba(255,213,149,.14),rgba(255,213,149,0));filter:blur(14px);pointer-events:none}
body.home .dg17-intro-copy{position:relative;padding:clamp(28px,3vw,38px) clamp(24px,2.4vw,34px) clamp(34px,3vw,42px);background:linear-gradient(160deg,rgba(13,28,42,.88),rgba(18,44,63,.76));border:1px solid rgba(234,197,132,.32);border-radius:28px;box-shadow:0 18px 0 rgba(72,48,34,.85),0 42px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,242,217,.12);backdrop-filter:blur(7px)}
body.home .dg17-intro-copy::before{content:'';position:absolute;inset:10px;border-radius:20px;border:1px solid rgba(255,232,191,.08);pointer-events:none}
body.home .dg17-intro-copy::after{content:'';position:absolute;left:-22px;bottom:22px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(240,193,112,.18),transparent 70%);filter:blur(6px);pointer-events:none}
body.home .dg17-intro-copy h2{max-width:12ch;text-shadow:0 10px 30px rgba(0,0,0,.38)}
body.home .dg17-gold-link{box-shadow:0 9px 0 #5d412f,0 22px 35px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,248,223,.65)}
body.home .dg17-gold-link:hover{transform:translateY(-3px) scale(1.01)}
body.home .dg17-intro-seal{opacity:.62}

/* Avonturen: meer diepte en luxe kaarten. */
body.home .dg17-adventures{position:relative;background:radial-gradient(ellipse at 50% -4%,rgba(236,193,122,.12),transparent 28%),radial-gradient(ellipse at 12% 18%,rgba(108,163,199,.10),transparent 35%),linear-gradient(180deg,#081a2b 0%,#0d2435 40%,#0a1d2c 100%)}
body.home .dg17-adventure-heading{position:relative;padding:0 20px}
body.home .dg17-adventure-heading::after{content:'';display:block;width:min(220px,40vw);height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,rgba(240,200,136,.9),transparent)}
body.home .dg17-video-grid{align-items:stretch}
body.home .dg17-adventure-card{overflow:hidden;transform:perspective(1400px) rotateX(5deg) rotateY(0deg) translateY(0);box-shadow:0 16px 0 #3e2b20,0 34px 60px rgba(0,0,0,.45)}
body.home .dg17-adventure-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,236,196,.13),transparent 26%,transparent 70%,rgba(255,209,142,.12));pointer-events:none}
body.home .dg17-adventure-card:hover{transform:perspective(1400px) translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 18px 0 #503828,0 42px 68px rgba(0,0,0,.48)}
body.home .dg17-card-copy{position:relative;z-index:1}

/* Luxe tussenstuk en slot. */
body.home .dg17-last-word{position:relative;overflow:hidden}
body.home .dg17-last-word::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,rgba(246,203,134,.14),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}

/* Footer: rijker, ruimtelijker en echter onderdeel van dezelfde wereld. */
body.home .dg17-footer{background:radial-gradient(ellipse at 50% -12%,rgba(236,190,119,.18),transparent 30%),linear-gradient(180deg,#112436 0%,#081827 55%,#020b16 100%)}
body.home .dg17-footer::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(114,182,218,.08),transparent 24%),radial-gradient(circle at 80% 15%,rgba(250,205,126,.08),transparent 22%)}
body.home .dg17-footer-castle{top:-90px;width:min(880px,95%);height:300px;transform:translateX(-50%) perspective(1400px) rotateX(16deg)}
body.home .dg17-tower{box-shadow:inset 15px 0 10px rgba(0,0,0,.35),inset -15px 0 11px rgba(0,0,0,.4),0 18px 28px rgba(0,0,0,.35)}
body.home .dg17-dome{text-shadow:0 6px 18px rgba(0,0,0,.65),0 0 20px rgba(248,208,126,.2)}
body.home .dg17-footer-inner{padding-top:74px}
body.home .dg17-footer-crest{box-shadow:0 18px 24px rgba(0,0,0,.55),0 0 0 10px rgba(255,231,177,.04),inset 0 0 16px #ffe9b5}
body.home .dg17-footer nav a{background:rgba(255,255,255,.02);border:1px solid transparent;border-radius:999px;padding:10px 16px}
body.home .dg17-footer nav a:hover,body.home .dg17-footer nav a:focus-visible{background:rgba(255,239,208,.05);border-color:#f0cc88}

@media(max-width:740px){
 body.home .dg18-film .film-chapter:nth-child(1){height:136svh}
 body.home .dg18-film .film-chapter:nth-child(2){height:208svh}
 body.home .dg18-film .film-chapter:nth-child(3){height:128svh}
 body.home .dg18-film .film-chapter:nth-child(4){height:156svh}
 body.home .dg18-film .dg18-caption{bottom:max(75px,calc(8vh + env(safe-area-inset-bottom)))}
 body.home .dg17-welcome{margin-top:-7svh;padding-top:7svh}
 body.home .dg17-welcome::before{top:-120px;height:190px}
 body.home .dg17-video-shell{transform:none}
 body.home .dg17-intro-copy{padding:24px 18px 28px;border-radius:22px;box-shadow:0 14px 0 rgba(72,48,34,.8),0 28px 54px rgba(0,0,0,.34)}
 body.home .dg17-adventure-card{transform:none}
 body.home .dg17-adventure-card:hover{transform:translateY(-5px)}
 body.home .dg17-footer-castle{top:-78px;height:250px}
}


/* Extra luxe effecten op de twee opvolgende foto-scenes. */
body.home .dg18-film .dg18-hall::before,
body.home .dg18-film .dg18-king::before,
body.home .dg18-film .dg18-hall::after,
body.home .dg18-film .dg18-king::after{content:'';position:absolute;inset:0;pointer-events:none}
body.home .dg18-film .dg18-hall::before{background:radial-gradient(circle at 50% 54%,rgba(252,218,149,.22),transparent 26%),linear-gradient(180deg,rgba(255,235,198,.08),rgba(0,0,0,0) 24%,rgba(0,0,0,.08) 100%);mix-blend-mode:screen;opacity:.92}
body.home .dg18-film .dg18-hall::after{background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(6,10,18,.34) 86%),linear-gradient(90deg,rgba(8,12,20,.26) 0%,transparent 20%,transparent 80%,rgba(8,12,20,.26) 100%);}
body.home .dg18-film .dg18-king::before{background:radial-gradient(circle at 50% 34%,rgba(249,210,136,.20),transparent 28%),linear-gradient(180deg,rgba(255,234,194,.09),rgba(0,0,0,0) 18%,rgba(0,0,0,.14) 100%);mix-blend-mode:screen;opacity:.92}
body.home .dg18-film .dg18-king::after{background:radial-gradient(circle at 50% 48%,transparent 40%,rgba(4,8,18,.38) 88%),linear-gradient(90deg,rgba(8,12,20,.30) 0%,transparent 18%,transparent 82%,rgba(8,12,20,.30) 100%),linear-gradient(180deg,rgba(24,38,56,0) 40%,rgba(24,38,56,.08) 56%,rgba(24,38,56,.34) 74%,rgba(24,38,56,.82) 92%,#182638 100%)}


/* 18.3: the portrait intro video must fill the entire screen, no dark right side. */
body.home .dg18-film .dg18-tower{
 inset:0!important;overflow:hidden;opacity:1;
 background:url('../img/reis-toren-een-beeld.webp') center top/cover no-repeat;
}
body.home .dg18-film .dg18-tower .dg18-tower-video{
 position:absolute!important;left:0;top:0;display:block!important;
 width:100vw;height:100vh;min-width:100vw;min-height:100vh;
 max-width:none!important;max-height:none!important;
 object-fit:cover;object-position:center top;
 transform-origin:50% 50%!important;
 will-change:left,top,width,height;
 pointer-events:none;user-select:none;
 filter:saturate(1.065) contrast(1.035);
}
/* Photo scenes remain a seamless, atmospheric continuation of the full-bleed film. */
body.home .dg18-film .dg18-hall,
body.home .dg18-film .dg18-king{
 inset:0!important;
 width:100%;height:100%;
 background-size:cover!important;
 background-position:50% 50%;
}
@media(max-width:740px){
 body.home .dg18-film .dg18-tower .dg18-tower-video{object-position:50% top;}
}