/* ============================================================
   Dhanachakra — site styles
   Brand: Maroon #8B1D2C · Deep Wine #4A0D1A · Gold #D1A34A
   Type: Fraunces (display) + Plus Jakarta Sans (UI/body)
   ============================================================ */

:root{
  --paper:#FBF7F3; --surface:#FFFFFF; --surface-2:#F5ECE6;
  --ink:#241F21; --ink-soft:#6A5D5E; --line:#EADFD8; --line-strong:#DCCABE;
  --brand:#8B1D2C; --brand-ink:#8B1D2C; --gold:#B07E22; --gold-soft:#C69339;
  --shadow:0 1px 2px rgba(36,20,26,.05), 0 12px 30px -14px rgba(74,13,26,.22);
  --shadow-lg:0 30px 70px -30px rgba(74,13,26,.45);
  --wine-deep:#37101B; --wine:#4A0D1A; --maroon-const:#8B1D2C;
  --gold-const:#D1A34A; --gold-bright:#E8B53C; --cream:#F6ECE3; --cream-soft:#D9BDAF;
  --ok:#2F7D5B; --max:1180px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#241019; --surface:#2F1220; --surface-2:#3A1526;
    --ink:#F6ECE4; --ink-soft:#D2B3A8; --line:rgba(209,163,74,.20); --line-strong:rgba(209,163,74,.34);
    --brand:#8B1D2C; --brand-ink:#E6A6AE; --gold:#E8B53C; --gold-soft:#E8B53C;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 16px 40px -18px rgba(0,0,0,.6);
    --shadow-lg:0 40px 90px -30px rgba(0,0,0,.7);
    --ok:#5BC08D;
  }
}
:root[data-theme="dark"]{
  --paper:#241019; --surface:#2F1220; --surface-2:#3A1526;
  --ink:#F6ECE4; --ink-soft:#D2B3A8; --line:rgba(209,163,74,.20); --line-strong:rgba(209,163,74,.34);
  --brand:#8B1D2C; --brand-ink:#E6A6AE; --gold:#E8B53C; --gold-soft:#E8B53C;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 16px 40px -18px rgba(0,0,0,.6);
  --shadow-lg:0 40px 90px -30px rgba(0,0,0,.7);
  --ok:#5BC08D;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:"Fraunces","Plus Jakarta Sans",Georgia,serif;font-weight:600;line-height:1.08;text-wrap:balance;margin:0;color:var(--ink)}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.eyebrow{font-family:"Plus Jakarta Sans";font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-ink)}
.tnum{font-variant-numeric:tabular-nums}
.skip{position:absolute;left:-999px;top:0;background:var(--brand);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;z-index:200}
.skip:focus{left:0}
:focus-visible{outline:2.5px solid var(--gold-soft);outline-offset:3px;border-radius:4px}

/* ---------- logo lockup ---------- */
.mark-img{display:block;height:100%;width:auto}
.brand-lock{display:flex;align-items:center;gap:12px}
.brand-lock .mk{height:44px;display:flex;align-items:center}
.wm-lock{display:flex;flex-direction:column;line-height:1}
.wm{font-family:"Plus Jakarta Sans";font-weight:800;letter-spacing:.11em;font-size:1.16rem;color:var(--ink)}
.wm-sub{font-size:.56rem;letter-spacing:.32em;font-weight:700;color:var(--gold);text-transform:uppercase;margin-top:4px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:"Plus Jakarta Sans";font-weight:700;font-size:.95rem;
  padding:.8em 1.4em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s, box-shadow .2s, background .2s, color .2s, filter .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px -12px rgba(139,29,44,.8)}
.btn--primary:hover{background:#761321}
.btn--gold{background:linear-gradient(180deg,#F4CE73,var(--gold-const));color:#40170a;box-shadow:0 10px 24px -12px rgba(209,163,74,.85)}
.btn--gold:hover{filter:brightness(1.05)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn--ghost:hover{border-color:var(--brand-ink);color:var(--brand-ink)}
.btn--on-dark{background:transparent;color:var(--cream);border-color:rgba(246,236,227,.35)}
.btn--on-dark:hover{border-color:var(--gold-bright);color:var(--gold-bright)}
.btn--block{width:100%;justify-content:center}

/* ---------- utility bar ---------- */
.util{background:var(--wine-deep);color:var(--cream-soft);font-size:.8rem}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px}
.util a:hover{color:var(--gold-bright)}
.util .util-r{display:flex;gap:20px;align-items:center}
.util .dot{color:var(--gold-const)}
@media(max-width:760px){.util .util-l{display:none}}

/* ---------- header / nav ---------- */
header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.brand-lock a, a.brand-lock{display:flex}
nav.links{display:flex;align-items:center;gap:4px}
nav.links a{font-family:"Plus Jakarta Sans";font-weight:600;font-size:.92rem;color:var(--ink-soft);padding:.5em .8em;border-radius:8px;transition:color .15s, background .15s}
nav.links a:hover{color:var(--ink);background:var(--surface-2)}
nav.links a[aria-current="page"]{color:var(--brand-ink)}
.nav-r{display:flex;align-items:center;gap:10px}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);cursor:pointer;transition:.15s}
.icon-btn:hover{color:var(--brand-ink);border-color:var(--brand-ink)}
.menu-btn{display:none}
@media(max-width:960px){nav.links{display:none} .menu-btn{display:grid} .hide-sm{display:none}}
.mobile-menu{display:none;border-bottom:1px solid var(--line);background:var(--surface)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:14px 28px;font-weight:600;color:var(--ink);border-top:1px solid var(--line)}
.mobile-menu a[aria-current="page"]{color:var(--brand-ink)}

/* ---------- sections ---------- */
.section{padding:96px 0}
.section--tight{padding:64px 0}
.alt{background:var(--surface-2)}
.sec-head{max-width:680px;margin-bottom:44px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:14px 0 12px}
.sec-head p{color:var(--ink-soft);font-size:1.05rem}

/* ---------- hero (home) ---------- */
.hero{position:relative;overflow:hidden;color:var(--cream);isolation:isolate;
  background:radial-gradient(120% 120% at 88% -10%, rgba(232,181,60,.18), transparent 46%),
    radial-gradient(90% 90% at 0% 110%, rgba(139,29,44,.55), transparent 55%),
    linear-gradient(160deg,var(--wine-deep) 0%, var(--wine) 55%, #5c101f 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(246,236,227,.05) 1px, transparent 1.4px);background-size:22px 22px;opacity:.5}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding-top:74px;padding-bottom:82px}
.hero .eyebrow{color:var(--gold-bright)}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 9px;border:1px solid rgba(232,181,60,.34);border-radius:999px;font-size:.76rem;font-weight:600;color:var(--cream);background:rgba(255,255,255,.04)}
.hero-badge .pip{width:20px;height:20px;border-radius:50%;background:rgba(232,181,60,.16);display:grid;place-items:center;color:var(--gold-bright);font-size:.7rem}
.hero h1{color:var(--cream);font-size:clamp(2.5rem,5.2vw,4.2rem);letter-spacing:-.01em;margin:22px 0 0}
.hero h1 .accent{color:var(--gold-bright);font-style:italic;font-weight:500}
.hero-lede{margin-top:22px;max-width:40ch;color:var(--cream-soft);font-size:1.12rem}
.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero-trust{display:flex;gap:28px;margin-top:44px;flex-wrap:wrap}
.hero-trust .ht{border-left:2px solid rgba(232,181,60,.4);padding-left:14px}
.hero-trust .n{font-family:"Fraunces";font-size:1.7rem;font-weight:600;color:var(--cream);line-height:1}
.hero-trust .l{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-soft);margin-top:6px}
.hero-art{position:relative;display:grid;place-items:center;min-height:360px}
.coin{width:min(360px,80%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;
  background:radial-gradient(circle at 37% 30%, #FDEEC0 0%, #F0C368 34%, #D1A34A 60%, #B07E22 82%, #8f6416 100%);
  box-shadow:inset 0 5px 20px rgba(255,255,255,.55), inset 0 -22px 46px rgba(90,58,8,.55), 0 34px 70px -22px rgba(0,0,0,.6)}
.coin::before{content:"";position:absolute;inset:16px;border-radius:50%;border:2px dashed rgba(120,80,10,.34)}
.coin::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.35)}
.coin img{width:54%;position:relative;filter:drop-shadow(0 8px 14px rgba(70,35,8,.35))}
.ring-o{position:absolute;border-radius:50%;border:1px solid rgba(232,181,60,.22)}
.ring-o.a{width:118%;height:118%}
.ring-o.b{width:138%;height:138%;border-style:dashed;border-color:rgba(246,236,227,.12)}
.hero-quick{position:absolute;bottom:2px;right:-6px;background:var(--surface);color:var(--ink);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-lg);width:216px;border:1px solid var(--line)}
.hero-quick .qh{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.hero-quick .qrate{font-family:"Fraunces";font-size:2rem;font-weight:600;color:var(--brand-ink);line-height:1;margin:6px 0 2px}
.hero-quick .qsub{font-size:.8rem;color:var(--ink-soft)}
.hero-quick .qbar{height:6px;border-radius:6px;background:var(--surface-2);margin-top:12px;overflow:hidden}
.hero-quick .qbar i{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--gold-const),var(--brand))}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:34px} .hero-art{min-height:320px;margin-top:6px}}

