/* ===========================================================
   Jackie Larkin Counselling — shared stylesheet for subpages
   (About Me, My Approach, Areas of Focus, Where to Start, Contact)
   Palette, type system and header/footer match design-1-fullbleed-SHAREABLE.html.
   See DESIGN-DECISIONS-LOG.md for the reasoning behind every choice below.
   =========================================================== */

/* Miltona — purchased script webfont, replaces Italianno everywhere the site
   uses a cursive script accent. Self-hosted (not on Google Fonts). */
@font-face{
  font-family:"Miltona";
  src:url("fonts/miltona-webfont.woff2") format("woff2"),
      url("fonts/miltona-webfont.woff") format("woff");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
;-webkit-text-stroke:0.7px currentColor;paint-order:stroke fill}


/* Ethic Serif — purchased 6-weight family, replaces Fraunces (headings) and
   Avenir Next (body) everywhere. One font-family registered across multiple
   @font-face blocks distinguished by font-weight/font-style, so every existing
   font-weight:300/400/500/600 declaration in this file automatically resolves
   to the correct file -- no need to touch each rule's weight individually. */
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-light-webfont.woff2") format("woff2"),url("fonts/ethicserif-light-webfont.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-lightitalic-webfont.woff2") format("woff2"),url("fonts/ethicserif-lightitalic-webfont.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-regular-webfont.woff2") format("woff2"),url("fonts/ethicserif-regular-webfont.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-italic-webfont.woff2") format("woff2"),url("fonts/ethicserif-italic-webfont.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-medium-webfont.woff2") format("woff2"),url("fonts/ethicserif-medium-webfont.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-mediumitalic-webfont.woff2") format("woff2"),url("fonts/ethicserif-mediumitalic-webfont.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-semibold-webfont.woff2") format("woff2"),url("fonts/ethicserif-semibold-webfont.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-semibolditalic-webfont.woff2") format("woff2"),url("fonts/ethicserif-semibolditalic-webfont.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-bold-webfont.woff2") format("woff2"),url("fonts/ethicserif-bold-webfont.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Ethic Serif";src:url("fonts/ethicserif-bolditalic-webfont.woff2") format("woff2"),url("fonts/ethicserif-bolditalic-webfont.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}

:root{
  /* --paper warmed 2026-07-16 — Jackie felt the neutrals were drifting too grey/cool
     (this came up specifically comparing a "stone" idea to Risewell, but she wanted
     the correction applied to Paper too, not just the new intermediate tone). Warmed
     ~5% via a gentle blend toward a warm reference tone, lightness renormalized so
     contrast against --ink is unchanged. Old value: #F7F4EE. */
  --paper:#F6F1E9;--card:#E5DAC8;--ink:#3C452B;
  /* --paper-2 retired 2026-07-29 — down to three core neutrals (paper/stone/
     morning-linen) per Jackie's call; it was the least-used and sat too close to
     --paper to justify as a separate tone. Former usages moved to --paper. */
  --taupe:#497191;--taupe-soft:#E6DCC7;
  /* --clay/--clay-deep retired 2026-07-29 — after three prior attempts to fix the
     "muddy/olive-toned" complaint (566651 → 6E775C/4C523F, then the abandoned
     --forest and --deep-olive candidates), Jackie asked to drop the clay family
     entirely rather than keep chasing a green that reads right. Every former
     --clay/--clay-deep role (links, icons, eyebrows, focus outlines, italic
     emphasis, script-accent) now uses --ink — one ink color for all non-button
     text/accent roles, hierarchy carried by type instead of color. --sage-mist is
     the one button color going forward. Dead --olive/--olive-deep/--forest/
     --forest-deep/--deep-olive/--bot-*/--text-*/--terracotta variables (all 0
     usages sitewide) removed in the same pass. */
  --line:#DDD6C8;
  /* Lighter sage family (added 2026-07-16) — for large background fields specifically,
     and now also the sitewide button color (--sage-mist). Muted/desaturated on purpose.
     --sage-pale retired 2026-07-29 (near-unused, redundant with --sage-linen). */
  --sage-mist:#ABAC9B;--sage-linen:#DBD9CD;
  /* Stepping-stone tone between --paper and --card — went through two directions before
     landing here. First "Prairie Stone" #E2DDD4 (grey/stone-leaning, from comparing to
     Risewell), then Jackie explicitly rejected the grey/stone/putty direction entirely —
     she wants warm cream/parchment/bone, not grey. Landed on "Parchment/Bone", warmed
     ~5% the same way --paper was. Variable name kept as --stone for continuity even
     though the conceptual name is now Parchment/Bone — do not reintroduce a grey/stone/
     putty/taupe/concrete-leaning value here. */
  --stone:#E8DFD2;
  /* Morning Linen (added 2026-07-21) — a new foundation neutral sitting between
     warm ivory and natural linen: same warm hue family as --paper (40° vs 37°)
     but desaturated from 42% to 30% so it reads as soft linen rather than cream,
     and lifted to 96.1% lightness (vs --paper's 93.9%) for a more luminous, airy
     field without going stark white. Contrast vs --ink is 8.34:1 (--paper is 8.0:1). */
  --morning-linen:#F8F6F2;
  --text-sage:#567944;
  --maxw:1360px;--maxw-prose:760px;--ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:"Ethic Serif",Georgia,serif;font-weight:300;font-size:18px;line-height:1.72;letter-spacing:.012em;word-spacing:.03em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.serif{font-family:"Ethic Serif",Georgia,serif;font-optical-sizing:auto;font-weight:400;letter-spacing:-.01em}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:2px}
