/* Shared visual system for the local cinematic edition. */
body.edition {
  --ink: #060606;
  --ink-soft: #101010;
  --paper: #f3f2ee;
  --paper-deep: #101010;
  --white: #f3f2ee;
  --body-light: #c6c6c3;
  --muted-light: #a0a09d;
  --muted-dark: #a0a09d;
  --line-light: #30302f;
  --line-dark: #30302f;
  --archive-panel: #101010;
  --page-pad: clamp(20px, 3.2vw, 64px);
  --space-section: clamp(64px, 7.5vw, 120px);
  --header-height: 72px;
  --title-page: clamp(28px, 2.8vw, 40px);
  --title-section: clamp(20px, 1.7vw, 24px);
  background: var(--ink);
  color: var(--white);
  color-scheme: dark;
  caret-color: var(--white);
}
html:has(.edition) {scrollbar-color: #71716f #060606;}
.edition ::selection {background: #f3f2ee; color: #060606;}
.edition .skip-link {background: #f3f2ee; color: #060606;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.standalone-privacy {max-width: 680px; margin-inline: auto;}
.edition .home-index {margin-bottom: 0; padding-bottom: 0;}
.edition :is(a, button, summary):focus-visible {outline: 2px solid #f3f2ee; outline-offset: 5px;}
.edition :is(h1,h2,h3) {font-weight: 700;}
.edition .site-head {grid-template-columns: 1fr auto 1fr; gap: 40px; min-height: var(--header-height); border-color: var(--line-dark);}
.edition .brand {font-size: 16px; font-weight: 900; letter-spacing: -.025em;}
.edition .head-note {display: none;}
.edition .lang {justify-self: end; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; min-height: 44px; font-size: 12px; letter-spacing: .04em;}
.edition .nav {gap: clamp(24px, 2.4vw, 38px); font-size: 13px; letter-spacing: .02em;}
.edition .nav a {padding-block: 26px 24px;}
.edition .nav a::after {bottom: 18px;}
.edition .page-shell {max-width: 1800px; margin-inline: auto;}
.edition .technical {font-family: var(--sans); font-size: 11px; letter-spacing: .05em;}
.edition .eyebrow {display: none;}
.edition .section-head {padding-block: 26px;}
.edition .section-head a {min-height: 44px; display: inline-flex; align-items: center;}
.edition .section-title-lockup::before,.edition .section-title-lockup::after {display: none;}
.edition .review-links {font-size: 11px; color: var(--muted-dark);}
.edition .review-links span {font-family: var(--sans); font-size: 10px; letter-spacing: .08em;}
.edition .footer {padding-block: 64px 36px; gap: 32px; background: var(--ink); color: var(--white);}
.edition .footer-call {font-size: clamp(24px, 2.6vw, 36px); letter-spacing: 0;}
.edition .footer-meta {font-family: var(--sans); font-size: 10px; letter-spacing: .07em; line-height: 2.1;}

/* A film frame is the opening surface; the author name occupies its empty sky. */
.opening {padding-top: 20px;}
.opening-picture {position: relative; isolation: isolate; min-height: 520px; height: min(48vw, 740px); background: #050b0c; overflow: hidden;}
.opening-still {width: 100%; height: 100%; object-fit: cover; object-position: 54% 56%;}
.opening-picture::after {content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(0,0,0,.38),transparent 44%,transparent 64%,rgba(0,0,0,.6));}
.edition .opening-wordmark {position: absolute; z-index: 1; top: 18px; left: 0; right: 0; margin: 0; text-align: center; font-size: clamp(100px, 16.25vw, 260px); font-weight: 900; line-height: 1; letter-spacing: -.04em; white-space: nowrap; color: #f3f2ee;}
.opening-film {position: absolute; z-index: 1; bottom: 30px; right: 34px; display: flex; align-items: center; gap: 36px; min-height: 48px; padding: 10px 0 10px 16px; color: #f3f2ee; font-size: 12px; line-height: 1.8;}
.opening-film-subtitle {display: block; font-size: 11px; color: #b8c0bd;}
.opening-film svg {fill: none; stroke: currentColor; stroke-width: 1.2; transition: fill 180ms ease;}
.opening-film:hover svg {fill: currentColor;}
.opening-info {display: grid; grid-template-columns: 1fr 1.15fr auto; align-items: center; gap: 40px; padding: 26px 0 30px; border-bottom: 1px solid var(--line-dark);}
.opening-info strong {font-size: 13px; font-weight: 700;}
.opening-info p {max-width: 35em; font-size: 14px; line-height: 1.9; color: var(--muted-dark); margin: 0;}
.opening-enter {display: flex; align-items: center; gap: 46px; padding: 10px 0; min-height: 44px; font-size: 13px; font-weight: 700;}
.opening-enter svg {fill: none; stroke: currentColor; stroke-width: 1.2; transition: transform 220ms var(--ease);}
.opening-enter:hover svg {transform: translateX(4px);}
.edition .feature-spread {grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: clamp(24px, 4vw, 60px); border: 0; padding-block: var(--space-section); align-items: stretch;}
.edition .feature-copy {grid-column: 1; padding: 6px 0 0; gap: 32px;}
.edition .feature-copy h2 {font-size: clamp(24px, 2.2vw, 32px); line-height: 1.45; margin: 0 0 15px;}
.edition .feature-copy .folio {font-family: var(--sans); font-size: 10px; letter-spacing: .09em;}
.edition .feature-copy p {margin-top: 25px; color: var(--muted-dark); font-size: 14px; line-height: 1.9;}
.edition .feature-media {grid-column: 2; width: 100%; align-self: start; aspect-ratio: 2.4 / 1; min-width: 0;}
.edition .play-chip {border-radius: 0; width: 44px; height: 44px; background: rgba(0,0,0,.44); backdrop-filter: none;}
.edition .film-grid {gap: 46px 24px;}
.edition .film-card .film-frame {aspect-ratio: 2.4 / 1;}
.edition .film-card :is(h2,h3) {font-size: 15px; margin-top: 16px;}
.edition .film-card .micro {font-family: var(--sans); font-size: 10px; letter-spacing: .06em;}
.edition .film-frame img {transition: transform 600ms cubic-bezier(.16,1,.3,1);}
.edition .film-card:hover img {transform: scale(1.025); filter: none;}
.visual-interlude {position: relative; isolation: isolate; margin: 0 var(--page-pad) var(--space-section); overflow: hidden;}
.process-entry {display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.6fr); align-items: center; gap: clamp(36px,4.4vw,72px); padding-top: 36px; border-top: 1px solid #303030;}
.process-copy {padding-block: 10px;}
.process-kicker {display: flex; align-items: center; gap: 20px; margin: 0 0 30px; color: #b7b7b2; font-size: 11px; letter-spacing: .1em;}
.process-kicker span {color: #747474;}
.edition .process-copy h2 {margin: 0 0 22px; font-size: clamp(23px,2.1vw,31px); line-height: 1.5; font-weight: 700; letter-spacing: -.015em;}
.process-intro {max-width: 32em; margin: 0; color: #aaa; font-size: 14px; line-height: 1.9;}
.process-links {display: flex; flex-wrap: wrap; gap: 16px 30px; margin-top: 32px;}
.process-links a {display: inline-flex; align-items: center; gap: 25px; min-height: 44px; padding: 9px 0; border-bottom: 1px solid #777; color: #ddd; font-size: 13px;}
.process-links a + a {border-color: #333; color: #aaa;}
.process-links a:hover {color: #fff; border-color: #fff;}
.process-visual {min-width: 0; margin: 0;}
.process-image {display: block; position: relative; padding: 6px; border: 1px solid #333; transition: border-color .2s;}
.process-image::before,.process-image::after {content: ""; position: absolute; width: 24px; height: 24px; pointer-events: none; border-color: #aaa; border-style: solid;}
.process-image::before {left: -1px; top: -1px; border-width: 1px 0 0 1px;}
.process-image::after {right: -1px; bottom: -1px; border-width: 0 1px 1px 0;}
.process-image:hover {border-color: #aaa;}
.process-entry .process-image img {display: block; width: 100%; height: auto; aspect-ratio: 1914 / 822; object-fit: contain; max-height: none;}
.process-visual figcaption {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 20px; padding-top: 14px; color: #a0a09d; font-size: 11px; line-height: 1.7; letter-spacing: .02em;}
.process-visual figcaption > span:first-child > span {margin-inline: 9px; color: #555;}
.process-sequence {display: inline-flex; align-items: center; gap: 14px;}
.process-sequence i {margin-right: 6px; font-size: 9px; font-style: normal; color: #666;}
.process-sequence b {font-weight: 400; color: #666;}
@media (max-width: 900px) {
  .process-entry {grid-template-columns: 1fr; gap: 26px; padding-top: 24px;}
  .process-visual {grid-row: 1;}
  .process-copy {padding-block: 0;}
  .process-kicker {margin-bottom: 18px;}
  .edition .process-copy h2 {font-size: clamp(23px,3vw,28px); margin-bottom: 16px;}
  .process-intro {max-width: 46em;}
  .process-links {margin-top: 22px;}
}
@media (max-width: 600px) {
  .process-entry {gap: 24px;}
  .process-image {padding: 4px;}
  .process-sequence {gap: 9px;}
  .process-sequence i {margin-right: 4px;}
  .process-intro {font-size: 13px;}
  .process-links {column-gap: 24px;}
  .process-links a {gap: 18px;}
}
@media (prefers-reduced-motion: reduce) {.process-image {transition: none;}}
.edition .portrait-spread {grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); margin: 0 var(--page-pad) var(--space-section); border-block: 1px solid var(--line-dark); background: var(--ink); color: var(--white); padding-block: 40px; column-gap: 7vw;}
.edition .portrait-image {grid-column: 1; height: auto; min-height: 0; max-height: 580px; aspect-ratio: 1 / 1; background: #202020;}
.edition .portrait-image img {object-position: 50% 32%;}
.edition .portrait-copy {grid-column: 2; padding: 14px 0; gap: 38px; background: var(--ink); color: var(--white);}
.portrait-name {font-size: 12px; font-weight: 900; letter-spacing: .06em; color: var(--muted-dark);}
.edition .portrait-copy blockquote {max-width: 20em; font-size: clamp(22px, 2vw, 29px); line-height: 1.65;}
.edition .portrait-copy p {font-size: 15px; line-height: 1.9; max-width: 35em;}
.edition .portrait-copy .link-line {max-width: 240px; border-color: var(--line-dark); color: var(--white);}
.edition .social-section {background: var(--ink);}
.edition .social-card {--muted-light: #62635d; --line-light: #b5b5af; color: #060606;}
.edition .social-intro p {color: var(--body-light);}
.edition .home-index {gap: 6vw; padding-top: 24px;}
.edition .index-column,.edition .index-column + .index-column {border-left: 0; padding: 26px 0 0;}
.edition .index-column h2 {margin-bottom: 34px;}
.edition .index-row {padding-block: 22px;}
.edition .index-row .state {font-family: var(--sans); font-size: 10px; letter-spacing: .02em; color: var(--muted-dark);}
.edition .index-directory-link {display: flex; align-items: center; justify-content: space-between; padding-block: 24px; min-height: 44px; border-top: 1px solid var(--line-dark); font-size: 12px; color: var(--body-light);}

/* Indexes share an exact grid, while each keeps its own reading density. */
.edition .directory-intro {padding-block: 72px 48px;}
.directory-subtitle {font-size: 11px; color: var(--muted-dark); letter-spacing: .1em; margin: 18px 0 0;}
.edition .directory-intro > p {font-size: 14px; line-height: 1.9; color: var(--muted-dark);}
.edition .archive-toolbar {padding-block: 8px;}
.edition .archive-filters button {font-size: 12px;}
.edition .archive-filters sup,.edition .archive-total {font-size: 10px;}
.edition .works-gallery {padding-top: 28px;}
.edition .work-title-line {padding-block: 32px; align-items: end;}
.edition .work-title-line dl {justify-self: end;}
.edition .cinema {background: #000;}
.edition .credits {padding-block: 42px 80px;}
.film-still-study {margin-bottom: 88px;}
.film-still-study img {width: 100%; height: auto;}
.film-still-study figcaption {text-align: right; font-size: 11px; color: var(--muted-dark); margin-top: 14px;}
.edition .tools-banner {min-height: 312px; padding: 64px 0;}
.edition .tools-banner-copy {max-width: 48%;}
.edition .tools-banner h1 {font-size: var(--title-page); margin: 0;}
.edition .tools-banner-description {font-size: 14px;}
.edition .code-flow {left: 30%; right: 0;}
.edition .directory-rule {font-size: 11px; padding-block: 20px 24px;}
.edition .tool-index {gap: 20px; padding-bottom: var(--space-section);}
.edition .tool-index-card {background: #0b0b0b; border-color: #383837; position: relative;}
.edition .tool-card-link {padding: 26px;}
.edition .tool-card-number {border-bottom: 1px solid var(--line-dark); padding-bottom: 16px; letter-spacing: .05em;}
.edition .tool-card-link h2 {font-size: 23px; margin-block: 28px 18px;}
.edition .tool-card-description {font-size: 14px; line-height: 1.9; margin-bottom: 34px;}
.edition .tool-card-meta {gap: 18px; font-size: 11px;}
.edition .tool-card-foot {font-size: 11px;}
.edition .tool-layout {column-gap: 7vw;}
.edition .tool-title h1 {margin-top: 0;}
.edition .tool-title .lead {font-size: 18px;}
.edition .tool-panel {border: 1px solid #383837; background: #101010; color: var(--white); padding: 26px;}
.edition .tool-content :is(h2,h3),.edition .article-body :is(h2,h3,th,blockquote),.edition .article-body .standfirst {color: var(--white);}
.edition .downloads {background: #0b0b0b; border: 1px solid #383837;}
.edition .download-heading {padding-bottom: 22px;}
.edition .download-heading h2 {font-size: 21px;}
.edition .download-action {color: #c6c6c3;}
.edition .attachment-format {border-color: #767674;}
.edition .journal-directory {max-width: 1240px;}
.edition .journal-feature {grid-template-columns: 148px minmax(0,1fr); gap: 52px; padding-block: 48px 60px;}
.edition .journal-feature-copy h2 {font-size: 32px; line-height: 1.5;}
.edition .journal-excerpt {max-width: 40em; font-size: 16px; line-height: 1.9;}
.edition .journal-feature-label {font-size: 12px;}
.edition .journal-feature-label .technical {font-family: var(--mono); font-size: 11px;}
.edition .journal-index {padding-top: 20px;}
.edition .journal-entry {padding-block: 25px; transition: background 180ms ease;}
.edition .journal-entry h3 {font-size: 19px;}
.edition .journal-feature-meta,.edition .journal-topic,.edition .journal-time {font-size: 11px;}
.edition .essay-head {grid-template-columns: minmax(160px, 1fr) minmax(0,680px) minmax(160px,1fr); gap: clamp(24px,5vw,90px); max-width: 1440px; padding-block: 66px 52px;}
.edition .essay-folio {font-family: var(--sans); font-size: 10px; letter-spacing: .09em;}
.edition .essay-head h1 {line-height: 1.5;}
.edition .essay-head > div:last-child {min-width: 0;}
.edition .essay-lead {font-size: 18px; line-height: 1.85;}
.edition .reading-shell {background: var(--ink); color: var(--white);}
.edition .toc a:hover,.edition .toc a[aria-current="location"],.edition .article-aside a {color: var(--white);}
.edition .article-body,.edition .tool-content {color: var(--body-light);}
.edition .reading-grid {max-width: 1348px;}
.edition .article-aside {font-size: 12px;}

/* The profile returns to a human scale, in the same black field as the archive. */
.edition .about-opener {margin: 48px var(--page-pad) 0; grid-template-columns: 5fr 7fr; gap: 7vw; align-items: stretch;}
.edition .about-portrait {height: auto; max-height: 720px; aspect-ratio: 4 / 5;}
.edition .about-copy {background: var(--ink); color: var(--white); padding: 4px 0;}
.edition .about-copy h1 {font-size: clamp(88px,10vw,150px); line-height: .94; letter-spacing: -.04em; font-weight: 900; margin: 0;}
.edition .about-copy blockquote {max-width: 19em; margin: 32px 0; font-size: clamp(23px,2vw,30px);}
.edition .about-copy .bio {grid-template-columns: 1fr; gap: 16px; max-width: 38em; font-size: 14px;}
.edition .timeline {background: var(--ink); color: var(--white);}
.edition .timeline-row {grid-template-columns: minmax(140px,1fr) 2fr 3fr; gap: 32px; padding-block: 32px;}
.edition .timeline-row p {font-size: 14px; line-height: 1.9;}
.edition .page-intro {grid-template-columns: 1fr 2fr 1fr; padding-block: 64px 48px;}
.edition .page-intro .folio {grid-column: 1; font-family: var(--sans); font-size: 10px;}
.edition .page-intro h1 {grid-column: 2;}
.edition .page-intro .lead {grid-column: 3; font-size: 13px;}

@media (max-width: 1180px) {
  .opening-info {grid-template-columns: 1fr 1.1fr auto; gap: 24px;}
  .opening-enter {gap: 20px;}
  .edition .essay-head {grid-template-columns: 152px minmax(0,680px); gap: 36px;}
}
@media (max-width: 900px) {
  .edition .site-head {grid-template-columns: 1fr auto auto; gap: 24px;}
  .edition .menu-toggle {font-size: 13px;}
  .edition .nav {background: var(--ink); gap: 0;}
  .js .edition .nav {top: var(--header-height);}
  .edition .nav a {padding-block: 15px;}
  .edition .nav a::after {bottom: 8px;}
  .opening-picture {min-height: 420px; height: 58vw;}
  .opening-info {grid-template-columns: 1fr auto; gap: 20px 32px;}
  .opening-info p {grid-column: 1; grid-row: 2;}
  .opening-enter {grid-column: 2; grid-row: 1 / 3;}
  .edition .feature-spread {grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: 28px;}
  .edition .feature-copy {grid-column: 1; grid-row: 1;}
  .edition .feature-spread .feature-media {grid-column: 2; grid-row: 1; aspect-ratio: 1.7 / 1;}
  .edition .portrait-spread {column-gap: 40px;}
  .edition .portrait-copy blockquote {font-size: 22px;}
  .edition .portrait-copy p {font-size: 14px;}
  .edition .home-index {gap: 28px;}
  .edition .tool-card-link h2 {font-size: 21px;}
  .edition .journal-feature {gap: 32px; grid-template-columns: 105px minmax(0,1fr);}
  .edition .journal-feature-copy h2 {font-size: 28px;}
  .edition .essay-head {max-width: calc(680px + 2 * var(--page-pad)); margin-inline: auto; display: block; padding-block: 48px 36px;}
  .edition .essay-folio {flex-direction: row; justify-content: space-between; margin-bottom: 28px;}
  .edition .reading-grid {max-width: 680px;}
  .edition .about-opener {gap: 36px;}
  .edition .about-copy h1 {font-size: 11.7vw;}
  .edition .about-copy .bio {font-size: 14px;}
  .edition .about-copy blockquote {font-size: 22px; margin-block: 22px;}
  .edition .timeline-row {grid-template-columns: 140px 1fr; gap: 16px 32px;}
  .edition .timeline-row p {grid-column: 2;}
  .edition .page-intro {grid-template-columns: 1fr; gap: 24px;}
  .edition .page-intro :is(.folio,h1,.lead) {grid-column: 1;}
}
@media (max-width: 600px) {
  .edition {--header-height: 60px; --space-section: 64px;}
  .edition .site-head {gap: 20px;}
  .edition .brand {font-size: 14px;}
  .opening {padding-top: 20px;}
  .opening-picture {height: 112vw; min-height: 370px; max-height: 520px;}
  .opening-still {object-position: 56% 50%;}
  .edition .opening-wordmark {top: 17px; font-size: 15.6vw; line-height: 1.1;}
  .opening-picture::after {background: linear-gradient(180deg,rgba(0,0,0,.62),transparent 35%,transparent 64%,rgba(0,0,0,.72));}
  .opening-film {right: 20px; bottom: 18px; padding-left: 0; gap: 26px; font-size: 11px;}
  .opening-film-subtitle {font-size: 10px;}
  .opening-info {grid-template-columns: 1fr; padding-block: 22px 24px; gap: 15px;}
  .opening-info strong {font-size: 12px;}
  .opening-info p {grid-column: 1; grid-row: auto; font-size: 14px;}
  .opening-enter {grid-column: 1; grid-row: auto; justify-content: space-between; border-top: 1px solid var(--line-dark); padding-top: 18px; margin-top: 5px; font-size: 12px;}
  .edition .feature-spread {grid-template-columns: 1fr; gap: 26px; padding-block: 54px 64px;}
  .edition .feature-spread .feature-media {grid-column: 1; grid-row: 1; aspect-ratio: 2 / 1;}
  .edition .feature-copy {grid-column: 1; grid-row: 2; gap: 14px;}
  .edition .feature-copy h2 {font-size: 24px; margin-bottom: 12px;}
  .edition .feature-copy h2 br {display: none;}
  .edition .feature-copy h2 br::after {content: " ";}
  .edition .feature-copy p {max-width: none; margin-block: 18px 12px;}
  .edition .feature-copy .link-line {font-size: 12px;}
  .edition .film-grid {gap: 32px;}
  .edition .film-card .film-frame {aspect-ratio: 2 / 1;}
  .edition .film-card :is(h2,h3) {font-size: 14px; margin-top: 14px;}
  .edition .portrait-spread {grid-template-columns: 1fr; padding-block: 24px 0; gap: 30px;}
  .edition .portrait-image {grid-column: 1; aspect-ratio: 5 / 6; max-height: none;}
  .edition .portrait-copy {grid-column: 1; padding-bottom: 32px; gap: 26px;}
  .edition .portrait-copy blockquote {font-size: 22px;}
  .edition .portrait-copy p {margin-top: 22px;}
  .edition .section-head {padding-block: 20px; gap: 12px;}
  .edition .section-head h2 {font-size: 20px;}
  .edition .section-head a {font-size: 12px;}
  .edition .home-index {gap: 28px; padding-top: 0;}
  .edition .index-column h2 {margin-bottom: 22px;}
  .edition .index-row strong {font-size: 14px;}
  .edition .directory-intro {padding-block: 42px 30px; gap: 20px;}
  .edition .directory-intro h1 {font-size: 28px;}
  .directory-subtitle {margin-top: 12px; font-size: 10px;}
  .edition .archive-toolbar {gap: 12px;}
  .edition .archive-filters {gap: 18px;}
  .edition .work-title-line {padding-block: 26px;}
  .edition .work-title-line dl {justify-self: start;}
  .edition .credits {padding-block: 28px 54px;}
  .film-still-study {margin-bottom: 54px;}
  .edition .tools-banner {min-height: 262px; padding-block: 42px;}
  .edition .tools-banner-copy {max-width: 100%;}
  .edition .tools-banner h1 {font-size: 28px;}
  .edition .tools-banner-description {font-size: 14px; max-width: 18em;}
  .edition .code-flow {left: 28%; opacity: .56;}
  .edition .tool-card-link {padding: 24px;}
  .edition .tool-card-link h2 {font-size: 21px; margin-block: 24px 16px;}
  .edition .tool-card-meta {font-size: 12px;}
  .edition .tool-card-foot {font-size: 12px;}
  .edition .tool-title .lead {font-size: 16px;}
  .edition .tool-panel {padding: 22px;}
  .edition .downloads {padding: 26px 22px;}
  .edition .journal-feature {grid-template-columns: 1fr; gap: 26px; padding-block: 28px 40px;}
  .edition .journal-feature-copy h2 {font-size: 25px;}
  .edition .journal-excerpt {font-size: 15px;}
  .edition .journal-feature-meta {font-size: 11px;}
  .edition .journal-index {padding-top: 8px;}
  .edition .journal-entry h3 {font-size: 17px;}
  .edition .essay-head {padding-block: 38px 30px;}
  .edition .essay-head h1 {font-size: 28px;}
  .edition .essay-lead {font-size: 16px;}
  .edition .about-opener {margin-top: 30px; grid-template-columns: 1fr; gap: 30px;}
  .edition .about-portrait {grid-row: 2; aspect-ratio: 4 / 5;}
  .edition .about-copy {grid-row: 1;}
  .edition .about-copy h1 {font-size: 24vw; line-height: .94;}
  .edition .about-copy h1 br {display: block;}
  .edition .about-copy .bio {font-size: 14px;}
  .edition .about-copy blockquote {font-size: 24px; max-width: 15em; margin-block: 28px;}
  .edition .timeline-row {grid-template-columns: 1fr; gap: 14px; padding-block: 26px;}
  .edition .timeline-row p {grid-column: 1;}
  .edition .timeline-row .year {font-size: 11px; color: var(--muted-dark);}
  .edition .footer {grid-template-columns: 1fr; padding-block: 42px 28px; gap: 28px;}
  .edition .footer-meta {justify-self: start; text-align: left;}
}
@media (prefers-reduced-motion: reduce) {
  .edition *, .edition *::before, .edition *::after {scroll-behavior: auto;}
  .opening-enter svg,.opening-film svg,.edition .film-frame img {transition: none;}
  .opening-enter:hover svg,.edition .film-card:hover img {transform: none;}
}

/* Tool notes: visitor-facing details, without editorial status columns. */
.edition .tools-banner {min-height: 240px; padding-block: 52px;}
.edition .tools-banner-copy {max-width: 680px;}
.edition .tool-card-platform {margin: auto 0 22px; font-size: 12px; line-height: 1.7; color: #aaa; overflow-wrap: anywhere;}
.edition .tool-use-note {font-size: 13px; line-height: 1.8; margin: 22px 0 0; color: #bbb;}
.edition .tool-panel dd {overflow-wrap: anywhere;}
@media (max-width: 600px) {.edition .tools-banner {min-height: 0; padding-block: 36px 40px;} .edition .tools-banner-description {max-width: 100%;}}