/* ---------- page hero (inner pages) ---------- */
.page-hero{background:radial-gradient(90% 120% at 100% 0%, rgba(139,29,44,.4), transparent 50%),linear-gradient(160deg,var(--wine-deep),var(--wine));color:var(--cream);padding:72px 0 64px}
.page-hero .eyebrow{color:var(--gold-bright)}
.page-hero h1{color:var(--cream);font-size:clamp(2.2rem,4.6vw,3.5rem);margin-top:16px;max-width:18ch}
.page-hero h1 em{color:var(--gold-bright);font-weight:500;font-style:italic}
.page-hero p{margin-top:20px;max-width:56ch;color:var(--cream-soft);font-size:1.08rem}
.crumbs{font-size:.82rem;color:var(--cream-soft)}
.crumbs a:hover{color:var(--gold-bright)}

/* ---------- strip ---------- */
.strip{background:var(--maroon-const);color:var(--cream);border-top:2px solid var(--gold-const)}
.strip .wrap{display:flex;gap:36px;flex-wrap:wrap;justify-content:center;padding:18px 28px;font-size:.82rem}
.strip .wrap span{display:inline-flex;gap:9px;align-items:center;color:var(--cream)}
.strip .wrap span b{color:var(--gold-bright);font-weight:700}

/* ---------- feature grid ---------- */
.gl-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:42px}
@media(max-width:720px){.gl-head{grid-template-columns:1fr}}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feat-grid{grid-template-columns:1fr}}
.fcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:transform .18s, box-shadow .2s, border-color .2s}
.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.fcard .fi{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold-soft) 16%, transparent);color:var(--gold);margin-bottom:16px}
.fcard h3{font-size:1.18rem;margin-bottom:8px}
.fcard p{color:var(--ink-soft);font-size:.92rem}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 24px}
.step .num{font-family:"Fraunces";font-weight:600;font-size:1.05rem;color:#fff;background:var(--brand);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.step h4{font-family:"Plus Jakarta Sans";font-weight:700;font-size:1.08rem;margin-bottom:6px}
.step p{color:var(--ink-soft);font-size:.92rem}

/* ---------- rate / eligibility ---------- */
.rate-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
@media(max-width:860px){.rate-wrap{grid-template-columns:1fr;gap:30px}}
.rate-card{background:linear-gradient(160deg,var(--wine) 0%, var(--wine-deep) 100%);color:var(--cream);border-radius:22px;padding:36px;position:relative;overflow:hidden}
.rate-card::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(232,181,60,.2)}
.rate-card .rrow{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid rgba(232,181,60,.2);font-size:.95rem}
.rate-card .rrow:first-of-type{border-top:none}
.rate-card .rrow span:first-child{color:var(--cream-soft)}
.rate-card .rrow b{color:var(--gold-bright);font-weight:700;text-align:right}
.rate-note{font-size:.76rem;color:var(--cream-soft);margin-top:16px}
.pledge-list{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.pledge{display:flex;gap:12px;align-items:flex-start}
.pledge .pk{width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--gold-soft) 18%, transparent);color:var(--gold);display:grid;place-items:center;flex:none;margin-top:2px}
.pledge b{font-weight:700}
.pledge p{font-size:.9rem;color:var(--ink-soft)}