.skip-link{position:absolute;left:14px;top:-60px;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;z-index:100;transition:top .25s var(--ease)}
.skip-link:focus{top:14px}
.wrap{display:flow-root;max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,40px)}
header .wrap{max-width:none;padding:0 clamp(20px,3vw,56px)}
.announce{background-color:#B7AAA0;/* 18% white lifts the tan just enough for the 13.75px banner text to clear AA */background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('Tan Toned Paper.jpg');background-size:cover;background-position:center;color:var(--ink);text-align:center;padding:13px 24px;font-family:"Avenir Next","Avenir",-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;font-size:13.75px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.announce .wrap{max-width:var(--maxw);margin:0 auto}

/* Nav */
header{position:sticky;top:0;z-index:50;background:rgba(251,248,244,.85);backdrop-filter:blur(12px)}
nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:82px;gap:16px 28px;padding:16px 0}
.brand{font-family:"Ethic Serif",Georgia,serif;font-optical-sizing:auto;font-style:normal;font-size:32px;font-weight:500;letter-spacing:.005em;text-transform:none;color:var(--ink);text-decoration:none;line-height:1;transition:color .25s;display:inline-flex;align-items:center}
.brand:hover{color:var(--ink)}
.brand span{display:block;font-family:"Inter",sans-serif;font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);margin-top:10px;text-align:center}
/* Wordmark logo image (added 2026-07-16) — replaces the live text lockup with a
   processed graphic of Jackie's own lettering (TITLE.jpg), background removed and
   recoloured. Two colour variants since header and footer sit on very different
   backgrounds: logo-wordmark-ink.png for the light header, logo-wordmark-paper.png
   for the dark footer (matches --ink and the footer's existing light brand colour). */
.brand-img{height:100px;width:auto;display:block}
.foot-brand .brand-img{height:93px}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;list-style:none}
.nav-links a{font-family:"Avenir Next","Avenir",-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;font-size:14.5px;font-weight:500;color:var(--ink);transition:color .25s;white-space:nowrap}
.nav-links a:hover{color:var(--ink)}
.nav-links a.current{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:5px}
/* Focus-area submenu on "What I Can Help With". CSS-only, so it needs no JS:
   opens on hover for pointers and on :focus-within for keyboard users, meaning
   it is reachable by tabbing. Hidden below 800px, where the nav wraps into
   centred rows — small screens get the same six links from the jump-tile grid
   at the top of that page instead. */
.nav-links .has-sub{position:relative}
.nav-links .has-sub > a::after{content:"";display:inline-block;width:.32em;height:.32em;margin-left:.5em;vertical-align:.18em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.7}
.nav-sub{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:232px;list-style:none;margin:0;padding:10px 0;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -22px rgba(58,63,47,.45);opacity:0;visibility:hidden;transition:opacity .18s var(--ease),transform .18s var(--ease);z-index:60}
.nav-links .has-sub:hover .nav-sub,.nav-links .has-sub:focus-within .nav-sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-sub li{display:block}
.nav-sub a{display:block;padding:8px 20px;font-size:13.5px;font-weight:500;text-transform:none;letter-spacing:.01em;white-space:nowrap}
.nav-sub a{display:flex;align-items:center;gap:11px}
.nav-sub a img{width:26px;height:26px;object-fit:contain;flex:0 0 auto;opacity:.9}
.nav-sub a:hover,.nav-sub a:focus-visible{background:var(--sage-linen)}
@media(max-width:800px){.nav-sub{display:none}.nav-links .has-sub > a::after{display:none}}
.btn-book{background-color:var(--sage-linen);background-image:url('Texture Paper Sage.jpg');background-size:cover;background-position:center;color:var(--ink)!important;padding:9px 20px!important;border-radius:100px;font-weight:600!important;opacity:1!important;transition:background .25s;text-decoration:none;text-transform:uppercase}

