/* Final visual corrections: intrinsic media ratios, unified reading room, and podcast directories. */
.global-brand {
  width: min(230px, 42vw) !important;
  height: auto !important;
  overflow: visible !important;
  flex: 0 1 auto !important;
}

.global-brand img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  aspect-ratio: 2172 / 724 !important;
}

.map-plate {
  width: 100% !important;
  max-width: 100% !important;
  align-self: start !important;
  overflow: visible !important;
}

.map-plate img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  aspect-ratio: 3 / 2 !important;
}

.about-press > figure {
  align-self: center !important;
}

.about-press > figure img,
.press-hero-logo,
.hohmann-logo img,
.home-about > figure img,
.continuity-section > figure img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
}

.about-press > figure img,
.press-hero-logo {
  aspect-ratio: 2172 / 724 !important;
}

.substack-mark {
  width: min(280px, 34vw) !important;
  aspect-ratio: 3 / 4 !important;
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  color: #fff5e3 !important;
  background: #171512 !important;
  border-top: 5px solid #a72b23 !important;
  box-shadow: 18px 20px 0 #6e211d !important;
  transform: rotate(-1deg) !important;
}

.substack-mark > span,
.substack-mark small {
  font-family: var(--mono) !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.substack-mark > span { font-size: .75rem !important; }

.substack-mark b {
  margin-top: auto !important;
  font: clamp(3.2rem, 6vw, 5.25rem)/.78 var(--serif) !important;
  letter-spacing: 0 !important;
}

.substack-mark small {
  margin-top: 1rem !important;
  font-size: .65rem !important;
  line-height: 1.25 !important;
}

.listen-hero > img,
.author-hero > img,
.about-hero > img,
.press-hero-image {
  object-fit: cover !important;
  object-position: center !important;
}

.listen-hero-copy {
  padding-top: clamp(6rem, 10vw, 10rem) !important;
}

.listen-hero h1 {
  font-size: clamp(4.75rem, 9.5vw, 9.5rem) !important;
  line-height: .76 !important;
}

.dispatch-grid {
  gap: 1px !important;
  background: #403a34 !important;
  border-top: 1px solid #403a34 !important;
  border-bottom: 1px solid #403a34 !important;
}

.dispatch-card {
  --dispatch-accent: #9a4a3e;
  min-height: 430px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #eee7db !important;
  background: #181716 !important;
  border-top: 4px solid var(--dispatch-accent) !important;
  transition: background-color .2s ease, color .2s ease !important;
}

.dispatch-card:hover {
  color: #fffaf0 !important;
  background: #211f1c !important;
}

.dispatch-card > span {
  color: var(--dispatch-accent) !important;
  font-weight: 700 !important;
}

.dispatch-card small { color: #b8aa98 !important; }

.dispatch-card h2 {
  max-width: 760px !important;
  margin: .75rem 0 1rem !important;
  color: inherit !important;
  font-size: clamp(2.65rem, 4.35vw, 4.75rem) !important;
  line-height: .94 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

.dispatch-card p { color: #d1c7b8 !important; }
.dispatch-card b { color: #f4ede2 !important; }
.dispatch-rust { --dispatch-accent: #a54b3f !important; background: #1d1816 !important; }
.dispatch-ink { --dispatch-accent: #8e8880 !important; background: #171717 !important; }
.dispatch-gold { --dispatch-accent: #a78345 !important; background: #1d1a15 !important; }
.dispatch-blue { --dispatch-accent: #66808a !important; background: #151a1c !important; }

.podcast-links {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
}

.podcast-link {
  min-height: 58px !important;
  padding: .6rem .9rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .72rem !important;
  color: #f6efe6 !important;
  background: #120f10 !important;
  border: 1px solid rgb(255 255 255 / 24%) !important;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

.podcast-link:hover {
  background: #221c1e !important;
  border-color: rgb(255 255 255 / 48%) !important;
  transform: translateY(-2px) !important;
}

.podcast-link img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  flex: 0 0 28px !important;
}

.podcast-link > span:last-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .05rem !important;
}

.podcast-link small {
  color: #bcaeb3 !important;
  font: 500 .52rem/1.1 var(--mono) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.podcast-link b {
  color: inherit !important;
  font: 700 .76rem/1.1 var(--sans) !important;
  letter-spacing: 0 !important;
}

.rss-badge {
  width: 32px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  color: #19100a !important;
  background: #d58a42 !important;
  font: 800 .56rem var(--mono) !important;
  letter-spacing: .04em !important;
}

.listen-hero-copy .podcast-links { margin-top: 2rem !important; }
.listen-hero-copy > .hero-actions { margin-top: .8rem !important; }
.listen-network { align-items: center !important; }
.listen-network > .podcast-links { justify-content: flex-end !important; max-width: 630px !important; }
.listen-network .podcast-link { background: #29101c !important; }
.listen-network .podcast-link:hover { background: #351624 !important; }

/* The podcast directories are the permanent episode index. */
.episodes-section { display: none !important; }

@media (max-width: 1120px) {
  .atlas-map-section { grid-template-columns: 1fr !important; }
  .map-plate { max-width: 980px !important; }
  .listen-network { align-items: flex-start !important; }
  .listen-network > .podcast-links { justify-content: flex-start !important; }
}

@media (max-width: 680px) {
  .global-brand { width: min(205px, 61vw) !important; height: auto !important; }
  .substack-mark { width: min(190px, 45vw) !important; padding: 1rem !important; box-shadow: 10px 12px 0 #6e211d !important; }
  .dispatch-card { min-height: 350px !important; padding: 1.6rem !important; }
  .dispatch-card h2 { font-size: clamp(2.35rem, 12vw, 3.4rem) !important; }
  .podcast-links { width: 100% !important; }
  .podcast-link { flex: 1 1 150px !important; min-width: 0 !important; }
  .listen-hero-copy .podcast-link { flex-basis: 145px !important; }
}