/* ============================================================
   BALANCE CAPITAL / EUREKA VALLEY RANCH
   Palette: Ink #17140F · Gold #C9A24B · Cream #F5F0E4 · Pine #3A4438
   Type: Fraunces (display) · Public Sans (body) · IBM Plex Mono (survey)
   Signature: surveyor's-plat rules, bearing labels, section-corner marks
   ============================================================ */

:root{
  --ink:#17140F;
  --ink-soft:#26221B;
  --gold:#C9A24B;
  --gold-deep:#7D611F;
  --cream:#F5F0E4;
  --paper:#FBF8F0;
  --pine:#3A4438;
  --muted:#6E675B;
  --line:rgba(23,20,15,.16);
  --line-gold:rgba(201,162,75,.45);
  --max:1180px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Public Sans',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit}

.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}

/* ---- survey vernacular ---- */
.mono{font-family:'IBM Plex Mono',monospace}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-deep);
  display:flex;align-items:center;gap:14px;
}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.on-dark .eyebrow{color:var(--gold)}
.bearing{
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;letter-spacing:.14em;color:var(--muted);
}
.corner{color:var(--gold);font-family:'IBM Plex Mono',monospace}

/* ---- type ---- */
h1,h2,h3{font-family:'Fraunces',serif;font-weight:500;line-height:1.08;letter-spacing:-.01em}
.display{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:.5em}
h3{font-size:1.35rem;margin-bottom:.35em}
.lede{font-size:1.16rem;color:var(--ink-soft);max-width:44rem}
p{max-width:44rem}
.muted{color:var(--muted)}

/* ---- nav ---- */
header.site{
  position:sticky;top:0;z-index:50;
  background:rgba(23,20,15,.94);backdrop-filter:blur(8px);
  color:var(--cream);
  border-bottom:1px solid rgba(201,162,75,.25);
}
.navbar{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}
.brand .bc{
  font-family:'Fraunces',serif;font-size:1.15rem;letter-spacing:.06em;
}
.brand .bc span{color:var(--gold)}
.brand .div{width:1px;height:16px;background:var(--line-gold);align-self:center}
.brand .proj{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:rgba(245,240,228,.65)}
nav.main{display:flex;gap:30px}
nav.main a{
  text-decoration:none;font-size:13.5px;letter-spacing:.06em;
  color:rgba(245,240,228,.8);padding:6px 0;position:relative;
}
nav.main a:hover,nav.main a.active{color:var(--gold)}
nav.main a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold);
}
.menu-btn{display:none;background:none;border:1px solid var(--line-gold);color:var(--cream);
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.15em;padding:8px 14px;cursor:pointer}

/* ---- hero ---- */
.hero{
  position:relative;color:var(--cream);
  min-height:82vh;display:flex;align-items:flex-end;
  background:var(--ink);
}
.hero.short{min-height:58vh}
.hero .bg{position:absolute;inset:0;overflow:hidden}
.hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.82}
.hero .bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(23,20,15,.35) 0%,rgba(23,20,15,.05) 40%,rgba(23,20,15,.88) 100%);
}
.hero .inner{position:relative;padding:120px 0 64px;width:100%}
.hero h1{max-width:15ch}
.hero .lede{color:rgba(245,240,228,.88);margin-top:22px}
.hero .plat-line{
  margin-top:44px;padding-top:20px;border-top:1px solid rgba(201,162,75,.4);
  display:flex;flex-wrap:wrap;gap:10px 40px;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.14em;
  color:rgba(245,240,228,.72);
}
.hero .plat-line b{color:var(--gold);font-weight:500}

/* ---- sections ---- */
section{padding:96px 0}
section.tight{padding:72px 0}
.sec-head{margin-bottom:48px}
.sec-head .eyebrow{margin-bottom:18px}
.dark{background:var(--ink);color:var(--cream)}
.dark p,.dark .lede{color:rgba(245,240,228,.82)}
.dark h2,.dark h3{color:var(--cream)}
.cream-bg{background:var(--cream)}

