/* THE AVILA COLLECTION — finishing pass, revision 10
   Loads last, after avila-r9.css. Homepage only. Palette, imagery, ornaments, kitchen crop
   and footer arrangement are unchanged; this file adjusts disclosure scope, heading scale and
   one mobile padding value. */

/* ---------- 1. Disclosure scope ----------
   Visitors see the gallery introduction and the kitchen's own edit disclosure. Pending
   classifications, source filenames, processing history and the review record stay in the
   markup and appear only under the review toggle — nothing is deleted. */
body:not(.review) .truth{display:none}
.disclosure--review{display:none}
body.review .disclosure--review{display:block;margin:-1.5rem 0 2.5rem}
body.review .disclosure--review p{font-family:var(--font-label);font-size:.7rem;line-height:1.7;
  letter-spacing:.02em;color:var(--ink-soft)}
.disclose{display:block;margin:.4rem 0 0;max-width:34ch;
  font-size:.78rem;line-height:1.5;color:var(--ink-soft)}

/* ---------- 2. Section-heading hierarchy ----------
   28px at the small end, 32px at the large end on desktop; 24-28px on mobile. Body copy is
   untouched, so the heading-to-body ratio widens rather than the page growing louder. */
h2{font-size:clamp(1.75rem,2.3vw,2rem);letter-spacing:-.005em;margin-bottom:.6em}
.close--compact h2{font-size:clamp(1.75rem,2.3vw,2rem)}
h3{font-size:1.05rem}

@media (max-width:900px){
  h2{font-size:clamp(1.5rem,5.2vw,1.75rem)}
  .close--compact h2{font-size:clamp(1.5rem,5.2vw,1.75rem)}
}

/* ---------- 3. Mobile lavender section: trim the tail, keep the text uncrowded ---------- */
@media (max-width:700px){
  .stage.panel{padding-bottom:2.25rem}
  .stage.panel .band__text p:last-of-type{margin-bottom:0}
}