@font-face {
  font-family:Instrument Serif;
  src:url('/assets/fonts/instrument-serif-italic.ttf') format('truetype');
  font-style:italic;
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:Instrument Serif;
  src:url('/assets/fonts/instrument-serif.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:Instrument Sans;
  src:url('/assets/fonts/instrument-sans.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:Instrument Sans;
  src:url('/assets/fonts/instrument-sans-semibold.ttf') format('truetype');
  font-style:normal;
  font-weight:600 700;
  font-display:swap;
}

@font-face {
  font-family:JetBrains Mono;
  src:url('/assets/fonts/jetbrains-mono.ttf') format('truetype');
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
}

:root {
  color-scheme:dark;
  --bg:#090a0e;
  --ink:#eeeae3;
  --muted:#aaa6a5;
  --dim:#8e8f97;
  --line:rgba(236,230,224,.15);
  --hot:#ffad72;
  --pink:#ef798e;
  --cold:#9ce4ee;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Instrument Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
}

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

html {
  scroll-behavior:smooth;
  scroll-padding-top:105px;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

body::before {
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:850px;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(#000,transparent);
}

.atmosphere {
  position:absolute;
  inset:0 0 auto;
  height:1050px;
  z-index:-2;
  pointer-events:none;
  background:radial-gradient(ellipse at 12% 10%,rgba(188,75,53,.17),transparent 54%),radial-gradient(ellipse at 97% 42%,rgba(59,150,170,.1),transparent 48%);
}

p,h1,h2,h3 {
  margin:0;
}

a {
  color:inherit;
  text-underline-offset:4px;
}

button,input,textarea {
  font:inherit;
}

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

button {
  cursor:pointer;
}

img,svg {
  max-width:100%;
}

button:disabled {
  cursor:wait;
}

::selection {
  background:var(--cold);
  color:var(--bg);
}

[hidden] {
  display:none!important;
}

.shell {
  width:min(1180px,calc(100% - 96px));
  margin-inline:auto;
}

.section {
  padding-block:92px;
}

em {
  font-weight:400;
}

.eyebrow {
  font-family:var(--mono);
  font-size:10px;
  line-height:1.7;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--muted);
}

.site-header {
  position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(9,10,14,.9);
  backdrop-filter:blur(16px);
}

.nav {
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}

.wordmark {
  display:inline-flex;
  gap:8px;
  align-items:center;
  text-decoration:none;
  font-weight:600;
  font-size:21px;
  letter-spacing:.03em;
  flex-shrink:0;
}

.wordmark span:first-child {
  color:var(--hot);
}

.wordmark span:nth-child(2) {
  color:#e7c2c0;
}

.wordmark span:nth-child(3) {
  color:var(--cold);
}

.mark-dot {
  height:4px;
  width:4px;
  background:var(--hot);
  border-radius:50%;
  align-self:flex-end;
  margin-bottom:8px;
  margin-left:1px;
}

.nav-links {
  display:flex;
  gap:30px;
  margin-left:auto;
}

.nav-links a,.nav-cta {
  font-size:12px;
  text-decoration:none;
}

.nav-links a {
  color:var(--muted);
  padding-block:12px;
}

.nav-links a:hover {
  color:var(--ink);
}

.nav-cta {
  border-bottom:1px solid var(--hot);
  padding-block:11px;
  color:var(--hot);
  white-space:nowrap;
}

.nav-cta span {
  margin-left:14px;
}

.hero {
  display:grid;
  grid-template-columns:1.07fr 1fr;
  gap:48px;
  align-items:center;
  padding-block:70px 74px;
}

.hero-title>.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
}

.status-dot {
  display:inline-block;
  flex-shrink:0;
  width:5px;
  height:5px;
  background:var(--hot);
  border-radius:50%;
  box-shadow:0 0 10px rgba(255,155,87,.5);
}

h1 {
  font-weight:400;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(85px,9.6vw,133px);
  letter-spacing:-.035em;
  line-height:.99;
  margin-top:26px;
  padding-bottom:8px;
}

.title-line {
  display:block;
  white-space:nowrap;
}

.worlds {
  color:var(--hot);
  background:linear-gradient(105deg,#ffb779,#f08385);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.machines {
  color:var(--pink);
  background:linear-gradient(100deg,#f18aa0,#f1c9b7);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.dumb-ideas {
  color:var(--cold);
  background:linear-gradient(100deg,#b9e9ec,#71cbdc);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.title-period {
  margin-left:-.045em;
}

.hero-credit {
  margin-top:24px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.18em;
  color:var(--dim);
}

.hero-story {
  padding-top:11px;
  max-width:490px;
}

.hero-story>.eyebrow {
  color:var(--hot);
  margin-bottom:19px;
}

.hero-story h2 {
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(32px,3.1vw,42px);
  line-height:1.1;
  letter-spacing:-.02em;
}

.hero-story h2 em {
  color:var(--cold);
}

.hero-copy {
  color:#c3beb9;
  font-size:16px;
  line-height:1.6;
  margin-top:20px;
}

.signup {
  margin-top:27px;
  scroll-margin-top:120px;
}

.signup-title {
  font-size:13px;
  font-weight:600;
  margin-bottom:11px;
}

.signup-row {
  display:flex;
  gap:7px;
}

.signup-row input {
  min-width:0;
  width:100%;
  padding-inline:15px;
  border-radius:7px;
}

.button {
  display:inline-flex;
  gap:16px;
  justify-content:center;
  align-items:center;
  white-space:nowrap;
  border:1px solid transparent;
  border-radius:7px;
  font-size:12px;
  font-weight:600;
  min-height:49px;
  padding:13px 18px;
  text-decoration:none;
  transition:background .18s,box-shadow .18s;
}

.button-hot {
  background:linear-gradient(110deg,#ffb474,#f08a83);
  color:#22120b;
  box-shadow:0 3px 20px -7px rgba(255,129,73,.32);
}

.button-hot:hover {
  background:linear-gradient(110deg,#ffc28e,#f7a09a);
  box-shadow:0 3px 28px -7px rgba(255,129,73,.5);
}

.button:disabled {
  opacity:.72;
}

.form-promise {
  font-size:11px;
  line-height:1.6;
  color:var(--muted);
  margin-top:10px;
}

.form-promise a {
  margin-left:5px;
}

.release-note {
  display:flex;
  gap:8px;
  align-items:center;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.03em;
  color:var(--dim);
  margin-top:18px;
}

.release-note .status-dot {
  width:4px;
  height:4px;
  background:var(--dim);
  box-shadow:none;
}

.form-status:empty {
  display:none;
}

.form-status {
  margin-top:14px;
  font-size:13px;
  line-height:1.55;
  padding:12px 14px;
  border:1px solid rgba(156,228,238,.35);
  border-radius:6px;
  background:rgba(156,228,238,.045);
  color:var(--cold);
}

.form-status[data-state=error] {
  color:#ffc0aa;
  border-color:rgba(255,169,138,.4);
  background:rgba(255,169,138,.045);
}

input,textarea {
  background:#121419;
  border:1px solid #39393f;
  border-radius:6px;
  color:var(--ink);
  font-size:14px;
  min-height:49px;
  padding:12px 14px;
  width:100%;
  transition:border-color .15s;
}

input::placeholder,textarea::placeholder {
  color:#96959b;
  opacity:1;
}

input:focus,textarea:focus {
  border-color:var(--cold);
}

textarea {
  resize:vertical;
  min-height:108px;
}

.honeypot {
  display:none;
}

.sr-only {
  position:absolute;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
}

.subject-strip {
  border-block:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding-block:26px;
}

.subject-strip>div {
  display:flex;
  align-items:center;
  gap:19px;
  padding-inline:30px;
  border-left:1px solid var(--line);
}

.subject-strip>div:first-child {
  padding-left:0;
  border-left:0;
}

.subject-strip>div:last-child {
  padding-right:0;
}

.subject-letter {
  font-family:var(--serif);
  font-style:italic;
  font-size:43px;
  line-height:1;
}

.subject-strip p {
  font-size:11px;
  line-height:1.7;
}

.subject-strip strong {
  display:block;
  font-weight:600;
  color:#e7e0d9;
}

.subject-strip p>span {
  color:var(--muted);
}

.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
  margin-bottom:35px;
}

.section-heading h2,.contact h2 {
  font-family:var(--serif);
  font-weight:400;
  font-size:56px;
  line-height:1.02;
  letter-spacing:-.025em;
  margin-top:15px;
}

.section-heading h2 em {
  color:#d0c4bc;
}

.section-aside {
  max-width:305px;
  color:var(--muted);
  font-size:13px;
  line-height:1.75;
  padding-bottom:3px;
}

.episode-board {
  --episode-ease:cubic-bezier(.22,1,.36,1);
  display:grid;
  gap:8px;
  overflow-anchor:none;
}

.episode-card {
  --episode-accent:#ffad72;
  --episode-rgb:255,173,114;
  position:relative;
  border:1px solid transparent;
  border-bottom-color:var(--line);
  border-radius:10px;
  background:transparent;
  transition:border-color .4s ease,background-color .4s ease,box-shadow .4s ease;
}

.episode-worlds {
  --episode-accent:#efab87;
  --episode-rgb:239,171,135;
}

.episode-machines {
  --episode-accent:#9ce4ee;
  --episode-rgb:156,228,238;
}

.episode-ideas {
  --episode-accent:#ef9baa;
  --episode-rgb:239,155,170;
}

.episode-card::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse at 0% 0%,rgba(var(--episode-rgb),.11),transparent 75%);
  opacity:0;
  transition:opacity .45s ease;
}

.episode-card[open] {
  border-color:rgba(var(--episode-rgb),.32);
  background:rgba(255,255,255,.018);
  box-shadow:0 18px 55px -40px rgba(var(--episode-rgb),.3);
}

.episode-card[open]::before {
  opacity:1;
}

.episode-card summary {
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 24px;
  gap:24px;
  align-items:start;
  padding:23px 32px;
  cursor:pointer;
  list-style:none;
  border-radius:9px;
  -webkit-tap-highlight-color:transparent;
  transition:padding .45s var(--episode-ease);
}

.episode-card summary::-webkit-details-marker {
  display:none;
}

.episode-card summary:focus-visible {
  outline:2px solid var(--episode-accent);
  outline-offset:4px;
}

.episode-card[open] summary {
  padding-block:32px 17px;
}

.episode-number {
  font:italic 32px/1 var(--serif);
  color:var(--dim);
  letter-spacing:-.04em;
  padding-top:14px;
  transition:font-size .45s var(--episode-ease),color .35s ease;
}

.episode-card[open] .episode-number {
  font-size:72px;
  color:var(--episode-accent);
}

.episode-heading {
  min-width:0;
}

.episode-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:7px;
}

.episode-meta .eyebrow {
  font-size:9px;
  color:var(--muted);
  transition:color .35s ease;
}

.episode-card[open] .eyebrow {
  color:var(--episode-accent);
}

.episode-state {
  font:9px/1.5 var(--mono);
  color:var(--dim);
}

.episode-title {
  display:block;
  max-width:790px;
  font:400 24px/1.2 var(--serif);
  letter-spacing:-.01em;
  text-wrap:pretty;
  transition:font-size .45s var(--episode-ease);
}

.episode-title em {
  font-style:normal;
  transition:color .35s ease;
}

.episode-card[open] .episode-title {
  font-size:38px;
}

.episode-card[open] .episode-title em {
  font-style:italic;
  color:var(--episode-accent);
}

.episode-card:first-child[open] .episode-title em {
  display:block;
}

.episode-toggle {
  position:relative;
  width:24px;
  height:24px;
  margin-top:24px;
  color:var(--muted);
  transition:transform .45s var(--episode-ease),color .35s ease;
}

.episode-toggle::before,.episode-toggle::after {
  content:'';
  position:absolute;
  top:11px;
  left:5px;
  width:14px;
  height:1px;
  background:currentColor;
}

.episode-toggle::after {
  transform:rotate(90deg);
}

.episode-card[open] .episode-toggle {
  transform:rotate(45deg);
  color:var(--episode-accent);
}

.episode-details {
  position:relative;
  padding:0 80px 32px 132px;
}

.episode-details p {
  max-width:570px;
  color:var(--muted);
  font-size:13px;
  line-height:1.8;
}

/* Native disclosure still works when intrinsic-size animation is unavailable. */
@supports (interpolate-size:allow-keywords) {
  .episode-board {
    interpolate-size:allow-keywords;
  }
  .episode-card::details-content {
    block-size:0;
    overflow:clip;
    opacity:0;
    transition:block-size .45s var(--episode-ease),opacity .3s ease,content-visibility .45s allow-discrete;
  }
  .episode-card[open]::details-content {
    block-size:auto;
    opacity:1;
  }
}

.hosts {
  padding-top:20px;
}

.host-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.host {
  padding:27px 37px 32px 0;
  position:relative;
}

.host+.host {
  padding-inline:37px 0;
  border-left:1px solid var(--line);
}

.host-topline {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}

.host-topline .eyebrow {
  font-size:9px;
}

.host-bryan .host-topline .eyebrow {
  color:var(--hot);
}

.host-austin .host-topline .eyebrow {
  color:var(--cold);
}

.host-initial {
  font-family:var(--serif);
  font-style:italic;
  font-size:50px;
  line-height:1;
  color:#7c685d;
}

.host-austin .host-initial {
  color:#537c83;
}

.host-role {
  font-size:11px;
  color:var(--muted);
}

.host h3 {
  font-family:var(--serif);
  font-weight:400;
  font-size:40px;
  line-height:1.2;
  margin-top:5px;
}

.host-bio {
  color:#b2afad;
  font-size:14px;
  max-width:435px;
  margin-top:17px;
  line-height:1.8;
}

.dinner-rule {
  margin-top:35px;
  display:flex;
  gap:22px;
  align-items:center;
}

.asterisk {
  font-size:42px;
  color:var(--cold);
  line-height:1;
}

.dinner-rule>div>p:last-child {
  font-size:18px;
  line-height:1.6;
  margin-top:5px;
}

.dinner-rule em {
  font-family:var(--serif);
  font-size:24px;
  color:var(--cold);
}

.dinner-footnote {
  margin-left:auto;
  font-family:var(--mono);
  font-size:9px;
  color:var(--dim);
  align-self:flex-end;
  padding-bottom:7px;
  white-space:nowrap;
}

.contact {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  border-top:1px solid var(--line);
  padding-top:77px;
  padding-bottom:70px;
}

.contact h2 em {
  color:var(--cold);
}

.contact-intro>p:not(.eyebrow) {
  color:#c8c3bd;
  font-size:17px;
  line-height:1.7;
  margin-top:24px;
}

.contact-intro>.contact-aside {
  font-size:13px!important;
  color:var(--muted)!important;
  margin-top:23px!important;
}

.contact-form {
  padding-top:5px;
}

.topic-field {
  margin:0 0 21px;
  padding:0;
  border:0;
}

.topic-field legend,.field>label {
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.05em;
  color:#c8c3bd;
  margin-bottom:9px;
  display:block;
}

.topic-options {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.topic-options label {
  position:relative;
  cursor:pointer;
}

.topic-options input {
  position:absolute;
  width:1px;
  height:1px;
  min-height:0;
  opacity:0;
}

.topic-options span {
  display:block;
  border:1px solid #424146;
  border-radius:5px;
  padding:9px 12px;
  min-height:40px;
  font-size:11px;
  color:#aaa7a6;
  transition:background .15s;
}

.topic-options input:checked+span {
  color:var(--cold);
  border-color:#6da4ac;
  background:rgba(156,228,238,.06);
}

.topic-options input:focus-visible+span {
  outline:2px solid var(--cold);
  outline-offset:3px;
}

.field {
  margin-bottom:17px;
}

.contact-submit {
  display:flex;
  gap:20px;
  align-items:center;
}

.contact-submit .form-promise {
  margin-top:0;
  font-size:10px;
}

.closing {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-block:33px;
  border-block:1px solid var(--line);
}

.closing p {
  font-family:var(--serif);
  font-size:38px;
  letter-spacing:-.02em;
}

.closing em {
  color:var(--hot);
}

.text-link {
  color:var(--hot);
  font-size:13px;
  text-decoration:none;
  border-bottom:1px solid #81543e;
  padding-block:12px;
  white-space:nowrap;
}

.text-link span {
  margin-left:20px;
}

.footer {
  display:flex;
  align-items:center;
  gap:30px;
  padding-block:34px 45px;
}

.footer p {
  color:#b6b1ac;
  font-size:10px;
  line-height:1.8;
}

.footer p span {
  color:var(--dim);
}

.footer>a:last-child {
  margin-left:auto;
  font-size:10px;
  color:var(--muted);
}

.footer .wordmark {
  font-size:17px;
}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex='-1']:focus-visible {
  outline:2px solid var(--cold);
  outline-offset:5px;
}

.skip-link {
  position:fixed;
  left:20px;
  top:12px;
  z-index:40;
  background:var(--cold);
  color:var(--bg);
  padding:10px 16px;
  transform:translateY(-160%);
}

.skip-link:focus {
  transform:none;
}

.local-notice {
  background:#272013;
  color:#f4ca91;
  border-bottom:1px solid #775c32;
  font-family:var(--sans);
  font-size:11px;
  line-height:1.5;
  padding:7px 20px;
  text-align:center;
}

.document {
  max-width:720px;
  min-height:65vh;
  padding-block:75px 90px;
}

.document h1 {
  font-size:65px;
  line-height:1.1;
  margin-top:20px;
}

.document h2 {
  font-size:24px;
  font-family:var(--serif);
  font-weight:400;
  margin-top:28px;
}

.document>p,.document li {
  color:#bcb6b0;
  font-size:15px;
  line-height:1.8;
  margin-top:17px;
}

.document .text-link {
  display:inline-block;
  margin-top:24px;
}

.document .eyebrow {
  font-size:10px;
}

.document ul {
  padding-left:22px;
}

.document .button {
  margin-top:26px;
}

@media(min-width:1450px) {
  .hero {
    gap:75px;
    padding-block:85px;
  }
  .hero-story {
    max-width:500px;
  }
}

@media(max-width:1100px) {
  .shell {
    width:calc(100% - 64px);
  }
  .hero {
    gap:32px;
    grid-template-columns:1fr 1fr;
  }
  .hero h1 {
    font-size:10vw;
  }
  .hero-story h2 {
    font-size:34px;
  }
  .signup-row {
    flex-wrap:wrap;
  }
  .signup-row input {
    flex:1 1 170px;
  }
  .signup-row .button {
    flex:1 1 auto;
  }
  .subject-strip>div {
    padding-inline:20px;
    gap:12px;
  }
  .subject-strip p {
    font-size:10px;
  }
  .contact {
    gap:50px;
  }
  .episode-card[open] .episode-title {
    font-size:34px;
  }
  .dinner-footnote {
    white-space:normal;
    max-width:110px;
  }
}

@media(max-width:760px) {
  html {
    scroll-padding-top:85px;
  }
  .shell {
    width:calc(100% - 40px);
  }
  .nav {
    height:65px;
    gap:18px;
  }
  .nav-links {
    display:none;
  }
  .nav-cta {
    font-size:11px;
  }
  .wordmark {
    font-size:19px;
  }
  .hero {
    grid-template-columns:1fr;
    gap:32px;
    padding-block:36px 35px;
  }
  .hero h1 {
    font-size:clamp(76px,17vw,118px);
    line-height:.96;
    margin-top:20px;
  }
  .hero-title>.eyebrow {
    font-size:8px;
    letter-spacing:.12em;
  }
  .hero-credit {
    font-size:8px;
    margin-top:18px;
    letter-spacing:.12em;
  }
  .hero-story {
    max-width:none;
    padding-top:0;
  }
  .hero-story>.eyebrow {
    font-size:8px;
    margin-bottom:10px;
  }
  .hero-story h2 {
    font-size:30px;
    line-height:1.1;
  }
  .hero-story h2 br {
    display:none;
  }
  .hero-story h2 br::after {
    content:' ';
  }
  .hero-story h2 em {
    display:block;
  }
  .hero-story h2 {
    max-width:440px;
  }
  .hero-copy {
    font-size:14px;
    margin-top:12px;
  }
  .hero-copy br {
    display:none;
  }
  .signup {
    margin-top:21px;
    scroll-margin-top:96px;
  }
  .signup-title {
    font-size:12px;
    margin-bottom:9px;
  }
  .signup-row {
    gap:8px;
    flex-wrap:nowrap;
  }
  .signup-row input {
    flex:1;
    min-width:0;
    font-size:12px;
    padding-inline:11px;
  }
  .signup-row .button {
    flex:0 0 auto;
    padding-inline:12px;
    font-size:11px;
    gap:9px;
  }
  .form-promise {
    font-size:10px;
  }
  .release-note {
    font-size:8px;
    margin-top:12px;
  }
  .subject-strip {
    grid-template-columns:1fr;
    padding-block:14px;
  }
  .subject-strip>div,.subject-strip>div:first-child,.subject-strip>div:last-child {
    padding:9px 0;
    border:0;
    gap:15px;
  }
  .subject-letter {
    font-size:28px;
    width:29px;
    flex-shrink:0;
    text-align:center;
  }
  .subject-strip p {
    display:flex;
    gap:13px;
    align-items:baseline;
    flex-wrap:wrap;
    font-size:10px;
  }
  .subject-strip strong {
    min-width:66px;
  }
  .section {
    padding-block:53px;
  }
  .section-heading {
    display:block;
    margin-bottom:26px;
  }
  .section-heading h2,.contact h2 {
    font-size:44px;
    margin-top:10px;
  }
  .section-aside {
    margin-top:18px;
    max-width:350px;
    font-size:12px;
  }
  .episode-board {
    gap:6px;
  }
  .episode-card summary {
    grid-template-columns:30px minmax(0,1fr) 16px;
    gap:14px;
    padding:20px 16px;
  }
  .episode-card[open] summary {
    padding-block:25px 14px;
  }
  .episode-number {
    font-size:24px;
    padding-top:20px;
  }
  .episode-card[open] .episode-number {
    font-size:36px;
  }
  .episode-meta {
    flex-wrap:wrap;
    gap:4px 10px;
    margin-bottom:9px;
  }
  .episode-meta .eyebrow,.episode-state {
    font-size:8px;
    letter-spacing:.03em;
  }
  .episode-title {
    font-size:21px;
  }
  .episode-card[open] .episode-title {
    font-size:29px;
    line-height:1.15;
  }
  .episode-toggle {
    margin-top:22px;
    width:16px;
  }
  .episode-toggle::before,.episode-toggle::after {
    left:1px;
  }
  .episode-details {
    padding:0 30px 25px 60px;
  }
  .episode-details p {
    font-size:12px;
    line-height:1.7;
  }
  .hosts {
    padding-top:0;
  }
  .host-grid {
    grid-template-columns:1fr;
  }
  .host,.host+.host {
    padding:23px 0 28px;
    border-left:0;
  }
  .host+.host {
    border-top:1px solid var(--line);
  }
  .host-topline {
    margin-bottom:14px;
  }
  .host h3 {
    font-size:35px;
  }
  .host-bio {
    font-size:13px;
    line-height:1.75;
    margin-top:12px;
  }
  .host-initial {
    font-size:43px;
  }
  .dinner-rule {
    display:grid;
    grid-template-columns:24px 1fr;
    gap:13px;
    margin-top:25px;
  }
  .asterisk {
    font-size:28px;
  }
  .dinner-rule>div>p:last-child {
    font-size:14px;
  }
  .dinner-rule em {
    font-size:21px;
  }
  .dinner-footnote {
    grid-column:2;
    margin:0;
    max-width:none;
    font-size:8px;
  }
  .contact {
    grid-template-columns:1fr;
    gap:30px;
    padding-top:47px;
    padding-bottom:45px;
  }
  .contact-intro>p:not(.eyebrow) {
    font-size:15px;
    margin-top:17px;
  }
  .contact-intro>.contact-aside {
    display:none;
  }
  .contact-form {
    padding:0;
  }
  .topic-options {
    gap:6px;
  }
  .topic-options span {
    padding-inline:10px;
    font-size:10px;
    min-height:42px;
    display:flex;
    align-items:center;
  }
  .contact-submit {
    gap:15px;
  }
  .closing {
    padding-block:26px;
    gap:14px;
  }
  .closing p {
    font-size:28px;
    line-height:1.1;
    max-width:170px;
  }
  .closing .text-link {
    font-size:11px;
  }
  .text-link span {
    margin-left:10px;
  }
  .footer {
    gap:18px;
    flex-wrap:wrap;
    padding-block:27px 32px;
  }
  .footer p {
    font-size:9px;
  }
  .footer>a:last-child {
    font-size:9px;
    margin-left:auto;
  }
  .document {
    padding-block:45px 60px;
  }
  .document h1 {
    font-size:48px;
  }
  .document>p,.document li {
    font-size:14px;
  }
}

@media(max-width:365px) {
  .shell {
    width:calc(100% - 32px);
  }
  .hero h1 {
    font-size:21vw;
  }
  .hero-story h2 {
    font-size:28px;
  }
  .signup-row {
    flex-wrap:wrap;
  }
  .signup-row input,.signup-row .button {
    flex:1 1 100%;
  }
  .subject-strip p {
    font-size:9px;
    gap:5px;
  }
  .subject-strip strong {
    min-width:62px;
  }
  .topic-options span {
    font-size:9px;
    padding-inline:9px;
  }
  .contact-submit {
    align-items:flex-start;
  }
  .contact-submit .button {
    font-size:11px;
  }
  .footer>a:last-child {
    margin-left:0;
  }
  .episode-card[open] .episode-title {
    font-size:26px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    transition:none!important;
    animation:none!important;
  }
}