/* ===========================================================
   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;overflow-x:hidden;overflow-x:clip}
/* Several decorative blocks rest just off the screen edge until they animate
   in. overflow-x on <body> alone is not reliably honoured on iOS Safari, so
   clip at the root as well; `clip` does it without making a scroll container. */
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:clip} /* clip, not hidden: hidden makes <body> a scroll container (html already clips) and the sticky header stops sticking */
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:#BCB0A4;/* 30% white, matching the footer */background-image:linear-gradient(rgba(255,255,255,.30),rgba(255,255,255,.30)),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}
.announce .ann-wait-phone{display:none}
.announce strong{font-weight:800}

/* 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:none;position:relative}
/* Current page: the same hand-drawn double stroke as the hero underlines, in the same
   sage green (#ABAC9B), sized to the word. Drawn with ::before because "What I Can Help With" already
   uses ::after for its dropdown chevron. */
.nav-links a.current::before{content:"";position:absolute;left:-2%;right:-2%;bottom:-10px;height:9px;background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20200%2022%27%20preserveAspectRatio=%27none%27%3E%3Cpath%20d=%27M0.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%27%20fill=%27%23ABAC9B%27/%3E%3Cpath%20d=%27M0.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%27%20fill=%27%23ABAC9B%27%20opacity=%270.72%27/%3E%3C/svg%3E") no-repeat center/100% 100%;pointer-events:none}
/* 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)}
/* ---------------------------------------------------------------
   Phone / tablet navigation. Above 800px nothing here applies and
   the desktop nav is untouched. Below it, the seven links used to wrap
   into three centred rows under the wordmark - a 220-380px header on a
   phone, pinned to the top of every screen because it is sticky - and
   the six areas of focus vanished with the hover dropdown, so the only
   way to reach a topic page from a phone was via the tiles on What I
   Can Help With. Now: wordmark and a menu button on one row, and the
   menu opens as a stacked list with the six areas indented under their
   parent, each row a comfortable 46px tap target.
   --------------------------------------------------------------- */
.nav-toggle{display:none}
@media(max-width:939px){
  .nav-links .has-sub > a::after{display:none}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
    margin:0;padding:0 10px;border:0;border-radius:8px;background:transparent;cursor:pointer;
    -webkit-tap-highlight-color:transparent}
  .nav-toggle span{display:block;height:1.5px;background:var(--ink);border-radius:1px;
    transition:transform .32s var(--ease),opacity .2s;transform-origin:center}
  .nav-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  nav.open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  nav.open .nav-toggle span:nth-child(2){opacity:0}
  nav.open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

  /* the list sits on its own full-width row under the wordmark */
  /* flex-wrap:nowrap matters: the base rule wraps, and a wrapping column with a
     max-height folds the list into two columns side by side. */
  .nav-links{display:none;flex-basis:100%;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;
    justify-content:flex-start;margin:6px 0 4px;padding:0;
    max-height:calc(100vh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  nav.open .nav-links{display:flex}
  .nav-links > li{border-top:1px solid var(--line)}
  .nav-links > li:last-child{border-top:0}
  .nav-links a{display:block;padding:13px 4px;font-size:15px;letter-spacing:.05em}
  .nav-links a.current{text-decoration:none;font-weight:600;width:fit-content;position:relative} /* shrink to the word so the underline fits it, not the row */
  .nav-links .has-sub > a::after{display:none} /* no dropdown chevron in the stacked list (the sub-list is always open) */
  .nav-links a.current::before{display:block;bottom:3px} /* same hand-drawn underline as desktop, sitting just under the word (the link has 13px bottom padding) */

  /* the six areas of focus, indented under "What I Can Help With" */
  .nav-sub{display:block;position:static;transform:none;opacity:1;visibility:visible;
    min-width:0;margin:0 0 6px;padding:0 0 0 14px;background:transparent;border:0;border-radius:0;box-shadow:none}
  .nav-sub li{border:0}
  .nav-sub a{display:flex;align-items:center;gap:12px;padding:9px 6px;font-size:14.5px;text-transform:none;letter-spacing:.01em;white-space:normal}
  .nav-sub a img{width:24px;height:24px}
  .nav-sub .nav-sub-all{display:block}   /* 'See All Areas' shown on phones too (Oct 1): the parent link reads as a heading here */
  .nav-links .nav-sub .nav-sub-all a{padding-left:42px}   /* text lines up with the six labels above (6px pad + 24px icon + 12px gap) */

  .nav-links .btn-book{display:inline-block;width:fit-content;margin:12px 0 6px;padding:11px 24px!important;font-size:14px}
}
.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-on-paper{background-image:none;background-color:var(--sage-linen);color:var(--ink)} /* on a sage-paper band the button is flat sage-linen (and on flat sage-linen it is sage paper) — Jackie, 2026-09-25 */
.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,2.2vw,2.75rem);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.375rem;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:29px}
.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 h2{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}
.foot-legal a{color:inherit;text-decoration:none}
.foot-legal a:hover{opacity:.65}
.foot-verified{font-family:"Miltona",cursive;font-weight:400;font-size:21px;line-height:1.1;color:var(--ink);margin-top:12px;-webkit-text-stroke:0.6px currentColor;paint-order:stroke fill}
.foot-verified a{color:inherit;text-decoration:none}
.foot-verified a:hover{opacity:.65}
.foot-creds{display:flex;align-items:center;gap:20px;margin-top:14px}
.foot-ccc{display:block;line-height:0}
.foot-ccc img{height:84px;width:auto;display:block}
.foot-creds .foot-verified{margin-top:0}
.land,.foot-brand .land{font-size:13px;font-weight:500;line-height:1.7;color:var(--ink);padding-top:0;margin-top:42px;max-width:78ch}
.foot-legal{font-family:"Inter",sans-serif;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:0;font-size:13px;color:var(--ink)}

