@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --ink:#2B211D;
  --ink-soft:#5B4E47;
  --ink-mute:#4A3F39;
  --paper:#FBF3EC;
  --paper-deep:#F0E1D4;
  --wine:#5C1F30;
  --wine-soft:#7A3347;
  --coral:#E2795F;
  --coral-light:#F0A98F;
  --coral-dim:#D06749;
  --sage:#5F7A5A;
  --sage-light:#C9D6C4;
  --white:#FFFDFB;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Work Sans', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;}

h1,h2,h3{font-family:'Fraunces', serif; letter-spacing:-0.01em;}

.wrap{max-width:960px; margin:0 auto; padding:0 24px;}
.wrap-narrow{max-width:760px; margin:0 auto; padding:0 24px;}

@media (prefers-reduced-motion: no-preference){
  .fade-up{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
  .fade-up.in{opacity:1; transform:translateY(0);}
}

.icon{width:22px; height:22px; flex-shrink:0;}
.icon svg{width:100%; height:100%; display:block;}

:focus-visible{outline:2.5px solid var(--coral-dim); outline-offset:2px;}