@font-face { font-family: "Anton"; src: url("assets/Anton-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

  :root {
    --ground: #0C0C0D; --ground-2: #1A1B1E; --panel: #26282C;
    --amber: #FFB000; --amber-dim: #C49440; --amber-deep: #786846;
    --cream: #F6F6F2; --ink: #E8E9EC; --quiet: #8C8F96; --dim: #808084; --footer: #5C5C60;
    --display: "Anton", "Impact", "Arial Narrow Bold", "Helvetica Neue", sans-serif;
    --body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: var(--ground-2); color: var(--ink); font-family: var(--body); }
  a { color: var(--amber); text-decoration: none; }
  a:hover { text-decoration: underline; }

  .top {
    background: var(--ground);
    background-image:
      radial-gradient(circle at 25% 25%, rgba(255,255,255,0.055) 0.25vw, transparent 0.27vw),
      radial-gradient(circle at 75% 75%, rgba(255,255,255,0.055) 0.25vw, transparent 0.27vw);
    background-size: 1.25vw 1.25vw;
    padding: 28px 6.25vw;
    display: flex; align-items: center; gap: 16px;
  }
  .top img { width: 120px; height: auto; display: block; }
  .top .crumb { color: var(--footer); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; }
  .top .crumb a { color: var(--dim); }

  main { padding: 56px 6.25vw 72px; max-width: 980px; }
  .kicker { font-family: var(--display); text-transform: uppercase; letter-spacing: 0.14em; color: var(--amber-dim); font-size: 15px; margin: 0 0 0.6em; }
  h1 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(32px, 4.6vw, 56px); line-height: 1; letter-spacing: 0.02em; color: var(--ink); margin: 0 0 0.4em; }
  .dated { color: var(--quiet); font-size: 14px; margin: 0 0 2.4em; }
  p.lead { font-size: clamp(16px, 1.4vw, 20px); line-height: 1.5; color: var(--ink); max-width: 62ch; margin: 0 0 2em; }

  h2 { font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: 0.06em; font-size: 20px; color: var(--amber-dim); margin: 2.4em 0 0.6em; }
  p, li { font-size: 15.5px; line-height: 1.55; color: var(--ink); max-width: 70ch; }
  ul { padding-left: 1.2em; }
  .rows { display: grid; gap: 9px; margin: 0 0 1em; padding: 0; list-style: none; }
  .row { background: var(--panel); padding: 16px 22px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
  @media (min-width: 720px) { .row { grid-template-columns: 240px minmax(0, 1fr); gap: 24px; align-items: baseline; } }
  .row .name { font-weight: 700; color: var(--ink); font-size: 15.5px; }
  .row .desc { color: var(--quiet); font-size: 14.5px; line-height: 1.45; max-width: none; }
  .row .desc strong { color: var(--amber); font-weight: 700; }

  footer { background: var(--ground); padding: 40px 6.25vw 56px; color: var(--amber-deep); font-size: 12.3px; line-height: 1.6; }
  footer p { margin: 0 0 0.6em; max-width: 70ch; font-size: 12.3px; color: var(--amber-deep); }
  footer nav a { color: var(--footer); margin-right: 18px; letter-spacing: 0.04em; }