/* Fieldstone Advisory — home-2026.css (home page compositions) */
/* hero */
.hero{padding-block:var(--s7) 0;overflow:clip}
.hero__in{display:grid;gap:var(--s7);align-items:center}
.hero h1{font-size:var(--t-display);line-height:.98;letter-spacing:-.03em;margin-block-end:var(--s5);max-inline-size:11ch}
.hero .lead{margin-block-end:var(--s6)}
.hero__media{margin-inline:calc(var(--gutter) * -1)}
.hero__media img{aspect-ratio:3/2;object-fit:cover}
.hero .proof{margin-block-start:var(--s7)}
@media (min-width:900px){
  .hero{padding-block:var(--s8) 0}
  .hero__in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s6)}
  .hero__media{margin-inline:0 calc(var(--gutter) * -1)}
  .hero__media img{aspect-ratio:4/3}
  .hero .proof{margin-block-start:var(--s8)}
}
@media (min-width:1500px){.hero__media{margin-inline:0 calc((100vw - var(--wrap)) / -2)}}

/* practice */
.pr{display:grid;gap:var(--s7)}
.pr__intro{display:grid;gap:var(--s4);align-content:start}
.pr__intro .lead{margin-block-end:var(--s3)}
.pr__list{list-style:none;padding:0;border-block-start:1px solid var(--ink)}
.pr__list a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line);text-decoration:none;color:var(--ink)}
.pr__list .n{font-family:var(--f-serif);font-size:1.5rem;color:var(--brand);line-height:1.2}
.pr__list .t{display:grid;gap:var(--s2)}
.pr__list h3{font-size:clamp(1.625rem,1.3rem + 1.1vw,2.125rem)}
.pr__list .t span{color:var(--muted);max-inline-size:56ch}
.pr__list .go{font-size:1.5rem;color:var(--brand);align-self:start;line-height:1.2}
.pr__list a:hover h3{color:var(--brand);text-decoration:underline;text-underline-offset:.18em}
.pr__list a:hover .go{color:var(--ink)}
@media (max-width:479px){.pr__list a{grid-template-columns:36px minmax(0,1fr)}.pr__list .go{display:none}}
@media (min-width:900px){.pr{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s9);align-items:start}.pr__intro{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}

/* method band */
.mhead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s4) var(--s6);margin-block-end:var(--s7)}
.mhead h2{max-inline-size:14ch}
.msteps{list-style:none;padding:0;display:grid;gap:0;border-block-start:1px solid #8da898}
.msteps li{display:grid;align-content:start;gap:var(--s3);padding-block:var(--s5);border-block-end:1px solid var(--line)}
.msteps .n{font-family:var(--f-serif);font-size:1.5rem;color:#cfe0d2;line-height:1}
.msteps h3{font-size:var(--t-h3)}
.msteps p{color:var(--band-muted)}
.mwall{margin-block-start:var(--s8)}
.mwall img{aspect-ratio:3/2;object-fit:cover}
.mwall figcaption{font-family:var(--f-serif);font-style:italic;font-size:var(--t-lead);color:#f3f0e8;margin-block-start:var(--s4)}
@media (min-width:900px){.msteps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s7)}.msteps li{border-block-end:0;padding-block:var(--s6)}.mwall img{aspect-ratio:21/9}}

/* notes */
.nhead{display:grid;gap:var(--s4);margin-block-end:var(--s7)}
.nhead .lead{max-inline-size:40ch}
@media (min-width:900px){.nhead{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--s8)}.nhead .lead{justify-self:end}}
.nhome{display:grid;gap:var(--s7)}
.nlead{display:grid;gap:var(--s3);align-content:start}
.nlead__img,.nrow__img{display:block}
.nlead__img img{aspect-ratio:3/2;object-fit:cover;inline-size:100%}
.nlead h3{font-size:var(--t-h2);line-height:1.08}
.nlead h3 a,.nrow h3 a,.ncard h2 a,.nfeat h2 a{text-decoration:none}
.nlead h3 a,.nrow h3 a{display:inline-block;padding-block:var(--s2);margin-block:calc(var(--s2) * -1)}
.nlead h3 a:hover,.nrow h3 a:hover{color:var(--brand);text-decoration:underline}
.nlead p:last-child{color:var(--muted)}
.nrows{display:grid;align-content:start;border-block-start:1px solid var(--ink)}
.nrow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line);align-items:start}
.nrow__img img{aspect-ratio:1/1;object-fit:cover;inline-size:96px}
.nrow h3{font-size:1.5rem;margin-block:var(--s1) var(--s2)}
.nrow p:last-child{color:var(--muted)}
@media (min-width:640px){.nrow{grid-template-columns:160px minmax(0,1fr);gap:var(--s5)}.nrow__img img{inline-size:160px}}
@media (min-width:900px){.nhome{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8)}.nrow{grid-template-columns:120px minmax(0,1fr)}.nrow__img img{inline-size:120px}}

/* engage */
.eng{display:grid;gap:var(--s7);align-items:start}
.eng__copy{display:grid;align-content:start}
.eng__copy h2{margin-block-end:var(--s4)}
@media (min-width:1000px){.eng{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s8)}}
