:root {
  color-scheme: light;
  --paper: #eae9e3;
  --ink: #151917;
  --muted: #595e58;
  --rule: rgba(21, 25, 23, .24);
  --accent: #d6ee65;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: var(--accent); color: var(--ink); }

.page-shell { overflow: hidden; }
.site-header, .site-footer { display: flex; align-items: center; justify-content: space-between; }
.site-header { min-height: 104px; margin: 0 5.2%; border-bottom: 1px solid var(--rule); }
.brand, .footer-brand { display: inline-flex; align-items: baseline; font-size: 43px; font-weight: 800; line-height: 1; letter-spacing: -.115em; white-space: nowrap; }
.brand-two, .footer-brand > span:first-child { margin-left: .04em; }
.brand-dot, .footer-dot { width: 8px; height: 8px; margin-left: 8px; border-radius: 50%; background: var(--ink); }
.header-note, .edition, .issue, .hero-bottomline, .site-footer p { font-size: 11px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.header-note { margin: 0; }

.hero { position: relative; display: flex; flex-direction: column; min-height: 550px; min-height: max(550px, calc(100svh - 230px)); padding: 28px 5.2% 31px; isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -1; width: min(64vw, 880px); aspect-ratio: 1; right: -16%; top: -17%; border: 1px solid rgba(21,25,23,.12); border-radius: 50%; box-shadow: 0 0 0 90px rgba(21,25,23,.025), 0 0 0 180px rgba(21,25,23,.018), 0 0 0 270px rgba(21,25,23,.012); pointer-events: none; }
.hero-topline, .hero-bottomline { display: flex; justify-content: space-between; align-items: center; }
.hero-topline { color: var(--muted); }
.hero-center { width: 100%; margin: auto 0; padding: 60px 0 70px; }
.hero-kicker { display: flex; align-items: center; gap: 15px; margin: 0 0 29px; color: var(--muted); font-size: 13px; letter-spacing: .035em; }
.kicker-line { width: 43px; height: 1px; background: currentColor; }
h1 { margin: 0; font-weight: 400; letter-spacing: -.075em; }
h1 { max-width: 1100px; font-size: clamp(80px, 9.2vw, 160px); line-height: .93; }
h1 em { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.065em; }
.period { color: #a8be39; }
.hero-description { max-width: 330px; margin: 45px 0 0 auto; font-size: 16px; line-height: 1.55; letter-spacing: -.02em; }
.hero-bottomline { padding-top: 20px; border-top: 1px solid var(--rule); }
.hero-bottom-mark { font-size: 16px; letter-spacing: -.055em; }

.site-footer { min-height: 126px; padding: 24px 5.2%; gap: 20px; }
.footer-brand { font-size: 29px; }
.footer-dot { width: 5px; height: 5px; margin-left: 6px; }
.site-footer p { margin: 0; color: var(--muted); }

@media (max-width: 850px) {
  .hero { min-height: 650px; }
  h1 { font-size: clamp(70px, 11vw, 110px); }
}

@media (max-width: 600px) {
  .site-header { min-height: 82px; margin: 0 6%; }
  .brand { font-size: 36px; }
  .header-note { max-width: 125px; text-align: right; line-height: 1.5; font-size: 9px; }
  .hero { min-height: max(560px, calc(100svh - 194px)); padding: 22px 6% 25px; }
  .hero::before { width: 630px; right: -430px; top: -25px; box-shadow: 0 0 0 65px rgba(21,25,23,.025), 0 0 0 130px rgba(21,25,23,.018); }
  .hero-topline, .hero-bottomline { font-size: 9px; }
  .issue { text-align: right; }
  .hero-center { padding: 65px 0 85px; }
  .hero-kicker { margin-bottom: 25px; font-size: 12px; }
  h1 { font-size: clamp(61px, 14vw, 85px); line-height: .97; }
  .hero-description { max-width: 245px; margin-top: 36px; margin-left: 0; font-size: 14px; }
  .site-footer { min-height: 112px; padding: 24px 6%; flex-wrap: wrap; }
  .site-footer p { font-size: 9px; }
  .site-footer p:nth-child(2) { display: none; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }