@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Space+Mono:wght@400;700&display=swap');
/* Standalone export: no Tailwind or Replit workspace imports required. */
/* The original artifact keeps its theme tokens below as regular CSS vars. */
/*
  --color-background: hsl(var(--background));
  --color-foreground: hsl(var(--foreground));
  --color-border: hsl(var(--border));
  --color-input: hsl(var(--input));
  --color-ring: hsl(var(--ring));
  --color-card: hsl(var(--card));
  --color-card-foreground: hsl(var(--card-foreground));
  --color-card-border: hsl(var(--card-border));
  --color-popover: hsl(var(--popover));
  --color-popover-foreground: hsl(var(--popover-foreground));
  --color-popover-border: hsl(var(--popover-border));
  --color-primary: hsl(var(--primary));
  --color-primary-foreground: hsl(var(--primary-foreground));
  --color-primary-border: var(--primary-border);
  --color-secondary: hsl(var(--secondary));
  --color-secondary-foreground: hsl(var(--secondary-foreground));
  --color-secondary-border: var(--secondary-border);
  --color-muted: hsl(var(--muted));
  --color-muted-foreground: hsl(var(--muted-foreground));
  --color-muted-border: var(--muted-border);
  --color-accent: hsl(var(--accent));
  --color-accent-foreground: hsl(var(--accent-foreground));
  --color-accent-border: var(--accent-border);
  --color-destructive: hsl(var(--destructive));
  --color-destructive-foreground: hsl(var(--destructive-foreground));
  --color-destructive-border: var(--destructive-border);
  --color-chart-1: hsl(var(--chart-1));
  --color-chart-2: hsl(var(--chart-2));
  --color-chart-3: hsl(var(--chart-3));
  --color-chart-4: hsl(var(--chart-4));
  --color-chart-5: hsl(var(--chart-5));
  --color-sidebar: hsl(var(--sidebar));
  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
  --color-sidebar-border: hsl(var(--sidebar-border));
  --color-sidebar-primary: hsl(var(--sidebar-primary));
  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
  --color-sidebar-primary-border: var(--sidebar-primary-border);
  --color-sidebar-accent: hsl(var(--sidebar-accent));
  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
  --color-sidebar-accent-border: var(--sidebar-accent-border);
  --color-sidebar-ring: hsl(var(--sidebar-ring));
  --font-sans: var(--app-font-sans);
  --font-serif: var(--app-font-serif);
  --font-mono: var(--app-font-mono);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
}
*/

:root {
  --button-outline: rgba(63, 14, 24, 0.12);
  --badge-outline: rgba(63, 14, 24, 0.07);
  --opaque-button-border-intensity: -8;
  --elevate-1: rgba(63, 14, 24, 0.04);
  --elevate-2: rgba(63, 14, 24, 0.08);
  --background: 36 33% 94%;
  --foreground: 345 37% 13%;
  --border: 35 19% 81%;
  --input: 35 19% 81%;
  --ring: 345 65% 28%;
  --card: 36 33% 94%;
  --card-foreground: 345 37% 13%;
  --card-border: 35 19% 81%;
  --sidebar: 345 65% 25%;
  --sidebar-foreground: 36 33% 94%;
  --sidebar-border: 345 55% 34%;
  --sidebar-primary: 36 33% 94%;
  --sidebar-primary-foreground: 345 65% 25%;
  --sidebar-accent: 345 54% 31%;
  --sidebar-accent-foreground: 36 33% 94%;
  --sidebar-ring: 36 33% 94%;
  --popover: 36 33% 94%;
  --popover-foreground: 345 37% 13%;
  --popover-border: 35 19% 81%;
  --primary: 345 65% 25%;
  --primary-foreground: 36 33% 94%;
  --secondary: 34 26% 88%;
  --secondary-foreground: 345 37% 13%;
  --muted: 34 26% 88%;
  --muted-foreground: 345 17% 40%;
  --accent: 7 52% 55%;
  --accent-foreground: 36 33% 94%;
  --destructive: 0 64% 43%;
  --destructive-foreground: 36 33% 94%;
  --chart-1: 345 65% 25%;
  --chart-2: 7 52% 55%;
  --chart-3: 35 48% 50%;
  --chart-4: 157 24% 39%;
  --chart-5: 211 39% 42%;
  --app-font-sans: 'DM Sans', sans-serif;
  --app-font-serif: 'Instrument Serif', Georgia, serif;
  --app-font-mono: 'Space Mono', monospace;
  --radius: 0.25rem;
  --shadow-2xs: 0 2px 0 rgba(63, 14, 24, 0.02);
  --shadow-xs: 0 3px 0 rgba(63, 14, 24, 0.03);
  --shadow-sm: 0 5px 16px rgba(63, 14, 24, 0.05);
  --shadow: 0 12px 28px rgba(63, 14, 24, 0.08);
  --shadow-md: 0 16px 40px rgba(63, 14, 24, 0.1);
  --shadow-lg: 0 24px 60px rgba(63, 14, 24, 0.12);
  --shadow-xl: 0 32px 90px rgba(63, 14, 24, 0.15);
  --shadow-2xl: 0 40px 100px rgba(63, 14, 24, 0.18);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --primary-border: hsl(var(--primary));
  --secondary-border: hsl(var(--secondary));
  --muted-border: hsl(var(--muted));
  --accent-border: hsl(var(--accent));
  --destructive-border: hsl(var(--destructive));
}

