:root {
  --color-canvas: #fafaf8;
  --color-paper: #ffffff;
  --color-ink: #000000;
  --color-ink-secondary: #3d3d3a;
  --color-ink-muted: #5f5f5b;
  --color-border: #b8b8b2;
  --color-border-subtle: #deded9;
  --color-blue-deep: #244499;
  --color-blue-hover: #173375;
  --color-blue-wash: #e8eeff;
  --color-blue-wash-active: #d8e1ff;
  --color-blue-bright: #5075e8;
  --color-orange: #ff9900;
  --color-orange-ink: #7a3e00;
  --color-coral: #ff5b3e;
  --color-coral-ink: #8a2818;
  --color-focus: #244499;
  --color-focus-inverse: var(--color-paper);
  --color-disabled-surface: #e8e8e4;
  --color-disabled-text: #777773;
  --color-success: #14663e;
  --color-warning: #7a3e00;
  --color-error: #8a2818;
  --color-info: #244499;

  --font-display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --weight-display: 900;
  --leading-display: 0.88;
  --leading-heading: 1.02;
  --leading-compact: 1.25;
  --leading-body: 1.6;
  --leading-small: 1.5;
  --leading-meta: 1.35;
  --leading-button: 1.2;
  --tracking-display: -0.025em;
  --tracking-heading: -0.015em;
  --tracking-body: 0;
  --tracking-mono: 0.1em;

  --type-display-xl: clamp(4rem, 14vw, 11rem);
  --type-display-l: clamp(3rem, 8vw, 6.5rem);
  --type-h1: clamp(2.25rem, 5vw, 4.5rem);
  --type-h2: clamp(1.75rem, 3.4vw, 3rem);
  --type-h3: 1.5rem;
  --type-h4: 1.25rem;
  --type-lead: 1.25rem;
  --type-body: 1rem;
  --type-body-small: 0.875rem;
  --type-meta: 0.75rem;
  --type-button: 0.875rem;

  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  --container-max: 1280px;
  --measure-body: 68ch;
  --measure-compact: 46ch;
  --gutter-mobile: 16px;
  --gutter-tablet: 32px;
  --gutter-desktop: 48px;
  --grid-gap-compact: 16px;
  --grid-gap-standard: 24px;
  --section-gap-mobile: 64px;
  --section-gap-tablet: 96px;
  --section-gap-desktop: 128px;
  --anchor-scroll-offset: max(
    calc(var(--section-gap-desktop) + var(--space-12)),
    calc(4lh + var(--space-16))
  );
  --line-hairline: 1px;
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;
  --radius-control: 4px;
  --radius-panel: 8px;
  --radius-module: 0;
  --target-min: 44px;
  --ratio-promo: 2 / 1;
  --ratio-portrait: 1 / 1;

  --motion-micro: 120ms;
  --motion-standard: 220ms;
  --motion-reveal: 480ms;
  --motion-stagger: 48ms;
  --motion-stagger-count: 4;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-reveal-distance: 12px;
  --motion-press-distance: 2px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--color-canvas);
  color: var(--color-ink);
  font-family: var(--font-body);
  scroll-behavior: smooth;
}

body {
  margin: var(--space-0);
  background: var(--color-canvas);
  color: var(--color-ink);
  font-size: var(--type-body);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-body);
  overflow-wrap: anywhere;
}

img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}

a {
  color: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

h1,
h2,
h3,
h4,
p,
dl,
dd,
ol,
ul {
  margin: var(--space-0);
}

ol,
ul {
  padding: var(--space-0);
}

.container {
  inline-size: min(100%, var(--container-max));
  margin-inline: auto;
  padding-inline: var(--gutter-mobile);
}

.showcase-main {
  display: grid;
  gap: var(--section-gap-mobile);
  padding-block: var(--section-gap-mobile);
}

.showcase-section {
  display: grid;
  gap: var(--space-8);
  min-inline-size: var(--space-0);
}

.showcase-section + .showcase-section {
  border-block-start: var(--line-hairline) solid var(--color-border-subtle);
  padding-block-start: var(--section-gap-mobile);
}

.showcase-label,
.meta,
.section-heading__overline,
.talk-card__sequence,
.fact__label,
.archive-row__rail,
.state-swatch__label {
  font-family: var(--font-mono);
  font-size: var(--type-meta);
  font-weight: var(--weight-medium);
  line-height: var(--leading-meta);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
}

.showcase-label {
  color: var(--color-ink-muted);
}

.body-copy {
  max-inline-size: var(--measure-body);
  color: var(--color-ink-secondary);
}

.body-copy--compact {
  max-inline-size: var(--measure-compact);
}

.site-header {
  position: relative;
  z-index: 1;
  background: var(--color-canvas);
  border-block-end: var(--line-hairline) solid var(--color-border-subtle);
}

.site-header__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: var(--space-2);
  align-items: center;
  padding-block: var(--space-4);
  transition: transform var(--motion-standard) var(--ease-standard);
}

.site-header[data-variant="compact"] .site-header__inner {
  padding-block: var(--space-2);
  transform: translateY(calc(var(--space-1) * -1));
}

