/* THE AVILA COLLECTION — site pages, 14 September 2026
   Loads last. Inner-page patterns only: page heads, chapters, stage list, contact block.
   Palette, type and components come from the homepage stack; nothing here restates them. */

/* page head — the inner-page substitute for the homepage hero lockup */
.pagehead{padding-bottom:0}
.pagehead h1{font-size:clamp(1.9rem,3.2vw,2.75rem);margin-bottom:.5em;max-width:24ch}
.pagehead .lede{max-width:var(--measure);margin-bottom:0}
.pagehead .eyebrow{margin-bottom:.9rem}
.narrow{max-width:var(--measure)}
.stage--flush{padding-block:clamp(1.75rem,3vw,2.75rem)}

.ph--wide{aspect-ratio:5/4}

/* work: lead project */
.leadproject{display:block;text-decoration:none;color:inherit}
.leadproject .framed{margin:0}
.leadproject__meta{padding-top:1rem}
.leadproject__meta h2{margin:0 0 .2em}
.leadproject__meta p{margin:0}
.leadproject:hover .framed{border-color:var(--accent)}
.afterlist{margin-top:2.25rem}

/* case study */
.chapternav{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.6rem;
  font-family:var(--font-label);font-size:.74rem;letter-spacing:.13em;text-transform:uppercase}
.chapter .band{align-items:center}
.chapter--support{padding-top:0}
.framed--support{max-width:62%}
.caption{margin:.8rem 0 0;font-size:.85rem}
.chapter .band__media .disclose{margin-top:.6rem}

/* approach: numbered stages */
.stages{list-style:none;padding:0;margin:0;display:grid;gap:clamp(1.75rem,3vw,2.75rem)}
.stages>li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1.5rem;align-items:start;
  padding-top:1.4rem;border-top:1px solid var(--rule)}
.stages__n{font-family:var(--font-label);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);padding-top:.35rem}
.stages h2{margin:0 0 .4em;grid-column:2}
.stages p{margin:0;grid-column:2}

/* contact */
.contactbig{list-style:none;padding:0;margin:0 0 clamp(2rem,4vw,3rem);display:grid;gap:1.4rem}
.contactbig>li{display:grid;gap:.2rem}
.contactbig .eyebrow{margin:0}
.contactbig a,.contactbig__plain{font-family:var(--font-heading);font-size:clamp(1.1rem,1.8vw,1.4rem)}

/* character study draft only */
.draftnote{border:1px dashed var(--accent-quiet);padding:1rem 1.1rem;margin-bottom:2rem;max-width:var(--measure)}
.draftnote p{margin:0;font-size:.85rem;line-height:1.7}
.offer{margin:0;display:grid;gap:1.25rem}
.offer dt{font-family:var(--font-label);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.offer dd{margin:.3rem 0 0}
.awaiting{color:var(--ink-soft);font-style:italic}

@media (max-width:900px){
  .framed--support{max-width:100%}
  .stages>li{grid-template-columns:1fr;gap:.5rem}
  .stages h2,.stages p{grid-column:1}
  .stages__n{padding-top:0}
}

/* Design Studies — deliberately secondary to the built record above it */
.studies{padding-block:clamp(2rem,3.5vw,3rem);background:var(--surface-2)}
.studies h2{font-size:clamp(1.3rem,1.8vw,1.55rem)}
.studies p{font-size:.95rem}
.formatline{margin-top:1.4rem}