/* Shared type helpers */
.eyebrow{font-family:"Avenir Next","Avenir",-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:10px}
.learn-more{font-family:"Inter",sans-serif;display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.01em;transition:opacity .2s}
.learn-more:hover{opacity:.7}
.band{padding:clamp(4rem,8vw,7rem) 0}
.band.alt{background:var(--paper)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:"Inter",sans-serif;font-size:15px;font-weight:600;padding:14px 26px;border-radius:100px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .35s var(--ease);white-space:nowrap;text-transform:uppercase}
.btn-primary{background-color:var(--sage-linen);background-image:url('Texture Paper Sage.jpg');background-size:cover;background-position:center;color:var(--ink)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--taupe-soft)}
.btn-ghost:hover{border-color:var(--ink);background:rgba(58,63,47,.06)}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--ink);border-radius:0;letter-spacing:.06em}
.btn-outline:hover{background:var(--ink);color:var(--paper)}
.btn-sage-mist{background-color:var(--sage-linen);background-image:url('Texture Paper Sage.jpg');background-size:cover;background-position:center;color:var(--ink)}
.btn-sage-linen{background:var(--sage-linen);color:var(--ink)}
.btn .arrow{transition:transform .35s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}

/* Contact form */
.contact{background:var(--paper);color:var(--ink);padding:clamp(4rem,8vw,7rem) 0}
.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start}
.contact h2{font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;margin:16px 0 20px}
.contact .intro{color:var(--ink);max-width:34em;margin-bottom:30px}
.field{margin-bottom:18px}
.field label{font-family:"Inter",sans-serif;display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px;font-weight:600}
.field input,.field textarea{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:13px 15px;color:var(--ink);font-family:"Inter",sans-serif;font-size:16px;transition:border-color .3s}
.field textarea{resize:vertical;min-height:118px}
.form-note{font-size:13px;color:var(--taupe);margin-top:14px;text-align:center}

/* Prose / detail-page layout (About Me, My Approach, Areas of Focus, Where to Start) */
.page-hero{padding:clamp(3.5rem,7vw,6rem) 0 clamp(2rem,4vw,3rem)}
.page-hero h1{font-size:clamp(2.4rem,4.5vw,3.6rem);line-height:1.1;margin:16px 0 18px;max-width:16em}
.page-hero .lede{font-size:19px;max-width:38em;color:var(--ink)}
.prose{max-width:var(--maxw-prose)}
.prose p{margin-bottom:22px}
.prose p:last-child{margin-bottom:0}
.prose h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 16px}
.prose h3{font-size:1.3rem;margin:0 0 12px;color:var(--ink)}
.section-block{padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid var(--line)}
.section-block:first-of-type{border-top:none}
.section-block.alt{background:var(--paper);border-top-color:transparent}
.qualifier-list{list-style:none;display:grid;gap:14px;margin:22px 0 0}
.qualifier-list li{padding-left:26px;position:relative}
.qualifier-list li::before{content:"—";position:absolute;left:0;color:var(--ink)}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--taupe);text-decoration:none;margin-bottom:26px}
.back-link:hover{color:var(--ink)}