/* ---------- stats ---------- */
.stats{background:linear-gradient(160deg,var(--wine) 0%, var(--wine-deep) 100%);color:var(--cream);position:relative;overflow:hidden}
.stats::before{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(232,181,60,.16)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:34px 24px}}
.stat{border-left:1px solid rgba(232,181,60,.24);padding-left:20px}
.stat .n{font-family:"Fraunces";font-weight:600;font-size:clamp(2.3rem,5vw,3.3rem);color:var(--gold-bright);line-height:1}
.stat .l{margin-top:10px;font-size:.9rem;color:var(--cream-soft)}

/* ---------- why ---------- */
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
@media(max-width:860px){.why{grid-template-columns:1fr;gap:34px}}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.why-list{grid-template-columns:1fr}}
.wtile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}
.wtile .wi{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--gold-soft) 16%, transparent);color:var(--gold);display:grid;place-items:center;margin-bottom:12px}
.wtile h4{font-family:"Plus Jakarta Sans";font-weight:700;font-size:1rem;margin-bottom:5px}
.wtile p{font-size:.85rem;color:var(--ink-soft)}
.why-quote{background:var(--surface-2);border-radius:20px;padding:34px;border:1px solid var(--line)}
.why-quote .big{font-family:"Fraunces";font-size:clamp(2.6rem,6vw,3.6rem);font-weight:600;color:var(--brand-ink);line-height:.9}
.why-quote .qt{font-family:"Fraunces";font-size:1.35rem;font-weight:500;font-style:italic;margin:14px 0 10px;color:var(--ink)}
.why-quote p{color:var(--ink-soft);font-size:.92rem}

