/* Transmissions: the editorial section. Load after the homepage stack
   (tokens, components, homepage, home, letter-study). It reuses their resets,
   footer, letter sheet and tape; this file adds only the section's rules.
   Formats wear the four original brand applications:
   letter = paper sheet, essay = lavender jacket, field note = vermilion title frame,
   release = lime and blue publication cover. A volume has its own colorway. */


.fmt-letter { --fmt-bg: var(--paper); --fmt-ink: var(--ink); --fmt-back: var(--blue); }
.fmt-essay { --fmt-bg: var(--lavender); --fmt-ink: var(--ink); --fmt-back: var(--ink); }
.fmt-field-note { --fmt-bg: var(--orange); --fmt-ink: #000; --fmt-back: var(--ink); }
.fmt-release { --fmt-bg: var(--lime); --fmt-ink: var(--blue); --fmt-back: var(--blue); }
/* Stock: an issue can print its format on another brand colour (frontmatter "stock"). */
.stock-paper { --fmt-bg: var(--paper); --fmt-ink: var(--ink); }
.stock-lavender { --fmt-bg: var(--lavender); --fmt-ink: var(--ink); }
.stock-vermilion { --fmt-bg: var(--orange); --fmt-ink: #000; }
.stock-lime { --fmt-bg: var(--lime); --fmt-ink: var(--blue); }

body.tx { background: var(--letter-stock); color: var(--ink); }
.tx-night { --tx-rule: rgba(233, 231, 241, .18); background: var(--ink); color: var(--lavender); }
.tx-kicker { font-size: 11px; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; }
.tx-label { font-size: 11px; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; font-weight: 400; margin: 0 0 14px; }
.tx-section-title { font-size: clamp(40px, 5vw, 72px); line-height: 1; letter-spacing: -.05em; font-weight: 400; margin: 0 0 44px; }
.tx-swatch { display: inline-block; width: 11px; height: 11px; margin-right: 10px; vertical-align: -1px; background: var(--fmt-bg); outline: 1px solid rgba(36, 32, 44, .25); outline-offset: -1px; box-shadow: 3px 3px 0 var(--fmt-back); }
.tx-format { display: inline-flex; align-items: center; white-space: nowrap; }
.tx-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 20px; background: var(--lime); color: var(--ink); font-size: 16px; line-height: 1.5; }
.tx-button:hover { text-decoration: none; background: var(--paper); }
.tx-button--ink { background: var(--ink); color: var(--paper); }
.tx-button--ink:hover { background: var(--blue); }
.tx a:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.tx-night a:focus-visible { outline-color: var(--lime); }
.tx-tk { background: var(--lime); color: var(--ink); padding: 1px 5px; font-family: var(--rf-sans); font-size: .78em; }

/* Header: wordmark and the section path. It sits on whatever surface opens the page. */
.tx-header { position: relative; z-index: 3; display: flex; align-items: center; justify-content: flex-start; gap: 40px; padding: 32px var(--home-inset) 0; }
.tx-header-mark { display: block; width: 160px; flex-shrink: 0; }
.tx-header-mark img { width: 100%; }
.tx-on-night, .tx-night .tx-on-light { display: none; }
.tx-night .tx-on-night { display: block; }
.tx-header-nav { display: flex; gap: 10px; font-size: 12px; line-height: 1.5; }
.tx-header-nav span { opacity: .5; }

/* The tape is the homepage's blue band. The volume's signal tape is lime. */
.tx-band { font-size: 12px; }





.tx-editor { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2.3fr); gap: 6vw; padding: clamp(72px, 8vw, 120px) var(--home-inset); background: var(--paper); }
.tx-editor-body { max-width: 780px; font-family: var(--rf-serif); font-size: 20px; line-height: 1.65; color: #35313c; }
.tx-editor-body p:first-child { font-size: clamp(24px, 2.2vw, 31px); line-height: 1.4; letter-spacing: -.01em; color: var(--ink); }
.tx-editor-body p + p { margin-top: 24px; }


.tx-colophon { padding: 56px var(--home-inset) 64px; background: var(--ink); color: var(--lavender); border-top: 1px solid rgba(233, 231, 241, .18); }
.tx-colophon dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0; }
.tx-colophon dt { font-size: 11px; letter-spacing: .07em; text-transform: uppercase; opacity: .6; }
.tx-colophon dd { margin: 8px 0 0; font-size: 13px; line-height: 1.55; }

