:root {
  --content: 1240px;
  --radius: 6px;
  --ease: 220ms cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; }
img, video { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea { font: inherit; }
.wrap { width: min(var(--content), calc(100% - 40px)); margin-inline: auto; }
.skip { position: fixed; left: 12px; top: -80px; z-index: 100; padding: 10px 14px; background: #fff; color: #000; }
.skip:focus { top: 12px; }
.eyebrow { font-size: 11px; line-height: 1.2; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
.meta { font: 700 11px/1.3 ui-monospace, Consolas, monospace; text-transform: uppercase; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 1px solid currentColor; border-radius: 3px; font-size: 12px; font-weight: 800; letter-spacing: .7px; text-decoration: none; text-transform: uppercase; transition: transform var(--ease), background var(--ease), color var(--ease); }
.button:hover { transform: translateY(-2px); }
.reveal-ready { opacity: 0; transform: translateY(18px); transition: opacity 520ms ease, transform 520ms ease; }
.reveal-ready.is-visible { opacity: 1; transform: none; }
.menu-button { display: none; width: 42px; height: 42px; border: 1px solid currentColor; background: transparent; color: inherit; font-weight: 900; }

@media (max-width: 760px) {
  .wrap { width: min(var(--content), calc(100% - 24px)); }
  .menu-button { display: inline-grid; place-items: center; }
  [data-menu] { display: none; }
  [data-menu][data-open] { display: flex; position: absolute; inset: 64px 12px auto; z-index: 20; padding: 18px; flex-direction: column; background: var(--menu-bg, #111); border: 1px solid currentColor; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: 0.01ms !important; }
  .reveal-ready { opacity: 1; transform: none; }
}