/* ---- stat legend (surveyor's legend) ---- */
.legend{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  border-top:1px solid var(--line-gold);border-left:1px solid var(--line-gold);
}
.legend .cell{
  border-right:1px solid var(--line-gold);border-bottom:1px solid var(--line-gold);
  padding:26px 24px;position:relative;
}
.legend .cell::before{
  content:"+";position:absolute;top:-9px;left:-5px;
  font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--gold);
}
.legend .num{
  font-family:'Fraunces',serif;font-size:2.3rem;line-height:1;letter-spacing:-.01em;
}
.legend .num small{font-size:1.1rem;color:var(--gold-deep)}
.legend .lab{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);margin-top:10px;
}
.dark .legend .lab{color:rgba(245,240,228,.6)}

/* ---- two-col ---- */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cols.thirds{grid-template-columns:1.15fr .85fr}
.img-frame{position:relative}
.img-frame img{width:100%;height:100%;object-fit:cover}
.img-frame .cap{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  color:var(--muted);margin-top:10px;
}
.dark .img-frame .cap{color:rgba(245,240,228,.55)}
.img-frame.gold-edge{border-bottom:3px solid var(--gold)}

/* ---- cards ---- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{
  background:var(--paper);border:1px solid var(--line);
  padding:0 0 26px;
}
.card img{width:100%;height:210px;object-fit:cover}
.card .pad{padding:22px 24px 0}
.card h3{margin-top:6px}
.card .eyebrow{margin-bottom:8px;font-size:10.5px}
.card p{font-size:.95rem;color:var(--muted)}
.dark .card{background:var(--ink-soft);border-color:rgba(201,162,75,.25)}
.dark .card p{color:rgba(245,240,228,.7)}

/* ---- phase timeline ---- */
.phases{border-top:1px solid var(--line)}
.phase{
  display:grid;grid-template-columns:150px 1fr 2fr;gap:32px;
  padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline;
}
.phase .ph{font-family:'Fraunces',serif;font-size:1.5rem}
.phase .yrs{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--gold-deep)}
.phase p{font-size:.97rem;color:var(--muted);max-width:none}

/* ---- principles list ---- */
.principles{display:grid;grid-template-columns:1fr 1fr;gap:44px 56px}
.principle{border-top:1px solid var(--line-gold);padding-top:20px}
.principle h3{font-size:1.2rem}
.principle p{font-size:.97rem;color:var(--muted)}
.dark .principle p{color:rgba(245,240,228,.72)}

/* ---- CTA band ---- */
.cta-band{
  background:var(--ink);color:var(--cream);text-align:left;
}
.cta-band .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.btn{
  display:inline-block;text-decoration:none;
  font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;
  padding:16px 34px;border:1px solid var(--gold);color:var(--gold);
  transition:background .2s,color .2s;
}
.btn:hover{background:var(--gold);color:var(--ink)}
.btn.solid{background:var(--gold);color:var(--ink)}
.btn.solid:hover{background:var(--gold-deep);border-color:var(--gold-deep)}

/* ---- team ---- */
.person{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}
.person .headshot{
  aspect-ratio:1;background:var(--ink);color:var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-size:4rem;
  border-bottom:3px solid var(--gold);
}
.role{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-deep);margin:6px 0 18px}

/* ---- contact ---- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.contact-block{border-top:1px solid var(--line-gold);padding-top:22px}
.contact-block .lab{font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.contact-block a{color:var(--gold-deep);text-decoration:none}
.contact-block a:hover{text-decoration:underline}

/* ---- footer ---- */
footer.site{
  background:var(--ink);color:rgba(245,240,228,.65);
  padding:56px 0 40px;font-size:.9rem;
  border-top:1px solid rgba(201,162,75,.3);
}
footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;margin-bottom:36px}
footer nav{display:flex;gap:24px;flex-wrap:wrap}
footer nav a{text-decoration:none;color:rgba(245,240,228,.65)}
footer nav a:hover{color:var(--gold)}
footer .fine{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;
  color:rgba(245,240,228,.4);line-height:1.8;max-width:none;
  border-top:1px solid rgba(245,240,228,.12);padding-top:24px;
}

