/* Design tokens, reset, typography, layout helpers, logo mark. */

:root{
  --espresso:#241a16;
  --espresso-2:#2f221d;
  --cream:#f5ede6;
  --card:#fdfaf8;
  --rose:#e8546e;
  --coral:#f4907f;
  --ink:#1b1310;
  --muted:#6f5f58;
  --line:rgba(36,26,22,.10);
  --line-dark:rgba(245,237,230,.14);

  --display:"Outfit","Poppins",system-ui,sans-serif;
  --body:"Hanken Grotesk","Inter",system-ui,sans-serif;
  --mono:"Space Mono",ui-monospace,monospace;

  --pad:clamp(20px,5vw,72px);
  --max:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.03;margin:0}
h1{font-size:clamp(2.6rem,6.2vw,4.6rem)}
h2{font-size:clamp(2rem,4.4vw,3.3rem)}
h3{font-size:1.06rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
p{margin:0}
a{color:inherit}

.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.eyebrow{
  font-family:var(--mono);font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--rose);
}
.lede{color:var(--muted);font-size:clamp(1.02rem,1.5vw,1.18rem);max-width:62ch}
section{padding-block:clamp(72px,10vw,132px)}

/* ---------- mark ---------- */
.mark{
  display:inline-grid;place-items:center;
  width:34px;height:34px;border-radius:11px;
  background:linear-gradient(145deg,var(--coral),var(--rose));
  flex:none;
}
.mark svg{width:19px;height:19px;fill:#fff}
.wordmark{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.045em}