/* ============================================================
   Cheryl L. Andrews & Associates — cheryllandrews.com
   Design tokens
   Paper   #FBFAF6   page background
   Ink     #16332E   deep spruce — headings, nav, footer
   Body    #3B403D   body text
   Brass   #A6802E   accent — eyebrows, rules, links
   Panel   #EFECE3   warm panel tint
   Spruce panel #E9EFEC
   Hairline #DAD4C6
   Type: Fraunces (display) · Source Sans 3 (body)
   ============================================================ */

:root{
  --paper:#F9F4EB;
  --ink:#432640;
  --body:#4A4046;
  --brass:#A9793B;
  --brass-dark:#8C6229;
  --panel:#F1E8DA;
  --panel-spruce:#EFE4ED;
  --hair:#DFD3C3;
  --white:#FFFFFF;
  --display:"Fraunces", Georgia, serif;
  --sans:"Source Sans 3", "Segoe UI", Arial, sans-serif;
  --max:1100px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  font-family:var(--sans);
  font-size:1.0625rem;
  line-height:1.65;
  color:var(--body);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brass-dark);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 1.5rem}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:100}
.skip-link:focus{left:0}

/* ---------- Type ---------- */
h1,h2,h3,.display{font-family:var(--display);color:var(--ink);font-weight:500;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,4.5vw,3.3rem)}
h2{font-size:clamp(1.55rem,2.8vw,2.15rem);margin-bottom:.9rem}
h3{font-size:1.28rem;margin-bottom:.5rem;font-weight:600}
p+p{margin-top:1rem}
.lede{font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.55;color:var(--ink)}
.eyebrow{
  font-family:var(--sans);font-size:.76rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--brass-dark);
  display:block;margin-bottom:.85rem;
}
.accent-i{font-style:italic;color:var(--brass-dark)}

/* Ledger rule — the site's recurring signature divider */
.rule{border:0;height:1px;background:var(--hair);position:relative;margin:0}
.rule::after{
  content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;
  background:var(--brass);transform:rotate(45deg);
}
section{padding:4.2rem 0}
section.tight{padding:3rem 0}