/* ---- reveal ---- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---- focus ---- */
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---- responsive ---- */
@media (max-width:900px){
  .cols,.cols.thirds,.contact-grid,.principles{grid-template-columns:1fr;gap:40px}
  .grid3{grid-template-columns:1fr}
  .phase{grid-template-columns:1fr;gap:8px}
  .person{grid-template-columns:1fr}
  .person .headshot{max-width:280px}
  nav.main{
    display:none;position:absolute;top:72px;left:0;right:0;
    background:var(--ink);flex-direction:column;gap:0;
    border-bottom:1px solid var(--line-gold);
  }
  nav.main.open{display:flex}
  nav.main a{padding:16px 28px;border-top:1px solid rgba(245,240,228,.08)}
  .menu-btn{display:block}
  section{padding:64px 0}
  .hero .inner{padding:96px 0 48px}
}

/* ============ v2 additions: holding structure, portfolio ============ */

/* logo hero */
.hero.brand-hero{min-height:88vh;align-items:center;text-align:center;background:#111009}
.hero.brand-hero .bg::after{background:radial-gradient(ellipse at center,rgba(17,16,9,.1) 0%,rgba(17,16,9,.82) 78%)}
.hero.brand-hero .inner{padding:110px 0 80px;display:flex;flex-direction:column;align-items:center}
.logo-img{max-width:540px;width:86%;margin:0 auto 44px}
.hero.brand-hero .plat-line{justify-content:center;border-top-color:rgba(201,162,75,.35)}

/* org chart */
.org{max-width:900px;margin:0 auto;text-align:center}
.org .tier{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.org .node{
  border:1px solid var(--line-gold);padding:18px 30px;background:var(--ink-soft);
  position:relative;min-width:200px;
}
.org .node .nm{font-family:'Fraunces',serif;font-size:1.15rem;color:var(--cream)}
.org .node .rl{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);margin-top:6px}
.org .node.apex{border-color:var(--gold);background:transparent}
.org .node.parent{background:var(--gold);border-color:var(--gold)}
.org .node.parent .nm{color:var(--ink)}
.org .node.parent .rl{color:rgba(23,20,15,.75)}
.org .drop{width:1px;height:34px;background:var(--line-gold);margin:0 auto}
.org .rail{height:1px;background:var(--line-gold);margin:0 auto;position:relative;max-width:860px}
.org .rail::before,.org .rail::after{content:"+";position:absolute;top:-8px;
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold)}
.org .rail::before{left:-4px}.org .rail::after{right:-4px}
.org .tier.divisions{margin-top:34px;align-items:stretch}
.org .tier.divisions .node{min-width:150px;flex:1;max-width:200px;padding:16px 12px}
.org .tier.divisions .node::before{content:"";position:absolute;top:-34px;left:50%;
  width:1px;height:34px;background:var(--line-gold)}
.org .node a{text-decoration:none}
.org .node .nm a:hover{color:var(--gold)}

/* division cards on landing */
.div-card{background:var(--paper);border:1px solid var(--line);padding:30px 28px;position:relative}
.div-card::after{content:"";position:absolute;left:0;top:0;width:44px;height:3px;background:var(--gold)}
.div-card .eyebrow{margin-bottom:12px;font-size:10.5px}
.div-card p{font-size:.95rem;color:var(--muted)}
.div-card a.more{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-deep);text-decoration:none;display:inline-block;margin-top:16px}
.div-card a.more:hover{text-decoration:underline}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}

/* portfolio table */
.ptable{width:100%;border-collapse:collapse;font-size:.92rem}
.ptable th{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-deep);text-align:left;padding:12px 16px;border-bottom:1px solid var(--gold);
}
.ptable td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.ptable tr:hover td{background:rgba(201,162,75,.06)}
.ptable .ent{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--muted)}
.tag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;border:1px solid var(--line-gold);color:var(--gold-deep);padding:3px 9px}
.table-scroll{overflow-x:auto}

/* timeline (about) */
.tl{border-left:1px solid var(--line-gold);margin-left:8px;padding-left:36px}
.tl .ev{position:relative;padding-bottom:38px}
.tl .ev::before{content:"+";position:absolute;left:-44px;top:0;
  font-family:'IBM Plex Mono',monospace;color:var(--gold);font-size:14px;background:var(--paper);padding:2px 0}
.dark .tl .ev::before{background:var(--ink)}
.tl .yr{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.16em;color:var(--gold-deep)}
.tl h3{margin-top:6px}
.tl p{font-size:.97rem;color:var(--muted);margin-top:6px}
.dark .tl p{color:rgba(245,240,228,.72)}
.dark .tl .yr{color:var(--gold)}