.site-header__identity {
  display: inline-flex;
  min-inline-size: var(--space-0);
  min-block-size: var(--target-min);
  align-items: center;
  font-size: var(--type-body-small);
  font-weight: var(--weight-bold);
  line-height: var(--leading-compact);
  letter-spacing: var(--tracking-heading);
  overflow-wrap: normal;
  word-break: normal;
}

.site-nav {
  grid-column: 1 / -1;
  min-inline-size: var(--space-0);
}

.site-header__inner > .cta {
  justify-self: end;
}

.site-nav__list,
.footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  list-style: none;
}

.nav-link {
  display: inline-flex;
  min-inline-size: var(--target-min);
  min-block-size: var(--target-min);
  align-items: center;
  color: var(--color-ink);
  font-size: var(--type-body-small);
  text-decoration: underline;
  text-decoration-thickness: var(--line-hairline);
  text-underline-offset: var(--space-1);
  transition: color var(--motion-micro) var(--ease-standard);
}

.nav-link:hover,
.nav-link[data-demo-state="hover"] {
  color: var(--color-blue-deep);
}

.nav-link:active,
.nav-link[data-demo-state="active"] {
  color: var(--color-blue-hover);
}

.nav-link[aria-current="page"],
.nav-link[aria-current="location"] {
  border-block-end: var(--line-hairline) solid var(--color-blue-deep);
}

.nav-link:focus-visible,
.site-header__identity:focus-visible,
.nav-link[data-demo-state="focus"] {
  outline: var(--focus-ring-width) solid var(--color-focus);
  outline-offset: var(--focus-ring-offset);
}

.cta {
  position: relative;
  display: inline-flex;
  min-inline-size: var(--target-min);
  min-block-size: var(--target-min);
  max-inline-size: 100%;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  border: var(--line-hairline) solid var(--color-blue-deep);
  border-radius: var(--radius-control);
  font-family: var(--font-mono);
  font-size: var(--type-button);
  font-weight: var(--weight-bold);
  line-height: var(--leading-button);
  letter-spacing: var(--tracking-mono);
  text-align: center;
  text-decoration: none;
  transition:
    color var(--motion-micro) var(--ease-standard),
    background-color var(--motion-micro) var(--ease-standard),
    transform var(--motion-micro) var(--ease-standard);
}

.cta--primary {
  background: var(--color-blue-deep);
  color: var(--color-paper);
}

.cta--primary:hover,
.cta--primary[data-demo-state="hover"] {
  background: var(--color-blue-hover);
}

.cta--secondary {
  background: var(--color-canvas);
  color: var(--color-blue-deep);
}

.cta--secondary:hover,
.cta--secondary[data-demo-state="hover"] {
  background: var(--color-blue-wash);
}

.cta--primary:active,
.cta--primary[data-demo-state="active"],
.cta--secondary:active,
.cta--secondary[data-demo-state="active"] {
  transform: translateY(var(--motion-press-distance));
}

.cta--primary:active,
.cta--primary[data-demo-state="active"] {
  background: var(--color-blue-hover);
}

.cta--secondary:active,
.cta--secondary[data-demo-state="active"] {
  background: var(--color-blue-wash-active);
}

.cta:focus-visible,
.cta[data-demo-state="focus"] {
  outline: var(--focus-ring-width) solid var(--color-focus);
  outline-offset: var(--focus-ring-offset);
}

.cta:disabled {
  border-color: var(--color-disabled-surface);
  background: var(--color-disabled-surface);
  color: var(--color-disabled-text);
  cursor: not-allowed;
}

.cta-cluster,
.state-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap-compact);
  align-items: flex-start;
}

.state-swatch {
  display: grid;
  gap: var(--space-2);
  min-inline-size: min(100%, var(--measure-compact));
}

.state-swatch__label {
  color: var(--color-ink-muted);
}

.signal-strip {
  display: grid;
  grid-template-columns: 3fr 2fr 1fr 2fr 4fr;
  gap: var(--space-1);
  min-block-size: var(--space-20);
  overflow: hidden;
}

.signal-strip__module {
  min-inline-size: var(--space-10);
  border-radius: var(--radius-module);
}

.signal-strip__module--deep {
  background: var(--color-blue-deep);
}

.signal-strip__module--bright {
  background: var(--color-blue-bright);
  clip-path: ellipse(100% 70% at 100% 50%);
}

.signal-strip__module--orange {
  background: var(--color-orange);
}

.signal-strip__module--coral {
  background: var(--color-coral);
  clip-path: ellipse(100% 70% at 0 50%);
}

.signal-strip__module--canvas {
  background: var(--color-canvas);
  border: var(--line-hairline) solid var(--color-border);
}

.section-heading {
  display: grid;
  gap: var(--space-2);
  max-inline-size: var(--measure-body);
}

.section-heading__overline {
  color: var(--color-blue-deep);
}

.section-heading__title {
  font-family: var(--font-body);
  font-size: var(--type-h2);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  text-wrap: balance;
}