/* ---------- Header ---------- */
.site-header{
  background:var(--paper);
  border-bottom:1px solid var(--hair);
  position:sticky;top:0;z-index:50;
}
.header-inner{
  max-width:var(--max);margin:0 auto;padding:.85rem 1.5rem .6rem;
  display:flex;align-items:center;gap:.5rem 1.5rem;justify-content:space-between;flex-wrap:wrap;
}
.brand{font-family:var(--display);font-size:1.12rem;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.2}
.brand small{display:block;font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-dark);margin-top:2px}
.nav{
  display:flex;align-items:center;gap:.35rem 1.5rem;flex-wrap:wrap;
  flex:1 0 100%;border-top:1px solid var(--hair);padding-top:.55rem;margin-top:.35rem;
}
.nav a{font-size:.88rem;font-weight:600;color:var(--ink);text-decoration:none;padding:.15rem 0}
.nav .btn{margin-left:auto;padding:.45rem 1rem;font-size:.88rem}
.nav a.btn{color:#fff}
.nav a.btn:hover{color:#fff;background:#301A2E;border-color:#301A2E}
.nav a:hover{color:var(--brass-dark)}
.nav a[aria-current="page"]{color:var(--brass-dark);border-bottom:2px solid var(--brass)}
.btn{
  display:inline-block;background:var(--ink);color:#fff;text-decoration:none;
  font-weight:600;font-size:.95rem;padding:.62rem 1.25rem;border:1px solid var(--ink);
  border-radius:2px;transition:background .15s ease;
}
.btn:hover{background:#301A2E;color:#fff}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.nav-toggle{display:none;background:none;border:1px solid var(--hair);border-radius:2px;padding:.45rem .6rem;font-size:1.1rem;color:var(--ink);cursor:pointer}

@media (max-width:900px){
  .nav-toggle{display:block}
  .nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--paper);border-bottom:1px solid var(--hair);
    flex-direction:column;align-items:flex-start;gap:0;padding:.5rem 1.5rem 1.25rem;
    border-top:0;margin-top:0;
  }
  .nav a{font-size:.95rem}
  .nav .btn{margin-left:0}
  .nav.open{display:flex}
  .nav a{padding:.65rem 0;width:100%;border-bottom:1px solid var(--hair)}
  .nav a[aria-current="page"]{border-bottom:1px solid var(--brass)}
  .nav .btn{margin-top:.9rem;width:auto}
}

/* ---------- Hero ---------- */
.hero{padding:5rem 0 4.2rem;background:var(--paper)}
.hero .thesis{
  font-family:var(--display);font-size:clamp(2.2rem,5vw,3.6rem);
  line-height:1.12;color:var(--ink);font-weight:500;max-width:15.5em;
}
.hero .thesis .dim{color:#9A8B96}
.hero .thesis .fn{font-style:italic;color:var(--brass-dark)}
.hero .sub{margin-top:1.6rem;max-width:44em;font-size:1.12rem}
.hero .meta{
  margin-top:2rem;font-size:.82rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);
}
.hero .meta span{color:var(--brass-dark)}
.hero .cta-row{margin-top:2.1rem;display:flex;flex-wrap:wrap;gap:.85rem}
.fade-up{animation:fadeUp .7s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Page hero (interior pages) */
.page-hero{padding:3.8rem 0 3rem;border-bottom:1px solid var(--hair)}
.page-hero h1{max-width:18em}
.page-hero .lede{margin-top:1.1rem;max-width:44em}

/* ---------- Pillars (home router) ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
.pillar{
  background:var(--white);border:1px solid var(--hair);border-top:3px solid var(--brass);
  padding:1.9rem 1.6rem 1.7rem;display:flex;flex-direction:column;
}
.pillar h3{font-size:1.3rem}
.pillar .eyebrow{margin-bottom:.6rem}
.pillar p{font-size:.98rem;margin-top:.6rem;flex:1}
.pillar a.more{margin-top:1.3rem;font-weight:700;font-size:.95rem;text-decoration:none;color:var(--ink)}
.pillar a.more::after{content:" →"}
.pillar a.more:hover{color:var(--brass-dark)}
@media (max-width:860px){.pillars{grid-template-columns:1fr}}

/* ---------- Panels / bands ---------- */
.band{background:var(--panel)}
.band-spruce{background:var(--panel-spruce)}
.band-ink{background:var(--ink);color:#EFE6E0}
.band-ink h2,.band-ink h3{color:#fff}
.band-ink a{color:#D9B678}
.band-ink a:hover{color:#fff}
.band-ink .eyebrow{color:#CBA463}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.col-narrow-wide{display:grid;grid-template-columns:.85fr 1.6fr;gap:3rem}
@media (max-width:860px){.two-col,.col-narrow-wide{grid-template-columns:1fr;gap:2rem}}

.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.3rem;margin-top:1.8rem}
.card{background:var(--white);border:1px solid var(--hair);padding:1.5rem 1.4rem}
.card h3{font-size:1.12rem}
.card p{font-size:.96rem;margin-top:.4rem}
.band .card,.band-spruce .card{background:var(--paper)}

ul.plain{list-style:none}
ul.checks{list-style:none;margin-top:.8rem}
ul.checks li{padding-left:1.35rem;position:relative;margin-bottom:.5rem}
ul.checks li::before{
  content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;
  background:var(--brass);transform:rotate(45deg);
}
ul.cols-2{columns:2;column-gap:2.5rem}
@media (max-width:700px){ul.cols-2{columns:1}}

/* ---------- Tracks (CFA page) ---------- */
.track{border:1px solid var(--hair);background:var(--white);margin-top:1.5rem;padding:2rem 1.8rem}
.track .who{font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-dark);margin-bottom:.35rem}
.track h3{font-size:1.35rem}
.track .note{font-size:.94rem;color:#6B5C66;margin-top:1rem;border-left:3px solid var(--brass);padding-left:.9rem}

/* ---------- Accordions (details/summary) ---------- */
details.acc{border:1px solid var(--hair);background:var(--white);margin-top:.9rem}
details.acc>summary{
  cursor:pointer;list-style:none;padding:1.1rem 1.3rem;font-weight:600;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.02rem;
}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary::after{content:"+";font-family:var(--display);font-size:1.3rem;color:var(--brass-dark);line-height:1}
details.acc[open]>summary::after{content:"–"}
details.acc .acc-body{padding:0 1.3rem 1.3rem;font-size:.98rem}
details.acc .acc-body p+p{margin-top:.7rem}

/* ---------- Credentials page ---------- */
.snapshot{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-top:2rem}
.stat{background:var(--white);border:1px solid var(--hair);padding:1.3rem 1.2rem}
.stat .big{font-family:var(--display);font-size:2rem;color:var(--ink);line-height:1}
.stat .lab{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-dark);margin-top:.5rem}
.cred-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.96rem}
.cred-table th{text-align:left;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-dark);padding:.55rem .6rem;border-bottom:2px solid var(--hair)}
.cred-table td{padding:.6rem;border-bottom:1px solid var(--hair);vertical-align:top}
.cred-table td:first-child{font-weight:600;color:var(--ink)}
@media (max-width:640px){
  .cred-table thead{display:none}
  .cred-table td{display:block;border:0;padding:.2rem .4rem}
  .cred-table tr{display:block;border-bottom:1px solid var(--hair);padding:.6rem 0}
}

/* ---------- Contact ---------- */
.intake-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.intake-tabs button{
  font-family:var(--sans);font-weight:700;font-size:.92rem;letter-spacing:.02em;
  padding:.65rem 1.15rem;border:1px solid var(--hair);background:var(--white);
  color:var(--ink);cursor:pointer;border-radius:2px;
}
.intake-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.intake-panel{margin-top:1.6rem}
.intake-panel[hidden]{display:none}
form.intake{background:var(--white);border:1px solid var(--hair);padding:2rem 1.8rem;max-width:640px}
form.intake .fld{margin-bottom:1.15rem}
form.intake label{display:block;font-weight:600;font-size:.94rem;color:var(--ink);margin-bottom:.35rem}
form.intake input,form.intake select,form.intake textarea{
  width:100%;font-family:var(--sans);font-size:1rem;padding:.62rem .7rem;
  border:1px solid #C9C3B4;border-radius:2px;background:var(--paper);color:var(--body);
}
form.intake textarea{min-height:120px;resize:vertical}
form.intake .hint{font-size:.85rem;color:#7A6C75;margin-top:.3rem}
.office{background:var(--white);border:1px solid var(--hair);padding:1.4rem 1.3rem}
.office h3{font-size:1.05rem}
.office p{font-size:.95rem;margin-top:.35rem}

/* ---------- Notices ---------- */
.notice{
  border:1px solid var(--hair);border-left:4px solid var(--brass);
  background:var(--white);padding:1.4rem 1.5rem;font-size:.95rem;margin-top:2rem;
}
.notice strong{color:var(--ink)}
.handoff{
  background:var(--panel-spruce);border:1px solid var(--hair);
  padding:1.6rem 1.7rem;margin-top:2rem;
}
.handoff .eyebrow{margin-bottom:.4rem}

/* ---------- CTA band ---------- */
.cta-band{padding:4rem 0;text-align:left}
.cta-band .cta-row{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.85rem}
.band-ink .btn{background:var(--brass);border-color:var(--brass);color:#2E1A2B}
.band-ink .btn:hover{background:#C08E48;border-color:#C08E48}
.band-ink .btn.ghost{background:transparent;color:#EFE6E0;border-color:#75577020;border-color:#7A5C74}
.band-ink .btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:#D3C6CF;padding:3.2rem 0 2.4rem;font-size:.92rem}
.site-footer a{color:#D9B678;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr}}
.site-footer h4{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#CBA463;margin-bottom:.8rem}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:.45rem}
.footer-handoff{
  border-top:1px solid #5B3E56;margin-top:2.4rem;padding-top:1.6rem;
  font-size:.9rem;color:#BFAFBB;
}
.footer-legal{margin-top:1.4rem;font-size:.82rem;color:#9D8A98}
.footer-brand{font-family:var(--display);font-size:1.15rem;color:#fff;margin-bottom:.6rem}

/* ---------- Imagery ---------- */
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:3rem;align-items:center}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr;gap:2.2rem}}
.portrait{position:relative;max-width:400px;justify-self:end}
@media (max-width:860px){.portrait{justify-self:start}}
.portrait img{border:1px solid var(--hair);box-shadow:12px 12px 0 var(--panel-spruce), 13px 13px 0 var(--brass)}
figure.frame{margin:0}
figure.frame img{border:1px solid var(--hair)}
figure.frame figcaption{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-dark);margin-top:.6rem;font-weight:700}
.banner-hero{border-bottom:1px solid var(--hair)}
.banner-hero img{width:100%;display:block}
.track-img{margin:-2rem -1.8rem 1.4rem;border-bottom:1px solid var(--hair)}
.track-img img{width:100%;display:block}
@media (max-width:640px){.track-img{margin:-2rem -1.3rem 1.2rem}}
.img-offset{border:1px solid var(--hair);box-shadow:10px 10px 0 var(--panel)}
.band .img-offset,.band-spruce .img-offset{box-shadow:10px 10px 0 var(--paper)}

/* ---------- Consent checkbox ---------- */
.fld.consent{border-top:1px solid var(--hair);padding-top:1.1rem;margin-top:1.4rem}
.consent-title{font-weight:700;color:var(--ink);font-size:.95rem;margin-bottom:.55rem}
label.check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.88rem;line-height:1.55;color:var(--body);cursor:pointer}
label.check input{width:auto;margin-top:.25rem;accent-color:var(--brass-dark);flex:none;transform:scale(1.15)}