@media (max-width:900px){
  .grid2{grid-template-columns:1fr}
  .org .tier.divisions .node{max-width:none;min-width:44%}
  .org .tier.divisions .node::before{display:none}
  .org .rail{display:none}
  .logo-img{width:94%}
}

/* portraits */
.portrait{width:100%;max-width:360px;border-bottom:3px solid var(--gold);box-shadow:0 18px 50px rgba(23,20,15,.25)}
.portrait-cap{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin-top:10px}
.casual-wrap{margin-top:40px}
.casual-wrap img{width:100%;max-width:360px;border-bottom:3px solid var(--pine)}
.hero .bg img[src*="world-bg"]{opacity:1}

/* ============ clean black hero (v4.1) ============ */
.hero{background:#111009;min-height:64vh}
.hero.short{min-height:56vh}
.hero .inner{text-align:center;display:flex;flex-direction:column;align-items:center;padding:88px 0 64px}
.hero h1{max-width:20ch}
.hero .lede{margin-left:auto;margin-right:auto}
.hero .eyebrow{justify-content:center}
.hero .eyebrow::after{content:"";width:34px;height:1px;background:var(--gold)}
.hero .plat-line{justify-content:center;width:100%;max-width:900px}
.hero-logo{max-width:280px;width:64%;margin-bottom:36px}
.hero.brand-hero{min-height:80vh}
@media (max-width:900px){.hero .inner{padding:64px 0 48px}.hero-logo{max-width:240px}}

/* ============ readability fixes + company lockups (v6) ============ */
/* dark-section contrast repairs */
.dark .phase p{color:rgba(245,240,228,.78)}
.dark .phase h3{color:var(--cream)}
.dark .phase .yrs{color:var(--gold)}
.dark .muted{color:rgba(245,240,228,.65)}
.dark .bearing{color:rgba(245,240,228,.6)}
.dark .ptable td{border-bottom-color:rgba(245,240,228,.15);color:var(--cream)}
.dark .ptable .ent{color:rgba(245,240,228,.6)}
.dark a{color:var(--gold)}
.hero,.hero h1,.hero .eyebrow{color:var(--cream)}
.hero .lede{color:rgba(245,240,228,.9)}

/* company logo lockups — B|C style */
.logo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.logo-tile{
  background:#14110c;border:1px solid rgba(201,162,75,.35);
  padding:30px 18px 24px;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  min-height:150px;
}
.logo-tile .mono-mark{
  font-family:'Fraunces',serif;font-weight:500;font-size:2.2rem;line-height:1;
  color:var(--gold);letter-spacing:.04em;
}
.logo-tile .mono-mark span{color:rgba(201,162,75,.55);font-weight:400;margin:0 6px}
.logo-tile .co{
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(245,240,228,.75);
}
.logo-tile .sub{font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(245,240,228,.42)}
.logo-tile img{max-width:150px;max-height:70px;object-fit:contain}
a.logo-tile{text-decoration:none;transition:border-color .2s}
a.logo-tile:hover{border-color:var(--gold)}
@media (max-width:900px){.logo-strip{grid-template-columns:repeat(2,1fr)}}

/* ============ contrast compliance (v6.1) ============ */
.btn{color:var(--gold-deep);border-color:var(--gold-deep)}
.btn:hover{background:var(--gold-deep);color:var(--paper)}
.dark .btn,.cta-band .btn,.hero .btn{color:var(--gold);border-color:var(--gold)}
.dark .btn:hover,.cta-band .btn:hover,.hero .btn:hover{background:var(--gold);color:var(--ink)}
.btn.solid{background:var(--gold);color:var(--ink);border-color:var(--gold)}
footer.site .fine{color:rgba(245,240,228,.55)}
.logo-tile .sub{color:rgba(245,240,228,.62)}
.dark .eyebrow,.cta-band .eyebrow{color:var(--gold)}

/* ── Site gallery (v10 visuals) ─────────────────────── */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.gallery .img-frame{aspect-ratio:4/3;overflow:hidden}
.gallery .img-frame img{transition:transform .8s ease}
.gallery .img-frame:hover img{transform:scale(1.03)}
.render-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.render-strip .img-frame{aspect-ratio:3/4;overflow:hidden}
.plan-figure{margin-top:56px}
.plan-figure img{width:100%;display:block}
@media(max-width:900px){
  .gallery{grid-template-columns:1fr}
  .render-strip{grid-template-columns:repeat(2,1fr)}
}

/* ── Concept boards gallery (v11) ───────────────────── */
.boards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.board{display:block;position:relative;overflow:hidden;border:1px solid rgba(201,162,75,.35);background:#14110c}
.board img{width:100%;display:block;transition:transform .7s ease}
.board:hover img{transform:scale(1.02)}
.board .cap{position:absolute;left:0;bottom:0;right:0;margin:0;padding:10px 14px;
  background:linear-gradient(transparent,rgba(20,17,12,.88));color:var(--paper);
  font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase}
.board .zoom{position:absolute;top:12px;right:12px;width:30px;height:30px;border:1px solid rgba(245,240,228,.5);
  border-radius:50%;color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:15px;
  background:rgba(20,17,12,.5);opacity:0;transition:opacity .2s}
.board:hover .zoom{opacity:1}
@media(max-width:900px){.boards{grid-template-columns:1fr}}

/* real division logos on light chips inside dark tiles */
.logo-tile .logo-chip{background:#f5f2ea;border-radius:6px;width:100%;max-width:132px;height:66px;
  display:flex;align-items:center;justify-content:center;padding:10px 14px;margin-bottom:2px}
.logo-tile .logo-chip img{max-width:100%;max-height:100%;object-fit:contain}

/* ══════════════════════════════════════════════════════════
   EUREKA VALLEY RANCH — signature layer (standalone site)
   Grounded in the subject: raw land being surveyed & platted.
   Palette family shared with Balance Capital; pine promoted to
   secondary accent; IBM Plex Mono used as survey/data type.
   ══════════════════════════════════════════════════════════ */
:root{
  --pine-deep:#2C352A;
  --sky:#B9C3C7;
  --plat:rgba(201,162,75,.55);
}
/* Brand lockup (header) */
.evr-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.evr-brand svg{width:34px;height:34px;flex:0 0 auto}
.evr-brand .wm{display:flex;flex-direction:column;line-height:1}
.evr-brand .wm b{font-family:'Fraunces',serif;font-weight:600;font-size:1.02rem;letter-spacing:.02em}
.evr-brand .wm span{font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.34em;color:var(--muted);margin-top:4px}
header.site.on-dark .evr-brand .wm b{color:var(--paper)}
header.site.on-dark .evr-brand .wm span{color:rgba(251,248,240,.6)}

/* Survey data label */
.survey{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}
.on-dark .survey,.evr-hero .survey{color:var(--gold)}

/* ── Hero: the actual land, framed as a plat ── */
.evr-hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;
  background:#0e0c08;overflow:hidden}
.evr-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;
  filter:saturate(1.02) contrast(1.02)}
.evr-hero .scrim{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(14,12,8,.55) 0%,rgba(14,12,8,.12) 40%,rgba(14,12,8,.82) 100%)}
/* plat frame — surveyor's corner ticks */
.evr-hero .frame{position:absolute;inset:26px;pointer-events:none;z-index:3}
.evr-hero .frame::before,.evr-hero .frame::after{content:"";position:absolute;width:46px;height:46px}
.evr-hero .frame::before{top:0;left:0;border-top:1.5px solid var(--plat);border-left:1.5px solid var(--plat)}
.evr-hero .frame::after{bottom:0;right:0;border-bottom:1.5px solid var(--plat);border-right:1.5px solid var(--plat)}
.evr-hero .frame i{position:absolute;width:46px;height:46px}
.evr-hero .frame i.tr{top:0;right:0;border-top:1.5px solid var(--plat);border-right:1.5px solid var(--plat)}
.evr-hero .frame i.bl{bottom:0;left:0;border-bottom:1.5px solid var(--plat);border-left:1.5px solid var(--plat)}
.evr-hero .inner{position:relative;z-index:4;padding:0 0 68px}
.evr-hero h1{font-family:'Fraunces',serif;color:var(--paper);font-weight:500;
  font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.01em;max-width:15ch}