@media(max-width:720px){
  .contact-grid{grid-template-columns:1fr}
  .foot-top{flex-direction:column;gap:0}
  .foot-brand{display:contents}
  .foot-links{margin-top:40px}
  .foot-brand .land{order:9}
}

/* --------------------------------------------------------------
   Phone proportions for the masthead. At 375px the announce bar +
   100px wordmark + three wrapped rows of nav came to 377px - just
   under half the viewport - before any content began, and the
   sticky header then clipped whatever the hero put underneath it.
   -------------------------------------------------------------- */
/* ---------------------------------------------------------------
   Hero typography, one spec for every split hero (Get to Know Me is the
   reference). Each page still sets its own colours, papers and the
   headline's measure; everything about spacing lives here so the pages
   cannot drift apart. `body` outranks the pages' own .hero-split rules.
   --------------------------------------------------------------- */
body .hero-split .copy{padding:clamp(31px,3.86vw,57px) clamp(48px,6vw,88px)}
body .hero-split .script-accent{font-size:clamp(2.05rem,3.45vw,2.75rem);line-height:1;margin:0 0 26px;margin-left:clamp(18px,3vw,38px)}
body .hero-split h1{font-size:clamp(2.1rem,3.55vw,3rem);line-height:1.45;letter-spacing:-.01em;margin:0 0 22px;margin-left:clamp(20px,3.5vw,42px)}
body .hero-split .btn-hero{margin-top:clamp(28px,4vw,48px);margin-left:clamp(20px,3.5vw,42px)}
@media(max-width:620px){
  body .hero-split .copy{padding-left:22px;padding-right:22px}
  body .hero-split .script-accent,body .hero-split h1,body .hero-split .btn-hero{margin-left:0}
}

/* Section eyebrows (outside heroes) sit 16px above what they introduce, everywhere. */
body .section-block .eyebrow,body .contact .eyebrow,body .wrap.prose .eyebrow{display:flex;margin-bottom:16px}
/* Screen-reader-only text, e.g. '(opens in a new tab)' on external links. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Every selector here is prefixed with `body` on purpose. This block does not sit
   at the end of the file, so a plain `.hl { ... }` here would lose to the plain
   `.hl { ... }` further down purely on source order - which is exactly what went
   wrong the first time. The extra `body` makes each rule win on specificity, so
   the block keeps working wherever it happens to live. */
