@font-face {
  font-family: "Fraunces";
  src: url("/assets/Fraunces-edec2e51.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --cream: #f4f1e7;
  --paper: #ffffff;
  --green: #23372a;
  --olive: #626b3f;
  --plum: #512e3e;
  --blue: #667d85;
  color: var(--green);
  background: var(--cream);
  font-family: Arial, Helvetica, sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
.masthead { padding: 24px 4vw 22px; background: var(--olive); color: var(--paper); }
.wordmark, h1 { font-family: "Fraunces", Georgia, serif; font-weight: 800; letter-spacing: -0.045em; }
.wordmark { font-size: clamp(38px, 4.2vw, 64px); line-height: 1; }
.masthead p { margin: 12px 0 0; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; }
.intro { flex: 1; display: grid; align-items: center; padding: 88px 4vw 100px; }
.intro-text { max-width: 920px; }
h1 { margin: 0; max-width: 850px; font-size: clamp(56px, 7.4vw, 112px); line-height: 0.98; letter-spacing: -0.015em; font-variation-settings: "opsz" 36; }
.announcement { margin: 28px 0 36px; font-size: clamp(21px, 2vw, 28px); line-height: 1.35; }
footer { display: flex; justify-content: space-between; gap: 20px; margin: 0 4vw; padding: 18px 0 24px; border-top: 1px solid var(--blue); font-size: 13px; }

@media (max-width: 600px) {
  .masthead { padding: 24px; }
  .masthead p { font-size: 11px; letter-spacing: 0.1em; }
  .intro { padding: 64px 24px 80px; }
  h1 { font-size: 60px; }
  footer { margin: 0 24px; flex-direction: column; gap: 6px; }
}