.evr-hero .kicker{color:var(--gold);margin-bottom:22px}
.evr-hero .sub{color:rgba(251,248,240,.9);max-width:52ch;margin-top:22px;font-size:1.12rem;line-height:1.6}
.evr-hero .coords{position:absolute;top:40px;right:44px;z-index:4;text-align:right}

/* ── Fact band (survey readout) ── */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-gold);
  border-bottom:1px solid var(--line-gold)}
.facts .f{padding:34px 26px;border-right:1px solid var(--line)}
.facts .f:last-child{border-right:0}
.facts .f .n{font-family:'Fraunces',serif;font-size:2.4rem;font-weight:500;color:var(--ink);line-height:1}
.on-dark .facts .f .n{color:var(--paper)}
.facts .f .l{margin-top:12px}
@media(max-width:820px){.facts{grid-template-columns:1fr 1fr}.facts .f:nth-child(2){border-right:0}}

/* ── Districts ── */
.districts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
.district{background:var(--paper);padding:38px 34px}
.district .idx{font-family:'IBM Plex Mono',monospace;color:var(--gold-deep);font-size:12px;letter-spacing:.2em}
.district h3{font-family:'Fraunces',serif;font-weight:500;font-size:1.5rem;margin:10px 0 12px}
.district p{color:var(--muted);line-height:1.6}
@media(max-width:820px){.districts{grid-template-columns:1fr}}