@media(max-width:620px){
  body .announce{padding:10px 20px;font-size:12.5px;line-height:1.45}
  /* Phone: the sessions line is already covered by the hero and Where to Start; keep the bar to the waitlist notice. */
  .announce .ann-offer{display:none}
  .announce .ann-wait-desk{display:none}
  .announce .ann-wait-phone{display:inline}
  body nav{min-height:0;gap:0 12px;padding:10px 0}
  body .brand-img{height:72px}
  /* Same for the footer, where the crisis lines are phone numbers people may be
     tapping in a bad moment. */
  body .foot-col a{padding:6px 0;margin-bottom:3px}
  /* .btn is white-space:nowrap, which sets a floor under the width of whatever
     contains it: "Learn More About My Approach" alone needs 333px, so on a 320px
     screen it pushed its whole section 52px past the edge. Let long labels wrap;
     a button only wraps when it genuinely does not fit. */
  body .btn{white-space:normal;text-align:center}
  /* Let an emphasised phrase wrap rather than run off the side; the underline
     now follows it onto each line. */
  body .hl{white-space:normal}
  /* Every subpage hero sets its own generous .copy padding - 48px a side on most
     of them, which alone is 96px of a 320px screen and pushed the hero wider than
     the phone. One rule here rather than nine nearly-identical ones. */
  body .hero-split .copy{padding-left:22px;padding-right:22px}
  /* Miltona is set at line-height:1, which is fine while these lines sit on one
     line. Narrow enough to wrap, the second line lands on top of the first.
     min(6.3vw,1.8rem) keeps the phrase on one line on a phone and is identical to
     the existing size from about 455px up, so nothing changes on larger screens;
     the line-height is a safety net for the longer ones that still wrap. */
  body .hero-split .script-accent,body .faqs-hero .script-accent,body .script-accent{
    font-size:clamp(1.9rem,7.9vw,2.15rem);line-height:1.3}
  /* phone: the CCC seal must not be squashed by flex, and the wrapped Miltona line needs air */
  .foot-ccc{flex:none}
  .foot-ccc img{width:84px;height:84px}
  .foot-verified{line-height:1.3}
  /* phone: same script-to-headline gap as the home hero (16px) */
  body .hero-split .script-accent,body .faqs-hero .script-accent,body .contact-hero .script-accent{margin-bottom:23px}
}

/* ===========================================================
   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:16px;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). */
/* The hand-drawn underline is painted as this element's own background rather
   than as an absolutely positioned ::after, because a ::after can only ever be
   drawn under ONE line fragment: when the phrase wrapped, every line but the
   last was left with no underline at all. box-decoration-break:clone gives each
   wrapped fragment its own copy. The horizontal padding makes the stroke
   overhang the words slightly, as it did before, and the matching negative
   margin cancels it for layout so no line breaks move.
   white-space:nowrap is kept so desktop line breaks stay exactly as composed;
   the phone block below releases it, since a phrase that cannot fit should
   wrap rather than run off the screen. */
.hl{position:relative;font-style:italic;font-family:"Ethic Serif",Georgia,serif;white-space:nowrap;padding-bottom:.27em;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-left:.16em;padding-right:.16em;margin-left:-.16em;margin-right:-.16em}
.hl::after{content:none}
.hl{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 left bottom/100% .38em}
/* 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,.hl.ochre,.hl.terracotta,.hl.rose,.hl.stone,
.hl.slate,.hl.sage,.hl.driftwood{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 left bottom/100% .38em}

.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:16px;line-height:1.6;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}

/* Small laptops / large tablets (801-1023px): the seven menu links plus the 'Join Waitlist' button
   only just overflow one row here, so tighten link spacing and the button's side padding in this
   band only. Phones (<=800px) use the stacked menu; >=1024px is untouched. */
@media(min-width:940px) and (max-width:1023px){
  .nav-links{gap:14px}
  .nav-links .btn-book{padding:9px 14px!important}
}

/* ===========================================================
   Hand-drawn bullets (Sep 28): list items keep their exact position,
   the native disc is swapped for an ink-coloured hand-drawn mark.
   The mark sits in the list's existing indent, its left edge flush
   with the paragraph text above (--hb-indent = the ul's margin-left),
   and is centred on the first line. Two shapes alternate page to page.
   =========================================================== */
ul.hand-bullets{list-style:none}
ul.hand-bullets > li{position:relative}
ul.hand-bullets > li::before{content:"";position:absolute;left:calc(-1 * var(--hb-indent,1.3em));top:.46em;top:calc(.5lh - .4em);width:.8em;height:.8em;background:url('bullet-spiral.png?v=3') center/contain no-repeat;pointer-events:none}
ul.hand-bullets.hb-scribble > li::before{background-image:url('bullet-scribble.png?v=3')}

/* Phones and tablets: section headings split their lines evenly so a single word isn't left alone on the last line (Sep 30). Page titles (h1) and desktop are unchanged. */
@media(max-width:900px){main h2,main h3{text-wrap:balance}}