@font-face { font-family: 'Neue Machina'; src: url('fonts/NeueMachina-Light.otf') format('opentype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Neue Machina'; src: url('fonts/NeueMachina-Regular.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Neue Machina'; src: url('fonts/NeueMachina-Ultrabold.otf') format('opentype'); font-weight: 800; font-display: swap; }

:root {
  --cream: #F2ECDE;
  --cream-soft: #FAEFE0;
  --red: #F03B18;
  --mustard: #7B6C18;
  --orange: #6A1A14;
  --sage: #D5DEE8;
  --green: #2A0712;
  --green-deep: #1A0408;
  --display: 'League Spartan', 'Helvetica Neue', sans-serif;
  --body: 'Neue Machina', 'League Spartan', sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--body); background: var(--cream); color: var(--green); font-size: 15px; line-height: 1.55; font-weight: 300; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }

.subnav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 1.1rem 2.5rem; display: flex; justify-content: space-between; align-items: center; background: rgba(242,236,222,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(42,7,18,0.08); font-family: var(--display); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; }
.subnav__brand { font-family: var(--body); font-weight: 800; font-size: 0.95rem; letter-spacing: -0.02em; text-transform: none; color: var(--green-deep); }
.subnav__back { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--green); }
.subnav__back:before { content: '←'; transition: transform 0.25s; }
.subnav__back:hover:before { transform: translateX(-4px); }
.subnav__back:hover { color: var(--red); }

.page { padding: 9rem 2.5rem 6rem; max-width: 1280px; margin: 0 auto; }
.page__eyebrow { font-family: var(--display); font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; color: var(--red); margin-bottom: 1.5rem; }
.page__title { font-family: var(--display); font-weight: 800; font-size: clamp(2.5rem, 5.5vw, 4.5rem); line-height: 0.94; letter-spacing: -0.03em; text-transform: lowercase; color: var(--green-deep); margin-bottom: 1rem; }
.page__lede { font-family: var(--body); font-size: 1rem; line-height: 1.55; max-width: 40rem; font-weight: 300; margin-bottom: 4rem; }
.page__lede em { font-style: normal; color: var(--red); font-weight: 500; }

.subfooter { background: var(--green-deep); color: var(--cream); padding: 3rem 2.5rem; font-family: var(--display); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 500; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; }
.subfooter a { color: var(--mustard); }

@media (max-width: 768px) { .subnav { padding: 0.9rem 1.25rem; font-size: 0.62rem; } .page { padding: 7rem 1.25rem 4rem; } }