/* WisdomTec website — built on the Kindful design system (tokens.css, Oct 2026).
   Chalk paper, watercolour swathes, watercolour stone buttons. Serif only. Single light theme (the brand has no dark theme). */

@font-face{font-family:"Sentient";src:url("../fonts/Sentient-Extralight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Sentient";src:url("../fonts/Sentient-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Sentient";src:url("../fonts/Sentient-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Sentient";src:url("../fonts/Sentient-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("../fonts/PlayfairDisplay-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("../fonts/PlayfairDisplay-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Rustic Melody";src:url("../fonts/RusticMelody-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  color-scheme: light;
  /* palette (Kindful tokens) */
  --color-forest-deep:#39584a; --color-forest:#426447; --color-sage-deep:#638b62;
  --color-amber:#dc9252; --color-coral:#d97858; --color-rust:#ab5f38; --color-brick:#a54b45; --color-oxblood:#753c39;
  --color-chalk-100:#e4e5de; --color-chalk-200:#f1f2ea; --color-chalk-400:#f6f7f3;
  --color-sage-100:#98b498; --color-sage-300:#b5cdb5; --color-sage-400:#c8dac8;
  --color-forest-200:#4a7150; --color-forest-300:#6f8d73; --color-forest-400:#93aa96;
  --color-amber-400:#f2c39a; --color-coral-400:#f0b19d; --color-brick-400:#ecb2ac;
  /* semantic */
  --bg-page:var(--color-chalk-400); --bg-surface:#ffffff; --bg-sunken:var(--color-chalk-100); --bg-muted:var(--color-chalk-200);
  --bg-veil:rgba(246,247,243,.84);
  --text-primary:var(--color-forest-deep); --text-secondary:var(--color-forest-200); --text-muted:var(--color-forest-300);
  --text-on-brand:#ffffff; --text-link:var(--color-forest); --text-link-hover:var(--color-forest-deep);
  --border-subtle:var(--color-chalk-100); --border-default:var(--color-sage-400); --border-input:var(--color-forest-300);
  --focus-ring:var(--color-forest-deep);
  --status-info-bg:var(--color-sage-400); --status-warning-bg:var(--color-amber-400); --status-warning-fg:var(--color-oxblood);
  --wc-ink:#2f4a3e; --wc-end-ink:#834a30;
  --shadow-sm:0 1px 2px rgba(57,88,74,.06); --shadow-md:0 4px 16px rgba(57,88,74,.08);
  --radius-md:8px; --radius-lg:16px; --radius-pill:999px;
  --shape-hand-row:14px 11px 15px 10px; --shape-hand-bubble:22px 18px 24px 16px; --shape-hand-pill:10px 8px 11px 7px; --shape-hand-icon:12px 9px 13px 8px;
  --font-headline:"Playfair Display",Georgia,serif; --font-body:"Sentient",Georgia,serif; --font-label:"Playfair Display",Georgia,serif; --font-display:"Rustic Melody",Georgia,serif;
  --ease:cubic-bezier(.4,0,.2,1);
  --gutter:max(clamp(16px,4.5vw,56px),env(safe-area-inset-left,0px));
  --gutter-r:max(clamp(16px,4.5vw,56px),env(safe-area-inset-right,0px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-weight:300;font-size:18px;line-height:1.65;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased}
/* Whisper grain: warm paper at 32%, multiply */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("../img/tex/paper-grain-warm.webp") 0 0/256px 256px repeat;opacity:.32;mix-blend-mode:multiply}
img,video{max-width:100%;display:block}
.page{overflow-x:clip;position:relative}
p{margin:0}
h1,h2,h3,h4{font-family:var(--font-headline);font-weight:400;margin:0;line-height:1.15;text-wrap:balance;color:var(--text-primary)}
a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s var(--ease)}
a:hover{color:var(--text-link-hover)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
::selection{background:var(--color-sage-400)}

.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:var(--gutter);top:12px;z-index:100;background:var(--bg-surface);padding:8px 14px;border-radius:var(--radius-md)}

.container{width:100%;max-width:calc(1200px + var(--gutter) + var(--gutter-r));margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.narrow{max-width:calc(760px + var(--gutter) + var(--gutter-r))}

/* ── type ─────────────────────────────────────────── */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-label);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:18px}
.eyebrow::before{content:"";width:46px;height:14px;flex:none;background:url("../img/wc/swathe-sage.webp") right center/cover no-repeat;opacity:.9}
.eyebrow.warm::before{background-image:url("../img/wc/swathe-amber.webp")}
.eyebrow.rose::before{background-image:url("../img/wc/swathe-rose.webp")}
.display{font-size:clamp(44px,6.2vw,82px);line-height:1.06;letter-spacing:-.02em}
.title{font-size:clamp(34px,4.3vw,56px);line-height:1.1;letter-spacing:-.015em}
.title-sm{font-size:clamp(28px,3.2vw,40px);line-height:1.15}
.accent{font-style:italic;color:var(--color-sage-deep)}
.accent-warm{font-style:italic;color:var(--color-brick)}
.lead{font-weight:200;font-size:clamp(21px,2.1vw,26px);line-height:1.5;color:var(--text-primary)}
.support{color:var(--text-secondary)}
.small{font-size:15px;color:var(--text-secondary)}
.prose{display:flex;flex-direction:column;gap:18px;max-width:40em}
.prose strong{font-weight:400}
.quote{font-family:var(--font-headline);font-style:italic;font-size:clamp(22px,2.2vw,28px);line-height:1.35;color:var(--text-primary)}
.label{font-family:var(--font-label);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}

/* ── header ───────────────────────────────────────── */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg-veil);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(57,88,74,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.brand{display:flex;flex-direction:column;gap:1px;text-decoration:none;color:var(--text-primary)}
.brand:hover{color:var(--text-primary)}
.brand .word{font-family:var(--font-headline);font-size:30px;line-height:1.1;letter-spacing:-.02em}
.brand .by{font-family:var(--font-label);font-weight:500;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}
.nav-links{display:flex;align-items:center;gap:6px 26px;flex-wrap:wrap}
.nav-links a{font-family:var(--font-label);font-weight:500;font-size:15px;color:var(--text-secondary);text-decoration:none;padding:6px 0}
.nav-links a:hover{color:var(--text-primary)}
.nav-links a[aria-current="page"]{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:var(--shape-hand-icon);background:transparent;color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center}
.menu-btn:hover{background:rgba(57,88,74,.07)}
.ico{display:inline-block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:none}
.ico-menu{--i:url("../img/brush/menu.svg")}
.ico-send{--i:url("../img/brush/send.svg")}
@media (max-width:520px){.brand .by{display:none}}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav-links{display:none;position:absolute;top:100%;left:var(--gutter);right:var(--gutter-r);flex-direction:column;align-items:flex-start;gap:4px;background:var(--bg-page);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:18px 22px 22px}
  .nav-links.open{display:flex}
  .nav-links a{font-size:18px;padding:8px 0}
  .nav-links .stone{margin-top:12px}
}

/* ── sections & swathes ───────────────────────────── */
section{position:relative;padding-block:clamp(72px,9vw,120px)}
.swathe{position:absolute;pointer-events:none;user-select:none;z-index:0;height:auto;max-width:none}
section > .container{position:relative;z-index:1}
.tint-sunken{background:rgba(228,229,222,.55)}
.tint-warm{background:rgba(242,195,154,.16)}
.horizon{position:absolute;left:0;right:0;bottom:0;height:min(70%,560px);z-index:-1;pointer-events:none;background:url("../img/wc/wash-sage-soft.webp") center bottom/cover no-repeat;transform:scaleY(-1);-webkit-mask:linear-gradient(to top,transparent 0%,#000 62%);mask:linear-gradient(to top,transparent 0%,#000 62%);opacity:.85}
@media (prefers-reduced-motion:no-preference){.horizon{animation:drift 70s ease-in-out infinite alternate}}
@keyframes drift{from{background-position:48% bottom}to{background-position:54% bottom}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,88px);align-items:start}
.split.center{align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.stack{display:flex;flex-direction:column;gap:20px}
.actions{display:flex;flex-wrap:wrap;gap:22px 26px;align-items:center;margin-top:34px}

/* ── watercolour stone buttons ────────────────────── */
.stone{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;border:0;background:transparent;font-family:var(--font-label);font-weight:500;font-size:15px;letter-spacing:.01em;line-height:1.2;color:var(--wc-ink);text-decoration:none;white-space:nowrap;cursor:pointer;border-radius:12px}
.stone:hover{color:var(--wc-ink)}
.stone:focus-visible{outline-offset:3px}
.stone::before{content:"";position:absolute;inset:-2px -4px;z-index:-2;background:var(--fill,url("../img/tex/fill-new.webp")) center/100% 100% no-repeat;border-radius:58% 42% 55% 45% / 52% 46% 54% 48%;opacity:.95}
.stone.is-painted::before{display:none}
.stone .wc-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.stone .wc-wash,.stone .wc-ink{transform-box:fill-box;transform-origin:center}
.stone .wc-bg path{transition:transform .65s ease,opacity .35s ease}
.stone:hover .wc-wash{transform:scale(1.035) rotate(-.7deg)}
.stone:hover .wc-ink{transform:translate(.4px,-.3px) rotate(.9deg)}
@media (prefers-reduced-motion:reduce){.stone .wc-bg path{transition:none;transform:none!important}}
.stone--new{--fill:url("../img/tex/fill-new.webp");color:var(--wc-ink)}
.stone--start{--fill:url("../img/tex/fill-start.webp");color:var(--wc-ink)}
.stone--end{--fill:url("../img/tex/fill-end.webp");color:var(--wc-end-ink)}
.stone--end:hover{color:var(--wc-end-ink)}
.stone--cta{--fill:url("../img/tex/fill-cta.webp");color:var(--text-on-brand)}
.stone--cta:hover{color:var(--text-on-brand)}
.stone--send{--fill:url("../img/tex/fill-send.webp");color:var(--text-on-brand)}
.stone--send:hover{color:var(--text-on-brand)}
.stone--hero{min-height:60px;font-size:17px;padding:0 36px}
.stone--small{min-height:40px;font-size:13px;padding:0 20px}
.stone .ico{width:20px;height:20px}

/* text link with arrow */
.more{font-family:var(--font-label);font-weight:500;font-size:15px}

/* ── hero ─────────────────────────────────────────── */
.hero{padding-block:clamp(56px,8vw,112px) clamp(64px,8vw,120px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.hero .display em{font-style:italic;color:var(--color-sage-deep)}
.hero .display .last{display:block;font-size:.66em;line-height:1.3;margin-top:.25em;letter-spacing:-.01em}
.hero .lead{margin-top:28px;max-width:30em}
.hero .support{margin-top:14px;max-width:34em}
.mission{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:clamp(320px,34vw,440px);padding:clamp(40px,6vw,72px) clamp(32px,5vw,64px)}
.mission::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:60% 40% 55% 45% / 50% 45% 55% 50%;background:radial-gradient(circle at 42% 38%,#e9f0e7 0%,#d0dfce 60%,#b0c8ad 100%)}
.mission.is-painted::before{display:none}
.mission .wc-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.mission .m1{font-family:var(--font-label);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary)}
.mission .m2{font-family:var(--font-headline);font-size:clamp(26px,2.6vw,34px);line-height:1.2;color:var(--text-primary);max-width:12em}
.mission .m3{font-size:16px;color:var(--text-primary);max-width:22em}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;background:rgba(255,255,255,.66);border-radius:var(--shape-hand-pill);font-family:var(--font-label);font-weight:500;font-size:14px;color:var(--text-secondary)}
.chip img{width:24px;height:24px}
a.chip{text-decoration:none;transition:background .15s var(--ease)}
a.chip:hover{background:rgba(255,255,255,.95);color:var(--text-primary)}
.more::after{content:" \2192"}

/* page hero for inner pages */
.page-hero{padding-block:clamp(56px,7vw,104px) clamp(48px,6vw,88px)}
.page-hero .lead{margin-top:24px;max-width:32em}

/* ── cards ────────────────────────────────────────── */
.card{position:relative;overflow:hidden;background:rgba(255,255,255,.74);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.card h3{font-size:clamp(24px,2.2vw,30px)}
.card p,.card li{font-size:16.5px;color:var(--text-secondary)}
.card ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.card .stone,.card .more{margin-top:auto;align-self:flex-start}
.card-wash{position:absolute;top:-34px;right:-70px;width:min(70%,300px);z-index:0;pointer-events:none;opacity:.42;transform:rotate(-8deg)}
.card > *:not(.card-wash){position:relative;z-index:1}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
.concept{width:48px;height:48px}

/* status trio */
.status{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0;border-top:1px solid rgba(57,88,74,.18);margin-top:36px}
.status > div{padding:22px 24px 0 0;display:flex;flex-direction:column;gap:6px}
.status .label{font-size:12px}
.status p{font-size:16.5px;color:var(--text-primary)}

/* kindful lockup */
.lockup{display:inline-flex;flex-direction:column;align-items:flex-end;gap:calc(var(--w) * 6 / 366);width:var(--w)}
.lockup img{width:100%;height:auto}
.lockup span{font-family:var(--font-display);font-size:calc(var(--w) * 38 / 366);line-height:1.1;color:var(--text-secondary);white-space:nowrap;padding-right:calc(var(--w) * 4 / 366)}

/* video */
.film{position:relative;max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:center}
.film video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:26px 22px 28px 20px;background:#dce4d8;box-shadow:var(--shadow-md)}
.film .small{text-align:center}

/* principles */
.principle{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.principle h3{font-size:26px}
.principle p{font-size:16.5px;color:var(--text-secondary)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;margin-top:36px}
.stat{background:rgba(255,255,255,.66);border-radius:var(--shape-hand-row);padding:22px 20px;display:flex;flex-direction:column;gap:2px;text-align:center}
.stat .n{font-family:var(--font-headline);font-size:40px;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}
.stat .l{font-family:var(--font-label);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.notice{margin-top:18px;display:inline-block;background:var(--bg-veil);border-radius:var(--shape-hand-pill);padding:8px 16px;font-size:15px;color:var(--text-secondary)}

/* timeline */
.timeline{display:flex;flex-direction:column;margin-top:40px}
.tl{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:8px 40px;padding:28px 0;border-top:1px solid rgba(57,88,74,.16)}
.tl:last-child{border-bottom:1px solid rgba(57,88,74,.16)}
@media (max-width:700px){.tl{grid-template-columns:1fr}}
.tl h3{font-size:26px}
.tl .when{display:flex;flex-direction:column;gap:8px}
.tl p{color:var(--text-secondary)}
.pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--font-label);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:var(--shape-hand-pill)}
.pill.done{background:var(--color-sage-400);color:var(--text-primary)}
.pill.now{background:var(--color-amber-400);color:var(--color-oxblood)}
.pill.next{background:var(--bg-muted);color:var(--text-secondary);box-shadow:inset 0 0 0 1px rgba(57,88,74,.18)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px 32px}
.facts .label{font-size:11.5px;display:block;margin-bottom:2px}
.facts p{color:var(--text-primary);font-size:16.5px}

/* conversation sample */
.convo{display:flex;flex-direction:column;gap:22px;background:rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:clamp(22px,3vw,36px)}
.msg-k{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start}
.k-stone{width:40px;height:40px;border-radius:60% 40% 55% 45% / 50% 45% 55% 50%;background:radial-gradient(circle at 40% 36%,#e9f0e7,#d0dfce 60%,#b0c8ad);position:relative}
.k-stone::after{content:"";position:absolute;inset:9px;background:var(--color-forest-deep);-webkit-mask:url("../img/concept/ground.svg") center/contain no-repeat;mask:url("../img/concept/ground.svg") center/contain no-repeat;opacity:.85}
.msg-k p{font-size:17px;line-height:1.625;color:var(--text-primary)}
.msg-u{align-self:flex-end;max-width:84%;background:var(--bg-surface);border-radius:var(--shape-hand-bubble);padding:14px 20px;font-size:17px;box-shadow:var(--shadow-sm)}
.disclaimer{align-self:center;background:var(--bg-veil);border-radius:var(--shape-hand-pill);padding:6px 14px;font-size:13.5px;font-weight:400;color:var(--text-secondary)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;counter-reset:s}
.step{counter-increment:s;background:rgba(255,255,255,.66);border-radius:var(--shape-hand-row);padding:22px;display:flex;flex-direction:column;gap:8px}
.step::before{content:counter(s);font-family:var(--font-headline);font-style:italic;font-size:26px;color:var(--color-rust);line-height:1}
.step h3{font-size:21px}
.step p{font-size:15.5px;color:var(--text-secondary)}

/* lists of rows */
.rows{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:6px 32px;padding:20px 0;border-top:1px solid rgba(57,88,74,.16)}
.row:last-child{border-bottom:1px solid rgba(57,88,74,.16)}
@media (max-width:700px){.row{grid-template-columns:1fr}}
.row h3{font-size:20px}
.row p{color:var(--text-secondary);font-size:16.5px}

/* people */
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:24px;margin-top:52px}
.person{background:rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;display:flex;flex-wrap:wrap;gap:20px 26px;align-items:flex-start;position:relative}
.people.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-top:24px}
.people.three .person{flex-direction:column}
.people.three .person-body{flex:none}
.portrait{width:140px;height:140px;flex:none;object-fit:cover;border-radius:58% 42% 55% 45% / 50% 46% 54% 50%;box-shadow:0 0 0 6px rgba(200,218,200,.55),var(--shadow-sm)}
.person-body{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:8px}
.quals{font-family:var(--font-label);font-weight:500;font-size:.56em;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;vertical-align:.15em;margin-left:4px}
.person h3{font-size:25px}
.person .label{font-size:11.5px}
.person p{font-size:15.5px;line-height:1.6;color:var(--text-secondary)}
.person .card-wash{width:220px;top:auto;bottom:-46px;right:-80px;opacity:.38;transform:rotate(6deg)}

/* big statement */
.statement{text-align:center}
.statement .title{max-width:15em;margin:0 auto;font-size:clamp(36px,5vw,66px)}

/* form */
.form{display:flex;flex-direction:column;gap:20px;background:rgba(255,255,255,.72);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(24px,3.5vw,44px)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-family:var(--font-label);font-weight:500;font-size:14px;color:var(--text-primary)}
.field input,.field select,.field textarea{font-family:var(--font-body);font-weight:300;font-size:17px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-input);border-radius:var(--radius-md);padding:12px 14px;min-height:48px;width:100%}
.field textarea{min-height:130px;resize:vertical;line-height:1.5}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px}
.status-note{background:var(--status-info-bg);color:var(--text-primary);border-radius:var(--shape-hand-row);padding:12px 16px;font-size:15.5px}
.inline-form{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:flex-end}
.inline-form .field{flex:1 1 260px}

/* glance numbers */
.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:22px}
.glance .big{font-family:var(--font-headline);font-size:clamp(30px,3vw,38px);line-height:1.1;color:var(--text-primary)}
.glance p{font-size:15.5px;color:var(--text-secondary)}

/* footer */
.site-footer{position:relative;isolation:isolate;padding-block:96px 40px;margin-top:0;overflow:hidden}
.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:36px}
.footer-grid nav{display:flex;flex-direction:column;gap:6px}
.footer-grid nav a{font-family:var(--font-label);font-weight:500;font-size:15px}
.crisis{max-width:30em;font-size:15.5px;color:var(--text-primary)}
.fineprint{margin-top:44px;font-size:13.5px;font-weight:400;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}