/* Phone homepage: keep the original painted layers, recompose their artboard. */
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .hero{height:100svh;min-height:560px}
 .hero .hero__scene{inset:0;width:100%;height:100%;min-width:0;min-height:0;transform:none}
 .hero .hero__sky{object-fit:cover}
 .hero .hero__landscape{inset:auto auto 0 -18%;width:240%;height:auto;max-width:none;transform:none;aspect-ratio:1672/941}
 .hero .hero__landscape-edge{display:none}
 .hero .hero__foreground,.hero .hero__fox-over-copy{inset:auto -4% 4% auto;width:185%;height:auto;aspect-ratio:1672/941;transform:none}
 .hero .hero__copy-window,.hero .hero__controls-window{inset:0;width:100%;height:100%;transform:none;z-index:7}
 .hero .hero__headline{left:50%;top:clamp(172px,25svh,218px);font-size:clamp(70px,21vw,96px);max-width:94%;line-height:.85;-webkit-text-stroke:0}
 .hero .hero__cta{left:50%;top:clamp(286px,39.5svh,354px);width:min(300px,78vw);height:auto;aspect-ratio:400/140}
 .hero .hero__cta-label{font-size:clamp(17px,4.6vw,21px)}
 .stay-section .stay-card h3{font-size:clamp(31px,8.4vw,40px);overflow-wrap:normal}
 .stay-section .stay-card__details{font-size:13px;gap:6px}
 .stay-section .stay-card__setting{padding-left:8px}
 .stay-section .stay-card__fact{gap:6px}
 .stay-section .stay-card__fact svg,.stay-section .stay-setting-icon{width:24px}
 .pond-story{--phone-pond-art:clamp(300px,62svh,560px);--pond-height:calc(var(--phone-pond-art) + 148px)}
 .pond-story__water .home-pond,.pond-story__water .home-pond .pond{height:var(--pond-height)}
 .home-pond .pond__painting,.home-pond .pond__water,.home-pond .pond__dragonfly{height:var(--phone-pond-art,clamp(300px,62svh,560px));bottom:auto}
 .pond-phone-nav{position:absolute;z-index:4;left:16px;right:16px;bottom:72px;color:#f3e6c8}
 .pond-phone-nav>p{font:15px/1.4 Georgia,serif;margin:0 0 10px}
 .pond-phone-nav>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .pond-phone-nav button{min-width:0;min-height:44px;padding:8px 5px;border:1px solid #71503950;border-radius:14px 10px 13px 11px;background:#f3e6c8;color:#123c32;font:13px/1.3 system-ui,sans-serif}
 .pond-phone-nav button:focus-visible{outline:2px solid #f4511e;outline-offset:3px}
 .home-pond .pond__tools.pond__tree-control{left:16px;bottom:16px}
 .home-pond .pond__tree-control .pond__shake{min-height:44px}
 .has-pond-focus .pond-phone-nav{display:none}
 .pond-guide{position:fixed;inset:auto 0 0;width:100%;height:min(52dvh,480px);padding:18px 16px 10px;z-index:2147483200;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:0}
 .pond-guide header{padding-right:48px}
 .pond-guide h2{font-size:36px;margin:0 0 10px}
 .pond-guide__close{top:8px;right:10px;width:44px;height:44px;z-index:2}
 .pond-guide__tabs{gap:12px;margin-bottom:12px;justify-content:space-between}
 .pond-guide__tabs button{min-width:44px;min-height:44px;padding:8px 0;font:14px/1.25 system-ui,sans-serif}
 .pond-guide__detail{display:grid;grid-template-columns:minmax(85px,34%) minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 14px;overflow:auto;overscroll-behavior:contain;scroll-padding-block:8px;touch-action:pan-y}
 .pond-guide__image{grid-row:1/3;min-height:100px;max-height:155px;object-fit:cover;border-radius:12px}
 .pond-guide__name{font-size:30px;margin:0;overflow-wrap:break-word}
 .pond-guide__copy{font:15px/1.55 Georgia,serif;margin:0;overflow-wrap:break-word}
 .pond-guide footer{margin-top:8px;padding-top:4px}
 .pond-guide footer button{min-width:44px;min-height:44px;padding:6px}
 .pond-focus-mobile-stage{position:fixed;inset:0 0 auto;height:calc(100dvh - min(52dvh,480px));z-index:2147483100;background:#123c32}
 .pond-focus-mobile-stage>.pond{height:100%;width:100%;min-height:0}
 .pond-focus-mobile-stage .pond__painting,.pond-focus-mobile-stage .pond__water{height:100%;bottom:0}
 .pond .pond-focus-back{left:12px;top:max(12px,env(safe-area-inset-top));min-height:44px;max-width:calc(100% - 24px);font-size:13px}
 body.pond-page[data-phone-pond]>.topbar{display:none}
 body.pond-page[data-phone-pond] main{padding-top:144px}
 body.pond-page[data-phone-pond] .water{height:auto;margin:0}
 body.pond-page[data-phone-pond] .home-pond .pond{height:calc(clamp(300px,62svh,560px) + 148px);min-height:0}
}
.pond-phone-nav{display:none}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){.pond-phone-nav{display:block}.has-pond-focus .pond-phone-nav{display:none}}
@media(max-width:359px){.pond-guide__copy{font-size:14px}.pond-guide__tabs{gap:8px}.pond-phone-nav>div{gap:6px}.pond-phone-nav button{font-size:12px}}
@media(max-width:1000px) and (pointer:coarse) and (orientation:landscape){
 .hero{height:max(100svh,440px);min-height:440px}
 .hero .hero__headline{left:28%;top:40%;font-size:clamp(64px,9vw,84px)}
 .hero .hero__cta{left:28%;top:65%;width:245px}
 .hero .hero__cta-label{font-size:19px}
 .hero .hero__foreground,.hero .hero__fox-over-copy{width:120%;right:-16%;bottom:-8%}
 .hero .hero__landscape{width:150%;left:-15%;bottom:-10%}
 .pond-story{--pond-height:100svh}
 .pond-story__water .home-pond .pond{height:100svh}
 .home-pond .pond__painting,.home-pond .pond__water,.home-pond .pond__dragonfly{height:calc(100svh - 112px)}
 .pond-phone-nav{left:16px;right:210px;bottom:16px}
 .pond-phone-nav>p{margin-bottom:8px}
 .home-pond .pond__tools.pond__tree-control{left:auto;right:16px;bottom:16px}
 .pond-guide{inset:0 0 0 auto;width:46%;height:100dvh;padding-top:14px}
 .pond-guide h2{font-size:30px}
 .pond-guide__detail{grid-template-columns:minmax(74px,30%) minmax(0,1fr);gap:8px 12px}
 .pond-guide__copy{font-size:14px}
 .pond-guide__tabs{gap:7px}
 .pond-guide__tabs button{font-size:12px}
 .pond-focus-mobile-stage{inset:0 46% 0 0;height:100dvh}
 body.pond-page[data-phone-pond] .home-pond .pond{height:100svh}
}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .home-pond .pond__scene>:is(.pond__painting,.pond__water,.pond__dragonfly){height:100%;bottom:0}
 [data-theme=night] .hero .hero__foreground{bottom:8%}
 .home-pond .pond[data-phone-dragging=true]{cursor:grabbing}
}
@media(max-width:1000px) and (pointer:coarse) and (orientation:landscape){
 .hero::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#f3e6c8f5,#f3e6c8db 40%,transparent 72%)}
 [data-theme=night] .hero::after{background:linear-gradient(90deg,#123c32ed,#123c32c9 40%,transparent 72%)}
 [data-theme=night] .hero .hero__foreground{bottom:-8%}
}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){body.pond-page[data-phone-pond] .home-pond .pond{background:#123c32}.pond-phone-nav>p{color:#f3e6c8}}

@media(prefers-reduced-motion:reduce) and (max-width:760px),(prefers-reduced-motion:reduce) and (max-width:1000px) and (pointer:coarse){
 .heathland-reveal>.pond-story{display:block;-webkit-mask-image:none;mask-image:none}
 .pond-story--canopy .pond-story__water{position:relative;top:auto;display:block;height:var(--pond-height);margin-top:0;margin-bottom:0}
 .pond-story--canopy .pond-story__water .home-pond{height:var(--pond-height)}
 .pond-story__space{display:none}
 .pond-exit{height:var(--exit-art-height)}
}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){.veluwe-welcome__quiet{min-height:44px;min-width:44px;padding:10px 12px}}

@media(max-width:760px),(max-width:1000px) and (pointer:coarse){[data-theme=night] body.pond-page[data-phone-pond],[data-theme=night] body.pond-page[data-phone-pond] main{background:#123c32;color:#f3e6c8}}

@media(min-width:361px) and (max-width:389px){body:has(.hero)>.woodland-home,body.pond-page[data-phone-pond]>.woodland-home{width:96px;gap:4px}}

/* Mobile hero foliage: open sky above, painted leaves covering the fox's base. */
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .hero .hero__behind,.hero .hero__front,.hero .hero__sleep-layer,.hero .hero__firefly-reflection{clip-path:inset(53.134963% 0 0)}
 .hero + .heathland-reveal{--hero-overlap:38vw}
 .hero + .heathland-reveal>.pond-story{background:linear-gradient(to bottom,transparent var(--hero-overlap),var(--forest,#123c32) var(--hero-overlap))}
 .hero + .heathland-reveal .stay-section>.foliage-transition{top:calc(-1 * var(--hero-overlap))!important}
}