/* ---------- branches ---------- */
.branch-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
@media(max-width:860px){.branch-wrap{grid-template-columns:1fr}}
.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:560px){.branch-grid{grid-template-columns:repeat(2,1fr)}}
.bchip{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:9px;transition:.15s}
.bchip:hover{border-color:var(--brand-ink);color:var(--brand-ink)}
.bchip .pin{color:var(--gold);flex:none}
.bchip.head{background:var(--brand);color:#fff;border-color:var(--brand)}
.bchip.head .pin{color:var(--gold-bright)}
.bchip.head .hq{margin-left:auto;font-size:.6rem;letter-spacing:.1em;background:rgba(255,255,255,.16);padding:3px 6px;border-radius:5px}
.hours{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.hours h4{font-family:"Plus Jakarta Sans";font-weight:800;font-size:1rem;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.hours .row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:.9rem}
.hours .row:first-of-type{border-top:none}
.hours .row span:last-child{color:var(--ink-soft);font-variant-numeric:tabular-nums}
.hours .closed{color:var(--brand-ink);font-weight:600}

/* branch cards (branches page) */
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:860px){.bcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bcards{grid-template-columns:1fr}}
.bcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;transition:.18s}
.bcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}
.bcard.head{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}
.bcard .bt{display:flex;align-items:center;gap:8px;font-family:"Plus Jakarta Sans";font-weight:700;font-size:1.08rem}
.bcard .bt .pin{color:var(--gold)}
.bcard .badge{display:inline-block;margin-top:4px;font-size:.6rem;font-weight:800;letter-spacing:.1em;color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 12%, transparent);padding:3px 8px;border-radius:5px;text-transform:uppercase}
.bcard .bmeta{color:var(--ink-soft);font-size:.86rem;margin-top:10px}
.bcard a.bmeta:hover{color:var(--brand-ink)}

/* ---------- cta band ---------- */
.cta-band{background:radial-gradient(100% 140% at 100% 0%, rgba(232,181,60,.18), transparent 50%),linear-gradient(150deg,var(--brand) 0%, var(--wine) 100%);color:var(--cream)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-inner h2{color:var(--cream);font-size:clamp(1.8rem,3.6vw,2.7rem)}
.cta-inner p{color:var(--cream-soft);margin-top:8px;max-width:46ch}

/* ---------- forms ---------- */
.form-wrap{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:start}
@media(max-width:860px){.form-wrap{grid-template-columns:1fr;gap:34px}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}
form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){form .grid2{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field label{font-size:.82rem;font-weight:700;color:var(--ink)}
.field label .req{color:var(--brand-ink)}
.field input,.field select,.field textarea{
  font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--paper);
  border:1.5px solid var(--line-strong);border-radius:10px;padding:12px 14px;transition:border-color .15s, box-shadow .15s;width:100%}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%, transparent)}
.form-note{font-size:.78rem;color:var(--ink-soft);margin-top:4px}
.form-status{margin-top:14px;padding:12px 16px;border-radius:10px;font-size:.9rem;font-weight:600;display:none}
.form-status.show{display:block}
.form-status.ok{background:color-mix(in srgb,var(--ok) 14%, transparent);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 36%, transparent)}
.form-status.err{background:color-mix(in srgb,var(--brand) 12%, transparent);color:var(--brand-ink);border:1px solid color-mix(in srgb,var(--brand) 34%, transparent)}
.contact-list{display:flex;flex-direction:column;gap:18px}
.citem{display:flex;gap:14px;align-items:flex-start}
.citem .ci{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--gold-soft) 16%, transparent);color:var(--gold);display:grid;place-items:center;flex:none}
.citem .cl{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.citem .cv{font-weight:600}
.citem .cv a:hover{color:var(--brand-ink)}

/* ---------- faq ---------- */
.faq{max-width:820px;margin-inline:auto}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 22px;margin-bottom:12px}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;font-family:"Plus Jakarta Sans";display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{transition:transform .2s;color:var(--gold);flex:none}
.faq details[open] summary .chev{transform:rotate(180deg)}
.faq details p{color:var(--ink-soft);font-size:.95rem;padding:0 0 20px}

