/* Inner pages: services, process, guarantees, about */
.subnav{position:sticky;top:77px;z-index:30;background:var(--concrete);border-bottom:1px solid var(--line)}
.subnav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav a{flex:none;padding:14px 12px;text-decoration:none;font-weight:500;font-size:.9375rem;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}
.subnav a:hover,.subnav a.on{color:var(--ink);border-bottom-color:var(--forest)}
@media (max-width:720px){.subnav{top:67px}}

.svc-row{padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.svc-row.alt{background:var(--paper)}
.svc-row-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.svc-row.alt .svc-media{order:2}
.svc-media{position:sticky;top:150px}
.svc-media picture{aspect-ratio:4/5;overflow:hidden}
.svc-media img{width:100%;height:100%;object-fit:cover}
.svc-media .dim{margin-top:12px}
.svc-body h2{font-size:clamp(2rem,3.6vw,3rem)}
.svc-body>p{color:var(--ink-2);max-width:36em}
.svc-body .facts{margin:26px 0}
.opts{margin:22px 0 4px}
.ext-info>p{min-height:3.2em;margin:16px 0 0;color:var(--ink-2)}
.ticks{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}
.ticks li{position:relative;padding-left:28px}
.ticks li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2px solid var(--forest);border-bottom:2px solid var(--forest);transform:rotate(-45deg)}
.row-acts{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
@media (max-width:900px){.svc-row-in{grid-template-columns:1fr}.svc-row.alt .svc-media{order:0}.svc-media{position:relative;top:0}.svc-media picture{aspect-ratio:4/3}}
.also-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #3A3C37}
.also-grid div{padding:26px 26px 18px 0;border-bottom:1px solid #3A3C37}
.also-grid h3{font-size:1.35rem}
.also-grid p{color:var(--on-slab-2);font-size:.9688rem;margin:0}
@media (max-width:900px){.also-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.also-grid{grid-template-columns:1fr}}

/* process */
.stage-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:0 0 var(--s4);padding:0;list-style:none;border-top:1.5px solid var(--ink)}
.stage-nav button{width:100%;text-align:left;background:none;border:0;padding:16px 10px 12px 0;cursor:pointer;color:var(--ink-2);font:600 .9375rem/1.25 var(--sans);position:relative}
.stage-nav button::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--concrete);border:1.5px solid var(--ink)}
.stage-nav button .mono{display:block;font-weight:400;margin-bottom:4px}
.stage-nav button[aria-selected=true]{color:var(--ink)}
.stage-nav button[aria-selected=true]::before{background:var(--forest);border-color:var(--forest)}
.stage-nav button.done::before{background:var(--ink)}
.stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s5)}
.stage h2{font-size:clamp(2rem,3.6vw,3rem)}
.stage .lede{margin-bottom:22px}
.stage-side{background:var(--white);border:1px solid var(--line);padding:26px}
.stage-side h3{font-size:1.2rem;margin-bottom:10px}
.stage-side ul{margin:0 0 18px;padding-left:18px;color:var(--ink-2)}
.pay{display:flex;justify-content:space-between;gap:12px;padding:14px 0 0;border-top:1px solid var(--line);font-weight:600}
.pay .mono{font-weight:400;color:var(--ink-2)}
.stage-ctrl{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
@media (max-width:1000px){.stage-nav{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}}
@media (max-width:900px){.stage{grid-template-columns:1fr}}
@media (max-width:560px){.stage-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.timeline-tbl{width:100%;border-collapse:collapse;font-size:.9688rem}
.timeline-tbl th,.timeline-tbl td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.timeline-tbl th{font:400 .75rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.timeline-tbl td:first-child{font-weight:600}
.tbl-wrap{overflow-x:auto}

/* guarantees */
.g-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.g-card{background:var(--white);border:1px solid var(--line-2);padding:28px;display:flex;flex-direction:column;gap:10px}
.g-card h3{margin:8px 0 0}
.g-card p{margin:0;color:var(--ink-2)}
.g-card .mono{color:var(--ink-2);margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:1000px){.g-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.g-grid{grid-template-columns:1fr}}
.acc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--on-slab)}
.acc-list li{padding:22px 22px 22px 0;border-bottom:1px solid #3A3C37}
.acc-list b{display:block;font:700 1.3rem/1.15 var(--display);margin-bottom:8px}
.acc-list span{color:var(--on-slab-2);font-size:.9375rem}
@media (max-width:900px){.acc-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.acc-list{grid-template-columns:1fr}}
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:var(--s5)}
.faq-tools{position:sticky;top:110px;align-self:start;display:grid;gap:16px}
.faq-cats{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:900px){.faq-wrap{grid-template-columns:1fr}.faq-tools{position:relative;top:0}}

/* about */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.story-media{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.story-media picture:first-child{grid-column:1/-1}
.story-media img{width:100%;height:100%;object-fit:cover}
.tl{list-style:none;margin:0;padding:0;border-left:1.5px solid var(--ink)}
.tl li{position:relative;padding:0 0 28px 28px}
.tl li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--concrete);border:1.5px solid var(--ink)}
.tl b{display:block;font:700 1.6rem/1 var(--display);margin-bottom:6px}
.tl p{margin:0;color:var(--ink-2)}
@media (max-width:900px){.story{grid-template-columns:1fr}}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.person{border-top:1.5px solid var(--ink);padding-top:18px}
.mono-av{display:grid;place-items:center;width:64px;height:64px;background:var(--forest);color:var(--forest-ink);font:700 1.5rem var(--display);margin-bottom:16px}
.person:nth-child(2n) .mono-av{background:var(--oak-pale);color:var(--ink)}
.person h3{font-size:1.35rem;margin-bottom:4px}
.person .mono{color:var(--ink-2);display:block;margin-bottom:10px}
.person p{color:var(--ink-2);font-size:.9688rem}
@media (max-width:1000px){.team{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.team{grid-template-columns:1fr}}
.area-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s5);align-items:start}
.area-list{columns:2;column-gap:32px;list-style:none;padding:0;margin:0}
.area-list li{break-inside:avoid;display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.area-list .mono{color:var(--ink-2)}
.area-list li.hit{color:var(--forest);font-weight:600}
@media (max-width:900px){.area-wrap{grid-template-columns:1fr}}
@media (max-width:420px){.area-list{columns:1}}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.contact-grid>div{border-top:1.5px solid var(--on-slab);padding-top:18px}
.contact-grid h3{font-size:1.3rem}
.contact-grid p{color:var(--on-slab-2)}
.contact-grid a{color:var(--on-slab)}
@media (max-width:800px){.contact-grid{grid-template-columns:1fr}}