.section-heading__lead {
  max-inline-size: var(--measure-body);
  margin-block-start: var(--space-2);
  color: var(--color-ink-secondary);
  font-size: var(--type-lead);
  line-height: var(--leading-body);
}

.section-heading--display .section-heading__title {
  max-inline-size: var(--measure-compact);
  font-family: var(--font-display);
  font-size: var(--type-display-l);
  font-weight: var(--weight-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
}

#format-title {
  font-size: var(--type-h1);
}

.event-facts {
  display: grid;
  gap: var(--space-6);
  padding: var(--space-6);
  border: var(--line-hairline) solid var(--color-border);
  background: var(--color-paper);
}

.event-facts--upcoming {
  border-block-start: var(--space-2) solid var(--color-blue-deep);
}

.event-facts--compact {
  background: var(--color-canvas);
}

.fact {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-inline-size: var(--space-0);
}

.fact__label {
  color: var(--color-ink-muted);
}

.fact__value {
  font-size: var(--type-h4);
  font-weight: var(--weight-bold);
  line-height: var(--leading-compact);
}

.fact__value--muted {
  color: var(--color-ink-muted);
  font-weight: var(--weight-regular);
}

.talk-list {
  display: grid;
  gap: var(--grid-gap-standard);
  list-style: none;
}

.talk-card {
  display: grid;
  min-inline-size: var(--space-0);
  border-block-start: var(--line-hairline) solid var(--color-border);
}

.talk-card__media {
  inline-size: 100%;
  aspect-ratio: var(--ratio-promo);
  object-fit: contain;
  background: var(--color-paper);
}

.talk-card__content {
  display: grid;
  align-content: center;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--line-hairline) solid var(--color-border-subtle);
  border-radius: var(--radius-panel);
  background: var(--color-paper);
}

.talk-card__sequence {
  color: var(--color-blue-deep);
}

.talk-card__speaker {
  color: var(--color-ink-secondary);
  font-size: var(--type-body-small);
  line-height: var(--leading-small);
}

.talk-card__title,
.archive-row__title {
  font-size: var(--type-h3);
  font-weight: var(--weight-bold);
  line-height: var(--leading-compact);
  letter-spacing: var(--tracking-heading);
  text-wrap: pretty;
}