/* ---------- about: story / timeline / values / leadership / gov ---------- */
.story{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:860px){.story{grid-template-columns:1fr;gap:34px}}
.story .lead{font-family:"Fraunces";font-size:clamp(1.5rem,2.8vw,2rem);font-weight:500;line-height:1.35;color:var(--ink)}
.story .lead em{color:var(--brand-ink);font-style:italic}
.story p{color:var(--ink-soft);margin-top:18px}
.story-card{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.story-card .m .n{font-family:"Fraunces";font-size:2.3rem;font-weight:600;color:var(--brand-ink);line-height:1}
.story-card .m .l{font-size:.82rem;color:var(--ink-soft);margin-top:6px}
.timeline{margin-top:20px}
.tl-row{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--line)}
.tl-row:first-child{border-top:none}
.tl-year{font-family:"Fraunces";font-weight:600;font-size:1.5rem;color:var(--gold)}
.tl-body h4{font-family:"Plus Jakarta Sans";font-weight:700;font-size:1.08rem;margin-bottom:6px}
.tl-body p{color:var(--ink-soft);font-size:.95rem;max-width:60ch}
@media(max-width:560px){.tl-row{grid-template-columns:1fr;gap:6px}}
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.val-grid{grid-template-columns:1fr}}
.vcard{padding:28px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.vcard .vn{font-family:"Fraunces";font-size:1.1rem;color:var(--gold);font-weight:600}
.vcard h4{font-family:"Plus Jakarta Sans";font-weight:700;font-size:1.15rem;margin:10px 0 8px}
.vcard p{color:var(--ink-soft);font-size:.92rem}
.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.lead-grid{grid-template-columns:1fr}}
.lcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;text-align:center}
.lcard .av{width:74px;height:74px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-family:"Fraunces";font-weight:600;font-size:1.6rem;color:#fff;background:linear-gradient(150deg,var(--brand),var(--wine))}
.lcard .av.gold{background:linear-gradient(150deg,var(--gold-const),#a97a26);color:#3a1008}
.lcard h4{font-family:"Plus Jakarta Sans";font-weight:700;font-size:1.1rem}
.lcard .role{color:var(--brand-ink);font-weight:600;font-size:.85rem;margin-top:4px}
.dir-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.dir-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:600;font-size:.86rem}
.dir-chip span{color:var(--ink-soft);font-weight:500}
.gov{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:760px){.gov{grid-template-columns:repeat(2,1fr)}}
.gtile{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}
.gtile .gl{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.gtile .gv{font-family:"Fraunces";font-weight:600;font-size:1.5rem;color:var(--ink);margin-top:8px}
.gtile .gv small{font-family:"Plus Jakarta Sans";font-size:.8rem;color:var(--ink-soft);font-weight:600}

/* ---------- footer ---------- */
footer{background:var(--wine-deep);color:var(--cream-soft);padding:64px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;gap:34px}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}
footer h5{font-family:"Plus Jakarta Sans";font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;color:var(--gold-bright);margin:0 0 16px}
footer a{display:block;padding:5px 0;font-size:.9rem;color:var(--cream-soft);transition:color .15s}
footer a:hover{color:var(--gold-bright)}
.foot-brand .fwm{font-family:"Plus Jakarta Sans";font-weight:800;letter-spacing:.11em;color:var(--cream);font-size:1.16rem}
.foot-brand .fsub{font-size:.56rem;letter-spacing:.3em;color:var(--gold-bright);font-weight:700;margin-top:3px}
.foot-brand p{font-size:.88rem;margin-top:14px;max-width:32ch;line-height:1.7}
.foot-contact div{font-size:.9rem;padding:5px 0}
.foot-contact b{color:var(--cream);font-weight:600}
.foot-bottom{border-top:1px solid rgba(232,181,60,.16);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem}
.foot-bottom .reg{max-width:62ch;color:rgba(217,189,175,.7)}
.socials{display:flex;gap:10px}
.socials a{width:36px;height:36px;border-radius:9px;border:1px solid rgba(232,181,60,.24);display:grid;place-items:center;padding:0}
.socials a:hover{border-color:var(--gold-bright)}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}