/* Verdeval — base tokens, reset, typography. Naming family: surface-content */
:root{
  --surface:#04311c;       /* deep emerald near-black */
  --surface-2:#0b5135;     /* brand emerald */
  --surface-3:#0e6a46;
  --content:#16241c;       /* text on light */
  --content-light:#e8f0ea; /* text on dark */
  --content-mut:#5a6f63;   /* muted text on light */
  --chalk:#f6f8f5;         /* cool chalk white */
  --chalk-2:#eef2ec;
  --rule:#dce4dd;          /* divider on light */
  --rule-dark:#23463a;     /* divider on dark */
  --brand:#0b5135;
  --gold:#c9a24b;
  --gold-soft:#e3c77a;
  --gold-deep:#9c7a2e;

  --ff-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --ff-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --container:1200px;
  --radius:4px;
  --radius-lg:10px;
  --shadow-1:0 1px 2px rgba(4,49,28,.06),0 8px 24px rgba(4,49,28,.08);
  --shadow-2:0 18px 50px rgba(4,49,28,.18);
  --ease:cubic-bezier(.2,.6,.2,1);
  --gutter:clamp(16px,4vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--ff-body);color:var(--content);
  background:var(--chalk);line-height:1.6;font-size:17px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--surface-2);text-decoration:none}
a:hover{color:var(--gold-deep)}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:600;line-height:1.12;margin:0 0 .5em;color:var(--content)}
h1{font-size:clamp(2.6rem,6vw,4rem);letter-spacing:-.01em}
h2{font-size:clamp(2rem,4vw,2.7rem)}
h3{font-size:clamp(1.4rem,2.4vw,1.7rem)}
h4{font-size:1.18rem}
p{margin:0 0 1.1em;max-width:68ch}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
li{margin:.35em 0}
strong{font-weight:600}
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--ff-body);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin:0 0 .9rem}
.lede{font-size:1.22rem;color:var(--content-mut)}
.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}
.jump-to-main{position:absolute;left:12px;top:-120px;z-index:300;background:var(--surface);color:var(--gold-soft);padding:12px 18px;border-radius:var(--radius);transition:top .2s var(--ease)}
.jump-to-main:focus{top:12px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:13px 28px;font-family:var(--ff-body);font-weight:600;font-size:.97rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn-gold{background:var(--gold);color:#241a04}
.btn-gold:hover{background:var(--gold-soft);color:#241a04;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--content-light);border-color:var(--rule-dark)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-soft)}
.btn-dark{background:var(--surface);color:var(--gold-soft)}
.btn-dark:hover{background:var(--surface-2);transform:translateY(-2px)}
.tag{display:inline-block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);border:1px solid var(--gold);border-radius:40px;padding:5px 14px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}