.hero-immersive{position:relative;isolation:isolate;min-height:calc(100svh - 104px);padding:90px 0 65px;display:flex;align-items:center;background:#182c39;color:#fff;overflow:hidden}.hero-immersive-image{position:absolute!important;inset:0;z-index:-2;height:100%}.hero-immersive-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071423d9 0%,#081625a3 40%,#0816251f 75%),linear-gradient(0deg,#0714239c 0%,transparent 55%);z-index:1}.immersive-content{display:grid;grid-template-columns:1fr 390px;gap:65px;align-items:end}.immersive-copy{padding:40px 0 100px}.hero-immersive .eyebrow{color:#d5e7ff;letter-spacing:.18em}.hero-immersive .mini-line{background:#c0d8f7;margin-right:12px}.hero-immersive h1{color:#fff;font-size:clamp(52px,5vw,82px);max-width:900px;line-height:1.12;letter-spacing:-.05em}.hero-immersive h1 em{font-style:normal;color:#c2dcff}.hero-immersive p{color:#e0e7ef;font-size:19px;line-height:1.75;margin:28px 0 30px}.hero-immersive .button{background:#fff;color:#163356;box-shadow:0 8px 25px #04112329;padding:18px 26px;font-size:16px}.hero-immersive .button:hover{background:#e5effb}.hero-immersive .plain-link{color:white;font-size:15px}.hero-immersive .hero-actions{gap:32px}.hero-service-previews{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px}.hero-service-previews>a{border:1px solid #ffffff50;background:#10223870;backdrop-filter:blur(14px);border-radius:12px;overflow:hidden;transition:transform .3s,background .3s}.hero-service-previews>a:hover{transform:translateY(-6px);background:#193955b0}.hero-service-previews>a>div{height:122px;overflow:hidden}.hero-service-previews img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.hero-service-previews>a:hover img{transform:scale(1.05)}.hero-service-previews>a>span{padding:15px 13px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;line-height:1.4}.hero-service-previews>a>span>span{font-size:20px}.hero-scroll-note{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:18px;align-items:center;color:#eef4fc;font-size:9px;letter-spacing:.2em}.hero-scroll-note>span{font-size:19px;animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.media-frame{position:relative;overflow:hidden;background:#e2e8ee}.media-frame>img{display:block;position:absolute;top:-18%;left:0;width:100%;height:136%;max-width:none;object-fit:cover;will-change:transform;transform:scale(1.04)}.location-gallery{background:#f7f9fb;padding:78px 0}.location-gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.location-gallery figure{margin:0}.location-gallery .media-frame{height:285px;border-radius:12px}.location-gallery figcaption{padding:18px 0 0;font-size:16px;font-weight:550;display:flex;gap:14px;align-items:center}.location-gallery figcaption>span{font-size:11px;color:var(--blue);letter-spacing:.1em}.photo-worlds{padding-top:70px;padding-bottom:85px;background:#f4f7fa}.photo-worlds-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.world-card{display:block;background:#fff;border-radius:15px;overflow:hidden;border:1px solid var(--line);transition:box-shadow .3s}.world-card:hover{box-shadow:0 16px 40px #162d4910}.world-card>.media-frame{height:350px}.world-card>div:last-child{padding:28px 30px}.world-card .eyebrow{font-size:10px;margin-bottom:13px}.world-card h3{font-size:26px;max-width:24ch;margin-bottom:22px}.video-display{border-radius:12px;overflow:hidden;border:1px solid #ffffff26;background:#172237}.video-display video{border-radius:0!important}.video-display>span{display:block;color:#c1cede;font-size:12px;padding:12px 17px}.warehouse-video .video-grid{grid-template-columns:.85fr 1.15fr;gap:80px}.photo-intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.photo-intro-image{height:340px;border-radius:12px 12px 60px 12px}.photo-intro-copy h1{font-size:clamp(40px,4vw,60px)}.photo-intro-copy>p{max-width:50ch}.contact-photo{height:220px;border-radius:12px;margin-top:30px}.photo-intro-copy>.eyebrow{margin-bottom:22px}
@media(min-width:1600px){.hero-immersive{padding-top:110px;padding-bottom:80px}.immersive-content{grid-template-columns:1fr 470px;gap:90px}.hero-immersive h1,html[lang="en"] .hero-immersive h1{font-size:86px}.hero-immersive p{font-size:21px}.immersive-copy{padding-bottom:120px}.hero-service-previews>a>div{height:160px}.hero-service-previews>a>span{font-size:15px}.location-gallery .media-frame{height:330px}.world-card>.media-frame{height:410px}.world-card h3{font-size:30px}.photo-intro-image{height:400px}.photo-intro-copy h1{font-size:66px}.location-gallery figcaption{font-size:18px}.hero-scroll-note{font-size:11px}}
@media(max-width:1180px) and (min-width:981px){.immersive-content{grid-template-columns:1fr 320px;gap:35px}.hero-immersive h1{font-size:59px}.hero-service-previews>a>div{height:110px}.hero-service-previews>a>span{font-size:11px}.hero-immersive .hero-actions{gap:22px}.hero-immersive .plain-link{font-size:13px}.location-gallery .media-frame{height:235px}.photo-intro-grid{gap:35px}.photo-intro-image{height:310px}}
@media(max-width:980px){.hero-immersive{min-height:calc(100svh - 84px);padding:62px 0 60px;align-items:center}.immersive-content{grid-template-columns:1fr;gap:35px}.immersive-copy{padding:10px 0 0}.hero-immersive h1,html[lang="en"] .hero-immersive h1{font-size:64px}.hero-immersive p{font-size:18px}.hero-service-previews{max-width:460px;width:100%;margin-bottom:0}.hero-service-previews>a>div{height:105px}.hero-service-previews>a>span{font-size:14px}.hero-immersive-image:after{background:linear-gradient(90deg,#071423cb,#08162565),linear-gradient(0deg,#071423ba,transparent 75%)}.hero-scroll-note{display:none}.location-gallery-grid{grid-template-columns:1fr 1fr;gap:24px}.location-gallery-grid>figure:first-child{grid-column:1/-1}.location-gallery .media-frame{height:240px}.location-gallery-grid>figure:first-child>.media-frame{height:350px}.photo-worlds-grid{gap:22px}.world-card>.media-frame{height:260px}.world-card h3{font-size:24px}.world-card>div:last-child{padding:25px 23px}.warehouse-video .video-grid{grid-template-columns:1fr;gap:30px}.photo-intro-grid{grid-template-columns:1fr;gap:30px}.photo-intro-image{height:320px}.photo-intro-copy h1{font-size:46px}.photo-intro-copy p{font-size:17px}.contact-photo{height:250px}}
@media(max-width:520px){.hero-immersive{min-height:calc(100svh - 78px);padding:44px 0 36px}.hero-immersive h1,html[lang="en"] .hero-immersive h1{font-size:clamp(40px,11.3vw,50px)}.hero-immersive .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:23px}.hero-immersive p{font-size:16px;margin:23px 0 26px;max-width:33ch}.hero-immersive .hero-actions{gap:19px;flex-direction:column}.hero-immersive .button{padding:15px 23px;font-size:14px}.hero-immersive .plain-link{font-size:13px}.immersive-content{gap:30px}.hero-service-previews{gap:11px}.hero-service-previews>a>div{height:88px}.hero-service-previews>a>span{padding:12px 10px;font-size:11px}.hero-service-previews>a>span>span{font-size:17px}.location-gallery{padding:55px 0}.location-gallery-grid{gap:20px}.location-gallery .media-frame{height:180px}.location-gallery-grid>figure:first-child>.media-frame{height:240px}.location-gallery figcaption{font-size:13px;gap:9px;align-items:start;line-height:1.5}.photo-worlds{padding:55px 0}.photo-worlds-grid{grid-template-columns:1fr;gap:25px}.world-card>.media-frame{height:265px}.world-card h3{font-size:25px}.world-card .eyebrow{font-size:9px}.photo-intro-copy h1{font-size:39px}.photo-intro-image{height:250px}.photo-intro-grid{gap:28px}.warehouse-video .video-grid{gap:25px}.video-display>span{font-size:11px}.contact-photo{height:190px}}
@media(prefers-reduced-motion:reduce){.media-frame>img{top:0;height:100%;transform:none!important;will-change:auto}.hero-scroll-note>span{animation:none}.hero-service-previews>a,.hero-service-previews img{transition:none}}

/* Compact buttons: keep labels readable without oversized padding. */
.button,.button.small,.header-actions .button.small,.hero-immersive .button{min-height:44px;line-height:1.25;padding:12px 20px;gap:14px}.button>span{line-height:1}.hero-immersive .button{padding:14px 22px}.header-actions .button.small{padding:12px 19px;gap:14px}@media(max-width:520px){.hero-immersive .button{padding:12px 20px}.mobile-menu-contact .button{padding:12px 18px;min-height:44px}}

.hero-immersive-image>img[src*="01-home-hero"]{object-position:48% 50%}.detail-image[src*="06-vakantieparken-hero"]{object-position:65% 50%}.detail-image[src*="10-bedrijfspanden-hero"]{object-position:58% 50%}@media(max-width:520px){.hero-immersive-image>img[src*="01-home-hero"]{object-position:29% 50%}.detail-photo>.detail-image[src*="06-vakantieparken-hero"]{object-position:64% 50%}.detail-photo>.detail-image[src*="10-bedrijfspanden-hero"]{object-position:57% 50%}}