/* Subscribe: one email when an issue is sent. The form posts to Buttondown. */
/* Subscribe: one line, a label and an email box. box.css places it. */
.tx-subscribe { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; }
.tx-subscribe label { font-size: 13px; line-height: 1.5; }
.tx-subscribe-row { display: flex; width: min(440px, 100%); }
.tx-subscribe-row input { flex: 1; min-width: 0; padding: 11px 14px; border: 1px solid rgba(233, 231, 241, .45); border-right: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: 15px; }
.tx-subscribe-row input::placeholder { color: inherit; opacity: .5; }
/* The footer links to #subscribe-email: the browser puts the cursor here. Keep it mid-screen. */
.tx-subscribe-row input { scroll-margin: 45vh 0; }
.tx-subscribe-row input:focus { outline: none; border-color: var(--lime); }
.tx-subscribe-row .tx-button { padding: 11px 16px; border: 0; border-radius: 0; font: inherit; font-size: 15px; cursor: pointer; }
.tx-subscribe-status { display: none; width: min(440px, 100%); padding: 11px 0; font-size: 15px; line-height: 1.5; outline: none; }
.tx-subscribe.is-sent .tx-subscribe-row { display: none; }
.tx-subscribe.is-sent .tx-subscribe-status { display: block; color: var(--lime); }
.tx-subscribe.is-error .tx-subscribe-status { display: block; flex-basis: 100%; margin-top: -8px; padding: 0; font-size: 13px; text-align: right; }
.tx-subscribe :focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.tx-subscribe .tx-subscribe-status:focus-visible { outline: none; }

/* Issue jacket: the format's application, full width, with the volume's tape. */
.tx-jacket { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: min(94svh, 1000px); padding-bottom: 46px; background: var(--fmt-bg); color: var(--fmt-ink); }
.tx-jacket-art { position: absolute; width: 84vw; height: 58vw; right: -13vw; top: -21vw; pointer-events: none; }
.tx-jacket-art canvas { width: 100%; height: 100%; display: block; }
.tx-jacket-copy { position: relative; z-index: 1; margin-top: auto; padding: 120px 28vw clamp(56px, 9svh, 104px) var(--home-inset); }
.tx-jacket-no { position: absolute; z-index: 1; right: calc(var(--home-inset) - .06em); bottom: 72px; margin: 0; font-size: clamp(120px, 17vw, 300px); line-height: .74; letter-spacing: -.075em; }
.tx-jacket h1 { max-width: 13ch; margin-top: 20px; font-size: clamp(52px, 7.2vw, 128px); font-weight: 400; line-height: .97; letter-spacing: -.065em; }
.tx-jacket-dek { max-width: 580px; margin-top: 28px; font-size: 21px; line-height: 1.45; letter-spacing: -.015em; }
.fmt-field-note .tx-jacket .hero-band { background: var(--ink); }