.dark {
  --background: 345 37% 13%;
  --foreground: 36 33% 94%;
  --border: 345 23% 28%;
  --input: 345 23% 28%;
  --ring: 7 52% 55%;
  --card: 345 31% 17%;
  --card-foreground: 36 33% 94%;
  --card-border: 345 23% 28%;
  --popover: 345 31% 17%;
  --popover-foreground: 36 33% 94%;
  --popover-border: 345 23% 28%;
  --primary: 36 33% 94%;
  --primary-foreground: 345 37% 13%;
  --secondary: 345 27% 22%;
  --secondary-foreground: 36 33% 94%;
  --muted: 345 27% 22%;
  --muted-foreground: 35 17% 67%;
  --accent: 7 52% 55%;
  --accent-foreground: 36 33% 94%;
  --destructive: 0 60% 52%;
  --destructive-foreground: 36 33% 94%;
}

* { border-color: hsl(var(--border)); }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--app-font-sans);
  -webkit-font-smoothing: antialiased;
}

button,
input {
  font: inherit;
}

::selection {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.macro-page {
  min-height: 100dvh;
  overflow: hidden;
  background: hsl(var(--background));
}

.macro-shell {
  width: min(100% - 48px, 1440px);
  margin: 0 auto;
}

.brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 0 18px;
  animation: rise-in 700ms cubic-bezier(.2,.75,.25,1) both;
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: hsl(var(--primary));
  text-decoration: none;
}

.brand-mark {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid hsl(var(--primary));
  border-radius: 50%;
  font-family: var(--app-font-serif);
  font-size: 21px;
  line-height: 1;
}