/* ── Phase timeline ── */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.phase{border-top:2px solid var(--gold);padding-top:18px}
.phase .yr{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--gold-deep)}
.phase h4{font-family:'Fraunces',serif;font-weight:600;font-size:1.15rem;margin:8px 0}
.phase .u{font-family:'Fraunces',serif;font-size:2rem;color:var(--ink)}
.phase p{color:var(--muted);font-size:.92rem;line-height:1.55;margin-top:8px}
@media(max-width:820px){.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.timeline{grid-template-columns:1fr}}

/* mono nav accent for EVR */
header.site .main a.active{color:var(--gold-deep)}
.sponsor{display:inline-flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.sponsor:hover{color:var(--gold-deep)}

/* EVR utilities & footer */
.pad-0{padding-top:0;padding-bottom:0}
.evr-hero .btn{color:var(--gold);border-color:var(--gold)}
.evr-hero .btn:hover{background:var(--gold);color:var(--ink)}
.btn.ghost{background:transparent}
.btn.ghost.light{color:var(--paper);border-color:rgba(251,248,240,.55)}
.btn.ghost.light:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.cta-band .wrap{padding-top:74px;padding-bottom:74px}
.cta-band h2{color:var(--paper);font-family:'Fraunces',serif;font-weight:500}

footer.site-foot{background:#0e0c08;color:rgba(251,248,240,.85);padding:66px 0 30px}
.foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start}
.foot-note{color:rgba(251,248,240,.55);font-size:.9rem;margin-top:14px;max-width:34ch}
.foot-nav{display:flex;flex-direction:column;gap:12px}
.foot-nav a{color:rgba(251,248,240,.8);text-decoration:none;font-size:.95rem}
.foot-nav a:hover{color:var(--gold)}
.foot-legal{border-top:1px solid rgba(251,248,240,.14);margin-top:40px;padding-top:22px}
.foot-legal p{color:rgba(251,248,240,.4);font-size:.78rem;line-height:1.6;max-width:80ch}

/* overflow fixes */
.timeline{width:100%}
.timeline .phase{min-width:0}
.phase h4,.phase p,.phase .yr{overflow-wrap:anywhere}
.districts{width:100%}
.district{min-width:0}
.facts .f{min-width:0}
html,body{overflow-x:hidden}

/* Inquiry form */
.inquiry .field{margin-bottom:20px}
.inquiry label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.inquiry input,.inquiry select,.inquiry textarea{width:100%;padding:13px 15px;border:1px solid var(--line);
  background:var(--paper);font-family:'Public Sans',sans-serif;font-size:1rem;color:var(--ink);border-radius:0}
.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.inquiry .btn{cursor:pointer;margin-top:6px}
.hero.short{min-height:auto;padding:120px 0 70px}

/* Founder vision */
.founder-quote{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(1.4rem,3vw,2rem);
  line-height:1.4;color:var(--ink);margin:22px auto 20px;max-width:24ch;max-width:44ch}
.founder-attr{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-deep)}
.eyebrow{display:flex;align-items:center}