/* Reveal-on-scroll */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1.9s var(--ease),transform 1.9s var(--ease)}
.script-accent{transform:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* Footer */
footer{background-color:#F2EFE6;background-image:url('Texture Paper Canvas 04.jpg');background-size:cover;background-position:center;padding:60px 0 40px}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:36px}
.foot-brand p{color:var(--ink);font-size:14.5px;margin-top:10px;max-width:26em}
.foot-brand .brand{color:var(--ink)}
.foot-brand .brand:hover{opacity:.7}
.foot-brand .brand span{color:var(--ink)}
.foot-links{display:flex;gap:52px;flex-wrap:wrap}
.foot-col h4{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;font-weight:600}
.foot-col a{display:block;text-decoration:none;font-size:15px;font-weight:500;color:var(--ink);margin-bottom:9px}
.foot-col a:hover{opacity:.65}
.land{font-size:13px;font-weight:500;line-height:1.7;color:var(--ink);padding-top:26px;max-width:78ch}
.foot-legal{font-family:"Inter",sans-serif;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:13px;color:var(--ink)}

@media(max-width:720px){
  .nav-links{justify-content:center;gap:14px 18px}
  .nav-links a{font-size:13.5px}
  .contact-grid{grid-template-columns:1fr}
  .foot-top{flex-direction:column}
}

/* ===========================================================
   Ported from design-1-fullbleed-SHAREABLE.html + about.html —
   same variables, same values, nothing new introduced. Used to
   bring approach / areas-of-focus / contact / where-to-start up
   to the same visual language. Main page itself is untouched.
   =========================================================== */

/* Card grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:32px 28px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}
.band.alt .card{background:var(--paper)}
.card:hover{transform:translateY(-5px);box-shadow:0 30px 50px -40px rgba(56,44,34,.55);border-color:var(--taupe-soft)}
.card .ico{width:156px;height:156px;border-radius:63% 37% 54% 46% / 43% 51% 49% 57%;display:flex;align-items:center;justify-content:center;background:rgba(156,98,68,.10);color:#6E775C;margin:0 auto 24px}
.card h3{font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.3;margin-bottom:10px}
.card p{font-size:15px;color:var(--ink);line-height:1.6}

/* Tiles — big icon + serif label */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:100%;margin:0 auto}
.tile{background:var(--stone);border-radius:6px;padding:56px 34px 44px;text-align:center;transition:transform .4s var(--ease),box-shadow .4s var(--ease);text-decoration:none;color:inherit;display:block}
.tile:hover{transform:translateY(-4px);box-shadow:0 30px 54px -42px rgba(56,44,34,.45)}
.tile .tile-ico{width:64px;height:64px;margin:0 auto 22px;color:var(--ink)}
.tile .tile-ico svg{width:100%;height:100%}
.tile .tile-ico img{width:100%;height:100%;object-fit:contain}
.tile h3{font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:clamp(1.15rem,1.4vw,1.4rem);line-height:1.3;margin-bottom:6px}
.tile p{font-size:14px;color:var(--ink);line-height:1.6;max-width:26em;margin:0 auto}

/* Thesis quote band */
.thesis{background:var(--stone);color:var(--ink);padding:clamp(4rem,8vw,7rem) 0}
.thesis .wrap{max-width:900px;text-align:center;margin:0 auto}
.thesis p{font-family:"Ethic Serif",serif;font-size:clamp(1.5rem,3.2vw,2.35rem);line-height:1.34;font-weight:300}

/* Underline-emphasis accent for key phrases (only the 3 combinations already
   live on the main page — oat/ochre/terracotta — kept to that same set on
   purpose, for the "one clear job per colour" cohesion Jackie asked for) */
/* Reverted an inline-block attempt at fixing multi-line wrapping (2026-07-28) — it
   made things worse: the ::after underline stretched full-width across the whole
   wrapped box instead of hugging the actual text. The real fix for a wrapping .hl
   phrase is to keep the emphasized phrase short enough not to wrap in the first
   place (this technique only reliably works on a single line). */
.hl{position:relative;font-style:italic;font-family:"Ethic Serif",Georgia,serif;white-space:nowrap}
.hl::after{content:"";position:absolute;left:-3.5%;right:-3.5%;bottom:-0.38em;height:0.38em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M0.00,9.71L2.00,9.44L4.00,9.22L6.00,9.01L8.00,8.81L10.00,8.62L12.00,8.43L14.00,8.25L16.00,8.08L18.00,7.91L20.00,7.74L22.00,7.58L24.00,7.42L26.00,7.27L28.00,7.12L30.00,6.97L32.00,6.83L34.00,6.69L36.00,6.56L38.00,6.43L40.00,6.31L42.00,6.19L44.00,6.07L46.00,5.97L48.00,5.86L50.00,5.76L52.00,5.67L54.00,5.58L56.00,5.50L58.00,5.42L60.00,5.35L62.00,5.28L64.00,5.22L66.00,5.16L68.00,5.11L70.00,5.07L72.00,5.03L74.00,4.99L76.00,4.96L78.00,4.94L80.00,4.92L82.00,4.91L84.00,4.91L86.00,4.91L88.00,4.91L90.00,4.92L92.00,4.94L94.00,4.96L96.00,4.98L98.00,5.01L100.00,5.05L102.00,5.09L104.00,5.13L106.00,5.18L108.00,5.23L110.00,5.29L112.00,5.35L114.00,5.41L116.00,5.48L118.00,5.55L120.00,5.63L122.00,5.70L124.00,5.79L126.00,5.87L128.00,5.96L130.00,6.04L132.00,6.14L134.00,6.23L136.00,6.32L138.00,6.42L140.00,6.52L142.00,6.62L144.00,6.72L146.00,6.82L148.00,6.93L150.00,7.03L152.00,7.14L154.00,7.24L156.00,7.35L158.00,7.45L160.00,7.56L162.00,7.67L164.00,7.77L166.00,7.88L168.00,7.98L170.00,8.09L172.00,8.20L174.00,8.30L176.00,8.41L178.00,8.51L180.00,8.61L182.00,8.72L184.00,8.82L186.00,8.92L188.00,9.02L190.00,9.12L192.00,9.22L194.00,9.31L196.00,9.41L198.00,9.51L200.00,9.60L200.00,10.17L198.00,10.21L196.00,10.25L194.00,10.29L192.00,10.33L190.00,10.36L188.00,10.40L186.00,10.44L184.00,10.47L182.00,10.51L180.00,10.54L178.00,10.57L176.00,10.61L174.00,10.64L172.00,10.67L170.00,10.70L168.00,10.73L166.00,10.75L164.00,10.78L162.00,10.80L160.00,10.83L158.00,10.85L156.00,10.87L154.00,10.89L152.00,10.91L150.00,10.93L148.00,10.95L146.00,10.97L144.00,10.98L142.00,11.00L140.00,11.01L138.00,11.02L136.00,11.03L134.00,11.04L132.00,11.06L130.00,11.07L128.00,11.07L126.00,11.08L124.00,11.09L122.00,11.10L120.00,11.11L118.00,11.12L116.00,11.12L114.00,11.13L112.00,11.14L110.00,11.14L108.00,11.15L106.00,11.16L104.00,11.16L102.00,11.17L100.00,11.18L98.00,11.19L96.00,11.20L94.00,11.20L92.00,11.21L90.00,11.22L88.00,11.23L86.00,11.24L84.00,11.25L82.00,11.26L80.00,11.27L78.00,11.28L76.00,11.29L74.00,11.30L72.00,11.31L70.00,11.32L68.00,11.33L66.00,11.33L64.00,11.34L62.00,11.35L60.00,11.36L58.00,11.37L56.00,11.37L54.00,11.38L52.00,11.38L50.00,11.38L48.00,11.39L46.00,11.39L44.00,11.38L42.00,11.38L40.00,11.38L38.00,11.37L36.00,11.36L34.00,11.34L32.00,11.33L30.00,11.31L28.00,11.29L26.00,11.26L24.00,11.24L22.00,11.20L20.00,11.17L18.00,11.13L16.00,11.08L14.00,11.03L12.00,10.97L10.00,10.91L8.00,10.84L6.00,10.76L4.00,10.67L2.00,10.56L0.00,10.39Z' fill='%23ABAC9B'/%3E%3Cpath d='M0.00,13.39L2.00,13.27L4.00,13.16L6.00,13.07L8.00,12.97L10.00,12.88L12.00,12.80L14.00,12.71L16.00,12.63L18.00,12.55L20.00,12.48L22.00,12.40L24.00,12.33L26.00,12.26L28.00,12.20L30.00,12.14L32.00,12.08L34.00,12.02L36.00,11.97L38.00,11.92L40.00,11.87L42.00,11.83L44.00,11.79L46.00,11.75L48.00,11.72L50.00,11.69L52.00,11.66L54.00,11.64L56.00,11.62L58.00,11.61L60.00,11.60L62.00,11.59L64.00,11.58L66.00,11.58L68.00,11.59L70.00,11.59L72.00,11.60L74.00,11.62L76.00,11.63L78.00,11.65L80.00,11.68L82.00,11.70L84.00,11.73L86.00,11.76L88.00,11.80L90.00,11.84L92.00,11.88L94.00,11.92L96.00,11.97L98.00,12.01L100.00,12.06L102.00,12.12L104.00,12.17L106.00,12.23L108.00,12.29L110.00,12.35L112.00,12.41L114.00,12.47L116.00,12.53L118.00,12.60L120.00,12.66L122.00,12.73L124.00,12.80L126.00,12.87L128.00,12.94L130.00,13.01L132.00,13.08L134.00,13.15L136.00,13.22L138.00,13.29L140.00,13.37L142.00,13.44L144.00,13.51L146.00,13.58L148.00,13.66L150.00,13.73L152.00,13.80L154.00,13.88L156.00,13.95L158.00,14.02L160.00,14.10L162.00,14.17L164.00,14.25L166.00,14.32L168.00,14.39L170.00,14.47L172.00,14.54L174.00,14.62L176.00,14.69L178.00,14.77L180.00,14.85L182.00,14.92L184.00,15.00L186.00,15.08L188.00,15.16L190.00,15.24L192.00,15.32L194.00,15.40L196.00,15.48L198.00,15.57L200.00,15.65L200.00,16.53L198.00,16.50L196.00,16.48L194.00,16.45L192.00,16.42L190.00,16.40L188.00,16.37L186.00,16.35L184.00,16.33L182.00,16.31L180.00,16.28L178.00,16.26L176.00,16.24L174.00,16.22L172.00,16.20L170.00,16.18L168.00,16.17L166.00,16.15L164.00,16.13L162.00,16.11L160.00,16.09L158.00,16.06L156.00,16.04L154.00,16.02L152.00,16.00L150.00,15.98L148.00,15.95L146.00,15.93L144.00,15.91L142.00,15.88L140.00,15.85L138.00,15.83L136.00,15.80L134.00,15.77L132.00,15.74L130.00,15.72L128.00,15.69L126.00,15.66L124.00,15.62L122.00,15.59L120.00,15.56L118.00,15.53L116.00,15.50L114.00,15.46L112.00,15.43L110.00,15.40L108.00,15.37L106.00,15.33L104.00,15.30L102.00,15.27L100.00,15.24L98.00,15.20L96.00,15.17L94.00,15.14L92.00,15.11L90.00,15.08L88.00,15.05L86.00,15.02L84.00,15.00L82.00,14.97L80.00,14.94L78.00,14.92L76.00,14.89L74.00,14.87L72.00,14.85L70.00,14.83L68.00,14.81L66.00,14.79L64.00,14.77L62.00,14.76L60.00,14.74L58.00,14.73L56.00,14.72L54.00,14.71L52.00,14.70L50.00,14.69L48.00,14.68L46.00,14.67L44.00,14.66L42.00,14.66L40.00,14.65L38.00,14.65L36.00,14.64L34.00,14.64L32.00,14.64L30.00,14.63L28.00,14.63L26.00,14.63L24.00,14.62L22.00,14.62L20.00,14.61L18.00,14.61L16.00,14.60L14.00,14.59L12.00,14.58L10.00,14.57L8.00,14.56L6.00,14.54L4.00,14.52L2.00,14.49L0.00,14.44Z' fill='%23ABAC9B' opacity='0.72'/%3E%3C/svg%3E") no-repeat center/100% 100%;opacity:1;pointer-events:none}
/* All emphasis colours share the one hand-drawn stroke; variant classes kept so
   existing markup keeps working. Offsets are in em so spacing stays proportional. */
.hl.oat::after,.hl.ochre::after,.hl.terracotta::after,.hl.rose::after,.hl.stone::after,
.hl.slate::after,.hl.sage::after,.hl.driftwood::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M0.00,9.71L2.00,9.44L4.00,9.22L6.00,9.01L8.00,8.81L10.00,8.62L12.00,8.43L14.00,8.25L16.00,8.08L18.00,7.91L20.00,7.74L22.00,7.58L24.00,7.42L26.00,7.27L28.00,7.12L30.00,6.97L32.00,6.83L34.00,6.69L36.00,6.56L38.00,6.43L40.00,6.31L42.00,6.19L44.00,6.07L46.00,5.97L48.00,5.86L50.00,5.76L52.00,5.67L54.00,5.58L56.00,5.50L58.00,5.42L60.00,5.35L62.00,5.28L64.00,5.22L66.00,5.16L68.00,5.11L70.00,5.07L72.00,5.03L74.00,4.99L76.00,4.96L78.00,4.94L80.00,4.92L82.00,4.91L84.00,4.91L86.00,4.91L88.00,4.91L90.00,4.92L92.00,4.94L94.00,4.96L96.00,4.98L98.00,5.01L100.00,5.05L102.00,5.09L104.00,5.13L106.00,5.18L108.00,5.23L110.00,5.29L112.00,5.35L114.00,5.41L116.00,5.48L118.00,5.55L120.00,5.63L122.00,5.70L124.00,5.79L126.00,5.87L128.00,5.96L130.00,6.04L132.00,6.14L134.00,6.23L136.00,6.32L138.00,6.42L140.00,6.52L142.00,6.62L144.00,6.72L146.00,6.82L148.00,6.93L150.00,7.03L152.00,7.14L154.00,7.24L156.00,7.35L158.00,7.45L160.00,7.56L162.00,7.67L164.00,7.77L166.00,7.88L168.00,7.98L170.00,8.09L172.00,8.20L174.00,8.30L176.00,8.41L178.00,8.51L180.00,8.61L182.00,8.72L184.00,8.82L186.00,8.92L188.00,9.02L190.00,9.12L192.00,9.22L194.00,9.31L196.00,9.41L198.00,9.51L200.00,9.60L200.00,10.17L198.00,10.21L196.00,10.25L194.00,10.29L192.00,10.33L190.00,10.36L188.00,10.40L186.00,10.44L184.00,10.47L182.00,10.51L180.00,10.54L178.00,10.57L176.00,10.61L174.00,10.64L172.00,10.67L170.00,10.70L168.00,10.73L166.00,10.75L164.00,10.78L162.00,10.80L160.00,10.83L158.00,10.85L156.00,10.87L154.00,10.89L152.00,10.91L150.00,10.93L148.00,10.95L146.00,10.97L144.00,10.98L142.00,11.00L140.00,11.01L138.00,11.02L136.00,11.03L134.00,11.04L132.00,11.06L130.00,11.07L128.00,11.07L126.00,11.08L124.00,11.09L122.00,11.10L120.00,11.11L118.00,11.12L116.00,11.12L114.00,11.13L112.00,11.14L110.00,11.14L108.00,11.15L106.00,11.16L104.00,11.16L102.00,11.17L100.00,11.18L98.00,11.19L96.00,11.20L94.00,11.20L92.00,11.21L90.00,11.22L88.00,11.23L86.00,11.24L84.00,11.25L82.00,11.26L80.00,11.27L78.00,11.28L76.00,11.29L74.00,11.30L72.00,11.31L70.00,11.32L68.00,11.33L66.00,11.33L64.00,11.34L62.00,11.35L60.00,11.36L58.00,11.37L56.00,11.37L54.00,11.38L52.00,11.38L50.00,11.38L48.00,11.39L46.00,11.39L44.00,11.38L42.00,11.38L40.00,11.38L38.00,11.37L36.00,11.36L34.00,11.34L32.00,11.33L30.00,11.31L28.00,11.29L26.00,11.26L24.00,11.24L22.00,11.20L20.00,11.17L18.00,11.13L16.00,11.08L14.00,11.03L12.00,10.97L10.00,10.91L8.00,10.84L6.00,10.76L4.00,10.67L2.00,10.56L0.00,10.39Z' fill='%23ABAC9B'/%3E%3Cpath d='M0.00,13.39L2.00,13.27L4.00,13.16L6.00,13.07L8.00,12.97L10.00,12.88L12.00,12.80L14.00,12.71L16.00,12.63L18.00,12.55L20.00,12.48L22.00,12.40L24.00,12.33L26.00,12.26L28.00,12.20L30.00,12.14L32.00,12.08L34.00,12.02L36.00,11.97L38.00,11.92L40.00,11.87L42.00,11.83L44.00,11.79L46.00,11.75L48.00,11.72L50.00,11.69L52.00,11.66L54.00,11.64L56.00,11.62L58.00,11.61L60.00,11.60L62.00,11.59L64.00,11.58L66.00,11.58L68.00,11.59L70.00,11.59L72.00,11.60L74.00,11.62L76.00,11.63L78.00,11.65L80.00,11.68L82.00,11.70L84.00,11.73L86.00,11.76L88.00,11.80L90.00,11.84L92.00,11.88L94.00,11.92L96.00,11.97L98.00,12.01L100.00,12.06L102.00,12.12L104.00,12.17L106.00,12.23L108.00,12.29L110.00,12.35L112.00,12.41L114.00,12.47L116.00,12.53L118.00,12.60L120.00,12.66L122.00,12.73L124.00,12.80L126.00,12.87L128.00,12.94L130.00,13.01L132.00,13.08L134.00,13.15L136.00,13.22L138.00,13.29L140.00,13.37L142.00,13.44L144.00,13.51L146.00,13.58L148.00,13.66L150.00,13.73L152.00,13.80L154.00,13.88L156.00,13.95L158.00,14.02L160.00,14.10L162.00,14.17L164.00,14.25L166.00,14.32L168.00,14.39L170.00,14.47L172.00,14.54L174.00,14.62L176.00,14.69L178.00,14.77L180.00,14.85L182.00,14.92L184.00,15.00L186.00,15.08L188.00,15.16L190.00,15.24L192.00,15.32L194.00,15.40L196.00,15.48L198.00,15.57L200.00,15.65L200.00,16.53L198.00,16.50L196.00,16.48L194.00,16.45L192.00,16.42L190.00,16.40L188.00,16.37L186.00,16.35L184.00,16.33L182.00,16.31L180.00,16.28L178.00,16.26L176.00,16.24L174.00,16.22L172.00,16.20L170.00,16.18L168.00,16.17L166.00,16.15L164.00,16.13L162.00,16.11L160.00,16.09L158.00,16.06L156.00,16.04L154.00,16.02L152.00,16.00L150.00,15.98L148.00,15.95L146.00,15.93L144.00,15.91L142.00,15.88L140.00,15.85L138.00,15.83L136.00,15.80L134.00,15.77L132.00,15.74L130.00,15.72L128.00,15.69L126.00,15.66L124.00,15.62L122.00,15.59L120.00,15.56L118.00,15.53L116.00,15.50L114.00,15.46L112.00,15.43L110.00,15.40L108.00,15.37L106.00,15.33L104.00,15.30L102.00,15.27L100.00,15.24L98.00,15.20L96.00,15.17L94.00,15.14L92.00,15.11L90.00,15.08L88.00,15.05L86.00,15.02L84.00,15.00L82.00,14.97L80.00,14.94L78.00,14.92L76.00,14.89L74.00,14.87L72.00,14.85L70.00,14.83L68.00,14.81L66.00,14.79L64.00,14.77L62.00,14.76L60.00,14.74L58.00,14.73L56.00,14.72L54.00,14.71L52.00,14.70L50.00,14.69L48.00,14.68L46.00,14.67L44.00,14.66L42.00,14.66L40.00,14.65L38.00,14.65L36.00,14.64L34.00,14.64L32.00,14.64L30.00,14.63L28.00,14.63L26.00,14.63L24.00,14.62L22.00,14.62L20.00,14.61L18.00,14.61L16.00,14.60L14.00,14.59L12.00,14.58L10.00,14.57L8.00,14.56L6.00,14.54L4.00,14.52L2.00,14.49L0.00,14.44Z' fill='%23ABAC9B' opacity='0.72'/%3E%3C/svg%3E") no-repeat center/100% 100%;opacity:1;height:0.38em;bottom:-0.38em;border-radius:0}

.thesis p em{font-style:italic;color:var(--ink)}

/* Detail rows — icon + label + value (e.g. contact/crisis-line list) */
.detail{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.detail:last-child{border-bottom:1px solid var(--line)}
.detail svg{flex:none;color:var(--ink);margin-top:2px}
.detail .k{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-bottom:3px}
.detail .v{font-size:16px}
.detail .v a{color:var(--ink)}
.detail a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--taupe-soft)}

/* Form card container — matches the home page's inline contact form */
form{background:var(--stone);border:1px solid var(--line);border-radius:20px;padding:34px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(58,63,47,.15)}
form .btn-primary{width:100%;justify-content:center}

/* Reusable numbered steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.step{padding:0 30px}
.step:not(:last-child){border-right:1px solid var(--line)}
.step .num{font-family:"Ethic Serif",serif;font-size:15px;font-weight:600;color:var(--ink)}
.step h3{font-size:21px;margin:12px 0 12px}
.step p{font-size:15px;color:var(--ink)}

@media(max-width:960px){
  .cards,.tiles,.steps{grid-template-columns:1fr;gap:32px}
  .step{padding:24px 0;border-right:none;border-bottom:1px solid var(--line)}
  .step:last-child{border-bottom:none}
}


/* Closing "see everything" row on the What I Can Help With dropdown. No icon, so its label
   is indented to line up with the six above it, and a hairline rule sets it apart as a
   destination rather than a seventh focus area. */
.nav-sub .nav-sub-all{margin-top:6px;border-top:1px solid var(--line)}
.nav-sub .nav-sub-all a{padding-top:12px;padding-left:57px}