.talk-card__title > .nav-link {
  min-block-size: var(--target-min);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.talk-card__description {
  max-inline-size: var(--measure-compact);
  color: var(--color-ink-secondary);
}

.stats-strip {
  display: grid;
  gap: var(--grid-gap-standard);
}

.stat-block {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  min-inline-size: var(--space-0);
  padding: var(--space-6);
  border-radius: var(--radius-module);
}

.stat-block--canvas {
  border: var(--line-hairline) solid var(--color-border);
  background: var(--color-canvas);
  color: var(--color-ink);
}

.stat-block--deep {
  background: var(--color-blue-deep);
  color: var(--color-paper);
}

.stat-block--orange {
  background: var(--color-orange);
  color: var(--color-ink);
}

.stat-block--coral {
  background: var(--color-coral);
  color: var(--color-ink);
}

.stat-block__value {
  font-family: var(--font-display);
  font-size: var(--type-h1);
  font-weight: var(--weight-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  overflow-wrap: normal;
  word-break: keep-all;
}

.stat-block__label {
  font-size: var(--type-h4);
  font-weight: var(--weight-bold);
  line-height: var(--leading-compact);
}

.stat-block__label,
.event-facts--compact .fact__value {
  overflow-wrap: normal;
  word-break: normal;
}

.stat-block__context {
  max-inline-size: var(--measure-compact);
  font-size: var(--type-body-small);
  line-height: var(--leading-small);
}

.archive-list {
  position: relative;
  display: grid;
  list-style: none;
}

.archive-list::before {
  position: absolute;
  inset-block: var(--space-0);
  inset-inline-start: var(--space-2);
  inline-size: var(--space-1);
  background: var(--color-blue-deep);
  content: "";
}

.archive-row {
  position: relative;
  display: grid;
  gap: var(--space-4);
  min-inline-size: var(--space-0);
  padding: var(--space-6) var(--space-4) var(--space-6) var(--space-8);
  border-block-start: var(--line-hairline) solid var(--color-border);
}

.archive-row::before {
  position: absolute;
  inset-block-start: var(--space-8);
  inset-inline-start: var(--space-1);
  inline-size: var(--space-3);
  block-size: var(--space-3);
  background: var(--color-orange);
  content: "";
}

.archive-row:nth-child(2)::before {
  background: var(--color-coral);
}

.archive-row:nth-child(3)::before {
  background: var(--color-blue-bright);
}

.archive-row:last-child {
  border-block-end: var(--line-hairline) solid var(--color-border);
}

.archive-row[data-status="current"]::before {
  background: var(--color-blue-deep);
  outline: var(--space-1) solid var(--color-canvas);
}

.archive-row__rail,
.archive-row__content,
.archive-row__meta {
  min-inline-size: var(--space-0);
}

.archive-row__rail {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  color: var(--color-ink-muted);
}

.archive-row__status {
  color: var(--color-blue-deep);
}

.archive-row__content {
  display: grid;
  gap: var(--space-4);
}

.archive-row__venue {
  color: var(--color-ink-secondary);
}

.archive-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  align-items: center;
  font-size: var(--type-body-small);
  line-height: var(--leading-small);
}

.presentation-placeholder {
  color: var(--color-ink-muted);
}

.community-callout {
  display: grid;
  gap: var(--space-6);
  padding: var(--space-8);
  border-radius: var(--radius-module);
}

.community-callout--inverse {
  background: var(--color-blue-deep);
  color: var(--color-paper);
}

.community-callout--inverse .section-heading__overline,
.community-callout--inverse .section-heading__lead {
  color: var(--color-paper);
}

.community-callout--inverse .cta--secondary {
  border-color: var(--color-paper);
  background: var(--color-paper);
  color: var(--color-blue-deep);
}

.community-callout--inverse .cta--secondary:hover,
.community-callout--inverse .cta--secondary[data-demo-state="hover"] {
  background: var(--color-blue-wash);
}

.community-callout--inverse .cta--secondary:active,
.community-callout--inverse .cta--secondary[data-demo-state="active"] {
  background: var(--color-blue-wash-active);
}

.community-callout--inverse .cta--secondary:focus-visible,
.community-callout--inverse .cta--secondary[data-demo-state="focus"] {
  outline: var(--focus-ring-width) solid var(--color-focus);
  outline-offset: calc(var(--focus-ring-width) * -1);
}

.community-callout--inverse .cta--secondary:focus-visible::after,
.community-callout--inverse .cta--secondary[data-demo-state="focus"]::after {
  position: absolute;
  inset: calc((var(--focus-ring-width) + var(--focus-ring-offset)) * -1);
  border: var(--focus-ring-width) solid var(--color-focus-inverse);
  border-radius: calc(var(--radius-control) + var(--focus-ring-width) + var(--focus-ring-offset));
  content: "";
  pointer-events: none;
}

.footer {
  margin-block-start: var(--space-16);
  border-block-start: var(--line-hairline) solid var(--color-border);
  background: var(--color-canvas);
}

.footer__inner {
  display: grid;
  gap: var(--space-6);
  padding-block: var(--space-8);
  padding-block-end: var(--space-12);
}

.footer__identity {
  font-size: var(--type-h4);
  font-weight: var(--weight-bold);
  line-height: var(--leading-compact);
}

.footer__provenance {
  max-inline-size: var(--measure-body);
  color: var(--color-ink-muted);
  font-size: var(--type-body-small);
  line-height: var(--leading-small);
}

@media (max-width: 47.999rem) {
  .section-heading--display .section-heading__title {
    line-height: 1;
  }
}

@media (min-width: 48rem) {
  .container {
    padding-inline: var(--gutter-tablet);
  }

  .showcase-main {
    gap: var(--section-gap-tablet);
    padding-block: var(--section-gap-tablet);
  }

  .showcase-section + .showcase-section {
    padding-block-start: var(--section-gap-tablet);
  }

  .site-header__inner {
    grid-template-columns: max-content minmax(var(--space-0), 1fr) max-content;
    grid-template-areas: none;
    gap: var(--space-2) var(--space-6);
  }

  .site-header__identity,
  .site-header__inner > .cta {
    grid-area: auto;
    grid-column: auto;
    grid-row: auto;
  }

  .site-header__identity {
    font-size: var(--type-h4);
  }

  .site-nav {
    grid-area: auto;
    grid-column: auto;
  }

  .site-nav__list {
    justify-content: flex-end;
  }

  .event-facts {
    grid-template-columns: repeat(2, minmax(var(--space-0), 1fr));
    padding: var(--space-10);
  }

  .event-facts--compact {
    grid-template-columns: repeat(2, minmax(var(--space-0), 1fr));
  }

  .talk-card--official {
    grid-template-columns: minmax(var(--space-0), 1fr) minmax(var(--space-0), 1fr);
    align-items: stretch;
  }

  .talk-card--text-only {
    grid-template-columns: 2fr 1fr;
  }

  .talk-card--text-only .talk-card__content {
    grid-column: 1;
  }

  .stats-strip {
    grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
  }

  .stat-block {
    padding: var(--space-10);
  }

  .stat-block--canvas,
  .stat-block--coral {
    grid-column: span 2;
  }

  .stat-block--deep,
  .stat-block--orange {
    grid-column: span 4;
  }

  .archive-list::before {
    inset-inline-start: calc((100% - (var(--grid-gap-standard) * 5)) / 12);
  }

  .archive-row {
    grid-template-columns: minmax(var(--space-0), 1fr) minmax(var(--space-0), 5fr);
    gap: var(--grid-gap-standard);
    padding: var(--space-8) var(--space-6);
  }

  .archive-row::before {
    inset-block-start: var(--space-8);
    inset-inline-start: calc((100% - (var(--grid-gap-standard) * 5)) / 12 - var(--space-1));
  }

  .community-callout {
    padding: var(--space-12);
  }

  .community-callout .section-heading {
    max-inline-size: var(--measure-compact);
  }

  .footer__inner {
    grid-template-columns: minmax(var(--space-0), 1fr) max-content;
    padding-block: var(--space-12);
    padding-block-end: var(--space-16);
  }

  .footer__provenance {
    grid-column: 1 / -1;
  }
}

@media (min-width: 48rem) and (max-width: 79.999rem) {
  .landing-page .showcase-main > .showcase-section:first-child .section-heading {
    gap: var(--space-4);
  }

  #hero-title {
    line-height: 1;
  }
}