/* Issue body: meta in the left margin, prose in the reading column, notes on the right. */
.tx-article { --tx-col: 690px; --tx-gap: clamp(32px, 4vw, 64px); --tx-side: clamp(190px, 17vw, 270px); display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, var(--tx-col)) minmax(var(--tx-side), 1fr); gap: 0 var(--tx-gap); padding: clamp(64px, 7vw, 104px) var(--home-inset) clamp(80px, 8vw, 120px); background: var(--paper); }
.tx-meta { grid-column: 1; align-self: start; position: sticky; top: 32px; font-size: 13px; line-height: 1.5; }
.tx-meta-list { margin: 0; border-top: 1px solid var(--rf-rule); }
.tx-meta-list > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0 10px; border-bottom: 1px solid var(--rf-rule); }
.tx-meta-list dt { color: var(--rf-muted); }
.tx-meta-list dd { margin: 0; text-align: right; }
.tx-builds-on { margin-top: 36px; }
.tx-builds-on ul { list-style: none; margin: 0; padding: 0; }
.tx-builds-on li { padding: 10px 0 11px 14px; border-left: 2px solid var(--fmt-back, var(--blue)); }
.tx-builds-on li + li { margin-top: 8px; }
.tx-builds-on a, .tx-builds-on li > span { display: block; font-size: 14px; line-height: 1.35; text-decoration: underline; text-decoration-color: var(--rf-rule); text-underline-offset: 4px; }
.tx-builds-on li > span { text-decoration: none; }
.tx-builds-on small { display: block; margin-top: 3px; font-size: 12px; color: var(--rf-muted); }
.tx-spec { margin-top: 36px; }
.tx-spec dl { margin: 0; border-top: 1px solid var(--rf-rule); }
.tx-spec dl > div { padding: 9px 0 10px; border-bottom: 1px solid var(--rf-rule); }
.tx-spec dt { font-size: 13px; }
.tx-spec dd { margin: 2px 0 0; font-size: 12px; color: var(--rf-muted); }

.tx-prose { grid-column: 2; min-width: 0; font-family: var(--rf-serif); font-size: 20px; line-height: 1.72; letter-spacing: -.008em; color: #35313c; }
.tx-prose > p:first-child { margin-bottom: 31px; font-size: 24px; line-height: 1.56; letter-spacing: -.015em; color: var(--ink); }
.tx-prose > * + * { margin-top: 27px; }
.tx-prose h2 { margin: 64px 0 0; font-family: var(--rf-sans); font-size: 30px; font-weight: 400; line-height: 1.15; letter-spacing: -.035em; color: var(--ink); }
.tx-prose h2 + * { margin-top: 18px; }
.tx-prose h3 { margin-top: 44px; font-family: var(--rf-sans); font-size: 22px; font-weight: 400; letter-spacing: -.02em; color: var(--ink); }
.tx-prose ul, .tx-prose ol { padding-left: 1.15em; }
.tx-prose li + li { margin-top: 12px; }
.tx-prose li::marker { font-family: var(--rf-sans); font-size: .85em; }
.tx-prose strong, .tx-letter-body strong { font-weight: 700; color: var(--ink); }
.tx-prose a { text-decoration: underline; text-decoration-color: var(--blue); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.tx-prose a:hover { background: var(--lime); }
.tx-prose blockquote { margin-left: 0; padding-left: 24px; border-left: 2px solid var(--fmt-back); font-style: italic; }
.tx-prose .tx-pull { margin: 56px 0; padding: 22px 0 0; border: 0; border-top: 1px solid var(--ink); font-family: var(--rf-sans); font-style: normal; font-size: clamp(28px, 2.9vw, 42px); line-height: 1.14; letter-spacing: -.04em; color: var(--fmt-back); }
.tx-prose .tx-pull p { margin: 0; }
.fmt-release .tx-prose .tx-pull { color: var(--blue); }
.tx-break { height: 9px; margin: 56px 0; border: 0; background: url('../common-form/four-squares.svg') left center / auto 100% no-repeat; opacity: .8; }
.tx-signature { margin-top: 44px; font-family: var(--rf-sans); font-size: 15px; letter-spacing: -.01em; color: var(--ink); }

/* Notes: margin notes on wide screens, the Notes list on narrow ones. */
.tx-note-ref { font-family: var(--rf-sans); font-size: 12px; line-height: 0; }
.tx-note-ref a { display: inline-block; padding: 6px 5px; margin: -6px -3px; color: var(--fmt-back); font-weight: 400; text-decoration: none; }
.fmt-field-note .tx-note-ref a { color: var(--orange); }
.tx-note-ref a:hover { background: var(--lime); color: var(--ink); }
.tx-side { float: right; clear: right; width: var(--tx-side); margin: 6px calc(-1 * (var(--tx-side) + var(--tx-gap))) 16px 0; font-family: var(--rf-sans); font-size: 14px; font-style: normal; line-height: 1.5; letter-spacing: -.005em; color: #4a4552; }
.tx-side b { font-weight: 400; color: var(--ink); margin-right: 4px; }
.tx-side a { color: var(--ink); text-decoration-color: var(--rf-rule); }
.tx-endnotes { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.tx-endnotes ol { padding-left: 1.4em; }
.tx-endnotes h2 { margin: 0 0 14px; font-family: var(--rf-sans); font-size: 22px; font-weight: 400; letter-spacing: -.025em; color: var(--ink); }

/* Field notes are a log: each section is a numbered entry. */
.fmt-field-note .tx-prose { counter-reset: entry; }
.fmt-field-note .tx-prose h2 { padding-top: 16px; border-top: 2px solid var(--orange); }
.fmt-field-note .tx-prose h2::before { counter-increment: entry; content: 'Entry ' counter(entry, decimal-leading-zero); display: block; margin-bottom: 10px; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--orange); }

/* Figures sit on warm stock, set in sans, with a numbered caption. */
.tx-figure { margin: 48px 0; padding: 28px 28px 22px; background: var(--letter-stock); font-family: var(--rf-sans); color: var(--ink); }
.tx-figure svg { display: block; width: 100%; height: auto; }
.tx-figure figcaption { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--rf-rule); font-size: 13px; line-height: 1.5; color: var(--rf-muted); }
.tx-pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; }
.tx-pair b { display: block; font-size: clamp(28px, 3vw, 40px); font-weight: 400; line-height: 1; letter-spacing: -.045em; }
.tx-pair small { display: block; margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--rf-muted); }
.tx-pair-sign { font-size: 44px; line-height: 1; color: var(--orange); }

