/* THE AVILA COLLECTION — brand ornament correction, revision 7
   Loads after avila.css, avila-proof.css, avila-r6.css. Homepage only.
   Every ornament below is supplied Avila artwork, cropped to its own ink bounding box
   (+8px margin) at native resolution — no resampling, no rotation of the drawing itself,
   no tinting, no thickening or eroding of line weight, no stretching. Each is placed with
   background-size:contain or an exact aspect-ratio box, so displayed proportions equal
   source proportions.
     corner-flourish.png              901 x 580   (1.5534)
     decorative-border-horizontal.png 1997 x 1326 (1.5060)
     ornament.png                     623 x 615   (1.0130)
     decorative-divider.png           458 x 938   (0.4883)
   The generated crown, sprigs and four corner SVGs are switched off here. As of 14 Sep 2026
   those files and the four superseded brand PNGs are gone from the production package, and the
   url() references that pointed at them have been neutralised to background:none. Every one was
   already overridden downstream, so nothing rendered changes. */

/* ---------- withdraw the improvised ornaments ---------- */
.herotitle{border:0}
.herotitle::before{content:none}
.herotitle::after{content:none;background:none}

/* ---------- hero frame: Decorative Border Horizontal ----------
   The box is locked to the artwork's own 1997:1326 ratio and the frame is drawn with
   background-size:contain, so the drawing cannot stretch at any viewport. The plate is
   capped at 680px so the frame's true proportions do not force a taller arrival area than
   revision 6 (451px against 444px). */
.herotitle{
  width:100%;max-width:560px;margin:0 auto clamp(.9rem,2vw,1.5rem);
  aspect-ratio:1997/1326;padding:0;
  display:grid;place-items:center;
  /* dead reference removed 14 Sep 2026: asset retired from the package; this
     declaration is overridden downstream and never wins the cascade. */
  background:none}
.herotitle__inner{max-width:74%}
.herotitle__inner .hero__line{
  margin:clamp(.7rem,1.4vw,1.1rem) auto .3rem;
  font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.34;max-width:30ch}
.herotitle__inner .quiet{font-size:clamp(.82rem,.95vw,.95rem);line-height:1.5}

@media (max-width:900px){
  .herotitle{max-width:520px;margin-bottom:.85rem}
  .herotitle__inner{max-width:72%}
  .herotitle__inner .hero__line{margin:.5rem auto 0;font-size:1rem;line-height:1.3;max-width:30ch}
  .herotitle__inner .quiet{margin:.2rem 0 0;font-size:.82rem;line-height:1.45}
}
@media (max-width:600px){
  .herotitle{max-width:none;margin-bottom:.7rem}
  .herotitle__inner{max-width:70%}
  .herotitle__inner .hero__line{margin:.4rem auto 0;font-size:.88rem;line-height:1.28}
  .herotitle__inner .quiet{margin:.15rem 0 0;font-size:.74rem;line-height:1.4}
}

/* ---------- Corner Flourish: two corners, not four ----------
   Four read as dense against the frame plate, which already carries its own corner
   ornament; two on the opposing diagonal bracket the arrival column instead, set wide of
   the frame plate so the two drawings never collide. The bottom-right copy is the same
   drawing turned 180 degrees — a layout operation, and not a claim about the brand's
   Mirror symbolism. */
.stage--arrival .wrap{position:relative}
.stage--arrival .wrap::before,
.stage--arrival .wrap::after{
  content:"";position:absolute;width:120px;aspect-ratio:901/580;
  /* dead reference removed 14 Sep 2026: asset retired from the package; this
     declaration is overridden downstream and never wins the cascade. */
  background:none;
  pointer-events:none}
.stage--arrival .wrap::before{left:-6px;top:-10px}
.stage--arrival .wrap::after{right:-6px;bottom:-10px;transform:rotate(180deg)}
@media (max-width:900px){
  .stage--arrival .wrap::before,.stage--arrival .wrap::after{width:74px}
  .stage--arrival .wrap::before{left:-2px;top:-6px}
  .stage--arrival .wrap::after{right:-2px;bottom:-6px}
}

/* ---------- Ornament: one instance, as section punctuation ----------
   Placed once, above the lavender panel's heading. Kept off the espresso close, where a
   mid-grey engraving would fall below usable contrast and correcting it would mean
   recolouring the drawing. */
#h-tension::before{
  content:"";display:block;width:34px;aspect-ratio:623/615;
  margin:0 0 .7rem;
  /* dead reference removed 14 Sep 2026: asset retired from the package; this
     declaration is overridden downstream and never wins the cascade. */
  background:none}

/* ---------- Decorative Divider: rule detail ---------- */
.rule-accent{
  border:0;width:17px;height:35px;margin:0 0 1.1rem;
  /* dead reference removed 14 Sep 2026: asset retired from the package; this
     declaration is overridden downstream and never wins the cascade. */
  background:none}

@media (prefers-reduced-motion:reduce){
  .stage--arrival .wrap::before,.stage--arrival .wrap::after{transition:none}
}