:root {
  color-scheme: dark;
  --ink: #080e0b;
  --paper: #f1f2e9;
  --accent: #d0dfab;
  --muted: #b9c1b9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { background: var(--ink); }
body { margin: 0; color: var(--paper); }
.atmosphere {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  background-color: var(--ink);
}
.atmosphere-image {
  position: absolute;
  inset: -3%;
  background-image: url("assets/timber-plane.jpg");
  background-size: cover;
  background-position: center;
}
.atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image:
    linear-gradient(90deg, #080e0bed 0%, #080e0bc4 25%, #080e0b55 54%, #080e0b0d 100%),
    linear-gradient(0deg, #080e0bd9 0%, transparent 28%, transparent 80%, #080e0b55 100%);
}
.light-field { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; display: none; }
.motion-ready .light-field { display: block; }
.motion-ready .atmosphere-image, .motion-ready [data-drift] { will-change: transform; }
.page {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  padding: clamp(1.5rem, 4vw, 4rem) clamp(1.5rem, 5vw, 5rem) 2rem;
  display: flex;
  flex-direction: column;
}
.masthead { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.wordmark { display: flex; align-items: center; gap: 0.85rem; font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.18em; line-height: 1.5; }
.brand-mark { width: 1.6rem; display: grid; gap: 0.4rem; }
.brand-mark i { height: 2px; background: var(--accent); }
.brand-mark i:last-child { width: 66%; }
.edition, .eyebrow, .arrival { font-size: 0.75rem; font-weight: 500; line-height: 1.7; letter-spacing: 0.16em; }
.edition { color: var(--muted); }
main { flex: 1; display: flex; align-items: center; padding: 5rem 0 6rem; }
.intro { max-width: 56rem; animation: arrive 1.3s ease-out both; }
.eyebrow { color: var(--accent); margin: 0 0 1.75rem; }
h1 { margin: 0; font-size: clamp(3.1rem, 6.2vw, 6.4rem); font-weight: 400; line-height: 1.08; letter-spacing: -0.065em; }
.headline-line { display: block; width: fit-content; }
h1 em { display: inline-block; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -0.065em; color: var(--accent); padding-right: 0.08em; }
.description { color: var(--muted); font-size: 1rem; line-height: 1.8; margin: 2rem 0 0; }
footer { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-top: 1px solid #d0dfab26; padding-top: 1.4rem; }
.footer-thought { color: var(--muted); font-size: 0.8125rem; line-height: 1.7; }
.arrival { display: inline-flex; align-items: center; gap: 1rem; color: var(--accent); white-space: nowrap; }
.arrival-line { display: block; height: 1px; width: 2.75rem; background: var(--accent); }
.motion-control[hidden] { display: none; }
.motion-control { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; }
.motion-toggle { min-height: 44px; padding: 0.5rem 0.85rem; border: 1px solid #d0dfab55; border-radius: 999px; background: #080e0b80; color: var(--accent); font: inherit; font-size: 0.875rem; cursor: pointer; }
.motion-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.motion-toggle:disabled { opacity: 0.65; cursor: default; }
.motion-status { max-width: 16rem; color: var(--muted); font-size: 0.75rem; line-height: 1.5; }
.motion-status:empty { display: none; }
@keyframes arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 1700px) { .page { padding-left: max(5rem, calc((100vw - 1600px) / 2)); padding-right: max(5rem, calc((100vw - 1600px) / 2)); } }
@media (max-width: 680px) {
  .atmosphere-image { background-position: 61% center; }
  .atmosphere::after { background-image: linear-gradient(180deg, #080e0b77 0%, #080e0bc9 27%, #080e0b99 62%, #080e0bee 100%); }
  .page { padding-top: 1.75rem; padding-bottom: 1.5rem; }
  .masthead { gap: 1rem; flex-wrap: wrap; }
  .wordmark { font-size: 0.8125rem; letter-spacing: 0.13em; }
  .edition { font-size: 0.75rem; letter-spacing: 0.1em; }
  main { align-items: flex-start; padding-top: clamp(5.5rem, 18svh, 9rem); padding-bottom: 5rem; }
  .eyebrow { font-size: 0.75rem; letter-spacing: 0.11em; max-width: 19rem; margin-bottom: 1.4rem; }
  h1 { font-size: clamp(2.85rem, 9.7vw, 4.2rem); }
  .description { margin-top: 1.5rem; }
  footer { align-items: flex-start; flex-wrap: wrap; gap: 0.8rem; }
  .footer-thought { font-size: 0.75rem; }
  .arrival { gap: 0.6rem; font-size: 0.75rem; letter-spacing: 0.11em; }
  .arrival-line { width: 1.6rem; }
}
@media (prefers-reduced-motion: reduce) {
  .light-field { display: none; }
  .atmosphere-image, [data-drift] { transform: none !important; will-change: auto !important; }
}
@media (prefers-reduced-motion: reduce) { .intro { animation: none; } }