:root{
  --ink:#22332D; --ink2:#2E433B; --paper:#F4F0E6; --sage:#8AA08F; --honey:#C58A3D;
  --text:#2C2A24; --soft:#FBF8F1; --line:#DAD3C4; --muted:#6F6A5C; --cream:#FBF8F1;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Figtree',sans-serif;color:var(--text);background:var(--paper);line-height:1.6;
  -webkit-font-smoothing:antialiased;font-size:17px;}
h1,h2,h3{font-family:'Fraunces',serif;color:var(--ink);font-weight:430;line-height:1.05;
  font-variation-settings:"opsz" 80,"SOFT" 30;}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--honey);}
.btn{display:inline-block;background:var(--honey);color:#fff;font-weight:600;font-size:16px;
  padding:15px 30px;border-radius:8px;border:2px solid var(--honey);transition:.18s;cursor:pointer;}
.btn:hover{background:#b07b32;border-color:#b07b32;transform:translateY(-1px);}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn.ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px);}
.btn:focus-visible{outline:3px solid var(--sage);outline-offset:2px;}
:focus-visible{outline:3px solid var(--sage);outline-offset:2px;}