/* La Dacha — stone & storm palette and real-photo layer over the ChatGPT design */
html:root{
  --forest:#1d2d31; --olive:#2c4247; --earth:#5d8087;
  --sand:#c9c6c0; --accent:#c9c6c0;
  --ivory:#e3e1dc; --paper:#eceae6;
  --stone:#cfccc6; --stone-light:#eceae6; --stone-mid:#d9d6d0;
  --muted:#6e6b66;
}

/* Opening: the real horizon photo instead of the illustrative forest */
.hero{background:#1d2d31}
.hero-image{content:url(/images/ladacha/horizon-tall.webp);object-fit:cover;object-position:center 55%}
@media (min-width:900px){.hero-image{content:url(/images/ladacha/horizon-wide.webp);object-position:center 50%}}
.hero-shade{background:
  linear-gradient(90deg,rgba(18,30,33,.78),rgba(18,30,33,.38) 55%,rgba(18,30,33,.12)),
  linear-gradient(180deg,rgba(18,30,33,.2),rgba(18,30,33,0) 55%,rgba(18,30,33,.75))!important}
.ld-hide{display:none!important}

/* Full-width interlude bands */
.ld-band{position:relative;overflow:hidden;background:#1d2d31;isolation:isolate}
.ld-band .ld-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ld-band .ld-fade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(180deg,rgba(29,45,49,.55) 0%,rgba(29,45,49,0) 18%,rgba(29,45,49,0) 82%,rgba(29,45,49,.55) 100%),
  radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(20,30,32,.4) 100%)}

/* the stone — tracked so the stone stays centred */
.ld-stone{height:min(100svh,125vw)}
@media (min-width:700px) and (orientation:landscape){.ld-stone{height:min(100svh,56.25vw)}}

/* the pijío grove and the storm horizon — still photos with gentle depth */
.ld-photo{height:min(85svh,110vw);display:flex;align-items:flex-end;justify-content:center;padding:0 6vw 7vh}
.ld-photo .ld-media{background-position:center 35%;background-size:cover;background-repeat:no-repeat}
@media (min-width:900px){.ld-photo{height:78svh}.ld-photo .ld-media{background-attachment:fixed}}
.ld-trees .ld-media{background-image:url(/images/ladacha/trees-m.webp)}
.ld-storm .ld-media{background-image:url(/images/ladacha/backdrop-m.webp);background-position:center 45%}
@media (min-width:900px){
  .ld-trees .ld-media{background-image:url(/images/ladacha/trees.webp)}
  .ld-storm .ld-media{background-image:url(/images/ladacha/backdrop.webp)}}
.ld-caption{margin:0;color:#ecebe6;font-family:var(--serif);font-size:clamp(22px,3.4vw,40px);letter-spacing:.02em;
  text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.6);opacity:0;transform:translateY(18px);transition:opacity 1.2s ease,transform 1.2s ease}
.ld-caption.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ld-caption{opacity:1;transform:none;transition:none}}