/* Previous, volume, next: three small jackets. */
.tx-sequence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 72px calc(var(--home-inset) + 10px) 72px var(--home-inset); }
.tx-seq-card { display: flex; flex-direction: column; min-height: 210px; padding: 22px 24px 26px; background: var(--fmt-bg); color: var(--fmt-ink); box-shadow: 10px 10px 0 var(--fmt-back); transition: transform .18s, box-shadow .18s; }
a.tx-seq-card:hover { text-decoration: none; transform: translate(4px, 4px); box-shadow: 6px 6px 0 var(--fmt-back); }
.tx-seq-card .tx-label { margin-bottom: auto; }
.tx-seq-title { display: block; margin-top: 40px; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.08; letter-spacing: -.035em; }
.tx-seq-meta { display: block; margin-top: 10px; font-size: 12px; opacity: .72; }
.tx-seq-volume { --fmt-bg: var(--ink); --fmt-ink: var(--lavender); --fmt-back: var(--lime); }
.tx-seq-card.is-forthcoming { background: transparent; color: rgba(36, 32, 44, .6); box-shadow: none; outline: 1px dashed rgba(36, 32, 44, .35); outline-offset: -1px; }
.tx-seq-card.is-empty { background: none; box-shadow: none; }

/* Letter: a night letterhead, then the homepage's paper sheet. */
.tx-letterhead { position: relative; padding-bottom: 52px; }
.tx-letterhead-copy { padding: clamp(80px, 10vw, 150px) var(--home-inset) 0; }
.tx-letterhead h1 { max-width: 15ch; margin-top: 18px; font-size: clamp(52px, 6.6vw, 112px); font-weight: 400; line-height: .95; letter-spacing: -.065em; }
.tx-letterhead .tx-meta-list { display: flex; flex-wrap: wrap; gap: 0 44px; margin: 52px var(--home-inset) 0; padding-top: 16px; border-top: 1px solid rgba(233, 231, 241, .18); }
.tx-letterhead .tx-meta-list > div { display: block; padding: 0; border: 0; }
.tx-letterhead .tx-meta-list dt { color: inherit; opacity: .6; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.tx-letterhead .tx-meta-list dd { margin-top: 4px; text-align: left; font-size: 13px; }
.tx-letter { padding-top: 72px; }
.tx-letter .letter-page { padding-top: 72px; }
.tx-letter-body a { text-decoration: underline; text-underline-offset: 4px; }
.tx-letter-body p + p { margin-top: 27px; }
.tx-letter-sign { font-size: 15px; }
.tx-letter-tx { font-size: 11px; letter-spacing: .07em; color: var(--rf-muted); }
.tx .letter .tx-builds-on { max-width: 690px; margin: 40px auto 0; }
.tx .letter .tx-builds-on h2 { margin: 0 0 14px; font-family: var(--rf-sans); font-size: 11px; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; }

/* Release: the record page. A cover on the left, the record and editions on the right. */
.tx-release-bar { background: var(--letter-stock); }
.tx-release { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 5vw, 88px); align-items: start; padding: 48px calc(var(--home-inset) + 12px) clamp(72px, 8vw, 120px) var(--home-inset); }
.tx-release-media { position: sticky; top: 28px; }
.tx-release-cover { position: relative; overflow: hidden; aspect-ratio: 4 / 5; padding: 9% 9% 9% 15%; background: var(--lime); color: var(--blue); box-shadow: 12px 12px 0 var(--blue); }
.tx-release-cover::before { content: ''; position: absolute; left: 9.5%; top: 0; bottom: 0; border-left: 1px solid rgba(41, 63, 168, .5); }
.tx-release-cover-spine { position: absolute; left: 3.4%; bottom: 6%; margin: 0; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.tx-release-cover-title { max-width: 6ch; margin-top: 22px; font-size: clamp(44px, 5.4vw, 96px); line-height: .92; letter-spacing: -.06em; }
.tx-release-cover-art { position: absolute; left: 34%; right: -12%; bottom: 6%; height: 50%; }
.tx-release-cover-art canvas { width: 100%; height: 100%; display: block; }
.tx-release-cover-frames { position: absolute; left: 15%; bottom: 7%; width: 27%; height: auto; }
.tx-release-record { padding-top: 8px; }
.tx-release-record h1 { margin-top: 16px; font-size: clamp(60px, 7vw, 120px); font-weight: 400; line-height: .9; letter-spacing: -.068em; }
.tx-release-line { margin-top: 18px; max-width: 520px; font-size: clamp(22px, 2vw, 28px); line-height: 1.25; letter-spacing: -.025em; }
.tx-credits { display: flex; flex-wrap: wrap; gap: 14px 30px; list-style: none; margin: 30px 0 0; padding: 0; }
.tx-credits li { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.3; }
.tx-credits i { display: grid; place-items: center; width: 30px; height: 30px; background: var(--ink); color: var(--lime); font-style: normal; font-size: 14px; text-transform: uppercase; }
.tx-credits li + li i { background: var(--blue); }
.tx-credits small { display: block; font-size: 12px; color: var(--rf-muted); }
.tx-release-about { max-width: 580px; margin: 30px 0 40px; font-family: var(--rf-serif); font-size: 18px; line-height: 1.62; color: #35313c; }
.tx-editions { list-style: none; margin: 0 0 20px; padding: 0; }
.tx-edition > a, .tx-edition > div { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 18px 20px 19px; border: 1px solid var(--ink); background: var(--paper); }
.tx-edition + .tx-edition > a, .tx-edition + .tx-edition > div { border-top: 0; }
.tx-edition > a:hover { text-decoration: none; background: var(--lime); }
.tx-edition-name { font-size: 17px; line-height: 1.3; letter-spacing: -.01em; }
.tx-edition-name small, .tx-edition-price small { display: block; margin-top: 4px; font-size: 13px; line-height: 1.45; letter-spacing: 0; color: var(--rf-muted); }
.tx-edition-price { flex-shrink: 0; text-align: right; font-size: 15px; line-height: 1.3; }
.tx-edition.is-unavailable .tx-edition-price { color: var(--rf-muted); }
.tx-release-record .tx-button { display: flex; width: 100%; }
.tx-release-status { margin-top: 16px; font-size: 12px; line-height: 1.5; color: var(--rf-muted); }
.tx-release-notes { border-top: 1px solid var(--rf-rule); }

/* Tablet. */
@media (max-width: 1100px) {
  .tx-article { grid-template-columns: minmax(0, 1fr); }
  .tx-meta { grid-column: 1; order: 2; position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 32px 40px; max-width: 690px; margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--ink); }
  .tx-meta > * { margin-top: 0; }
  .tx-prose { grid-column: 1; order: 1; max-width: 690px; }
  .tx-jacket-no { font-size: 150px; }
  .tx-side { display: none; }
  .tx-endnotes { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--rf-rule); font-family: var(--rf-sans); font-size: 14px; line-height: 1.55; color: var(--rf-muted); }
  .tx-endnotes li + li { margin-top: 10px; }
  .tx-endnotes a { color: var(--ink); }
  .tx-colophon dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tx-release { grid-template-columns: minmax(0, 1fr); }
  .tx-release-media { position: static; max-width: 560px; }
  .tx-jacket-art { width: 118vw; height: 88vw; right: -25vw; top: -14vw; }
}