@media (min-width: 80rem) {
  .container {
    padding-inline: var(--gutter-desktop);
  }

  .showcase-main {
    gap: var(--section-gap-desktop);
    padding-block: var(--section-gap-desktop);
  }

  .showcase-section + .showcase-section {
    padding-block-start: var(--section-gap-desktop);
  }

  .section-heading--display {
    max-inline-size: calc((100% - (var(--grid-gap-standard) * 11)) / 12 * 8 + (var(--grid-gap-standard) * 7));
  }

  .talk-card--official {
    grid-template-columns: 7fr 5fr;
  }

  .talk-card--text-only {
    grid-template-columns: 5fr 7fr;
  }

  .talk-card--text-only .talk-card__content {
    grid-column: 2;
  }

  .event-facts--compact {
    grid-template-columns: repeat(4, minmax(var(--space-0), 1fr));
  }

  .stats-strip {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  }

  .stat-block--canvas {
    grid-column: span 2;
  }

  .stat-block--deep {
    grid-column: span 4;
  }

  .stat-block--orange {
    grid-column: span 3;
  }

  .stat-block--coral {
    grid-column: span 3;
  }

  .archive-list::before {
    inset-inline-start: calc((100% - (var(--grid-gap-standard) * 11)) / 12 * 2 + var(--grid-gap-standard));
  }

  .archive-row {
    grid-template-columns: minmax(var(--space-0), 2fr) minmax(var(--space-0), 10fr);
  }

  .archive-row::before {
    inset-inline-start: calc((100% - (var(--grid-gap-standard) * 11)) / 12 * 2 + var(--grid-gap-standard) - var(--space-1));
  }
}

.landing-page .site-header {
  position: sticky;
  inset-block-start: var(--space-0);
  background: var(--color-canvas);
  backdrop-filter: none;
}

.landing-page .site-header__inner {
  padding-block: var(--space-3);
}

.landing-page .site-nav__list {
  justify-content: space-between;
  gap: var(--space-2);
}

.landing-page .showcase-main {
  gap: var(--space-0);
  padding-block: var(--space-0);
}

.landing-page .showcase-main,
.landing-page .community-callout {
  scroll-margin-block-start: var(--anchor-scroll-offset);
}

.landing-page .showcase-section {
  gap: var(--space-12);
  padding-block-start: var(--section-gap-mobile);
  scroll-margin-block-start: calc(var(--anchor-scroll-offset) + 4lh);
}

.landing-page :is(#talks, #speakers, #facts, #feedback) {
  scroll-margin-block-start: calc(var(--anchor-scroll-offset) - var(--section-gap-mobile));
}

.landing-page .showcase-section + .showcase-section {
  padding-block-start: var(--section-gap-mobile);
}

.landing-page .showcase-main > .showcase-section:first-child {
  min-block-size: calc(100dvh - var(--space-32));
  align-content: space-between;
  gap: var(--space-12);
  padding-block: var(--space-8) var(--space-0);
}

.landing-page .showcase-main > .showcase-section:first-child .section-heading {
  max-inline-size: none;
}

.landing-page #hero-title {
  max-inline-size: none;
  font-size: var(--type-display-xl);
}

.landing-page #hero-title span {
  display: block;
}

.landing-page #hero-title span:last-child {
  margin-inline-start: clamp(var(--space-0), 8vw, var(--space-20));
}

.landing-page .showcase-main > .showcase-section:first-child .section-heading__lead {
  max-inline-size: var(--measure-compact);
}

.landing-page .signal-strip {
  grid-template-columns:
    minmax(var(--space-16), 3fr)
    minmax(var(--space-10), 1fr)
    minmax(var(--space-16), 2fr)
    minmax(var(--space-10), 1fr)
    minmax(var(--space-16), 4fr);
  min-block-size: clamp(var(--space-24), 22vw, var(--space-32));
}

.landing-page .talk-list {
  gap: var(--space-12);
}

.landing-page .stats-strip {
  grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
  gap: var(--space-1);
}

.landing-page .stat-block--canvas,
.landing-page .stat-block--orange {
  grid-column: span 2;
}

.landing-page .stat-block--deep,
.landing-page .stat-block--coral {
  grid-column: span 4;
}

.landing-page .stat-block--coral .stat-block__value {
  max-inline-size: 100%;
  font-size: clamp(var(--type-h3), 8vw, var(--type-h2));
  white-space: nowrap;
}

