@font-face{font-family:VeluweMenu;src:url('/outputs/veluwe-font/VeluweDisplay-Regular.woff2?v=0.4-16faabf3f13c') format('woff2');font-display:swap}
.has-woodland-menu .site-header,.has-woodland-menu .topbar,.has-woodland-menu .shop-header,.has-woodland-menu .art-topbar{display:none!important}
.woodland-menu{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;overflow:auto;background:transparent;color:#0756a6;overscroll-behavior:contain}
.woodland-menu:not([open]){display:none}
.woodland-menu::backdrop{background:transparent}
.woodland-menu__inner{position:relative;min-height:100%;min-height:100dvh;isolation:isolate;overflow:hidden;background:#f3e6c8}
.woodland-menu__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none;z-index:-1}
.woodland-menu__nav{position:absolute;left:46%;top:43%;transform:translate(-50%,-50%);width:62%;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.7vh,22px);margin:0;padding:0}
.woodland-menu__nav a{position:relative;display:block;width:max-content;max-width:100%;padding:5px 4px 10px;text-decoration:none;color:#0756a6;font:400 clamp(44px,6vw,96px)/1 VeluweMenu,Impact,sans-serif;text-transform:uppercase;text-align:center;white-space:nowrap;letter-spacing:.005em;transition:color 220ms ease,transform 320ms cubic-bezier(.2,.7,.2,1);outline-offset:8px;-webkit-tap-highlight-color:transparent}
.woodland-menu__nav a>span{position:relative;display:inline-block}
.woodland-menu__nav a>span::after{content:'';position:absolute;left:2%;right:0;bottom:-10px;height:7px;background:#f4511e;clip-path:polygon(0 48%,9% 29%,3% 16%,23% 24%,45% 9%,68% 24%,92% 15%,100% 39%,94% 56%,100% 74%,73% 84%,56% 73%,28% 95%,6% 77%,12% 59%);transform:scaleX(.1);transform-origin:left center;opacity:0;transition:transform 360ms cubic-bezier(.2,.7,.2,1),opacity 180ms ease}
.woodland-menu__arrow{position:absolute;left:calc(100% + 10px);top:50%;font:400 .5em/1 Georgia,serif;font-style:normal;opacity:0;transform:translate(-10px,-57%);transition:opacity 180ms ease,transform 320ms ease;pointer-events:none}
.woodland-menu__nav a:hover,.woodland-menu__nav a:focus-visible{color:#f4511e;transform:translateY(-2px)}
.woodland-menu__nav a:hover>span::after,.woodland-menu__nav a:focus-visible>span::after{transform:scaleX(1);opacity:1}
.woodland-menu__nav a:hover .woodland-menu__arrow,.woodland-menu__nav a:focus-visible .woodland-menu__arrow{opacity:1;transform:translate(0,-57%)}
.woodland-menu__nav a:focus-visible{outline:2px solid #f4511e}
.has-woodland-menu .view-dock #about-cabin{font:12px/1.2 Arial,sans-serif;padding:10px 12px;border-left:1px solid #123c3233}
html.woodland-menu-open,html.woodland-menu-open body{overflow:hidden!important}
html.is-intro-loading .woodland-controls{opacity:0;pointer-events:none}
.woodland-menu[open] .woodland-menu__inner{animation:woodland-open 520ms cubic-bezier(.65,0,.35,1) both}
.woodland-menu[open] .woodland-menu__nav a{animation:woodland-link-in 400ms cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(180ms + var(--menu-order)*35ms)}
@keyframes woodland-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes woodland-link-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:760px) and (orientation:portrait){
 .woodland-menu__nav{left:50%;top:43%;width:calc(100% - 40px);gap:20px}
 .woodland-menu__nav a{font-size:clamp(36px,10vw,60px);padding-bottom:8px}
 .woodland-menu__nav a>span::after{height:5px;bottom:-7px}
 .woodland-menu__arrow{left:calc(100% + 5px)}
 .has-woodland-menu .view-dock{gap:2px}
 .has-woodland-menu .view-dock #about-cabin{font-size:10px;padding:9px 6px}
}
@media(max-height:600px){
 .woodland-menu__nav{gap:6px;top:44%}
 .woodland-menu__nav a{font-size:clamp(25px,7vh,44px);padding:4px 2px 7px}
}
@media(prefers-reduced-motion:reduce){
 .woodland-menu[open] .woodland-menu__inner,.woodland-menu[open] .woodland-menu__nav a{animation:none}
}

/* A quiet paper toolbar, shared by the page and the modal top layer. */
.woodland-controls{position:fixed;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:2147483600;display:flex;align-items:center;gap:10px;padding:7px 10px 7px 8px;background:#f3e6c8;color:#0756a6;border:1px solid #71503935;border-radius:29px 18px 26px 17px;box-shadow:0 3px 0 #71503918,0 8px 24px #123c3214;font-family:Arial,sans-serif;isolation:isolate}
.woodland-controls *{box-sizing:border-box}
.woodland-controls button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;transition:color 180ms ease,background 180ms ease;box-shadow:none;clip-path:none;text-transform:none;letter-spacing:0}
.woodland-controls button:hover{color:#f4511e}
.woodland-controls button:focus-visible,.woodland-volume input:focus-visible{outline:2px solid #0756a6;outline-offset:4px}
.woodland-controls .theme-switch{display:flex;align-items:center;gap:2px;margin:0;padding:3px;border:0;background:#0756a60b;border-radius:22px 15px 20px 16px}
.woodland-controls .theme-switch button{gap:7px;min-height:44px;padding:8px 10px;border-radius:19px 12px 18px 13px;font:12px/1 system-ui,sans-serif}
.woodland-controls .theme-switch button[aria-pressed=true]{background:#0756a6;color:#f3e6c8;box-shadow:0 2px 3px #123c3210}
.woodland-controls .theme-switch button:disabled{opacity:.45;cursor:wait}
.woodland-theme-icon{display:block;position:relative;width:13px;height:13px;flex:0 0 13px}
.woodland-theme-icon--day{border:1.5px solid currentColor;border-radius:50%;transform:scale(.68);box-shadow:0 -10px 0 -5px currentColor,0 10px 0 -5px currentColor,10px 0 0 -5px currentColor,-10px 0 0 -5px currentColor,7px 7px 0 -5px currentColor,-7px -7px 0 -5px currentColor,7px -7px 0 -5px currentColor,-7px 7px 0 -5px currentColor}
.woodland-theme-icon--night{border-radius:50%;background:currentColor;mask:radial-gradient(circle at 75% 25%,transparent 49%,#000 52%)}
.woodland-sound{position:relative;display:flex;align-items:center;border-left:1px solid #0756a625;border-right:1px solid #0756a625;padding:0 8px;gap:1px}
.woodland-controls .sound-toggle{min-height:39px;gap:8px;padding:7px 3px;border:0;background:transparent;color:#0756a6;font:12px/1 system-ui,sans-serif;border-radius:8px;white-space:nowrap}
.woodland-controls .sound-toggle:hover{color:#f4511e}
.woodland-controls .sound-toggle [data-sound-label]{display:inline}
.woodland-sound-bars{display:flex;align-items:center;gap:3px;width:19px;height:20px;position:relative}
.woodland-sound-bars i{display:block;width:3px;height:6px;border-radius:2px;background:currentColor;transition:height 240ms ease}
.woodland-sound-bars i:nth-child(2){height:11px}
.woodland-sound-bars i:nth-child(3){height:16px}
.sound-toggle[aria-pressed=false] .woodland-sound-bars{opacity:.5}
.sound-toggle[aria-pressed=false] .woodland-sound-bars i{height:4px}
.woodland-controls .woodland-volume-toggle{width:28px;min-height:39px;padding:0;font:19px/1 Arial,sans-serif;border-radius:10px}
.woodland-controls .woodland-toggle{position:static;display:flex;gap:11px;min-width:98px;height:41px;width:auto;padding:2px 6px;background:transparent;color:#0756a6;border-radius:10px;font:400 23px/1 VeluweMenu,Impact,sans-serif;text-transform:uppercase;transform:none}
.woodland-controls .woodland-toggle:hover{color:#f4511e;background:transparent;transform:none}
.woodland-burger{position:relative;display:block;width:24px;height:20px}
.woodland-burger i{position:absolute;left:0;top:5px;display:block;width:24px;height:3px;background:currentColor;border-radius:60% 35% 50% 30%;transform-origin:center;transition:transform 300ms cubic-bezier(.65,0,.35,1),top 300ms cubic-bezier(.65,0,.35,1),width 200ms ease}
.woodland-burger i:nth-child(2){top:13px;width:20px}
.woodland-toggle:hover .woodland-burger i:nth-child(2){width:24px}
.woodland-toggle[aria-expanded=true] .woodland-burger i{top:9px;transform:rotate(45deg);width:24px}
.woodland-toggle[aria-expanded=true] .woodland-burger i:nth-child(2){transform:rotate(-45deg)}
.woodland-volume{position:absolute;right:-9px;top:calc(100% + 17px);width:232px;padding:18px 20px 15px;background:#f3e6c8;color:#0756a6;border:1px solid #71503935;border-radius:12px 19px 14px 20px;box-shadow:0 3px 0 #71503918,0 10px 30px #123c321a;font:12px/1.4 Arial,sans-serif;animation:woodland-volume-in 180ms ease both}
.woodland-volume[hidden]{display:none}
.woodland-volume label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px}
.woodland-volume output{font-variant-numeric:tabular-nums}
.woodland-volume input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;padding:0;margin:0;border:0;border-radius:5px;background:linear-gradient(to right,#0756a6 var(--volume),#0756a62b var(--volume));cursor:pointer;accent-color:#0756a6}
.woodland-volume input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50% 42% 48% 46%;border:3px solid #f3e6c8;background:#f4511e;box-shadow:0 0 0 1px #f4511e}
.woodland-volume input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:2px solid #f3e6c8;background:#f4511e}
.woodland-volume__ends{display:flex;justify-content:space-between;margin-top:11px;font-size:10px;color:#123c3280}
.woodland-controls .music-credits-link{position:static!important;inset:auto!important;display:block;margin:14px 0 0;padding:0;min-height:0;border:0;background:transparent;color:#123c3299;font:10px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;border-radius:0}
.woodland-volume__credits{font-size:9px;color:#123c3299;line-height:1.5;margin-top:14px}
.woodland-volume__credits a{color:inherit}
@keyframes woodland-volume-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(max-width:600px){
 .woodland-controls{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));gap:6px;padding:5px 7px 5px 5px;max-width:calc(100vw - 28px)}
 .woodland-controls .theme-switch button{padding:8px;min-height:44px;font-size:11px;gap:5px}
 .woodland-controls .sound-toggle{font-size:11px;gap:6px}
 .woodland-sound{padding:0 5px}
 .woodland-controls .woodland-toggle{font-size:21px;min-width:76px;gap:8px;padding:2px}
 .woodland-controls .woodland-volume-toggle{width:24px}
 .woodland-burger{width:21px}
 .woodland-burger i,.woodland-toggle[aria-expanded=true] .woodland-burger i{width:21px}
 .woodland-burger i:nth-child(2){width:17px}
 .woodland-menu__nav{top:46%}
}
@media(max-width:360px){.woodland-controls .theme-switch button{font-size:0;gap:0;padding:10px}.woodland-controls .sound-toggle [data-sound-label]{font-size:10px}.woodland-controls{gap:4px}}
@media(prefers-reduced-motion:reduce){.woodland-controls *{transition:none!important;animation:none!important}}

/* Keep the toolbar readable while letting the painting show through at rest. */
.woodland-controls{opacity:.82;transition:opacity 350ms ease}
@media(hover:hover) and (pointer:fine){
 .woodland-controls:hover{opacity:1;transition-duration:160ms}
}
.woodland-controls:active,
.woodland-controls:has(:focus-visible),
.woodland-controls:has(.woodland-volume:not([hidden])),
html.woodland-menu-open .woodland-controls{opacity:1;transition-duration:160ms}
@media(prefers-reduced-motion:reduce){.woodland-controls{transition:none}}

/* Explicit volume entry and tactile quieter/louder controls. */
.woodland-controls .woodland-volume-toggle{width:36px;gap:0;padding:0 6px;white-space:nowrap}
.woodland-volume__adjust{display:flex;align-items:center;gap:12px}
.woodland-volume__adjust input{min-width:0;flex:1}
.woodland-controls .woodland-volume-step{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;background:#0756a60b;color:#0756a6;border:1px solid #0756a625;border-radius:8px 10px 7px 9px;font:18px/1 Arial,sans-serif}
.woodland-controls .woodland-volume-step:hover{background:#0756a6;color:#f3e6c8}
@media(max-width:600px){
 .woodland-controls{gap:4px}
 .woodland-controls .theme-switch button{padding-left:6px;padding-right:6px}
 .woodland-controls .woodland-toggle{min-width:72px}
 .woodland-controls .woodland-volume-toggle{width:34px;min-width:34px;padding:0 5px}
}

.woodland-volume-speaker{display:block;flex:0 0 21px;overflow:visible}

/* Painted tabs: retain the existing controls, split their shared paper toolbar. */
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls{display:grid;grid-template-columns:max-content max-content;gap:12px 16px;align-items:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;pointer-events:none}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .woodland-theme-toggle{display:none!important}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .theme-switch{grid-column:1;grid-row:1;padding:5px;background:#f3e6c8;border:1px solid #71503935;box-shadow:0 3px 0 #71503918;border-radius:22px 15px 20px 16px;pointer-events:auto}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .woodland-toggle{grid-column:2;grid-row:1;min-height:47px;height:auto;padding:7px 13px;background:#f3e6c8;border:1px solid #71503935;border-radius:22px 15px 20px 16px;box-shadow:0 3px 0 #71503918;pointer-events:auto}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .woodland-toggle:hover{background:#f3e6c8}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-sound{grid-column:1/-1;grid-row:2;justify-self:end;gap:8px;padding:0;border:0;background:transparent;pointer-events:auto}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .sound-toggle,
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .woodland-volume-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;gap:0;background:#f3e6c8;border:1px solid #71503935;border-radius:49% 44% 47% 43%;box-shadow:0 2px 0 #71503918}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .sound-toggle [data-sound-label]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-volume{right:0;top:calc(100% + 12px);max-width:calc(100vw - 28px)}
html:not([data-menu-design]):not([data-menu-behavior]) .veluwe-language{top:max(27px,env(safe-area-inset-top));bottom:auto}
html:not([data-menu-design]):not([data-menu-behavior]).is-intro-loading .woodland-controls{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:600px){
 html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls{gap:12px 10px}
 html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .theme-switch button{font-size:11px;gap:5px;padding:8px;min-height:44px}
 html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .woodland-toggle{padding:7px 11px}
 html:not([data-menu-design]):not([data-menu-behavior]) .veluwe-language{left:max(16px,env(safe-area-inset-left));top:max(19px,env(safe-area-inset-top));bottom:auto}
}
@media(max-width:520px){
 html:not([data-menu-design]):not([data-menu-behavior]) .veluwe-language{top:calc(max(14px,env(safe-area-inset-top)) + 60px);bottom:auto}
}

/* Keep mute status legible when the controls are shown without text. */
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .sound-toggle__waves{display:none}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .sound-toggle[aria-pressed=true] .sound-toggle__waves{display:inline}
html:not([data-menu-design]):not([data-menu-behavior]) .woodland-controls .sound-toggle[aria-pressed=true] .sound-toggle__mute{display:none}

/* Option 02: compact fox signature, with a plain cream silhouette at night. */
/* A fine alpha-following edge keeps the signature readable over the artwork. */
.woodland-home{filter:url(#veluwe-logo-edge-day);position:fixed;top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));z-index:2147483500;display:flex;align-items:center;gap:7px;width:144px;min-height:47px;color:#0756a6;text-decoration:none;-webkit-tap-highlight-color:transparent}
.woodland-home__fox{display:block;flex:0 0 50px;width:50px;height:32px;background:center/contain no-repeat url('/assets/menu/fox-signature.webp')}
.woodland-home__wordmark{display:block;flex:1;min-width:0;height:24px;background:currentColor;-webkit-mask:url('/assets/menu/veluwe-wordmark.svg') center/contain no-repeat;mask:url('/assets/menu/veluwe-wordmark.svg') center/contain no-repeat}
[data-theme=night] .woodland-home{filter:url(#veluwe-logo-edge-night);color:#f3e6c8}
[data-theme=night] .woodland-home__fox{background:#f3e6c8;-webkit-mask:url('/assets/menu/fox-signature.webp') center/contain no-repeat;mask:url('/assets/menu/fox-signature.webp') center/contain no-repeat}
.woodland-home:focus-visible{outline:2px solid currentColor;outline-offset:5px}
html.is-intro-loading .woodland-home{visibility:hidden;pointer-events:none}
@media(max-width:600px){
 .woodland-home{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:110px;gap:5px;min-height:47px}
 .woodland-home__fox{flex-basis:38px;width:38px;height:29px}
 .woodland-home__wordmark{height:20px}
}
@media(max-width:360px){.woodland-home{width:44px}.woodland-home__wordmark{display:none}}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 html.woodland-mobile-resting:not(.woodland-menu-open) .woodland-controls>:not(.woodland-toggle),
 html.woodland-mobile-resting:not(.woodland-menu-open) body>.woodland-home{visibility:hidden;pointer-events:none}
}

.woodland-controls .woodland-toggle[aria-busy=true]{opacity:.65;cursor:progress}

/* Language shares the small controls below Menu. */
.woodland-controls .woodland-language-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:#f3e6c8;color:#0756a6;border:1px solid #71503935;border-radius:49% 44% 47% 43%;box-shadow:0 2px 0 #71503918;font:600 12px/1 system-ui,sans-serif;letter-spacing:.04em;pointer-events:auto}
.woodland-controls .woodland-language-toggle:hover{color:#f4511e}
.woodland-controls .woodland-language-toggle:focus-visible{outline:2px solid #0756a6;outline-offset:4px}