.veluwe-intro__loading-view{position:absolute;inset:0;isolation:isolate}
.veluwe-intro[data-phase="welcome"] .veluwe-intro__loading-view{visibility:hidden}
.veluwe-intro[data-phase="welcome"]{touch-action:pan-y}
.veluwe-welcome{position:absolute;inset:0;z-index:10;overflow-x:hidden;overflow-y:auto;background:#0756a6;color:#f3e6c8;opacity:1;transition:opacity 300ms ease;touch-action:pan-y}
.veluwe-welcome[hidden]{display:none!important}
.veluwe-welcome.is-leaving{opacity:0;pointer-events:none}
.veluwe-welcome__art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.veluwe-welcome__copy{position:relative;left:32%;width:51%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:8vh 0 10vh;text-align:center;isolation:isolate}
.veluwe-welcome__title{margin:0;color:#f3e6c8;font:400 min(10.1vw,20vh)/.94 'Veluwe Display Clean',Impact,sans-serif;letter-spacing:0;text-transform:uppercase;mask-image:url('/assets/lettering/hero-ink-v03.webp');-webkit-mask-image:url('/assets/lettering/hero-ink-v03.webp');mask-size:600px 600px;-webkit-mask-size:600px 600px}
.veluwe-welcome__title span{display:block;white-space:nowrap}
.veluwe-welcome__intro,.veluwe-welcome__hint{font:600 clamp(17px,1.72vw,29px)/1.35 'Arial Narrow',Arial,sans-serif;letter-spacing:-.035em}
.veluwe-welcome__intro{max-width:100%;margin:20px 0 0}
.veluwe-welcome__hint{max-width:620px;margin:10px 0 0;text-wrap:pretty}
.veluwe-welcome__actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:25px}
.veluwe-welcome__enter{aspect-ratio:auto;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:24px;min-height:76px;width:clamp(270px,29vw,485px);padding:17px 24px;border:0;background:transparent;color:#f3e6c8;font:400 clamp(25px,2.1vw,37px)/1 'Veluwe Display Clean',Impact,sans-serif;cursor:pointer!important;touch-action:manipulation;transition:color 180ms ease}
.veluwe-welcome__enter::before{content:'';position:absolute;inset:-8px -12px;z-index:-1;background:#f4511e;mask:url('/assets/painted-button-v2/03.webp') center/100% 100% no-repeat;-webkit-mask:url('/assets/painted-button-v2/03.webp') center/100% 100% no-repeat;transition:background 180ms ease}
.veluwe-welcome__enter>svg:not(.fox-button__art){flex-shrink:0;width:36px;height:24px;transition:translate 180ms ease}
.veluwe-welcome__enter:hover>svg:not(.fox-button__art){translate:4px 0}
.veluwe-welcome__enter:disabled{opacity:.55;cursor:wait!important}
.veluwe-welcome__quiet{border:0;margin:0;padding:8px;background:transparent;color:#f3e6c8;font:400 clamp(14px,1.15vw,19px)/1.3 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer!important;touch-action:manipulation}
.veluwe-welcome:focus{outline:none}
html[lang='nl'] .veluwe-welcome__title{font-size:min(8.3vw,16.5vh)}
.veluwe-welcome__quiet:hover{color:#fff}
.veluwe-welcome button:focus-visible{outline:2px solid #f3e6c8;outline-offset:7px;border-radius:3px}
html.is-intro-welcome .woodland-controls,html.is-intro-welcome .veluwe-language{visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px) and (orientation:portrait){
 .veluwe-welcome{background:#0756a6 url('/assets/intro/welcome-background-v1.webp') 60% 35%/500% auto no-repeat}
 .veluwe-welcome__art{inset:auto auto 0 -8%;width:178%;height:auto;max-width:none;object-fit:contain;mask-image:linear-gradient(transparent,#000 22%);-webkit-mask-image:linear-gradient(transparent,#000 22%)}
 .veluwe-welcome__copy{left:0;width:100%;min-height:0;padding:clamp(42px,8vh,85px) 22px 330px}
 .veluwe-welcome__title{font-size:clamp(48px,12.7vw,82px);line-height:1}
 .veluwe-welcome__intro,.veluwe-welcome__hint{font-size:18px;line-height:1.4;letter-spacing:-.025em}
 .veluwe-welcome__intro{max-width:340px;margin-top:21px}
 .veluwe-welcome__hint{max-width:330px;margin-top:12px}
 .veluwe-welcome__actions{gap:11px;margin-top:24px}
 .veluwe-welcome__enter{width:min(290px,calc(100vw - 60px));min-height:63px;font-size:24px;gap:14px;padding-inline:14px}
 .veluwe-welcome__enter span{white-space:nowrap}
 .veluwe-welcome__enter>svg:not(.fox-button__art){width:28px}
 html[lang='nl'] .veluwe-welcome__title{font-size:clamp(40px,10.6vw,68px)}
 .veluwe-welcome__quiet{font-size:14px}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:680px){
 .veluwe-welcome__copy{padding-top:35px;padding-bottom:240px}
 .veluwe-welcome__title{font-size:48px}
 .veluwe-welcome__intro{font-size:16px;margin-top:14px}
 .veluwe-welcome__hint{font-size:16px;margin-top:8px}
 .veluwe-welcome__actions{margin-top:16px;gap:7px}
 .veluwe-welcome__enter{min-height:57px;font-size:24px}
 .veluwe-welcome__art{width:150%;left:-3%}
}
@media(max-height:560px) and (min-aspect-ratio:4/5){
 .veluwe-welcome__copy{padding-top:7vh;padding-bottom:7vh}
 .veluwe-welcome__title{font-size:16vh}
 .veluwe-welcome__intro{font-size:16px;margin-top:12px}
 .veluwe-welcome__hint{font-size:16px;margin-top:6px;max-width:430px}
 .veluwe-welcome__actions{margin-top:15px;gap:7px}
 .veluwe-welcome__enter{min-height:53px;font-size:25px}
 .veluwe-welcome__quiet{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.veluwe-welcome,.veluwe-welcome *{transition:none!important}}

/* Reuse the shared running fox / blue paint wake behind the live label. */
.veluwe-welcome__enter>.fox-button__art{position:absolute;inset:-8px -12px;width:calc(100% + 24px);height:calc(100% + 16px);z-index:-1;pointer-events:none}
.veluwe-welcome__enter.is-ready::before{content:none}