.brand-name {
  font-family: var(--app-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.brand-date {
  color: hsl(var(--muted-foreground));
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.hero {
  position: relative;
  display: grid;
  min-height: min(820px, calc(100dvh - 80px));
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
  align-items: center;
  gap: clamp(42px, 8vw, 140px);
  padding: clamp(68px, 11vh, 132px) 0 clamp(80px, 12vh, 160px);
}

.hero-copy {
  position: relative;
  z-index: 1;
  max-width: 760px;
  animation: rise-in 900ms 100ms cubic-bezier(.2,.75,.25,1) both;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 23px;
  color: hsl(var(--accent));
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .18em;
  line-height: 1.4;
  text-transform: uppercase;
}

.eyebrow::before {
  display: block;
  width: 32px;
  height: 1px;
  background: currentColor;
  content: '';
}

.hero h1 {
  max-width: 820px;
  margin: 0;
  color: hsl(var(--primary));
  font-family: var(--app-font-serif);
  font-size: clamp(4.5rem, 9vw, 9.75rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .83;
}

.hero h1 em {
  color: hsl(var(--accent));
  font-style: italic;
}

.hero-intro {
  max-width: 470px;
  margin: 42px 0 0;
  color: hsl(var(--muted-foreground));
  font-size: clamp(15px, 1.3vw, 18px);
  letter-spacing: -.015em;
  line-height: 1.55;
}

.hero-intro strong {
  color: hsl(var(--foreground));
  font-weight: 600;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 37px;
}

.button-wine,
.button-quiet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 49px;
  padding: 0 20px;
  border: 1px solid transparent;
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 250ms ease, background-color 250ms ease, color 250ms ease, border-color 250ms ease;
}

.button-wine {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.button-wine:hover {
  background: hsl(var(--accent));
  transform: translateY(-3px);
}

.button-quiet {
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}

.button-quiet:hover {
  border-color: hsl(var(--primary));
  transform: translateX(3px);
}

.button-wine svg,
.button-quiet svg {
  width: 15px;
  height: 15px;
  transition: transform 250ms ease;
}

.button-wine:hover svg,
.button-quiet:hover svg {
  transform: translate(2px, -2px);
}

.hero-art {
  position: relative;
  min-height: 495px;
  animation: reveal-art 1100ms 260ms cubic-bezier(.2,.75,.25,1) both;
}

.hero-art::before {
  position: absolute;
  inset: 10% -8% 8% 8%;
  border: 1px solid hsl(var(--border));
  border-radius: 50%;
  content: '';
  transform: rotate(-19deg);
}

.hero-art::after {
  position: absolute;
  top: -6%;
  right: 8%;
  width: 1px;
  height: 113%;
  background: hsl(var(--border));
  content: '';
  transform: rotate(34deg);
}

.axis-line {
  position: absolute;
  background: hsl(var(--border));
}

.axis-line.horizontal {
  top: 52%;
  right: 0;
  left: 0;
  height: 1px;
}

.axis-line.vertical {
  top: 4%;
  bottom: 0;
  left: 49%;
  width: 1px;
  transform: rotate(16deg);
}

.orb {
  position: absolute;
  top: 13%;
  left: 13%;
  display: grid;
  width: min(27vw, 205px);
  height: min(27vw, 205px);
  max-width: 205px;
  max-height: 205px;
  min-width: 140px;
  min-height: 140px;
  place-items: center;
  border-radius: 50%;
  background: hsl(var(--primary));
  box-shadow: 28px 36px 0 hsl(7 52% 55% / .18);
  color: hsl(var(--primary-foreground));
  animation: float-orb 7s ease-in-out infinite;
}

.orb::before,
.orb::after {
  position: absolute;
  border: 1px solid hsl(var(--primary-foreground) / .25);
  border-radius: 50%;
  content: '';
}

.orb::before { inset: 15%; }
.orb::after { inset: 31%; }

.orb-label {
  position: relative;
  z-index: 1;
  max-width: 70px;
  font-family: var(--app-font-mono);
  font-size: 9px;
  letter-spacing: .14em;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}

.market-note {
  position: absolute;
  right: 0;
  bottom: 9%;
  width: 215px;
  padding: 20px 20px 17px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  box-shadow: 16px 18px 0 hsl(345 65% 25% / .08);
  transform: rotate(5deg);
}

.market-note-label {
  margin-bottom: 32px;
  color: hsl(var(--accent));
  font-family: var(--app-font-mono);
  font-size: 9px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.market-note-value {
  color: hsl(var(--primary));
  font-family: var(--app-font-serif);
  font-size: 47px;
  line-height: .85;
}

.market-note-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  color: hsl(var(--muted-foreground));
  font-family: var(--app-font-mono);
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.market-note-meta strong { color: hsl(var(--accent)); font-weight: 400; }

.scroll-mark {
  position: absolute;
  bottom: 35px;
  left: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: hsl(var(--muted-foreground));
  font-family: var(--app-font-mono);
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}

.scroll-mark::before {
  width: 1px;
  height: 42px;
  background: hsl(var(--accent));
  content: '';
}

.ticker {
  display: grid;
  grid-template-columns: 1.15fr repeat(3, 1fr);
  border-top: 1px solid hsl(var(--primary));
  border-bottom: 1px solid hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  background: hsl(var(--primary));
}

.ticker > div {
  min-height: 83px;
  padding: 18px 22px;
  border-left: 1px solid hsl(36 33% 94% / .2);
}

.ticker > div:first-child { border-left: 0; }

.ticker-lead {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--app-font-serif);
  font-size: 25px;
}

.ticker-lead span {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: hsl(var(--accent));
  animation: pulse 2s ease-in-out infinite;
}

.ticker-label {
  display: block;
  margin-bottom: 9px;
  color: hsl(36 33% 94% / .55);
  font-family: var(--app-font-mono);
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ticker-value {
  font-family: var(--app-font-mono);
  font-size: 12px;
  letter-spacing: .06em;
}

.ticker-value.positive { color: #dfb2a0; }

.section {
  padding: clamp(92px, 12vw, 175px) 0;
}

.section-heading {
  display: grid;
  grid-template-columns: .7fr 1fr;
  gap: 50px;
  margin-bottom: 78px;
}

.section-index {
  color: hsl(var(--accent));
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.section-title {
  max-width: 700px;
  margin: 0;
  color: hsl(var(--primary));
  font-family: var(--app-font-serif);
  font-size: clamp(3.6rem, 7vw, 7.5rem);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .85;
}

.section-title em { color: hsl(var(--accent)); }

.coverage-grid {
  display: grid;
  grid-template-columns: 1.4fr .8fr .8fr;
  border-top: 1px solid hsl(var(--border));
}

.coverage-item {
  min-height: 286px;
  padding: 24px 26px 30px;
  border-bottom: 1px solid hsl(var(--border));
  border-left: 1px solid hsl(var(--border));
  transition: background-color 300ms ease, transform 300ms ease;
}

.coverage-item:first-child { border-left: 0; }
.coverage-item:hover {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  transform: translateY(-8px);
}

.coverage-number {
  display: flex;
  justify-content: space-between;
  color: hsl(var(--accent));
  font-family: var(--app-font-mono);
  font-size: 10px;
}

.coverage-item h3 {
  margin: 76px 0 18px;
  font-family: var(--app-font-serif);
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .82;
}

.coverage-item p {
  max-width: 320px;
  margin: 0;
  color: hsl(var(--muted-foreground));
  font-size: 13px;
  line-height: 1.5;
}

.coverage-item:hover p { color: hsl(36 33% 94% / .62); }

.dispatch-section {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.dispatch-section .section-title,
.dispatch-section .section-index { color: hsl(var(--primary-foreground)); }

.dispatch-section .section-title em { color: #d99582; }

.dispatch-list { border-top: 1px solid hsl(36 33% 94% / .28); }

.dispatch {
  display: grid;
  grid-template-columns: 90px 1fr 230px 28px;
  align-items: center;
  gap: 28px;
  min-height: 145px;
  border-bottom: 1px solid hsl(36 33% 94% / .28);
  transition: padding 300ms ease, background-color 300ms ease;
}

.dispatch:hover {
  padding: 0 20px;
  background: hsl(345 54% 31%);
}

.dispatch-number {
  color: #d99582;
  font-family: var(--app-font-mono);
  font-size: 10px;
}

.dispatch h3 {
  margin: 0;
  font-family: var(--app-font-serif);
  font-size: clamp(2rem, 3.2vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: .9;
}

.dispatch p {
  margin: 0;
  color: hsl(36 33% 94% / .59);
  font-size: 12px;
  line-height: 1.5;
}

.dispatch-arrow { color: #d99582; }

.manifesto {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 50px;
  align-items: start;
}

.manifesto-quote {
  max-width: 900px;
  margin: 0;
  color: hsl(var(--primary));
  font-family: var(--app-font-serif);
  font-size: clamp(3.4rem, 7vw, 8rem);
  letter-spacing: -.055em;
  line-height: .84;
}

.manifesto-quote em { color: hsl(var(--accent)); }

.manifesto-note {
  max-width: 420px;
  margin: 52px 0 0 auto;
  color: hsl(var(--muted-foreground));
  font-size: 15px;
  line-height: 1.65;
}

.newsletter {
  position: relative;
  padding: clamp(85px, 11vw, 150px) 0;
  overflow: hidden;
  background: hsl(var(--accent));
  color: hsl(var(--primary-foreground));
}

.newsletter::before,
.newsletter::after {
  position: absolute;
  border: 1px solid hsl(36 33% 94% / .28);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}

.newsletter::before {
  top: -48%;
  right: -8%;
  width: 680px;
  height: 680px;
}

.newsletter::after {
  right: 10%;
  bottom: -63%;
  width: 670px;
  height: 670px;
}

.newsletter-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr .7fr;
  align-items: end;
  gap: 80px;
}

.newsletter-kicker {
  margin-bottom: 19px;
  color: hsl(36 33% 94% / .72);
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.newsletter h2 {
  max-width: 800px;
  margin: 0;
  font-family: var(--app-font-serif);
  font-size: clamp(4rem, 8vw, 9rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .79;
}

.newsletter h2 em { color: hsl(var(--primary-foreground)); }

.newsletter-copy {
  max-width: 330px;
  margin: 0 0 4px auto;
  color: hsl(36 33% 94% / .76);
  font-size: 14px;
  line-height: 1.6;
}

.newsletter-copy .button-light { margin-top: 27px; }

.subscribe-row {
  display: flex;
  align-items: stretch;
  margin-top: 24px;
  border-bottom: 1px solid hsl(36 33% 94% / .55);
}

.subscribe-row input {
  width: 100%;
  min-width: 0;
  padding: 13px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: hsl(var(--primary-foreground));
  font: 13px/1.3 var(--app-font-sans);
}

.subscribe-row input::placeholder { color: hsl(36 33% 94% / .62); }

.subscribe-row button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px;
  border: 0;
  background: transparent;
  color: hsl(var(--primary-foreground));
  cursor: pointer;
  font: 10px var(--app-font-mono);
  letter-spacing: .11em;
  text-transform: uppercase;
  transition: color 200ms ease, transform 200ms ease;
}

.subscribe-row button:hover { color: hsl(36 33% 94% / .65); transform: translateX(2px); }
.subscribe-row button svg { width: 14px; }

.button-light {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 15px 0;
  border-bottom: 1px solid hsl(var(--primary-foreground));
  color: hsl(var(--primary-foreground));
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
  transition: gap 250ms ease, color 250ms ease;
}

.button-light:hover { gap: 17px; color: hsl(36 33% 94% / .65); }
.button-light svg { width: 15px; }

.social-strip {
  display: grid;
  grid-template-columns: 1fr repeat(6, auto);
  align-items: center;
  gap: 29px;
  padding: 29px 0 33px;
  border-bottom: 1px solid hsl(var(--border));
}

.social-prompt {
  color: hsl(var(--muted-foreground));
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.social-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: hsl(var(--primary));
  font-family: var(--app-font-mono);
  font-size: 10px;
  letter-spacing: .07em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms ease, transform 200ms ease;
}

.social-link:hover { color: hsl(var(--accent)); transform: translateY(-2px); }
.social-link svg { width: 14px; height: 14px; }
.social-link svg:not(.icon-fill) { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.social-link svg .icon-fill { fill: currentColor; stroke: none; }

.micro-close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0 28px;
  color: hsl(var(--muted-foreground));
  font-family: var(--app-font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.micro-close strong { color: hsl(var(--primary)); font-weight: 700; }

@keyframes rise-in {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes reveal-art {
  from { opacity: 0; transform: translateX(28px) rotate(2deg); }
  to { opacity: 1; transform: translateX(0) rotate(0); }
}

@keyframes float-orb {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-12px) rotate(4deg); }
}

@keyframes pulse {
  0%, 100% { opacity: .45; transform: scale(.85); }
  50% { opacity: 1; transform: scale(1.1); }
}

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 65px; }
  .hero-art { min-height: 400px; margin-top: 10px; }
  .orb { left: 22%; }
  .market-note { right: 9%; }
  .coverage-grid { grid-template-columns: 1fr 1fr; }
  .coverage-item:first-child { grid-column: 1 / -1; border-left: 0; }
  .coverage-item:nth-child(3) { border-left: 0; }
  .newsletter-inner { grid-template-columns: 1fr; gap: 42px; }
  .newsletter-copy { margin: 0; }
}

@media (max-width: 640px) {
  .macro-shell { width: min(100% - 34px, 1440px); }
  .brand-row { padding-top: 19px; }
  .brand-date { display: none; }
  .hero { padding-top: 75px; }
  .hero h1 { font-size: clamp(4.1rem, 19vw, 7rem); }
  .hero-intro { margin-top: 31px; font-size: 15px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 13px; }
  .button-wine, .button-quiet { width: 100%; }
  .hero-art { min-height: 315px; margin: 18px -8px 0; transform: scale(.92); transform-origin: center; }
  .orb { left: 8%; }
  .market-note { right: 2%; bottom: 3%; }
  .scroll-mark { display: none; }
  .ticker { grid-template-columns: 1fr 1fr; }
  .ticker > div:first-child { grid-column: 1 / -1; }
  .ticker > div { min-height: 72px; padding: 15px; }
  .ticker-lead { font-size: 21px; }
  .section { padding: 95px 0; }
  .section-heading { grid-template-columns: 1fr; gap: 25px; margin-bottom: 50px; }
  .section-title { font-size: clamp(3.6rem, 17vw, 6.2rem); }
  .coverage-grid { grid-template-columns: 1fr; }
  .coverage-item:first-child { grid-column: auto; }
  .coverage-item, .coverage-item:nth-child(3) { border-left: 0; }
  .coverage-item h3 { margin-top: 62px; }
  .dispatch { grid-template-columns: 37px 1fr 20px; gap: 11px; min-height: 126px; }
  .dispatch p { display: none; }
  .dispatch:hover { padding: 0 10px; }
  .manifesto { grid-template-columns: 1fr; gap: 26px; }
  .manifesto-quote { font-size: clamp(3.6rem, 17vw, 7rem); }
  .manifesto-note { margin: 0; }
  .newsletter h2 { font-size: clamp(4.3rem, 20vw, 8rem); }
  .social-strip { grid-template-columns: 1fr 1fr; gap: 20px 14px; }
  .social-prompt { grid-column: 1 / -1; margin-bottom: 4px; }
  .social-link { font-size: 9px; }
  .micro-close { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}