.landing-page .archive-row__rail {
  grid-template-columns: max-content minmax(var(--space-0), 1fr);
  gap: var(--space-2) var(--space-4);
}

.landing-page .archive-row__status {
  grid-column: 1 / -1;
}

.landing-page .archive-row:nth-child(4n + 2)::before {
  background: var(--color-coral);
}

.landing-page .archive-row:nth-child(4n + 3)::before {
  background: var(--color-blue-bright);
}

.landing-page .archive-row:nth-child(4n + 4)::before {
  background: var(--color-orange);
}

.landing-page .community-callout {
  min-block-size: calc(var(--space-32) * 2);
  align-content: space-between;
  margin-block-start: var(--section-gap-mobile);
}

.landing-page:where(.js *) [data-reveal] {
  opacity: 1;
  transform: none;
}

.landing-page:where(.js *) [data-reveal][data-reveal-state="visible"] {
  transition:
    opacity var(--motion-reveal) var(--ease-reveal),
    transform var(--motion-reveal) var(--ease-reveal);
}

.landing-page:where(.js *) [data-reveal][data-reveal-state="pending"] {
  opacity: 0;
  transform: translateY(var(--motion-reveal-distance));
}

.landing-page:where(.js *) .talk-list > :nth-child(2)[data-reveal],
.landing-page:where(.js *) .archive-list > :nth-child(2)[data-reveal] {
  transition-delay: var(--motion-stagger);
}

.landing-page:where(.js *) .talk-list > :nth-child(3)[data-reveal],
.landing-page:where(.js *) .archive-list > :nth-child(3)[data-reveal] {
  transition-delay: calc(var(--motion-stagger) * 2);
}

.landing-page:where(.js *) .archive-list > :nth-child(4)[data-reveal] {
  transition-delay: calc(var(--motion-stagger) * 3);
}

@media (max-width: 47.999rem) {
  .landing-page .stats-strip {
    grid-template-columns: minmax(var(--space-0), 1fr);
  }

  .landing-page .stats-strip > .stat-block {
    grid-column: 1 / -1;
    inline-size: 100%;
  }
}

@media (min-width: 48rem) {
  :root {
    --anchor-scroll-offset: calc(
      14lh - ((var(--section-gap-desktop) * 2) + var(--space-5))
    );
  }

  .landing-page .site-header__inner {
    padding-block: var(--space-3);
  }

  .landing-page .site-nav__list {
    justify-content: flex-end;
    gap: var(--space-2) var(--space-4);
  }

  .landing-page .showcase-section {
    padding-block-start: var(--section-gap-tablet);
  }

  .landing-page .showcase-section + .showcase-section {
    padding-block-start: var(--section-gap-tablet);
  }

  .landing-page :is(#talks, #speakers, #facts, #feedback) {
    scroll-margin-block-start: calc(var(--anchor-scroll-offset) - var(--section-gap-tablet));
  }

  .landing-page .showcase-main > .showcase-section:first-child {
    gap: var(--space-16);
    padding-block-start: var(--space-12);
  }

  .landing-page #event {
    grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
    column-gap: var(--grid-gap-standard);
  }

  .landing-page #event > .section-heading {
    grid-column: span 2;
  }

  .landing-page #event > .event-facts,
  .landing-page #event > .cta-cluster {
    grid-column: 3 / -1;
  }

  .landing-page .talk-list {
    gap: var(--space-16);
  }

  .landing-page .talk-card--official {
    grid-template-columns: minmax(var(--space-0), 1fr);
    align-items: start;
  }

  .landing-page .talk-card__media {
    align-self: start;
  }

  .landing-page .archive-list::before {
    inset-inline-start: calc(
      (100% - (var(--grid-gap-standard) * 5)) / 6 + (var(--grid-gap-standard) / 2)
    );
  }

  .landing-page .archive-row {
    padding-inline: var(--space-0);
  }

  .landing-page .archive-row::before {
    inset-inline-start: calc(
      (100% - (var(--grid-gap-standard) * 5)) / 6 + (var(--grid-gap-standard) / 2) - var(--space-1)
    );
  }

  .landing-page .community-callout {
    margin-block-start: var(--section-gap-tablet);
  }
}