/* Phone. */
@media (max-width: 700px) {
  .tx-header { padding-top: 24px; align-items: flex-start; }
  .tx-header-mark { width: 128px; }
  .tx-header-nav { flex-wrap: wrap; font-size: 11px; }
  .tx-band { font-size: 11px; }
  .tx-jacket-dek { font-size: 18px; }
  .tx-editor { grid-template-columns: 1fr; gap: 24px; }
  .tx-subscribe { flex-direction: column; align-items: stretch; }
  .tx-subscribe.is-error .tx-subscribe-status { text-align: left; }
  .tx-subscribe-row { width: 100%; }
  .tx-colophon dl { grid-template-columns: 1fr 1fr; }
  .tx-jacket { min-height: max(88svh, 600px); }
  .tx-jacket-art { width: 130vw; height: 86vw; right: -46vw; top: -10vw; }
  .tx-jacket h1 { font-size: clamp(44px, 12.4vw, 64px); }
  .tx-article { padding-top: 48px; }
  .tx-meta { grid-template-columns: 1fr; margin-top: 48px; }
  .tx-jacket-no { display: none; }
  .tx-jacket-copy { padding-right: var(--home-inset); }
  .tx-header { gap: 24px; }
  .tx-pair { grid-template-columns: 1fr; gap: 10px; }
  .tx-figure { padding: 20px 18px 16px; }
  .tx-builds-on { margin-top: 28px; }
  .tx-prose { font-size: 18px; line-height: 1.65; }
  .tx-prose > p:first-child { font-size: 21px; line-height: 1.5; }
  .tx-prose h2 { margin-top: 48px; font-size: 26px; }
  .tx-prose .tx-pull { margin: 44px 0; font-size: 27px; }
  .tx-sequence { grid-template-columns: 1fr; gap: 20px; padding: 48px calc(var(--home-inset) + 8px) 56px var(--home-inset); }
  .tx-seq-card { min-height: 150px; box-shadow: 7px 7px 0 var(--fmt-back); }
  .tx-seq-card.is-empty { display: none; }
  .tx-seq-title { margin-top: 28px; }
  .tx-letterhead-copy { padding-top: 88px; }
  .tx-letterhead h1 { font-size: clamp(44px, 12.4vw, 64px); }
  .tx-letterhead .tx-meta-list { gap: 14px 28px; margin-top: 40px; }
  .tx-letter { padding-top: 40px; }
  .tx-letter .letter-page { padding-top: 37px; }
  .tx-release { padding-top: 28px; padding-right: calc(var(--home-inset) + 8px); }
  .tx-release-media { max-width: 74%; }
  .tx-release-cover-title { font-size: 40px; }
  .tx-release-cover { box-shadow: 8px 8px 0 var(--blue); }
  .tx-release-record h1 { font-size: clamp(56px, 17vw, 84px); }
  .tx-edition > a, .tx-edition > div { flex-direction: column; gap: 10px; }
  .tx-edition-price { text-align: left; }
}
@media (min-width: 701px) and (max-width: 900px) { .tx-letter .letter-page { padding-top: 56px; } }