/* Concordia brand tokens v4 (21 Oct 2026). Source of truth: BTB/Concordia Brand/. Every Concordia site loads this. */
@font-face{font-family:"Concordia Serif";src:url("fonts/concordia-serif-light.woff2") format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Pinyon Script";src:url("fonts/pinyon-script.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --green:#072414;        /* primary ink: dark backgrounds, correspondence fields, text on cream */
  --green-2:#0c2f1c;      /* panels/cards sitting on green */
  --green-3:#123a24;      /* callouts on green */
  --cream:#F4F0E8;        /* primary editorial paper, text on green */
  --gold:#AF7B3A;         /* the ONE accent: eyebrows, one word per headline, rules, buttons */
  --sage:#506252;         /* secondary copy on cream */
  --cream-muted:#CFC8B8;  /* secondary copy on green */
  --slate:#6B7F8F;        /* occasional travel accent only, never UI */
  --line:rgba(244,240,232,.12);   /* hairlines on green */
  --line-dark:rgba(7,36,20,.14);  /* hairlines on cream */
  --serif:"Concordia Serif","Times Now",Georgia,"Times New Roman",serif;
  --script:"Pinyon Script",cursive;
  --sans:Optima,"Optima Nova",Candara,"Gill Sans","Segoe UI",system-ui,sans-serif;
  /* legacy aliases so older pages keep working while they migrate */
  --ink:var(--green);--panel:var(--green-2);--panel2:var(--green-3);--paper:var(--cream);--muted:var(--cream-muted);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--green);color:var(--cream);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
body.paper{background:var(--cream);color:var(--green)}
img{display:block;width:100%;height:auto}
a{color:var(--gold);text-decoration:none}
.serif,h1,h2,h3,.title{font-family:var(--serif);font-weight:300}
.script{font-family:var(--script);font-weight:400;line-height:1}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}
.muted{color:var(--cream-muted)}
body.paper .muted{color:var(--sage)}
section{padding:clamp(46px,5vw,92px) max(22px,calc((100% - 1180px)/2));border-top:1px solid var(--line)}
body.paper section{border-top-color:var(--line-dark)}
h2.title{font-size:clamp(30px,3.8vw,46px);line-height:1.1;margin:10px 0 22px}
h2.title em,h1 em,h3 em{font-style:italic;color:var(--gold)}
.lead{font-size:18px;max-width:900px}
.card{background:var(--green-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.callout{background:var(--green-3);border:1px solid rgba(175,123,58,.55);border-radius:12px;padding:20px 22px}
.btn{display:inline-block;background:var(--gold);color:var(--green);font-family:var(--sans);font-weight:600;padding:14px 22px;border-radius:8px;font-size:15px}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid rgba(175,123,58,.7)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.imgcard{border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.imgcard img{object-fit:cover}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:44px;width:auto}
.ig{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gold);border:1px solid rgba(175,123,58,.5);border-radius:20px;padding:4px 11px 4px 8px}