@media (min-width: 80rem) {
  :root {
    --anchor-scroll-offset: calc(var(--space-16) + var(--space-4));
  }

  .landing-page .showcase-section {
    padding-block-start: var(--section-gap-desktop);
  }

  .landing-page .showcase-section + .showcase-section {
    padding-block-start: var(--section-gap-desktop);
  }

  .landing-page :is(#talks, #speakers, #facts, #feedback) {
    scroll-margin-block-start: calc(var(--anchor-scroll-offset) - var(--section-gap-desktop));
  }

  .landing-page .showcase-main > .showcase-section:first-child {
    gap: var(--space-20);
    padding-block-start: var(--space-12);
  }

  .landing-page .showcase-main > .showcase-section:first-child .section-heading {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
    column-gap: var(--grid-gap-standard);
  }

  .landing-page .showcase-main > .showcase-section:first-child .section-heading__overline {
    grid-column: 1 / 6;
  }

  .landing-page #hero-title {
    grid-column: 1 / -1;
  }

  .landing-page .showcase-main > .showcase-section:first-child .section-heading__lead {
    grid-column: 9 / -1;
    margin-block-start: var(--space-0);
  }

  .landing-page #event > .section-heading {
    grid-column: span 5;
  }

  .landing-page #event {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  }

  .landing-page #event > .event-facts,
  .landing-page #event > .cta-cluster {
    grid-column: 7 / -1;
  }

  .landing-page .talk-list {
    gap: var(--space-20);
  }

  .landing-page .talk-card--official {
    grid-template-columns: 7fr 5fr;
  }

  .landing-page .talk-card--official:nth-child(even) {
    grid-template-columns: 5fr 7fr;
  }

  .landing-page .talk-card--official:nth-child(even) .talk-card__media {
    grid-column: 2;
    grid-row: 1;
  }

  .landing-page .talk-card--official:nth-child(even) .talk-card__content {
    grid-column: 1;
    grid-row: 1;
  }

  .landing-page .stat-block--canvas,
  .landing-page .stat-block--orange {
    grid-column: span 2;
  }

  .landing-page .stats-strip {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  }

  .landing-page .stat-block--deep {
    grid-column: span 3;
  }

  .landing-page .stat-block--coral {
    grid-column: span 5;
  }

  .landing-page .archive-list::before {
    inset-inline-start: calc(
      ((100% - (var(--grid-gap-standard) * 11)) / 12 * 2) + var(--grid-gap-standard)
    );
  }

  .landing-page .archive-row::before {
    inset-inline-start: calc(
      ((100% - (var(--grid-gap-standard) * 11)) / 12 * 2) + var(--grid-gap-standard) - var(--space-1)
    );
  }

  .landing-page .community-callout {
    grid-template-columns: 7fr 5fr;
    align-items: end;
    gap: var(--space-12);
    min-block-size: calc(var(--space-32) * 3);
    margin-block-start: var(--section-gap-desktop);
  }

  .landing-page .community-callout .section-heading {
    max-inline-size: none;
  }

  .landing-page .community-callout .cta-cluster {
    justify-content: flex-end;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: var(--space-0) !important;
    animation-duration: var(--space-0) !important;
    animation-delay: var(--space-0) !important;
  }

  .site-header[data-variant="compact"] .site-header__inner,
  .cta:active,
  .cta[data-demo-state="active"] {
    transform: none;
  }

  .landing-page [data-reveal],
  .landing-page:where(.js *) [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: calc(var(--motion-reveal) * 0) !important;
    transition-delay: calc(var(--motion-stagger) * 0) !important;
    animation-name: none !important;
    animation-duration: calc(var(--motion-reveal) * 0) !important;
    animation-delay: calc(var(--motion-stagger) * 0) !important;
  }
}
.archive-index {
  padding-block: var(--space-4);
  border-block: var(--line-hairline) solid var(--color-border-subtle);
}

.archive-index__links {
  display: grid;
  gap: var(--space-2);
  min-inline-size: var(--space-0);
  list-style: none;
}

.archive-index__links > li,
.detailed-talk,
.speaker-profile,
.speaker-profile__content,
.fun-fact,
.feedback-item {
  min-inline-size: var(--space-0);
}

.archive-index .nav-link,
.detailed-talk .nav-link,
.speaker-profile .nav-link {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

.archive-index .nav-link {
  inline-size: 100%;
}

#talks,
#speakers,
#facts,
#feedback,
[data-talk],
[data-speaker] {
  scroll-margin-block-start: var(--anchor-scroll-offset);
}

.detailed-talk-list,
.speaker-directory__list,
.event-feedback__list {
  display: grid;
  min-inline-size: var(--space-0);
  border-block-start: var(--line-hairline) solid var(--color-border);
}

.detailed-talk {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-4);
  border-block-end: var(--line-hairline) solid var(--color-border);
  border-inline-start: var(--space-1) solid var(--color-blue-deep);
}

.detailed-talk__sequence,
.detailed-talk__event,
.feedback-item__context {
  font-family: var(--font-mono);
  font-size: var(--type-meta);
  font-weight: var(--weight-medium);
  line-height: var(--leading-meta);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
}

.detailed-talk__sequence {
  color: var(--color-blue-deep);
}

.detailed-talk__event,
.feedback-item__context {
  color: var(--color-ink-muted);
}

.detailed-talk__title,
.speaker-profile__name,
.fun-fact__title {
  font-size: var(--type-h3);
  font-weight: var(--weight-bold);
  line-height: var(--leading-compact);
  letter-spacing: var(--tracking-heading);
  text-wrap: pretty;
}

.detailed-talk__description {
  max-inline-size: var(--measure-body);
  color: var(--color-ink-secondary);
}

.fun-fact__title {
  overflow-wrap: normal;
  word-break: normal;
}

.detailed-talk__speakers {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  max-inline-size: var(--measure-body);
}

