/* One page, one bold move: Tara's four questions, set large on a dark slate band.
   Palette comes from her headshot: slate teal, plum, mist grey. */
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-wght-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
:root{
  --ink:#1f2a2c;--muted:#54646a;--slate:#2c4a50;--slate-dark:#1c3338;
  --plum:#6b2d44;--plum-dark:#4e1f31;--mist:#edf0ef;--paper:#fbfcfb;--rule:#d3dbd9;
  --on-dark:#eef3f2;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:1.1875rem/1.68 var(--serif)}
a{color:var(--plum);text-underline-offset:.15em}
a:hover{color:var(--plum-dark)}
:focus-visible{outline:3px solid var(--plum);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:20}
.wrap{max-width:1040px;margin-inline:auto;padding-inline:24px}

/* top bar */
.topbar{position:sticky;top:0;z-index:10;background:rgba(251,252,251,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(6px)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:8px 28px;flex-wrap:wrap;padding-block:12px}
.brand{font-weight:600;font-size:1.2rem;color:var(--slate-dark);text-decoration:none;letter-spacing:-.005em}
.topbar nav{display:flex;flex-wrap:wrap;gap:4px 22px;font:500 .95rem/1.4 var(--sans)}
.topbar nav a{color:var(--slate);text-decoration:none;padding-block:4px;border-bottom:2px solid transparent}
.topbar nav a:hover{color:var(--plum);border-bottom-color:var(--plum)}

/* hero */
.hero{padding-block:64px 72px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:center}
h1{font-size:clamp(2.6rem,6vw,4.1rem);line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:0;color:var(--slate-dark)}
.role{margin:.35em 0 1.2em;font-size:1.3rem;font-style:italic;color:var(--muted)}
.lede{font-size:1.4rem;line-height:1.5;max-width:30rem;margin:0 0 1.6em;text-wrap:pretty}
.cta-row{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}
.button{display:inline-block;background:var(--plum);color:#fff;text-decoration:none;font:600 1rem/1.3 var(--sans);padding:15px 24px;border-radius:3px}
.button:hover{background:var(--plum-dark);color:#fff}
.reach{margin:0;font:500 1rem/1.6 var(--sans)}
.reach a{color:var(--slate-dark);text-decoration:none}.reach a:hover{text-decoration:underline}
.headshot{width:100%;height:auto;display:block;border-radius:4px}

/* the four questions */
.questions{background:var(--slate-dark);color:var(--on-dark);padding-block:88px}
.questions .wrap{display:grid;gap:1.1em;max-width:900px}
.questions p{margin:0;font-size:clamp(1.65rem,3.8vw,2.7rem);line-height:1.22;font-weight:400;letter-spacing:-.01em;text-wrap:balance}

/* sections */
.section{padding-block:76px;border-top:1px solid var(--rule)}
.questions+.section{border-top:0}
.split{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px}
h2{margin:0;font-size:1.7rem;line-height:1.2;font-weight:500;color:var(--slate-dark);text-wrap:balance}
.prose{max-width:38rem;min-width:0}
.prose>:first-child{margin-top:0}
p{margin:0 0 1.1em}
h3{font-size:1.25rem;line-height:1.3;font-weight:600;margin:1.9em 0 .45em;color:var(--slate-dark)}
ul{padding-left:1.2em;margin:0 0 1.3em}li{margin-bottom:.45em}
.cols{columns:2;column-gap:36px}.cols li{break-inside:avoid}

/* questions (FAQ) */
details{border-bottom:1px solid var(--rule);padding-block:6px}
details:first-of-type{border-top:1px solid var(--rule)}
summary{cursor:pointer;font-weight:600;padding-block:12px;color:var(--slate-dark)}
summary::marker{color:var(--plum)}
details p{margin:.2em 0 1em}

/* contact */
.contact{background:var(--mist);border-top:0}
.big{font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.25;margin:0 0 .3em;font-weight:500}
.big a{text-decoration:none;color:var(--slate-dark)}.big a:hover{color:var(--plum);text-decoration:underline}
.contact .big:last-of-type{margin-bottom:1.1em}
footer{padding-block:28px 40px;color:var(--muted);font:.9rem var(--sans);background:var(--paper)}
footer p{margin:0}

section[id],#top{scroll-margin-top:64px}

@media(max-width:860px){
  .hero{padding-block:36px 48px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .headshot{max-width:320px;order:-1}
  .questions{padding-block:60px}
  .section{padding-block:52px}
  .split{grid-template-columns:1fr;gap:20px}
  .cols{columns:1}
  section[id],#top{scroll-margin-top:96px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}