/* Keystone Wealth — inner-2026.css: page heads, services dossiers, engagement timeline, fee letter, adviser, register, consultation, 404, forms demo, credits. */
.pg-i .ph img{aspect-ratio:3/2}
.pg-head--portrait .pg-i .ph img{aspect-ratio:4/5}
.pg-i figcaption{text-align:end}
/* services: alternating dossiers */
.sv-list{display:grid;gap:0;padding-block:var(--s6) var(--sec)}
.sv{display:grid;gap:var(--s5);padding-block:var(--s7);border-block-end:1px solid var(--line)}
.sv:last-child{border-block-end:0}
.sv-i .ph img{aspect-ratio:3/2}
.sv-n{font-family:var(--f-display);font-size:3.5rem;line-height:1;color:var(--stone-t);font-variant-numeric:lining-nums}
.sv-t h2{font-size:clamp(1.875rem,1.4rem + 1.6vw,2.75rem);margin-block:var(--s3) var(--s4)}
.sv-p{font-size:1.125rem;margin-block-end:var(--s5)}
.sv-dl{display:grid;gap:var(--s4)}
.sv-dl>div{padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--line)}
.sv-yes{border-inline-start:4px solid var(--ink)!important}
.sv-no{border-inline-start:4px solid var(--danger)!important}
.sv-dl dt{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-block-end:var(--s1)}
@media (min-width:900px){.sv{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s8);align-items:start}.sv--r .sv-i{order:2}}
@media (min-width:1200px){.sv-dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* approach: a numbered timeline with a vertical rule */
.ap-grid{display:grid;gap:var(--s7)}
.ap-steps{list-style:none;padding:0;display:grid;position:relative}
.ap-step{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s5);padding-block:var(--s5) var(--s6);border-block-start:1px solid var(--line);scroll-margin-block-start:calc(var(--header) + var(--s5))}
.ap-step:first-child{border-block-start:2px solid var(--ink)}
.ap-n{display:grid;place-items:center;inline-size:64px;block-size:64px;background:var(--ink);color:#fff;font-family:var(--f-display);font-size:1.75rem;font-variant-numeric:lining-nums}
.ap-step h2{font-size:clamp(1.625rem,1.3rem + 1vw,2.25rem);margin-block-end:var(--s3)}
.ap-step p{font-size:1.125rem;color:var(--muted)}
.ap-side{display:grid;gap:var(--s5);align-content:start}
.ap-side .ph img{aspect-ratio:4/5}
.ap-fee{padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--stone);display:grid;gap:var(--s2)}
.ap-fee-k{font-family:var(--f-display);font-size:1.5rem}
@media (min-width:900px){.ap-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:var(--s8)}}
.hm-pr--band{background:var(--sand);border-block:1px solid var(--line);padding-block:var(--s7)}
/* fees: the engagement letter */
.fe-grid{display:grid;gap:var(--s7);align-items:start}
.letter{background:var(--surface);border:1px solid var(--line-strong);padding:clamp(20px,4vw,56px);display:grid;gap:var(--s5);box-shadow:8px 8px 0 var(--sand)}
.letter-k{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--stone-t);padding-block-end:var(--s3);border-block-end:3px double var(--ink)}
.letter-note{font-family:var(--f-display);font-size:1.3125rem;line-height:1.5;max-inline-size:none}
.letter-foot{font-size:var(--t-label);color:var(--muted);padding-block-start:var(--s4);border-block-start:1px solid var(--line);max-inline-size:none}
.fe-side{display:grid;gap:var(--s6);align-content:start}
.fe-side .ph img{aspect-ratio:3/2}
@media (min-width:1000px){.fe-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);gap:var(--s8)}}
.mini-steps{list-style:none;padding:0;display:grid;gap:var(--s3)}
.mini-steps a{display:flex;align-items:center;gap:var(--s4);min-block-size:64px;padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:1.125rem}
.mini-steps a span{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--stone-t)}
.mini-steps a:hover{border-color:var(--ink);color:var(--brand-t)}
@media (min-width:700px){.mini-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.mini-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* adviser */
.ad-head{padding-block:var(--s5) var(--s7);border-block-end:3px double var(--ink)}
.ad-grid{display:grid;gap:var(--s6);align-items:center}
.ad-t h1{margin-block-end:var(--s2)}
.ad-r{font-size:1.125rem;color:var(--stone-t);font-weight:600;margin-block-end:var(--s5)}
.ad-q p{font-family:var(--f-display);font-style:italic;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.25;max-inline-size:28ch;padding-inline-start:var(--s5);border-inline-start:3px solid var(--stone)}
.ad-q p::before{content:"“"}.ad-q p::after{content:"”"}
.ad-i .ph img{aspect-ratio:4/5}
.ad-i figcaption{text-align:end}
@media (min-width:900px){.ad-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--s8)}}
.ad-body{display:grid;gap:var(--s7);align-items:start}
.ad-dl-h{font-size:var(--t-h3);margin-block-end:var(--s4)}
@media (min-width:1000px){.ad-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
.ad-duo{display:grid;gap:var(--s5);align-items:end}
.ad-duo .ph img{aspect-ratio:4/5}
.ad-duo>div:nth-child(2) .ph img{aspect-ratio:3/2}
.ad-duo-t{display:grid;gap:var(--s2);align-content:end}
.ad-duo-t h3{margin-block-start:var(--s4)}
@media (min-width:900px){.ad-duo{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,.9fr);gap:var(--s6)}}
/* regulation */
.rg-grid{display:grid;gap:var(--s7);align-items:start}
.rg-h{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);font-size:var(--t-h3);margin-block-end:var(--s4)}
.rg-cards{display:grid;gap:var(--s4)}
.rg-card{padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-block-start:3px solid var(--ink)}
.rg-card h2{font-size:1.5rem;margin-block-end:var(--s2)}
@media (min-width:1000px){.rg-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--s8)}}
.risk{padding:var(--s6);border:2px solid var(--ink);background:var(--surface);display:grid;gap:var(--s3)}
.risk h2{font-size:var(--t-h3)}
.risk p{font-size:1.125rem;max-inline-size:72ch}
/* consultation */
.cs-wrap{padding-block:var(--s5) var(--sec)}
.cs-grid{display:grid;gap:var(--s7);align-items:start}
.cs-t h1{margin-block-end:var(--s4)}
.cs-t .lead{margin-block-end:var(--s5)}
.cs-i{margin-block-start:var(--s6)}
.cs-i .ph img{aspect-ratio:4/5;max-block-size:520px}
@media (max-width:999.98px){.cs-i{display:none}}
@media (min-width:1000px){.cs-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s8)}}
.cs-done{display:grid;gap:var(--s4);justify-items:start;padding:var(--s7) var(--s6);background:var(--ink);color:var(--paper)}
.cs-done:focus{outline:3px solid var(--stone);outline-offset:3px}
.cs-done :focus-visible{outline-color:var(--needle-l)}
.cs-done-k{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--needle-l)}
.cs-done h2{font-size:clamp(2rem,1.6rem + 1.4vw,2.75rem);color:var(--paper)}
.cs-done p:not(.cs-done-k){color:var(--mist)}
/* forms demo, credits */
.fd-grid{display:grid;gap:var(--s5);align-items:start}
.fd-col{display:grid;gap:var(--s5)}
.fd-grid h2{font-size:var(--t-h3)}
@media (min-width:1000px){.fd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cr{display:grid;gap:var(--s5)}
.cr h2{font-size:var(--t-h3);margin-block-start:var(--s4)}
.cr-table td a{display:inline-flex;align-items:center;min-block-size:44px}
@media (max-width:420px){.chips:not(.chips--seg) .chip{inline-size:100%}.chips:not(.chips--seg) .chip span{inline-size:100%;justify-content:flex-start}}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}