.speaker-profile {
  display: grid;
  gap: var(--space-6);
  padding: var(--space-6) var(--space-0);
  border-block-end: var(--line-hairline) solid var(--color-border);
}

.speaker-profile__portrait {
  aspect-ratio: var(--ratio-portrait);
  object-fit: cover;
  border-radius: var(--radius-module);
}

.speaker-profile__content {
  display: grid;
  align-content: start;
  gap: var(--space-2);
}

.speaker-profile__role {
  max-inline-size: var(--measure-body);
  color: var(--color-ink-secondary);
}

.speaker-profile__talks {
  display: grid;
  gap: var(--space-2);
  margin-block-start: var(--space-2);
  list-style: none;
}

.speaker-profile__talks .nav-link {
  inline-size: 100%;
}

.verified-facts__list {
  display: grid;
  gap: var(--space-1);
  min-inline-size: var(--space-0);
}

.fun-fact {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  padding: var(--space-6);
  background: var(--color-paper);
  border: var(--line-hairline) solid var(--color-border-subtle);
}

.fun-fact:nth-child(4n + 1) {
  background: var(--color-orange);
  color: var(--color-ink);
  border-color: var(--color-orange);
}

.fun-fact:nth-child(4n + 3) {
  background: var(--color-blue-deep);
  color: var(--color-paper);
  border-color: var(--color-blue-deep);
}

.fun-fact:nth-child(4n) {
  background: var(--color-coral);
  color: var(--color-ink);
  border-color: var(--color-coral);
}

.fun-fact__claim {
  max-inline-size: var(--measure-body);
}

.fun-fact__source {
  max-inline-size: var(--measure-compact);
  color: var(--color-ink-muted);
  font-size: var(--type-body-small);
  line-height: var(--leading-small);
}

.fun-fact:nth-child(4n + 1) .fun-fact__source,
.fun-fact:nth-child(4n) .fun-fact__source {
  color: var(--color-ink);
}

.fun-fact:nth-child(4n + 3) .fun-fact__source {
  color: var(--color-paper);
}

.feedback-item {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-0);
  border-block-end: var(--line-hairline) solid var(--color-border);
}

.feedback-item__quote {
  max-inline-size: var(--measure-body);
  margin: var(--space-0);
  color: var(--color-ink-secondary);
  font-size: var(--type-lead);
  line-height: var(--leading-body);
}

.feedback-item__quote-tail {
  white-space: nowrap;
}

@media (min-width: 48rem) {
  .archive-index {
    padding-block: var(--space-4);
  }

  .archive-index__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
  }

  .archive-index .nav-link {
    inline-size: auto;
  }

  .detailed-talk {
    grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
    column-gap: var(--grid-gap-standard);
    padding: var(--space-8) var(--space-6);
  }

  .detailed-talk__sequence,
  .detailed-talk__event {
    grid-column: 1 / 3;
  }

  .detailed-talk__title,
  .detailed-talk__description,
  .detailed-talk__speakers {
    grid-column: 3 / -1;
  }

  .detailed-talk__title {
    grid-row: 1;
  }

  .detailed-talk__description {
    grid-row: 2;
  }

  .speaker-profile {
    grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
    column-gap: var(--grid-gap-standard);
    padding: var(--space-8) var(--space-0);
  }

  .speaker-profile__portrait {
    grid-column: span 2;
  }

  .speaker-profile__content {
    grid-column: span 4;
  }

  .speaker-profile--text-only .speaker-profile__content {
    grid-column: 1 / -1;
  }

  .verified-facts__list {
    grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
  }

  .fun-fact {
    padding: var(--space-8);
  }

  .fun-fact:nth-child(odd) {
    grid-column: span 4;
  }

  .fun-fact:nth-child(even) {
    grid-column: span 2;
  }

  .fun-fact:nth-last-child(-n + 2) {
    grid-column: span 3;
  }

  .event-feedback__list {
    grid-template-columns: repeat(6, minmax(var(--space-0), 1fr));
  }

  .feedback-item {
    grid-column: 1 / 6;
    padding: var(--space-8);
  }

  .feedback-item:nth-child(even) {
    grid-column: 2 / -1;
  }
}

@media (min-width: 80rem) {
  .detailed-talk {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  }

  .detailed-talk__sequence,
  .detailed-talk__event {
    grid-column: 1 / 4;
  }

  .detailed-talk__title,
  .detailed-talk__description,
  .detailed-talk__speakers {
    grid-column: 4 / -1;
  }

  .speaker-profile {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  }

  .speaker-profile__portrait {
    grid-column: span 3;
  }

  .speaker-profile__content {
    grid-column: span 9;
  }

  .verified-facts__list,
  .event-feedback__list {
    grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  }

  .fun-fact:nth-child(odd) {
    grid-column: span 7;
  }

  .fun-fact:nth-child(even) {
    grid-column: span 5;
  }

  .feedback-item {
    grid-column: 1 / 9;
  }

  .feedback-item:nth-child(even) {
    grid-column: 5 / -1;
  }
}