/* ============================================================
   MUWAN PALASSA — chalet detail (page-templates/page-chalet.php).
   Shared chrome (buttons, bands, earthblocks, book band, ambient
   layer) lives in main.css; this file carries the arched hero,
   this page's journey stroke, the room-as-character interlude,
   the field-note amenities, the contact-sheet gallery and the
   rates rows in the sand band.
   ============================================================ */

/* ---------- hero (canopy dark — the room introduces itself) ---------- */
.ch-hero{
  padding: calc(var(--header-h) + clamp(2.5rem, 6vw, 4.5rem)) 0 clamp(2rem, 5vw, 3.5rem);
  position:relative;
  background:
    radial-gradient(110% 60% at 72% 100%, rgba(192,137,78,.10), transparent 62%),
    linear-gradient(180deg, var(--night) 0%, var(--forest) 58%, var(--forest) 100%);
}
.ch-hero h1{ max-width:11em; }
.ch-hero .kicker{ color:var(--bronze); }
.hero-line{ display:block; overflow:hidden; padding-bottom:.08em; margin-bottom:-.08em; }
.hero-line-inner{ display:block; will-change:transform; }
.ch-hero .hero-lede{ margin-top:var(--s-3); font-size:var(--fs-600); line-height:1.55; color:var(--khaki); max-width:34em; }
.ch-hero .hero-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:1.4rem; margin-top:var(--s-4); }
/* the arch: the doorway you arrive through — photo or strata placeholder */
.ch-hero-figure{
  position:relative;
  margin-top: clamp(2.5rem, 6vw, 4.5rem);
  border-radius: var(--radius-arch);
  overflow:hidden;
  aspect-ratio:16/10; max-height:74vh; width:100%;
}
figure.ch-hero-figure{ background: var(--forest); } /* photo loading ground — NOT the strata block */
.ch-hero-figure img{ width:100%; height:100%; object-fit:cover; will-change:transform; transform-origin:55% 60%; }
/* wide strata variant for the hero arch (earthblock defaults to 4/4.4) */
.earthblock--wide{ aspect-ratio:16/10; max-height:74vh; border-radius:var(--radius-arch); }
.earthblock--wide .stamp{ top:26%; width:clamp(3.4rem, 6vw, 5rem); }

/* ---------- the journey line: this page's material stops ---------- */
.journey path{ stroke: url(#chaletJourneyGrad); }

/* ---------- room as character (ivory interlude) ---------- */
.ch-story{ --sec-bg: var(--ivory); }
.ch-story-grid{ display:grid; gap:clamp(2.5rem, 6vw, 5rem); align-items:start; }
@media (min-width:56em){ .ch-story-grid{ grid-template-columns:1.15fr .85fr; } }
.ch-fact-chips{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:var(--s-4); }
.ch-story-figure{
  border-radius:60% 40% 55% 45% / 48% 52% 46% 54%; /* river-stone blob — the day's one blob */
  overflow:hidden; aspect-ratio:4/4.6;
  transform:rotate(-1deg);
}
figure.ch-story-figure{ background:var(--sand); } /* photo loading ground — NOT the strata block */
.ch-story-figure img{ width:100%; height:112%; object-fit:cover; will-change:transform; }
/* strata placeholder wearing the blob (keeps the arch reserved for the hero) */
.earthblock--blob{ border-radius:60% 40% 55% 45% / 48% 52% 46% 54%; aspect-ratio:4/4.6; }
.earthblock--blob .earthblock-label{ margin-bottom:3.4rem; } /* keep the chip clear of the blob's narrowing curve */
.ch-caption{ margin-top:1rem; text-align:center; }

/* ---------- dusk band: ivory closes back into the forest ---------- */
.ch-dusk{
  --sec-bg: linear-gradient(180deg, var(--ivory) 0%, #C9BC97 18%, #8A8763 42%, #46503B 70%, var(--forest) 100%);
  min-height:48svh;
}

/* ---------- amenities as field notes (forest floor) ---------- */
.ch-notes{
  --sec-bg:
    radial-gradient(120% 50% at 80% 0%, rgba(192,137,78,.06), transparent 60%),
    linear-gradient(180deg, var(--forest) 0%, var(--forest) 55%, #20362A 100%);
}
.ch-notes .section-head .field-note{ color:var(--bronze); }
.notes-grid{
  display:grid; gap:0 clamp(1.75rem, 4.5vw, 4rem);
  border-top:1.5px dashed rgba(243,235,219,.28);
  max-width:62rem;
}
@media (min-width:44em){ .notes-grid{ grid-template-columns:1fr 1fr; } }
.note-item{
  display:flex; flex-direction:column; gap:.35rem;
  padding:1.15rem 0;
  border-bottom:1.5px dashed rgba(243,235,219,.28);
}
.note-key{ color:var(--bronze); }
.note-txt{ font-family:var(--serif); font-size:1.12rem; color:rgba(243,235,219,.92); }

/* ---------- contact sheet — gallery of reserved frames (palm shade) ---------- */
.ch-gallery{ --sec-bg: var(--ground-stay); }
.ch-gallery .section-head .field-note{ color:var(--bronze); }
.gal-grid{ display:grid; gap:clamp(1.5rem, 3.5vw, 2.25rem); }
@media (min-width:44em){ .gal-grid{ grid-template-columns:repeat(3, 1fr); } }
.gal-figure{ border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3.4; }
figure.gal-figure{ background:var(--night); } /* photo loading ground — NOT the strata block */
.gal-figure img{ width:100%; height:100%; object-fit:cover; }
/* soft-rect strata variant for gallery frames (the arch stays with the hero) */
.earthblock--soft{ border-radius:var(--radius); aspect-ratio:4/3.4; }
.earthblock--soft .earthblock-label{ margin-bottom:1.1rem; }
.gal-caption{ display:block; margin-top:.9rem; }

/* ---------- lastlight band: palm shade opens into tank sand ---------- */
.ch-lastlight{
  --sec-bg: linear-gradient(180deg, #20362A 0%, var(--palm) 20%, #6E7350 44%, #C9BC97 68%, var(--sand) 100%);
  min-height:38svh;
}
.ch-lastlight p.big{ color:var(--ink); }
.ch-lastlight .field-note{ color:var(--clay-deep); }

/* ---------- rates rows inside the sand book band ---------- */
.ch-rates .rates-list{
  max-width:34rem; margin:var(--s-4) auto 0;
  border-top:1.5px dashed var(--dash-light);
  text-align:left;
}
.ch-rates .rates-list li{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.5rem 1.5rem;
  padding:1rem 0; border-bottom:1.5px dashed var(--dash-light);
}
.ch-rates .rate-label{ font-family:var(--serif); font-size:1.08rem; color:var(--ink); }