/* Services page only. Uses AutoFlow tokens. */
.shero{padding-block:clamp(3rem,2rem + 5vw,7rem) var(--section-y)}
.shero__g{display:grid;gap:var(--s8);align-items:end}
.shero h1{max-width:16ch}
.shero .lead{margin-block:var(--s5) var(--s6)}
@media(min-width:900px){.shero__g{grid-template-columns:1.3fr .7fr;gap:var(--s9)}}
.toc{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.toc li{border-bottom:1px solid var(--line)}
.toc a{display:flex;gap:var(--s4);align-items:baseline;padding:.8rem 0;text-decoration:none;color:var(--ink);font-size:var(--fs-sm);font-weight:500;transition:color var(--t-fast),padding var(--t-base) var(--ease)}
.toc a span{font:500 var(--fs-xs) var(--font-body);letter-spacing:.1em;color:var(--spruce)}
.toc a:hover{color:var(--spruce);padding-left:var(--s2)}
.toc-h{font:600 var(--fs-xs)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s3)}
@media(max-width:899px){.toc-h,.toc{display:none}}

.slist{list-style:none;margin:var(--s7) 0 0;padding:0;border-top:1px solid var(--ink)}
.slist li{display:grid;gap:var(--s2) var(--s6);padding-block:var(--s6);border-bottom:1px solid var(--line);scroll-margin-top:6rem}
.slist .n{font:400 var(--fs-h3)/1 var(--font-display);color:var(--spruce);letter-spacing:-.02em}
.slist h3{margin:0;font-size:var(--fs-h3)}
.slist p{margin:0;max-width:34rem}
@media(min-width:900px){.slist li{grid-template-columns:5rem 5fr 6fr;align-items:start;padding-block:var(--s7)}}

.cats{list-style:none;margin:var(--s7) 0 0;padding:0;display:grid;border-top:1px solid var(--ink)}
.cats li{padding-block:var(--s4);border-bottom:1px solid var(--line);font:500 var(--fs-h4)/1.2 var(--font-display);letter-spacing:-.01em}
@media(min-width:640px){.cats{grid-template-columns:1fr 1fr;column-gap:var(--s8)}}
.smallnote{margin-top:var(--s5);font-size:var(--fs-sm);color:var(--ink-3);max-width:40rem}

.pr{display:grid;gap:0;margin-top:var(--s7)}
.pr>div{padding-block:var(--s5);border-top:1px solid #3B6459}
.pr .n{font:400 clamp(2.5rem,2rem + 2vw,3.5rem)/1 var(--font-display);color:#7FA79B;display:block;margin-bottom:var(--s4);letter-spacing:-.03em}
.pr h3{margin-bottom:var(--s2)}.pr p{margin:0}
@media(min-width:900px){.pr{grid-template-columns:repeat(3,1fr);gap:var(--s7)}}

.checks{list-style:none;margin:var(--s7) 0 0;padding:0;display:grid;border-top:1px solid var(--ink)}
.checks li{display:flex;gap:var(--s4);align-items:baseline;padding-block:var(--s4);border-bottom:1px solid var(--line);font-weight:500;color:var(--ink)}
.checks li::before{content:"";flex:none;width:.5rem;height:.9rem;border:solid var(--spruce);border-width:0 2px 2px 0;transform:rotate(40deg) translateY(-.15rem)}
@media(min-width:640px){.checks{grid-template-columns:1fr 1fr;column-gap:var(--s8)}}

.section--tint .steps li{border-top-color:var(--ink)}
.section--tint .steps .n{color:var(--spruce)}
.section--tint .steps h3{color:var(--ink)}
.section--tint .steps p{color:var(--ink-2)}
.pv{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s5)}