/* Phone art stays in its portrait composition. The canopy and flower bank
   travel with the outgoing cabins and incoming shop, as they do on desktop. */
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .pond-story{--canopy-height:50vw;--exit-art-height:calc(106vw * 1024 / 2172);--pond-clear-scroll:clamp(110px,20svh,200px)}
 .heathland-reveal>.pond-story{display:grid;grid-template-rows:auto calc(100svh + var(--canopy-height) * .4 + var(--pond-clear-scroll)) var(--exit-art-height);background:var(--paper,#f3e6c8);overflow-x:clip;
  -webkit-mask-size:100% calc(100% - var(--exit-art-height) + 1px),106% var(--exit-art-height);mask-size:100% calc(100% - var(--exit-art-height) + 1px),106% var(--exit-art-height)}
 .hero + .heathland-reveal>.pond-story{background:linear-gradient(to bottom,transparent var(--hero-overlap),var(--paper,#f3e6c8) var(--hero-overlap))}
 .pond-story--canopy .pond-story__water{position:sticky;top:0;display:grid;align-items:center;height:100svh;margin-top:0;background:var(--paper,#f3e6c8)}
 .pond-story--canopy .pond-story__water .home-pond{height:var(--pond-height);width:100%;align-self:center}
 .pond-story--canopy .pond-story__space{display:block}
 .pond-story--canopy .stay-section__body{padding-bottom:120px}
 .pond-story--canopy>.pond-story__housing>.pond-canopy{left:-25%;width:150%;height:var(--canopy-height);bottom:calc(var(--canopy-height) * -.4);opacity:1}
 .pond-story--canopy>.pond-exit{height:var(--exit-art-height);opacity:1}
 .shop-preview>.pond-bank{left:-3%;width:106%;opacity:1}
 .shop-preview>.pond-bank>.pond-story__bank{left:0;width:100%;height:100%;object-fit:contain}
 .pond-story__housing>.stay-fireflies,.pond-story__housing>.stay-firefly-reflection{display:none}
 .home-pond .pond-phone-nav{display:none}
 .pond-focus-mobile-stage{background:var(--paper,#f3e6c8)}
 .home-pond .pond[data-art-profile]{background:transparent;overflow:hidden}
 .home-pond .pond__scene{-webkit-mask-image:none;mask-image:none}
 .home-pond .pond[data-art-profile]::before,.home-pond .pond[data-art-profile]::after{display:none}
 .home-pond .pond__tools.pond__tree-control{left:16px;right:auto;bottom:24px}
 .home-pond .pond__tree-control .pond__shake{min-height:44px}
 body.pond-page[data-phone-pond],body.pond-page[data-phone-pond] main,[data-theme=night] body.pond-page[data-phone-pond],[data-theme=night] body.pond-page[data-phone-pond] main{background:var(--paper,#f3e6c8)}
}
@media(max-width:760px) and (orientation:portrait),(max-width:1000px) and (pointer:coarse) and (orientation:portrait){
 .pond-story{--phone-pond-art:min(150vw,calc(100svh - 32px));--pond-height:var(--phone-pond-art)}
 .home-pond .pond[data-art-profile=portrait]{height:var(--pond-height,min(150vw,calc(100svh - 32px)))}
 .home-pond .pond[data-art-profile=portrait] .pond__foreground{display:none}
 .home-pond .pond[data-art-profile=portrait] .pond__tree{object-fit:fill}
 .pond-focus-mobile-stage>.pond[data-art-profile=portrait]{height:100%}
 body.pond-page[data-phone-pond] .home-pond .pond[data-art-profile=portrait]{--phone-pond-art:min(150vw,calc(100svh - 160px));--pond-height:var(--phone-pond-art);height:var(--pond-height)}
 body.pond-page[data-phone-pond] .pond-focus-mobile-stage>.pond[data-art-profile=portrait]{height:100%}
}
@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__space{display:none}
}