:root{
  --char:#201814;
  --char-2:#2B211B;
  --ember:#C1432A;
  --ember-bright:#E2662F;
  --olive:#707C4C;
  --gold:#D9A441;
  --cream:#FBF3E6;
  --cream-2:#F3E8D6;
  --ink:#241C16;
  --ink-soft:#6B5C4C;
  --line:#E3D3B4;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Manrope', sans-serif; background:var(--cream); color:var(--ink); -webkit-font-smoothing:antialiased;}
img{max-width:100%; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
.eyebrow{font-family:'JetBrains Mono', monospace; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ember);}
h1,h2,h3,h4{font-family:'Instrument Serif', serif; font-weight:400; letter-spacing:-0.01em; color:var(--ink);}

footer{background:var(--char); padding:24px 0;}
footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;}
footer p, footer a{font-size:.78rem; color:rgba(255,255,255,.45); text-decoration:none;}
footer a:hover{color:#fff;}
.foot-links{display:flex; gap:18px;}

@media (prefers-reduced-motion:reduce){*{animation:none !important; transition:none !important;}}