/* A paper interlude between the pond bank and the shared forest footer. */
body:has([data-shop-preview]){--forest-tree-height:clamp(112px,12vw,190px);--forest-overlap:calc(var(--forest-tree-height) - 16px)}
.heathland-reveal.shop-reveal{--shop-top-edge:calc(var(--exit-art-height) * 300 / 1024);grid-template-rows:auto auto;background:var(--paper,#f3e6c8)}
.heathland-scene.shop-preview{position:relative;grid-area:2/1/3/2;top:auto;bottom:auto;align-self:start;z-index:4;margin-top:calc(-1 * var(--shop-top-edge));height:auto;min-height:100svh;overflow:visible;background:#f3e6c8 url('/assets/stays/day/beige-sky-v01.webp') center/cover;color:#123c32}
.shop-preview__layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(32px,5.4vw,96px);width:min(100%,1720px);min-height:100svh;margin-inline:auto;padding:calc(var(--shop-top-edge) + 48px) clamp(24px,5.4vw,96px) calc(var(--forest-overlap) + 48px)}
.shop-preview__illustration{position:relative;min-width:0;width:100%;height:clamp(340px,38vw,640px);max-height:calc(100svh - var(--shop-top-edge) - var(--forest-overlap) - 96px);mask:url('/assets/shop-preview/paper-edge.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/shop-preview/paper-edge.svg') center/100% 100% no-repeat}
.shop-preview__picture{display:block;width:100%;height:100%}
.shop-preview__picture--night{display:none}
.shop-preview__art{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:56% 47%;user-select:none}
body[data-typography="home"] .shop-preview .shop-preview__content{min-width:0;padding:0}
.shop-preview__eyebrow{margin:0 0 24px;font:600 11px/1.5 var(--veluwe-ui,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.shop-preview__title{margin:0 0 24px;font:400 clamp(38px,5.35vw,90px)/.98 var(--veluwe-display,Veluwe,Impact,sans-serif);letter-spacing:-.02em;color:#0756a6;text-transform:uppercase;mask:url('/assets/lettering/hero-ink-v03.webp') center/520px repeat;-webkit-mask:url('/assets/lettering/hero-ink-v03.webp') center/520px repeat}
.shop-preview__title>span{display:block}
.shop-preview__intro{max-width:33ch;margin:0;font:400 clamp(17px,1.9vw,31px)/1.4 var(--veluwe-reading,Georgia,serif);letter-spacing:-.015em;text-wrap:pretty}
.shop-preview__cta.fox-button{margin-top:32px;vertical-align:top}
.shop-preview__cta-label{display:flex;align-items:center;justify-content:center;text-align:center}
.shop-preview__cta-label svg{width:26px;height:20px;flex:none}
.shop-preview__cta:focus-visible{outline:2px solid #0756a6;outline-offset:5px}
[data-theme="night"] .heathland-reveal.shop-reveal{background:#123c32}
[data-theme="night"] .heathland-scene.shop-preview{background:#123c32 url('/assets/stays/night/forest-pigment-v02.webp') center/cover;color:#f3e6c8}
[data-theme="night"] .shop-preview__title{color:#f3e6c8}
[data-theme="night"] .shop-preview__picture--day{display:none}
[data-theme="night"] .shop-preview__picture--night{display:block}
[data-theme="night"] .shop-preview__picture--night .shop-preview__art{object-position:50% 50%}
[data-theme="night"] .shop-preview__cta:focus-visible{outline-color:#f3e6c8}
@media(min-width:701px) and (max-height:850px){
 .shop-preview__layout{padding-top:calc(var(--shop-top-edge) + 32px);padding-bottom:calc(var(--forest-overlap) + 32px)}
 .shop-preview__title{font-size:clamp(38px,min(5.35vw,7.8svh),90px)}
 .shop-preview__intro{font-size:clamp(17px,min(1.9vw,2.7svh),31px)}
 .shop-preview__eyebrow{margin-bottom:16px}.shop-preview__title{margin-bottom:24px}.shop-preview__cta.fox-button{margin-top:24px}
 .shop-preview__illustration{max-height:calc(100svh - var(--shop-top-edge) - var(--forest-overlap) - 64px)}
}
@media(max-width:700px){
 .shop-preview__layout{grid-template-columns:minmax(0,1fr);gap:32px;min-height:100svh;padding:calc(var(--shop-top-edge) + 32px) 24px calc(var(--forest-overlap) + 48px)}
 .shop-preview__illustration{height:auto;max-height:none;aspect-ratio:1/1;width:100%;max-width:480px;margin-inline:auto}
 .shop-preview__art{object-position:56% 42%}
 .shop-preview__content{max-width:480px;margin-inline:auto;width:100%}
 .shop-preview__eyebrow{margin-bottom:16px}
 .shop-preview__title{font-size:clamp(37px,8.5vw,58px);margin-bottom:24px}
 .shop-preview__intro{font-size:18px;line-height:1.45}
 .shop-preview__cta.fox-button{margin-top:24px}
 }
@media(prefers-reduced-motion:reduce){.shop-preview__cta{transition:none}}

/* The plants belong to the shop edge. Both scroll as one normal section,
   with the shop content always below the trailing leaves. */
.pond-bank{position:absolute;left:0;z-index:4;top:calc(var(--shop-top-edge) - var(--exit-art-height));width:100%;height:var(--exit-art-height);isolation:isolate;overflow:clip;pointer-events:none}
.pond-bank>.pond-story__bank{top:0;bottom:auto;left:0;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.pond-bank>.pond-story__bank{width:150%;left:-25%}}