@charset "UTF-8";
/*
Theme Name: Cinelogue
Theme URI: http://cinelogue.com
Description: A custom WordPress theme for Cinelogue, a film review and essay publication
Author: Matthew Mesaros
Version: 1.0

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  list-style: none;
  vertical-align: baseline;
  background: transparent;
}

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

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

:focus {
  outline: 0;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  color: #FFF;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

video {
  display: block;
}

/*BREAKPOINTS*/
/* COLORS */
/* FONTS */
:root {
  --space-macro-n3: 0.236068rem;
  --space-macro-n2: 0.381966rem;
  --space-macro-n1: 0.618034rem;
  --space-macro-0: 1rem;
  --space-macro-1: 1.618034rem;
  --space-macro-2: 2.618034rem;
  --space-macro-3: 4.236068rem;
  --space-macro-4: 6.854102rem;
  --space-macro-5: 11.09017rem;
  --space-macro-6: 17.944272rem;
  --space-local-n3: 0.512rem;
  --space-local-n2: 0.64rem;
  --space-local-n1: 0.8rem;
  --space-local-0: 1rem;
  --space-local-1: 1.25rem;
  --space-local-2: 1.5625rem;
  --space-local-3: 1.953125rem;
  --space-local-4: 2.441406rem;
  --space-local-5: 3.051758rem;
  --space-local-6: 3.814697rem;
  --scroll-jump-min: 450;
  --scroll-jump-max: 1000;
  --scroll-jump-full-distance: 2400;
  --ratio-golden-major: 0.618034;
  --ratio-golden-minor: 0.381966;
  --ratio-golden-gutter: 0.034442;
  --ratio-thumb: 3 / 2;
  --ratio-thumb-wide: 2.39 / 1;
  --ratio-thumb-n: 1.5;
  --ratio-thumb-wide-n: 2.39;
  --ratio-era-silent: 4 / 3;
  --ratio-era-academy: 1.37 / 1;
  --ratio-era-wide: 1.85 / 1;
  --ratio-era-modern: 16 / 9;
  --ratio-era-academy-n: 1.37;
  --ratio-era-wide-n: 1.85;
  --mobile-text-scale: 1;
  --type-scale-title: 1;
  --type-scale-meta: 1;
  --font-size-heading-1: calc(3.051758rem * var(--mobile-text-scale));
  --font-size-heading-2: calc(2.441406rem * var(--mobile-text-scale));
  --font-size-heading-3: calc(1.953125rem * var(--mobile-text-scale));
  --font-size-heading-4: calc(1.5625rem * var(--mobile-text-scale));
  --font-size-lead: calc(1.25rem * var(--mobile-text-scale));
  --font-size-ui: calc(0.8rem * var(--mobile-text-scale));
  --font-size-ui-sm: calc(0.64rem * var(--mobile-text-scale));
  --tracking-caps: 0.12em;
  --tracking-caps-ui: calc(var(--tracking-caps) * 0.32768);
  --tracking-body: -0.0125em;
  --leading-body: 1.55;
  --leading-display: 1.118034;
  --leading-meta: 1.25;
  --leading-meta-stacked: 1.397542;
  --space-column-gap: var(--space-macro-2);
  --space-toc-column-gap: var(--space-macro-1);
  --space-hero-body-gap: clamp(
    var(--space-macro-2),
    calc(var(--space-macro-2) + var(--ratio-golden-minor) * (100vw - 1800px)),
    var(--space-macro-3)
  );
  --space-section-gap: var(--space-macro-2);
  --space-section-padding-block: var(--space-macro-2);
  --space-section-padding-inline: var(--space-page-gutter);
  --space-section-stack-gap: var(--space-local-2);
  --space-page-padding-inline: var(--space-page-gutter);
  --space-page-padding-block: var(--space-macro-3);
  --space-page-padding-block-end: var(--space-macro-2);
  --space-hero-rail-reserve: calc(var(--size-hero-rail-end) + var(--space-hero-body-gap));
  --hover-reveal-duration: 0.18s;
  --hover-reveal-easing: ease;
  --reveal-marker-offset: calc(var(--ratio-golden-minor) * var(--space-hero-body-gap));
  --space-page-gutter: clamp(var(--space-local-0), calc(var(--ratio-golden-gutter) * 100vw), var(--space-macro-3));
  --space-hero-card-padding-block: var(--space-local-2);
  --space-hero-card-padding-inline: var(--space-local-1);
  --space-byline-padding-block: var(--space-local-1);
  --space-byline-padding-inline: var(--space-page-gutter);
  --space-byline-padding-block-end: var(--space-local-3);
  --space-credits-row-gap-block: var(--space-local-n2);
  --space-credits-row-gap-inline: var(--space-local-1);
  --space-credits-row-padding: var(--space-local-n1);
  --space-heading-after: var(--space-local-1);
  --space-page-header-gap: var(--space-heading-after);
  --space-prose-gap: var(--space-local-0);
  --space-control-gap: var(--space-local-n2);
  --space-control-padding: var(--space-local-n1);
  --space-input-padding-block: var(--space-local-n2);
  --space-input-padding-inline: var(--space-local-n2);
  --space-nav-padding-inline: var(--space-local-2);
  --space-nav-padding-start: var(--space-local-n2);
  --space-nav-offset: var(--space-macro-1);
  --space-nav-offset-tablet-block: var(--space-local-2);
  --space-nav-offset-tablet-inline: var(--space-local-3);
  --space-table-cell-gap: var(--space-local-1);
  --space-table-cell-pad: var(--space-local-0);
  --space-table-row-min: var(--space-local-5);
  --space-archive-block-pad: var(--space-local-4);
  --space-module-pad: var(--space-local-n1);
  --space-module-pad-lg: var(--space-local-5);
  --space-caption-gap: var(--space-local-n2);
  --space-footer-gap: var(--space-macro-2);
  --space-footer-pad: var(--space-local-1);
  --space-prose-indent: 1.5em;
  --space-quote-inset: var(--space-local-1);
  --space-media-gap: var(--space-local-1);
  --space-notes-hang: var(--space-macro-1);
  --space-fn-scroll-margin: var(--space-local-4);
  --space-meta-gap: var(--space-local-n3);
  --space-button-padding-block: var(--space-local-n2);
  --space-button-padding-inline: var(--space-local-1);
  --size-hero-rail-end: clamp(
    22rem,
    calc(var(--ratio-golden-minor) * 100vw),
    60rem
  );
  --size-byline-rail: 18%;
  --size-byline-rail-min: var(--space-macro-5);
  --size-body-measure: 69ch;
  --size-hero-card-max: 38rem;
  --size-masthead-height: var(--space-macro-2);
  --size-thumb-bar: var(--space-local-5);
  --size-thumb-bar-total: calc(var(--size-thumb-bar) + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 1099px) {
  :root {
    --mobile-text-scale: 1.05;
    --type-scale-title: 0.894427;
    --type-scale-meta: 0.894427;
  }
}
@media (max-width: 599px) {
  :root {
    --leading-body: 1.45;
    --type-scale-title: 0.8;
  }
}
/*TRANSLATE CENTER*/
/* ============================================================================
   CANONICAL LAYOUT GRID
   The one definition of where body content sits relative to the hero rail
   (or a single reading column). Every template draws its column from these
   mixins, so no two can disagree. See docs/DESIGN-SYSTEM.md.
   ============================================================================ */
/* =HIERARCHY */
/* =HEADINGS */
h1, h2, h3, h4, h5, h6 {
  color: hsl(36, 50%, 40%);
  display: block;
  font-family: "velino-poster", sans-serif;
  font-weight: 400;
  line-height: var(--leading-display);
}

h1 {
  font-size: var(--font-size-heading-1);
}

h2 {
  font-size: var(--font-size-heading-2);
}

h3 {
  font-size: var(--font-size-heading-3);
}

h4 {
  font-size: var(--font-size-heading-4);
}

/* =BYLINE
The one inline byline (cinelogue_byline_markup()): "by" italic, then the name
roman at normal weight. Font, size and colour come from the container. */
.byline {
  font-style: normal;
  font-weight: 400;
}

.byline__by {
  font-style: italic;
}

/* =COMMON
----------------------------------------------- */
p {
  font-family: "leitura-news", sans-serif;
  font-size: 1em;
  line-height: var(--leading-body);
}
p em {
  font-style: italic;
}

.essay-content p,
.essay-content li,
.essay-index__bio p,
.home-issue__note p,
.masthead-body p,
.essay-index__body p,
.search-results__excerpt p,
.issues-archive__lead {
  letter-spacing: var(--tracking-body);
}

section p {
  margin-bottom: var(--space-section-stack-gap);
}

blockquote {
  quotes: "“" "”" "‘" "’";
}
blockquote::before {
  content: open-quote;
  font-size: var(--font-size-lead);
  line-height: 0.1em;
  margin-right: 0.25em;
  left: -14px;
  vertical-align: -0.25em;
}
@media only screen and (min-width: 1100px) {
  blockquote::before {
    left: -22px;
  }
}
blockquote p {
  display: inline;
}

strong {
  font-weight: 700;
}

sup {
  font-size: var(--font-size-ui);
  text-decoration: underline;
  vertical-align: super;
}

.footnotes {
  font-size: var(--font-size-ui);
  margin-bottom: var(--space-section-padding-block);
}

.footnotes li {
  line-height: 1em;
}

#theChampReplyTitle {
  font-size: var(--font-size-lead);
}

/* =LINKS
----------------------------------------------- */
a, a:link, a:visited {
  text-decoration: none;
}

a {
  color: hsl(36, 50%, 40%);
  transition: color 0.25s ease;
}

a:hover,
a:focus-visible {
  color: hsl(36, 50%, 48%);
}

.cinelogue-punct-item {
  display: inline;
  white-space: nowrap;
}

.cinelogue-punct-item:only-child a {
  padding-block: max(0px, 12px - 0.5em);
}

/* =ORPHAN PREVENTION
   text-wrap: balance on titles, pretty on prose. js/orphan-prevention.js
   covers engines without pretty and uses the same prose selectors: keep
   both lists in sync. New components join these rules.
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.essay-table__title,
.essay-table__col--director,
.essay-list__title,
.essay-turn__title,
.essay-microtoc__title,
.further-viewing__title {
  text-wrap: balance;
}

.essay-content p,
.essay-content li,
.essay-index__bio p,
.essay-list__dek,
.essay-notes__text,
.essay-notes__item,
.film-credits__row dd,
.film-credits__cast li,
.issues-archive__lead,
.essay-index__body p,
.essay-index__body li,
.search-results__excerpt,
.search-results__excerpt p,
.home-issue__note p,
.home-intro,
.home-spread__dek,
.home-spread__quote-text,
.home-letter__dek,
.home-visit__text,
.hover-reveal__caption,
figcaption,
.wp-caption-text,
.caption-text,
.footnotes li {
  text-wrap: pretty;
}

html {
  font-size: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  background-color: rgb(249.72, 246.2, 238.28);
  color: rgba(0, 0, 0, 0.8);
  font-family: "velino-poster", sans-serif;
  font-weight: 400;
  line-height: 1.6180339888;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  width: 100%;
  -webkit-font-smoothing: antialiased !important;
}
body > main {
  flex: 1 0 auto;
}

body:not(.single-post) {
  font-size: clamp(16px, 1.3333333333vw, 24px);
}

main:after {
  content: "";
  display: table;
  clear: both;
}

img,
object {
  display: block;
  width: 100%;
  height: auto;
}

figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* PAGE NAV */
a[rel=prev],
a[rel=next] {
  font-family: "velino-poster", sans-serif;
  font-size: 1em;
  font-weight: 700;
  padding: 10px;
  position: fixed;
  bottom: 300px;
  text-transform: uppercase;
  width: 80px;
  z-index: 1;
}

/* Sitewide masthead, fixed to the top. Two states set by js/site-nav.js:
   html.is-nav-revealed (from load, or after the essay hero settles) and
   html.is-nav-scroll-hidden (scrolling down). Visibility flips after the
   slide-out so hidden chrome cannot take clicks. */
.site-masthead {
  --font-size-heading-4: 1.5625rem;
  display: flex;
  align-items: center;
  gap: var(--space-control-gap) var(--space-control-padding);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  min-height: var(--size-masthead-height);
  padding-block: var(--space-local-n3);
  padding-inline: var(--space-page-gutter);
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  border-bottom: 1px solid hsla(36, 50%, 40%, 0.45);
  transform: translateY(-100%);
  pointer-events: none;
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0s linear 0.3s;
}

html.is-nav-revealed .site-masthead {
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
  transition: transform 0.3s ease, visibility 0s linear 0s;
}

html.is-nav-revealed.is-nav-scroll-hidden .site-masthead {
  transform: translateY(-100%);
  pointer-events: none;
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0s linear 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .site-masthead,
  html.is-nav-revealed .site-masthead,
  html.is-nav-revealed.is-nav-scroll-hidden .site-masthead {
    transition: none;
  }
}
.site-masthead__name {
  color: rgba(0, 0, 0, 0.8);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-heading-4);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  margin-right: var(--space-control-padding);
}
.site-masthead__name:hover, .site-masthead__name:focus-visible {
  color: hsl(36, 50%, 48%);
}

.site-masthead__nav {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.site-masthead__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 var(--space-control-padding);
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-transform: uppercase;
}
.site-masthead__list a {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  color: hsl(36, 50%, 40%);
  letter-spacing: var(--tracking-caps-ui);
  text-decoration: none;
  white-space: nowrap;
}
.site-masthead__list a::after {
  content: "→";
  display: inline-block;
  font-weight: 400;
  margin-left: 0.3em;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-0.35em);
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}
.site-masthead__list a:hover, .site-masthead__list a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.site-masthead__list a:hover::after, .site-masthead__list a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

.site-masthead__account {
  display: flex;
  align-items: center;
}
.site-masthead__account::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1px;
  height: calc(0.8rem * 1.4);
  background: hsla(36, 50%, 40%, 0.45);
  margin-right: var(--space-control-padding);
}

.site-masthead__icon {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.5em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.site-masthead__note,
.site-masthead__more {
  display: none;
}

.site-masthead__toggle {
  display: none;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  min-height: 2.5rem;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: var(--tracking-caps-ui);
  text-transform: uppercase;
  cursor: pointer;
}
.site-masthead__toggle::after {
  content: " +";
}
.site-masthead__toggle[aria-expanded=true]::after {
  content: " −";
}
.site-masthead__toggle:hover {
  color: hsl(36, 50%, 48%);
}
.site-masthead__toggle:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}

@media only screen and (max-width: 549px) {
  .site-masthead__list a::after {
    display: none;
  }
  .site-masthead__account::before {
    display: none;
  }
  html.no-js .site-masthead {
    flex-wrap: wrap;
  }
  html.no-js .site-masthead__nav {
    flex: 1 0 100%;
    margin-left: 0;
  }
  html.no-js .site-masthead__list {
    flex-wrap: wrap;
  }
  html.js .site-masthead__toggle {
    display: inline-flex;
  }
  html.js .site-masthead {
    --sheet-fade: 350ms;
    --sheet-drop: 1.5rem;
    --sheet-close: 200ms;
    --item-rise: 2rem;
    --item-time: 500ms;
    --item-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --item-stagger: 70ms;
  }
  html.js .site-masthead__nav {
    background-color: rgb(249.72, 246.2, 238.28);
    background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
    background-repeat: no-repeat, repeat;
    background-size: 100% 100%, auto;
    position: absolute;
    align-items: stretch;
    top: calc(100% + 1px);
    left: 0;
    height: calc(100vh - 100% - 1px);
    height: calc(100svh - 100% - 1px);
    width: 100%;
    margin: 0;
    padding-inline: var(--space-page-gutter);
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    transform: translateY(calc(-1 * var(--sheet-drop)));
    visibility: hidden;
    transition: opacity var(--sheet-close) ease-out, transform 0s linear var(--sheet-close), visibility 0s linear var(--sheet-close);
  }
  html.js .site-masthead.is-menu-open .site-masthead__nav {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: opacity var(--sheet-fade) ease-out, transform var(--sheet-fade) ease-out, visibility 0s linear 0s;
  }
  html.js .site-masthead__nav {
    container-type: inline-size;
    --nav-title-longest: 7;
    --nav-title-em-per-letter: 0.6;
    --nav-title-floor: 1.5rem;
  }
  html.js .site-masthead__list {
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    min-height: 100%;
    padding-bottom: var(--space-control-gap);
  }
  html.js .site-masthead__item,
  html.js .site-masthead__more {
    position: relative;
  }
  html.js .site-masthead__item + .site-masthead__item::before,
  html.js .site-masthead__more::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: hsla(36, 50%, 40%, 0.45);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0s linear var(--sheet-close);
  }
  html.js .site-masthead.is-menu-open .site-masthead__item + .site-masthead__item::before,
  html.js .site-masthead.is-menu-open .site-masthead__more::before {
    transform: scaleX(1);
    transition: transform var(--item-time) var(--item-ease) calc(var(--i, 0) * var(--item-stagger));
  }
  html.js .site-masthead__item a {
    display: block;
    width: 100%;
    padding-block: calc(var(--space-control-gap) * 1.333);
    text-transform: none;
    letter-spacing: normal;
  }
  html.js .site-masthead__label {
    display: block;
    color: hsl(345, 6%, 13%);
    font-family: "velino-poster", sans-serif;
    font-size: min(var(--font-size-heading-1), max(var(--nav-title-floor), 100cqi / (var(--nav-title-longest) * var(--nav-title-em-per-letter))));
    font-weight: 400;
    line-height: var(--leading-display);
    hyphens: auto;
    overflow-wrap: break-word;
  }
  html.js .site-masthead__item a:hover .site-masthead__label,
  html.js .site-masthead__item a:focus-visible .site-masthead__label {
    color: hsl(36, 50%, 40%);
  }
  html.js .site-masthead__note {
    display: block;
    margin-top: var(--space-meta-gap);
    color: #5F5F5F;
    font-family: "leitura-news", sans-serif;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.3;
  }
  html.js .site-masthead__more {
    display: block;
    margin-top: auto;
    padding-top: var(--space-control-gap);
  }
  html.js .site-masthead__more-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--space-control-gap);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
  }
  html.js .site-masthead__more-list a {
    color: #5A5A5A;
    min-height: 2rem;
  }
  html.js .site-masthead__account a {
    min-height: 2.75rem;
  }
  html.js .site-masthead__item,
  html.js .site-masthead__more,
  html.js .site-masthead__account {
    opacity: 0;
    transform: translateY(var(--item-rise));
    transition: opacity 0s linear var(--sheet-close), transform 0s linear var(--sheet-close);
  }
  html.js .site-masthead.is-menu-open .site-masthead__item,
  html.js .site-masthead.is-menu-open .site-masthead__more,
  html.js .site-masthead.is-menu-open .site-masthead__account {
    opacity: 1;
    transform: translateY(0);
    transition: opacity var(--item-time) var(--item-ease) calc(var(--i, 0) * var(--item-stagger)), transform var(--item-time) var(--item-ease) calc(var(--i, 0) * var(--item-stagger));
  }
}
html.is-nav-open,
html.is-nav-open body {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html.js .site-masthead__nav,
  html.js .site-masthead.is-menu-open .site-masthead__nav,
  html.js .site-masthead__item,
  html.js .site-masthead__more,
  html.js .site-masthead__account,
  html.js .site-masthead.is-menu-open .site-masthead__item,
  html.js .site-masthead.is-menu-open .site-masthead__more,
  html.js .site-masthead.is-menu-open .site-masthead__account,
  html.js .site-masthead__item + .site-masthead__item::before,
  html.js .site-masthead__more::before,
  html.js .site-masthead.is-menu-open .site-masthead__item + .site-masthead__item::before,
  html.js .site-masthead.is-menu-open .site-masthead__more::before {
    transition: none;
    transform: none;
  }
}
/* Sitewide back-to-top (js/back-to-top.js). Hairline gold ring, no fill.
   Bottom-right so it never sits under the Reviews archive preview rail. */
.back-to-top {
  position: fixed;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  color: hsl(36, 50%, 40%);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s ease, color 0.2s ease, visibility 0s linear 0.3s;
}
.back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.3s ease, color 0.2s ease, visibility 0s linear 0s;
}
.back-to-top:hover, .back-to-top:focus-visible {
  color: hsl(36, 50%, 48%);
}
@media (prefers-reduced-motion: reduce) {
  .back-to-top {
    transition: none;
  }
}
.back-to-top {
  right: var(--space-page-gutter);
  bottom: calc(var(--space-page-gutter) + var(--thumb-bar-offset, 0px));
  transition: opacity 0.3s ease, color 0.2s ease, visibility 0s linear 0.3s, bottom 0.3s ease;
}
.back-to-top.is-visible {
  transition: opacity 0.3s ease, color 0.2s ease, visibility 0s linear 0s, bottom 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .back-to-top, .back-to-top.is-visible {
    transition: none;
  }
}

.back-to-top__icon {
  display: block;
  fill: currentColor;
}

body:not(.single-post) main.interior + .site-footer {
  margin-top: 4vh;
}

.site-footer {
  background-color: hsl(345, 6%, 13%);
  color: rgba(255, 255, 255, 0.88);
  font-family: "brandon-grotesque", sans-serif;
  padding: var(--space-footer-gap) var(--space-page-gutter);
  position: relative;
  z-index: 11;
}
.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-footer-pad);
  max-width: 72rem;
}
.site-footer__copyright {
  color: rgb(255, 255, 255);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  letter-spacing: var(--tracking-caps);
  margin: 0;
  text-transform: uppercase;
}
.site-footer__nav ul {
  list-style: none;
  margin: 0 0 calc(-1 * var(--space-footer-pad));
  padding: 0;
  text-wrap: balance;
}
.site-footer__nav li {
  display: inline-block;
  margin: 0 var(--space-footer-gap) var(--space-footer-pad) 0;
}
.site-footer__nav a {
  color: hsl(36, 50%, 48%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.site-footer__nav a:hover, .site-footer__nav a:focus-visible {
  color: rgb(249.72, 246.2, 238.28);
}
.site-footer__follow ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: 1.6180339888;
  text-transform: uppercase;
}
.site-footer__follow ul li {
  display: inline;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.site-footer__follow ul li[hidden] {
  display: none;
}
.site-footer__follow ul {
  font-size: var(--font-size-ui);
  text-wrap: balance;
}
.site-footer__follow a {
  color: hsl(36, 50%, 48%);
}
.site-footer__follow a:hover, .site-footer__follow a:focus-visible {
  color: rgb(249.72, 246.2, 238.28);
}
.site-footer__follow .essay-byline__sep {
  color: rgba(255, 255, 255, 0.65);
}
.site-footer .tmdb-attribution {
  color: rgba(255, 255, 255, 0.65);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui-sm);
  letter-spacing: var(--tracking-caps);
  margin: 0;
  text-transform: uppercase;
}

.site-sitemap,
.error-404__links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-sitemap li,
.error-404__links li {
  margin-bottom: var(--space-footer-pad);
}

.essay-sort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-control-gap);
  margin: 0 0 var(--space-heading-after);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  text-transform: uppercase;
}

.essay-sort__label {
  font-weight: 400;
}

.essay-sort__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-control-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.essay-sort__link {
  color: rgba(0, 0, 0, 0.55);
  text-decoration: none;
}

.essay-sort__link.is-active {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

.essay-sort__dir {
  margin-left: auto;
  color: hsl(196, 100%, 47%);
}

.essay-archive .essay-index__header {
  max-width: none;
  margin-left: var(--space-page-gutter);
  margin-right: var(--space-page-gutter);
  padding-left: 0;
  padding-right: 0;
}

.essay-archive__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: var(--space-control-gap);
}

.essay-archive__title-row .essay-index__title {
  margin-bottom: 0;
}

@media only screen and (min-width: 1100px) {
  .essay-archive__title-row {
    margin-bottom: var(--space-page-header-gap);
  }
}
.essay-archive__decade {
  margin: var(--space-meta-gap) 0 0;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.essay-archive__decade-clear {
  color: hsl(36, 50%, 40%);
  text-decoration: none;
}
.essay-archive__decade-clear:hover, .essay-archive__decade-clear:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-archive__decade-clear:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 3px;
}

.essay-index__title .essay-table__col-count {
  margin-left: 0.2em;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 0.32em;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  vertical-align: 0.2em;
}

.essay-archive__filter {
  flex: 1 1 auto;
  max-width: 22rem;
  margin: 0;
  text-align: right;
}

@media (max-width: 1099px) {
  .essay-archive__filter {
    flex-basis: 100%;
    max-width: none;
    margin: var(--space-heading-after) 0;
    text-align: left;
  }
}
.essay-archive__filter-input {
  width: 100%;
  padding: 0 0 var(--space-meta-gap);
  border: 0;
  border-bottom: 1px solid hsla(36, 50%, 40%, 0.45);
  border-radius: 0;
  background: transparent;
  font-family: "leitura-news", sans-serif;
  font-style: italic;
  font-size: var(--font-size-meta);
  color: var(--essay-body-color);
}
.essay-archive__filter-input::placeholder {
  color: #5F5F5F;
  opacity: 1;
}
.essay-archive__filter-input:focus {
  outline: none;
  border-bottom-color: hsl(36, 50%, 40%);
}
.essay-archive__filter-input::-webkit-search-decoration, .essay-archive__filter-input::-webkit-search-cancel-button, .essay-archive__filter-input::-webkit-search-results-button, .essay-archive__filter-input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.essay-table__empty,
.essay-table__status {
  margin: 0;
  padding: var(--space-heading-after) var(--space-page-gutter) 0;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  color: var(--essay-body-color);
}

@media only screen and (min-width: 1100px) {
  .essay-archive .essay-table__empty,
  .essay-archive .essay-table__status {
    padding-left: var(--space-hero-rail-reserve);
  }
}
.essay-archive__preview {
  display: none;
  background: hsl(345, 6%, 13%);
  isolation: isolate;
}
.essay-archive__preview::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.essay-archive__preview::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}

.essay-archive__still {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  background-color: hsl(345, 6%, 13%);
  --hero-focus-x: 50%;
  --hero-focus-y: 50%;
  object-fit: cover;
  object-position: var(--hero-focus-x) var(--hero-focus-y);
  opacity: 0;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
  pointer-events: none;
}

.essay-archive__still.is-active {
  opacity: 1;
}

@media only screen and (min-width: 1100px) {
  .essay-archive__preview {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: var(--size-hero-rail-end);
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
  }
  .essay-archive .essay-index__header {
    margin-left: var(--space-hero-rail-reserve);
  }
  .essay-archive .essay-table-wrap {
    padding-left: var(--space-hero-rail-reserve);
  }
}
.essay-table-wrap {
  padding: 0 var(--space-page-gutter) var(--space-section-padding-block);
}

.essay-table-wrap {
  transition: opacity 0.15s ease;
}
.essay-table-wrap.is-loading {
  opacity: 0.4;
  transition-delay: 0.12s;
}

.essay-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.essay-table thead th {
  padding: 0 var(--space-table-cell-gap) var(--space-control-padding) 0;
  text-align: left;
  vertical-align: bottom;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: #5A5A5A;
  border-bottom: 1px solid hsla(345, 6%, 13%, 0.12);
}

.essay-table thead th:last-child {
  padding-right: 0;
}

.essay-table__col-count {
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  opacity: 0.7;
}

.essay-table__sort {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.essay-table__sort.is-active {
  color: rgba(0, 0, 0, 0.8);
}

.essay-table__sort.is-active::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: var(--space-local-n3);
  vertical-align: 0.15em;
  border-left: 0.28em solid transparent;
  border-right: 0.28em solid transparent;
}

.essay-table__sort.is-active[data-order=ASC]::after {
  border-bottom: 0.38em solid currentColor;
}

.essay-table__sort.is-active[data-order=DESC]::after {
  border-top: 0.38em solid currentColor;
}

.essay-table tbody th,
.essay-table tbody td {
  padding: var(--space-table-cell-pad) var(--space-table-cell-gap) var(--space-table-cell-pad) 0;
  text-align: left;
  vertical-align: baseline;
  border-bottom: 1px solid hsla(345, 6%, 13%, 0.1);
}

.essay-table tbody th:last-child,
.essay-table tbody td:last-child {
  padding-right: 0;
}

.essay-table__col--title {
  width: 30%;
  min-width: 0;
  overflow-wrap: break-word;
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-toc-entry);
  font-weight: 400;
  line-height: var(--leading-display);
  color: var(--essay-headline-color);
}

.essay-table__col--director {
  width: 24%;
  min-width: 0;
  overflow-wrap: break-word;
}

.essay-table__col--country {
  width: 18%;
}

.essay-table__col--year {
  width: 10%;
}

.essay-table__col--date {
  width: 18%;
}

.essay-table-wrap {
  container-type: inline-size;
}

.essay-table tbody tr {
  position: relative;
  cursor: pointer;
}

.essay-table tbody .essay-table__col--title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--reveal-marker-offset));
  width: 2px;
  background: hsl(36, 50%, 48%);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
}

.essay-table tbody tr.is-reveal-active .essay-table__col--title::before {
  opacity: 1;
}

.essay-table__title {
  display: inline;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  max-width: 100%;
  overflow-wrap: break-word;
  white-space: normal;
  transition: color var(--hover-reveal-duration) var(--hover-reveal-easing);
}
.essay-table__title:link, .essay-table__title:visited {
  color: inherit;
}
.essay-table__title:hover, .essay-table__title:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-table__title:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}
.essay-table__title::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.essay-table tbody tr.is-reveal-active .essay-table__title {
  color: hsl(36, 50%, 48%);
}

.essay-table__film-toggle {
  position: relative;
  z-index: 2;
  display: inline;
  margin: 0 0 0 var(--space-meta-gap);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  cursor: pointer;
}
.essay-table__film-toggle::after {
  content: " +";
}
.essay-table__film-toggle[aria-expanded=true]::after {
  content: " −";
}
.essay-table__film-toggle:hover {
  color: hsl(36, 50%, 48%);
}
.essay-table__film-toggle:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}

.essay-table tbody .essay-table__sub-row th,
.essay-table tbody .essay-table__sub-row td {
  padding-top: var(--space-meta-gap);
  padding-bottom: var(--space-meta-gap);
}

.essay-table tbody .essay-table__sub-row th {
  padding-left: var(--space-table-cell-gap);
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  line-height: var(--leading-meta);
}

.essay-table__by {
  color: #5F5F5F;
  font-style: normal;
}

.essay-table__title.essay-table__sub-link:focus-visible {
  outline-offset: -2px;
}

.essay-table__sub-cell {
  display: grid;
  grid-template-rows: 1fr;
}

.essay-table__sub-content {
  min-height: 0;
  overflow: hidden;
}

.essay-table tbody .essay-table__sub-row.is-collapsible th,
.essay-table tbody .essay-table__sub-row.is-collapsible td {
  transition: padding 200ms ease-out, border-bottom-width 200ms ease-out;
}
.essay-table tbody .essay-table__sub-row.is-collapsible .essay-table__sub-cell {
  transition: grid-template-rows 200ms ease-out, opacity 200ms ease-out, visibility 0s linear 0s;
}
.essay-table tbody .essay-table__sub-row.is-collapsible:not(.is-open) {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
.essay-table tbody .essay-table__sub-row.is-collapsible:not(.is-open) th,
.essay-table tbody .essay-table__sub-row.is-collapsible:not(.is-open) td {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
.essay-table tbody .essay-table__sub-row.is-collapsible:not(.is-open) .essay-table__sub-cell {
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows 200ms ease-out, opacity 200ms ease-out, visibility 0s linear 200ms;
}
.essay-table tbody .essay-table__sub-row.is-collapsible.is-instant, .essay-table tbody .essay-table__sub-row.is-collapsible.is-instant th, .essay-table tbody .essay-table__sub-row.is-collapsible.is-instant td, .essay-table tbody .essay-table__sub-row.is-collapsible.is-instant .essay-table__sub-cell {
  transition: none !important;
}

.essay-table__col--director,
.essay-table__col--country,
.essay-table__col--year,
.essay-table__col--date {
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--film-meta-size, var(--font-size-meta-caps));
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.essay-table__col--director .film-meta__director,
.essay-table__col--country .film-meta__director,
.essay-table__col--year .film-meta__director,
.essay-table__col--date .film-meta__director {
  color: hsl(36, 50%, 40%);
  font-weight: 700;
}
.essay-table__col--director a,
.essay-table__col--country a,
.essay-table__col--year a,
.essay-table__col--date a {
  color: inherit;
}
.essay-table__col--director a:hover, .essay-table__col--director a:focus-visible,
.essay-table__col--country a:hover,
.essay-table__col--country a:focus-visible,
.essay-table__col--year a:hover,
.essay-table__col--year a:focus-visible,
.essay-table__col--date a:hover,
.essay-table__col--date a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-table__col--director,
.essay-table__col--country,
.essay-table__col--year,
.essay-table__col--date {
  line-height: var(--leading-meta);
}

.essay-table__col--director {
  color: hsl(36, 50%, 40%);
  font-weight: 700;
}

.essay-table__col--director a,
.essay-table__col--country a {
  position: relative;
  z-index: 2;
  color: inherit;
  text-decoration: none;
}
.essay-table__col--director a:hover, .essay-table__col--director a:focus-visible,
.essay-table__col--country a:hover,
.essay-table__col--country a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-table__col--director a:focus-visible,
.essay-table__col--country a:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}

.essay-table tbody .essay-table__col--director .cinelogue-punct-item,
.essay-table tbody .essay-table__col--country .cinelogue-punct-item {
  white-space: normal;
}

.essay-table__col--year,
.essay-table__col--date {
  white-space: nowrap;
}

.essay-table {
  --archive-title-fit-ems: 24.99;
  --archive-title-fit-min: 0.64;
  --archive-meta-fit-ems: 60.03;
  --archive-meta-fit-min: 0.8;
  --archive-head-fit-ems: 56.33;
  --archive-head-fit-min: 0.8;
}

@media only screen and (min-width: 1100px) {
  .essay-table__col--title {
    font-size: min(var(--font-size-toc-entry), max(var(--font-size-toc-entry) * var(--archive-title-fit-min), 100cqi / var(--archive-title-fit-ems)));
  }
  .essay-table__col--director,
  .essay-table__col--country,
  .essay-table__col--year,
  .essay-table__col--date {
    font-size: min(var(--font-size-meta-caps), max(var(--font-size-meta-caps) * var(--archive-meta-fit-min), 100cqi / var(--archive-meta-fit-ems)));
  }
  .essay-table thead th {
    font-size: min(var(--font-size-meta-caps), max(var(--font-size-meta-caps) * var(--archive-head-fit-min), 100cqi / var(--archive-head-fit-ems)));
  }
}
@media (max-width: 1099px) {
  .essay-table,
  .essay-table thead,
  .essay-table tbody,
  .essay-table tr,
  .essay-table th,
  .essay-table td {
    display: block;
    width: 100%;
  }
  .essay-table thead tr {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-control-gap) var(--space-table-cell-gap);
    padding-bottom: var(--space-control-padding);
    border-bottom: 1px solid hsla(345, 6%, 13%, 0.12);
  }
  .essay-table thead th {
    width: auto;
    padding: 0;
    border-bottom: 0;
  }
  .essay-table tbody tr {
    padding: var(--space-table-cell-pad) 0;
    border-bottom: 1px solid hsla(345, 6%, 13%, 0.1);
  }
  .essay-table tbody th,
  .essay-table tbody td {
    padding: 0;
    border-bottom: 0;
    white-space: normal;
  }
  .essay-table tbody .essay-table__col--title {
    margin-bottom: var(--space-meta-gap);
  }
  .essay-table tbody .essay-table__col--director,
  .essay-table tbody .essay-table__col--country,
  .essay-table tbody .essay-table__col--year,
  .essay-table tbody .essay-table__col--date {
    display: inline;
    white-space: normal;
  }
  .essay-table tbody .essay-table__col--director:not(:empty)::after,
  .essay-table tbody .essay-table__col--country:not(:empty)::after,
  .essay-table tbody .essay-table__col--year:not(:empty)::after {
    content: " · ";
    font-weight: 400;
    color: #5A5A5A;
  }
  .essay-table tbody .essay-table__sub-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-local-n3) var(--space-table-cell-gap);
    padding: var(--space-meta-gap) 0;
  }
  .essay-table tbody .essay-table__sub-row th,
  .essay-table tbody .essay-table__sub-row td {
    width: auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .essay-table tbody .essay-table__sub-row td:empty {
    display: none;
  }
  .essay-table tbody .essay-table__sub-row.is-collapsible {
    transition: padding 200ms ease-out, border-bottom-width 200ms ease-out;
  }
  .essay-table tbody .essay-table__sub-row.is-collapsible.is-instant {
    transition: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .essay-table tbody .essay-table__col--title::before,
  .essay-table__title,
  .essay-archive__still,
  .essay-archive__preview .hover-reveal__caption {
    transition: none;
  }
  .essay-table tbody .essay-table__sub-row,
  .essay-table tbody .essay-table__sub-row th,
  .essay-table tbody .essay-table__sub-row td,
  .essay-table__sub-cell {
    transition: none !important;
  }
}
.nav-previous {
  background-color: hsl(196, 100%, 47%);
  width: 100px;
  height: 50px;
}

.controls {
  padding: 2%;
  background: #333;
  color: #eee;
}

label {
  font-weight: 300;
  margin: 0 0.4em 0 0;
}

button {
  display: inline-block;
  padding: var(--space-local-n3) var(--space-local-n1);
  background: #666;
  border: 0;
  color: #ddd;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  cursor: pointer;
}

button.active {
  background: #68b8c4;
}

button:focus {
  outline: 0 none;
}

button + label {
  margin-left: 1em;
}

.container {
  -webkit-backface-visibility: hidden;
}

.container:after {
  content: "";
  display: inline-block;
  width: 100%;
}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination {
  padding: var(--space-archive-block-pad) 6vw;
}

.essay-index .custom-pagination {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  padding-inline: var(--space-section-padding-inline);
}

.essay-archive .custom-pagination,
.issues-archive .custom-pagination {
  max-width: none;
  padding-inline: var(--space-page-gutter);
  font-family: inherit;
  font-size: inherit;
}

@media only screen and (min-width: 1100px) {
  .essay-archive .custom-pagination {
    padding-left: var(--space-hero-rail-reserve);
  }
}
.custom-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-local-n3);
}

.custom-pagination .page-numbers {
  font-family: "brandon-grotesque", sans-serif;
  font-size: calc(1rem * var(--mobile-text-scale));
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: 1;
  text-transform: uppercase;
}

.custom-pagination .page-num {
  margin-right: var(--space-control-padding);
  color: hsl(36, 50%, 40%);
}

.custom-pagination .page-numbers:not(.page-num) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0 var(--space-local-n3);
}

.custom-pagination a.page-numbers {
  color: hsl(36, 50%, 40%);
  transition: color 0.2s ease;
}

.custom-pagination a.page-numbers:hover,
.custom-pagination a.page-numbers:focus-visible {
  color: hsl(36, 50%, 48%);
  text-decoration: none;
}

.custom-pagination .current {
  color: hsl(36, 50%, 40%);
  font-weight: 700;
}

.custom-pagination .dots {
  color: #5A5A5A;
}

.search-results {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
}

.search-results__list {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  list-style: none;
  padding: 0 var(--space-section-padding-inline) var(--space-page-padding-block-end);
}

.search-results__item {
  margin: 0;
  padding: var(--space-prose-gap) 0;
  border-bottom: 1px solid hsla(345, 6%, 13%, 0.1);
}

.search-results__item a {
  color: var(--essay-headline-color, rgba(0, 0, 0, 0.8));
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-heading-4);
}
.search-results__item a:hover, .search-results__item a:focus-visible {
  color: hsl(36, 50%, 48%);
}

.search-results__excerpt {
  margin-top: var(--space-meta-gap);
  color: var(--essay-body-color, rgba(0, 0, 0, 0.8));
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body, 1rem);
  line-height: var(--leading-body);
}
.search-results__excerpt p {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.search-results__prompt {
  margin: var(--space-heading-after) 0 0;
  color: #5F5F5F;
}

.search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-control-gap);
}

.search-form__field {
  padding: var(--space-input-padding-block) var(--space-input-padding-inline);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgb(255, 255, 255);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta, var(--font-size-ui));
  color: rgba(0, 0, 0, 0.8);
}
.search-form__field:focus {
  outline: none;
  border-color: hsl(36, 50%, 40%);
}

.issues-archive {
  --issues-pager-min: 1100px;
}
.issues-archive .essay-index__header {
  max-width: none;
  margin-left: var(--space-page-gutter);
  margin-right: var(--space-page-gutter);
  padding-left: 0;
  padding-right: 0;
}

.issues-archive__list {
  margin: 0;
  padding: var(--space-section-gap) var(--space-page-gutter) var(--space-page-padding-block);
  list-style: none;
}

.issues-archive__entry + .issues-archive__entry {
  margin-top: var(--space-footer-gap);
  padding-top: var(--space-footer-gap);
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
}

.issues-archive__entry {
  display: grid;
  gap: var(--space-section-gap);
}

@media only screen and (min-width: 1100px) {
  .issues-archive__entry {
    grid-template-columns: minmax(16rem, 32%) minmax(0, 1fr);
    column-gap: var(--space-hero-body-gap);
    align-items: start;
  }
}
.issues-archive__cover {
  display: block;
  color: inherit;
  text-decoration: none;
}

.issues-archive__still {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: hsl(345, 6%, 13%);
  isolation: isolate;
}
.issues-archive__still::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.issues-archive__still::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}
@media only screen and (min-width: 1100px) {
  .issues-archive__still {
    aspect-ratio: 3/4;
  }
}

.issues-archive__body {
  min-width: 0;
}

.issues-archive__identity {
  margin-bottom: 0;
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-heading-after);
}

.issues-archive__folio {
  margin: 0 0 var(--space-heading-after);
  color: var(--essay-headline-color);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-h1);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
}
.issues-archive__folio a {
  color: inherit;
  text-decoration: none;
}
.issues-archive__folio a:hover, .issues-archive__folio a:focus-visible {
  color: hsl(36, 50%, 48%);
}

.issues-archive__date {
  margin: 0;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-lead);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.issues-archive__lead {
  margin: var(--space-heading-after) 0 0;
  color: var(--essay-body-color, rgba(0, 0, 0, 0.8));
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body, 1rem);
  font-weight: 400;
  line-height: 1.6180339888;
}
.issues-archive__lead::first-letter {
  float: left;
  font-family: "velino-poster", sans-serif;
  font-size: calc(var(--font-size-body, 1rem) * (2 * var(--leading-body) + 0.665) / 0.663);
  font-weight: 400;
  line-height: calc(3 * var(--leading-body) * var(--font-size-body, 1rem));
  letter-spacing: 0;
  padding: 0 0.1em 0 0;
  margin-bottom: -2px;
  color: var(--essay-body-color);
  background: none;
}
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .issues-archive__lead::first-letter {
    float: none;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    margin-bottom: 0;
    margin-right: calc(0.1 * calc(var(--font-size-body, 1rem) * (2 * var(--leading-body) + 0.665) / 0.663));
    -webkit-initial-letter: 3;
    initial-letter: 3;
  }
}

.issues-archive__meta {
  margin: var(--space-heading-after) 0 0;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.issues-archive__veil {
  display: none;
}

.issues-pager-prev,
.issues-pager-next {
  position: fixed;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  color: hsl(36, 50%, 40%);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s ease, color 0.2s ease, visibility 0s linear 0.3s;
}
.issues-pager-prev.is-visible,
.issues-pager-next.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.3s ease, color 0.2s ease, visibility 0s linear 0s;
}
.issues-pager-prev:hover, .issues-pager-prev:focus-visible,
.issues-pager-next:hover,
.issues-pager-next:focus-visible {
  color: hsl(36, 50%, 48%);
}
@media (prefers-reduced-motion: reduce) {
  .issues-pager-prev,
  .issues-pager-next {
    transition: none;
  }
}
.issues-pager-prev,
.issues-pager-next {
  display: none;
}

@media only screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
  html.is-issues-pager {
    overflow: hidden;
  }
  html.is-issues-pager main {
    padding-top: 0;
    top: 0;
    height: 100svh;
    overflow: hidden;
  }
  html.is-issues-pager .site-footer,
  html.is-issues-pager .back-to-top,
  html.is-issues-pager .issues-archive .custom-pagination,
  html.is-issues-pager .issues-archive .essay-index__header {
    display: none;
  }
  html.is-issues-pager .issues-archive {
    --issues-peek: calc(var(--ratio-golden-minor) * var(--ratio-golden-minor) * 100vw);
    --issues-step: calc(100vw - var(--issues-peek));
    --issues-pager-duration: 0.5s;
    height: 100svh;
    min-height: 0;
    overflow: hidden;
  }
  html.is-issues-pager .issues-archive__list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
    margin: 0;
    padding: 0;
    transform: translate3d(calc(var(--issues-frame, 0) * var(--issues-step) * -1), 0, 0);
    transition: transform var(--issues-pager-duration) ease;
  }
  html.is-issues-pager .issues-archive__entry {
    position: relative;
    z-index: 1;
    flex: 0 0 100vw;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    display: block;
    margin-right: calc(-1 * var(--issues-peek));
    padding: 0;
  }
  html.is-issues-pager .issues-archive__entry + .issues-archive__entry {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  html.is-issues-pager .issues-archive__entry:last-child {
    margin-right: 0;
  }
  html.is-issues-pager .issues-archive__cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: var(--size-hero-rail-end);
    height: 100%;
  }
  html.is-issues-pager .issues-archive__still {
    position: absolute;
    inset: 0;
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
  }
  html.is-issues-pager .issues-archive__veil {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background-color: hsl(345, 6%, 13%);
    opacity: calc(1 - var(--ratio-golden-major) * var(--ratio-golden-minor));
    transition: opacity calc(var(--issues-pager-duration) / var(--ratio-golden-minor)) ease-out;
  }
  html.is-issues-pager .issues-archive__entry.is-issues-current .issues-archive__veil {
    opacity: 0;
  }
  html.is-issues-pager .issues-archive__body {
    margin-left: var(--space-hero-rail-reserve);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    margin-right: var(--issues-peek);
    padding: calc(var(--size-masthead-height) + var(--space-column-start)) var(--space-page-gutter) var(--space-section-padding-block) 0;
  }
  html.is-issues-pager .issues-archive__entry:last-child .issues-archive__body {
    margin-right: var(--space-page-gutter);
  }
  html.is-issues-pager .issues-archive__identity {
    margin-bottom: 0;
    flex: 0 0 auto;
  }
  html.is-issues-pager .issues-pager-prev,
  html.is-issues-pager .issues-pager-next {
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
  html.is-issues-pager .issues-pager-prev.is-visible,
  html.is-issues-pager .issues-pager-next.is-visible {
    opacity: 1;
  }
  html.is-issues-pager .issues-pager-prev:hover, html.is-issues-pager .issues-pager-prev:focus-visible,
  html.is-issues-pager .issues-pager-next:hover,
  html.is-issues-pager .issues-pager-next:focus-visible {
    animation-play-state: paused;
  }
  html.is-issues-pager .issues-pager-next {
    right: 2vw;
  }
  html.is-issues-pager .issues-pager-next .back-to-top__icon {
    transform: rotate(90deg);
  }
  html.is-issues-pager .issues-pager-next.is-visible {
    animation: issues-pager-next-idle 2.6s ease-in-out infinite;
  }
  html.is-issues-pager .issues-pager-prev {
    left: 2vw;
  }
  html.is-issues-pager .issues-pager-prev .back-to-top__icon {
    transform: rotate(-90deg);
  }
  html.is-issues-pager .issues-pager-prev.is-visible {
    animation: issues-pager-prev-idle 2.6s ease-in-out infinite;
  }
}
@keyframes issues-pager-next-idle {
  0%, 100% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-50%) translateX(0.5rem);
    opacity: 0.62;
  }
}
@keyframes issues-pager-prev-idle {
  0%, 100% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-50%) translateX(-0.5rem);
    opacity: 0.62;
  }
}
.search-form__submit {
  padding: var(--space-button-padding-block) var(--space-button-padding-inline);
  border: 1px solid rgba(0, 0, 0, 0.8);
  background: transparent;
  color: rgba(0, 0, 0, 0.8);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  cursor: pointer;
}
.search-form__submit:hover, .search-form__submit:focus-visible {
  border-color: hsl(36, 50%, 40%);
  color: hsl(36, 50%, 40%);
}

/* ============================================================================
   Issue Ken Burns cycle: archive banners + single-Issue hero.
   Grain and scrims stay on the host (film-scrim-grain), not on the moving
   layers. Paces must match js/issue-ken-burns.js:
     archive  dwell 6.5s, fade 1.8s, move = dwell+fade
     hero     dwell 11s,  fade 2.8s, move = dwell+fade
   ============================================================================ */
.cinelogue-kb {
  --kb-from: 1.12;
  --kb-to: 1.28;
  --kb-x: 5%;
  --kb-y: 2.5%;
  --kb-dwell: 6.5s;
  --kb-fade: 1.8s;
  --kb-move: 8.3s;
}

.cinelogue-kb[data-kb-pace=hero] {
  --kb-from: 1.14;
  --kb-to: 1.3;
  --kb-x: 4%;
  --kb-y: 3%;
  --kb-dwell: 11s;
  --kb-fade: 2.8s;
  --kb-move: 13.8s;
}

@media only screen and (min-width: 1500px) {
  .home-issue .essay-hero.cinelogue-kb {
    --kb-from: 1.06;
    --kb-to: 1.16;
    --kb-x: 2%;
    --kb-y: 4.5%;
  }
}
.cinelogue-kb__layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--kb-fade) ease-in-out;
}

.cinelogue-kb__layer.is-active {
  opacity: 1;
}

.cinelogue-kb__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  max-width: none;
  background-color: inherit;
  --hero-focus-x: 50%;
  --hero-focus-y: 50%;
  object-fit: cover;
  object-position: var(--hero-focus-x) var(--hero-focus-y);
  transform-origin: var(--hero-focus-x) var(--hero-focus-y);
  animation-duration: var(--kb-move);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-play-state: paused;
}

.cinelogue-kb.is-kb-active .cinelogue-kb__media.is-kb-running {
  animation-play-state: running;
}

.cinelogue-kb__media--0.is-kb-running {
  animation-name: cinelogue-kb-0;
}

.cinelogue-kb__media--1.is-kb-running {
  animation-name: cinelogue-kb-1;
}

.cinelogue-kb__media--2.is-kb-running {
  animation-name: cinelogue-kb-2;
}

.cinelogue-kb__media--3.is-kb-running {
  animation-name: cinelogue-kb-3;
}

.cinelogue-kb__media--4.is-kb-running {
  animation-name: cinelogue-kb-4;
}

.cinelogue-kb__media--5.is-kb-running {
  animation-name: cinelogue-kb-5;
}

.cinelogue-kb__media--6.is-kb-running {
  animation-name: cinelogue-kb-6;
}

.cinelogue-kb__media--7.is-kb-running {
  animation-name: cinelogue-kb-7;
}

@keyframes cinelogue-kb-0 {
  from {
    transform: scale(var(--kb-from)) translate(0, 0);
  }
  to {
    transform: scale(var(--kb-to)) translate(calc(var(--kb-x) * -1), calc(var(--kb-y) * -1));
  }
}
@keyframes cinelogue-kb-1 {
  from {
    transform: scale(var(--kb-to)) translate(var(--kb-x), 0);
  }
  to {
    transform: scale(var(--kb-from)) translate(0, 0);
  }
}
@keyframes cinelogue-kb-2 {
  from {
    transform: scale(var(--kb-from)) translate(0, 0);
  }
  to {
    transform: scale(var(--kb-to)) translate(0, var(--kb-y));
  }
}
@keyframes cinelogue-kb-3 {
  from {
    transform: scale(var(--kb-from)) translate(var(--kb-x), 0);
  }
  to {
    transform: scale(var(--kb-to)) translate(calc(var(--kb-x) * -1), 0);
  }
}
@keyframes cinelogue-kb-4 {
  from {
    transform: scale(var(--kb-to)) translate(calc(var(--kb-x) * -1), var(--kb-y));
  }
  to {
    transform: scale(var(--kb-from)) translate(0, 0);
  }
}
@keyframes cinelogue-kb-5 {
  from {
    transform: scale(var(--kb-from)) translate(0, 0);
  }
  to {
    transform: scale(var(--kb-to)) translate(var(--kb-x), var(--kb-y));
  }
}
@keyframes cinelogue-kb-6 {
  from {
    transform: scale(var(--kb-from)) translate(0, var(--kb-y));
  }
  to {
    transform: scale(var(--kb-to)) translate(0, calc(var(--kb-y) * -1));
  }
}
@keyframes cinelogue-kb-7 {
  from {
    transform: scale(var(--kb-from)) translate(calc(var(--kb-x) * -1), calc(var(--kb-y) * 0.4));
  }
  to {
    transform: scale(var(--kb-to)) translate(var(--kb-x), 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cinelogue-kb__media {
    animation: none !important;
    transform: none !important;
  }
  .cinelogue-kb__layer:not(.is-active) {
    display: none;
  }
}
/* =SINGLE ESSAY / FEATURE
   Mobile first; desktop shrink from $essay-break up. Rail and column
   positioning lives in _layout-grid.scss: read it before adding a width here.
----------------------------------------------- */
html {
  scroll-behavior: smooth;
  --hero-settle: 85vh;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body.home,
body.single-post {
  font-size: 16px;
}

body.home main,
body.single-post main,
body.single-issues main {
  top: 0;
  overflow: visible;
}

main {
  padding-top: var(--size-masthead-height);
}

body.single-post main {
  padding-top: 0;
}

.essay-single,
.home-issue,
.home-new,
.essay-index,
.site-footer,
.thumb-bar {
  position: relative;
  --font-size-body: calc(clamp(1.2rem, 1.0875rem + 0.35vw, 1.25rem) * var(--mobile-text-scale));
  --font-size-meta: calc(var(--font-size-body) / 1.25 * var(--type-scale-meta));
  --font-size-h1: calc(clamp(2.375rem, 1rem + 4.5vw, 7.5rem) * var(--mobile-text-scale));
  --font-size-meta-caps: calc(var(--font-size-meta) / 1.25);
  --font-size-h2: calc(var(--font-size-body) * 1.397542 * var(--type-scale-title));
  --font-size-toc-feature: calc(var(--font-size-h2) * 1.6180339888);
  --font-size-toc-entry: calc(var(--font-size-body) * 1.5625 * var(--type-scale-title));
  --font-size-toc-entry-meta: calc(var(--font-size-body) * 1.118034);
  --font-size-toc-author: var(--font-size-meta);
  --essay-body-color: #3a3a3a;
  --essay-headline-color: rgb(83.5, 83.5, 83.5);
  --essay-body-leading: var(--leading-body);
  --rhythm: calc(var(--font-size-body) * 1.55);
  --space-byline-group-gap: var(--rhythm);
  --space-closing-group-gap: var(--rhythm);
  --space-column-start: var(--rhythm);
}

.essay-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100svh;
  height: 100svh;
  width: 100%;
  overflow: hidden;
  background-color: hsl(345, 6%, 13%);
  isolation: isolate;
}
.essay-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.essay-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}

.essay-hero__still {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  background-color: hsl(345, 6%, 13%);
  --hero-focus-x: 50%;
  --hero-focus-y: 50%;
  object-fit: cover;
  object-position: var(--hero-focus-x) var(--hero-focus-y);
  transform-origin: var(--hero-focus-x) var(--hero-focus-y);
  pointer-events: none;
}

.essay-hero__flip-overlay {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  max-width: none;
  background-color: hsl(345, 6%, 13%);
  object-fit: cover;
  object-position: var(--hero-focus-x, 50%) var(--hero-focus-y, 50%);
  transform-origin: var(--hero-focus-x, 50%) var(--hero-focus-y, 50%);
  pointer-events: none;
}

.essay-hero__card {
  position: relative;
  z-index: 3;
  container-type: inline-size;
  width: 100%;
  max-width: var(--size-hero-card-max);
  padding: var(--space-hero-card-padding-block) var(--space-hero-card-padding-inline);
  text-align: center;
  --hero-title-step: 1;
  --hero-title-base: calc(var(--font-size-h1) * 1.118034);
  --hero-title-size: min(var(--hero-title-base), calc(15.668 * 1.118034 * 1cqi * var(--hero-title-step)));
  --font-size-hero-meta: max(calc(1.118034rem * var(--mobile-text-scale)), calc(var(--font-size-h1) / 2.6180339888));
  --font-size-hero-meta-caps: calc(var(--font-size-hero-meta) / 1.25);
}
.essay-hero__card:has(.essay-hero__title--step-1) {
  --hero-title-step: 0.8;
}
.essay-hero__card:has(.essay-hero__title--step-2) {
  --hero-title-step: 0.64;
}
.essay-hero__card:has(.essay-hero__title--step-3) {
  --hero-title-step: 0.512;
}

.essay-hero__card > :nth-child(1) {
  --vt-card-i: 0;
}

.essay-hero__card > :nth-child(2) {
  --vt-card-i: 1;
}

.essay-hero__card > :nth-child(3) {
  --vt-card-i: 2;
}

.essay-hero__card > :nth-child(4) {
  --vt-card-i: 3;
}

.essay-hero__card > :nth-child(5) {
  --vt-card-i: 4;
}

.essay-hero__card > :nth-child(6) {
  --vt-card-i: 5;
}

.essay-hero__card > :nth-child(7) {
  --vt-card-i: 6;
}

.essay-hero__card > :nth-child(8) {
  --vt-card-i: 7;
}

.essay-hero__kicker {
  color: hsl(36, 50%, 48%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  margin: 0 0 calc(1em / 4.2360679775);
  text-shadow: 0 1px 2px hsla(345, 6%, 13%, 0.6), 0 4px 20px hsla(345, 6%, 13%, 0.55);
}

.essay-hero__title {
  color: rgb(255, 255, 255);
  font-size: calc(var(--font-size-h1) * 1.118034 * var(--hero-title-step, 1));
  font-size: var(--hero-title-size);
  font-weight: 400;
  line-height: 1;
  --space-hero-title-gap: calc(1em / 6.8541019663);
  margin: 0 0 var(--space-hero-title-gap);
  text-shadow: 0 1px 2px hsla(345, 6%, 13%, 0.65), 0 6px 26px hsla(345, 6%, 13%, 0.6);
}

.essay-hero__original-title {
  color: rgb(255, 255, 255);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-hero-meta);
  font-style: italic;
  font-weight: 400;
  line-height: var(--leading-meta);
  --space-hero-original-gap: calc(1em / 6.8541019663);
  margin: 0 0 var(--space-hero-original-gap);
  text-shadow: 0 1px 2px hsla(345, 6%, 13%, 0.65), 0 6px 26px hsla(345, 6%, 13%, 0.6);
  overflow-wrap: break-word;
  text-wrap: balance;
}

.essay-hero__meta,
.essay-hero__origin {
  color: rgb(255, 255, 255);
  font-size: var(--font-size-hero-meta-caps);
  line-height: var(--leading-meta);
  margin: 0;
  text-shadow: 0 1px 2px hsla(345, 6%, 13%, 0.6), 0 4px 20px hsla(345, 6%, 13%, 0.55);
  overflow-wrap: break-word;
  word-break: break-word;
}

.essay-hero__origin {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.essay-byline {
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  line-height: var(--rhythm);
  --byline-baseline-shift: calc((1.023 - 0.358) / 2 * (var(--font-size-body) - var(--font-size-meta)));
}
.essay-byline p {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}

.essay-byline__group {
  margin: 0;
  padding-bottom: calc(var(--space-byline-group-gap) / 2);
}
.essay-byline__group:last-child {
  padding-bottom: 0;
}

.essay-byline__group + .essay-byline__group {
  padding-top: calc(var(--space-byline-group-gap) / 2);
  box-shadow: 0 -1px 0 0 hsla(36, 50%, 40%, 0.45);
}

.essay-byline__group--comments {
  display: flex;
  align-items: baseline;
  column-gap: 0.4em;
}

.essay-byline__pair {
  display: inline-flex;
  align-items: baseline;
  column-gap: 0.5em;
  white-space: nowrap;
}

.essay-byline__label {
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
  color: #5A5A5A;
}

.essay-byline__value {
  font-weight: 400;
  color: #5F5F5F;
}

.essay-byline__value + .essay-byline__value {
  margin-top: 0;
}

.essay-byline__author {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}
.essay-byline__author a {
  color: inherit;
}
.essay-byline__author a:hover, .essay-byline__author a:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-byline__author--roman {
  font-weight: 400;
}

.essay-byline--mobile {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-byline-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: baseline;
  column-gap: var(--space-meta-gap);
  row-gap: var(--space-meta-gap);
  padding: var(--space-byline-padding-block) var(--space-byline-padding-inline);
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  position: relative;
  line-height: 1.6180339888;
}
.essay-byline--mobile::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-byline-padding-inline);
  right: var(--space-byline-padding-inline);
  height: 1px;
  background: hsla(345, 6%, 13%, 0.12);
}
.essay-byline--mobile .essay-byline__row {
  font-size: var(--font-size-meta);
  display: contents;
}
.essay-byline--mobile .essay-byline__pair {
  display: contents;
  white-space: normal;
}
.essay-byline--mobile .essay-byline__label {
  text-align: right;
}
.essay-byline--mobile .essay-byline__value {
  text-align: left;
}
.essay-byline--mobile .essay-byline__label,
.essay-byline--mobile .essay-byline__value {
  overflow-wrap: anywhere;
}
.essay-byline--mobile .essay-byline__value + .essay-byline__value {
  margin-top: 0;
}

.essay-byline__sep {
  color: #5A5A5A;
}

.essay-byline__comments-icon {
  display: inline-block;
  vertical-align: -0.15em;
  margin-left: 0.15em;
  width: 0.85em;
  height: 0.85em;
  fill: currentColor;
}

.essay-byline__comments-bubble-icon {
  display: inline-block;
  vertical-align: -0.15em;
  margin-right: 0.3em;
  width: 0.9em;
  height: 0.9em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.essay-byline--rail {
  display: none;
}

.essay-byline--rail .essay-byline__label,
.essay-byline--rail .essay-byline__value {
  position: relative;
  top: var(--byline-baseline-shift);
}

.essay-main {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  padding: 0 var(--space-page-padding-inline) var(--space-macro-1);
}

.essay-main:has(.essay-closing) {
  padding-bottom: 0;
}

.essay-content {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  border-top-color: transparent;
  background-image: linear-gradient(hsla(36, 50%, 40%, 0.45), hsla(36, 50%, 40%, 0.45));
  background-origin: border-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: var(--space-macro-3) 1px;
  padding-top: var(--space-column-start);
  color: var(--essay-body-color);
  font-weight: 400;
  line-height: var(--essay-body-leading);
}
.essay-content p,
.essay-content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}
.essay-content p {
  margin: 0;
  text-indent: var(--space-prose-indent);
}
.essay-content .essay-end-mark::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-inline-start: 0.25em;
  background-color: hsl(36, 50%, 40%);
  vertical-align: baseline;
}
.essay-content p.essay-end-mark-line {
  margin: 0;
  text-indent: 0;
}
.essay-content p.essay-end-mark-line .essay-end-mark::before {
  margin-inline-start: 0;
}
.essay-content p.essay-end-mark-line::first-letter {
  initial-letter: normal;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  float: none;
}
.essay-content .essay-closing {
  margin-top: var(--space-local-1);
  color: #5F5F5F;
  font-size: var(--font-size-meta);
  line-height: 1.6180339888;
  display: grid;
  --closing-row-gap: var(--space-meta-gap);
  row-gap: var(--closing-row-gap);
}
.essay-content .essay-closing:has(.essay-notes) {
  --closing-row-gap: var(--space-closing-group-gap);
}
.essay-content .essay-closing p {
  margin: 0;
  text-indent: 0;
}
.essay-content .essay-closing .essay-closing__credit {
  margin: 0;
}
.essay-content .essay-closing .essay-closing__copyright {
  white-space: nowrap;
}
.essay-content .essay-closing .essay-closing__facts {
  display: grid;
  row-gap: var(--space-closing-group-gap);
}
@media only screen and (min-width: 1024px) {
  .essay-content .essay-closing .essay-closing__facts {
    display: none;
  }
}
.essay-content .essay-closing .essay-closing__fact,
.essay-content .essay-closing .essay-closing__fact + .essay-closing__fact {
  padding: 0;
  box-shadow: none;
}
@media only screen and (min-width: 1024px) {
  .essay-content .essay-closing .essay-closing__fact--appears {
    display: none;
  }
}
.essay-content .essay-closing .essay-notes__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.essay-content .essay-closing .essay-notes__item {
  margin: 0 0 var(--space-control-padding);
  padding-left: var(--space-notes-hang);
  text-indent: calc(-1 * var(--space-notes-hang));
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  letter-spacing: normal;
  line-height: var(--essay-body-leading);
  scroll-margin-top: var(--space-fn-scroll-margin);
}
.essay-content .essay-closing .essay-notes__item:last-child {
  margin-bottom: 0;
}
.essay-content .essay-closing .essay-closing__share {
  margin-top: calc(var(--space-closing-group-gap) - var(--closing-row-gap));
}
.essay-content .essay-closing .essay-closing__share:empty {
  display: none;
}
.essay-content .essay-closing .essay-closing__social {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: 1.6180339888;
  text-transform: uppercase;
}
.essay-content .essay-closing .essay-closing__social li {
  display: inline;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.essay-content .essay-closing .essay-closing__social li[hidden] {
  display: none;
}
.essay-content .essay-closing .essay-closing__social button {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: hsl(36, 50%, 40%);
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.essay-content .essay-closing .essay-closing__social button:hover, .essay-content .essay-closing .essay-closing__social button:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-content .essay-closing .essay-closing__social:not(:has(li:not([hidden]) .essay-share__copy)) .essay-closing__sep--before-copy {
  display: none;
}
.essay-content > p:first-of-type,
.essay-content h2 + p,
.essay-content h3 + p,
.essay-content h4 + p {
  text-indent: 0;
}
.essay-content h2,
.essay-content h3 {
  margin: var(--space-prose-indent) 0 var(--space-meta-gap);
  text-indent: 0;
}
.essay-content h2 {
  font-size: var(--font-size-h2);
  font-weight: 400;
}
.essay-content > p:first-of-type::first-letter {
  float: left;
  font-family: "velino-poster", sans-serif;
  font-size: calc(var(--font-size-body, 1rem) * (2 * var(--leading-body) + 0.665) / 0.663);
  font-weight: 400;
  line-height: calc(3 * var(--leading-body) * var(--font-size-body, 1rem));
  letter-spacing: 0;
  padding: 0 0.1em 0 0;
  margin-bottom: -2px;
  color: var(--essay-body-color);
  background: none;
}
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .essay-content > p:first-of-type::first-letter {
    float: none;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    margin-bottom: 0;
    margin-right: calc(0.1 * calc(var(--font-size-body, 1rem) * (2 * var(--leading-body) + 0.665) / 0.663));
    -webkit-initial-letter: 3;
    initial-letter: 3;
  }
}
.essay-content > p.essay-end-mark-line::first-letter {
  initial-letter: normal;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  float: none;
}
.essay-content blockquote {
  quotes: none;
  margin-block: var(--rhythm);
  margin-inline: var(--space-prose-indent);
  padding: 0;
  border: 0;
  color: rgb(88.6, 88.6, 88.6);
  font-style: italic;
}
.essay-content blockquote::before, .essay-content blockquote::after {
  content: none;
}
.essay-content blockquote:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .essay-content blockquote,
  .essay-content blockquote p,
  .essay-content blockquote cite,
  .essay-content blockquote footer {
    line-height: calc(var(--rhythm) / 1em);
  }
}
.essay-content blockquote p {
  display: block;
  margin: 0;
  text-indent: 0;
  color: inherit;
  font-style: inherit;
}
.essay-content > br:first-child {
  display: none;
}
.essay-content > br:first-child + blockquote {
  margin-top: 0;
}
.essay-content .essay-fn {
  font-size: calc(var(--font-size-body) * 0.7);
  line-height: 0;
  text-decoration: none;
  text-indent: 0;
  vertical-align: super;
}
.essay-content .essay-fn__ref {
  display: inline-block;
  min-width: 1.15em;
  padding: 0 0.22em;
  border-radius: 0.2em;
  background-color: hsl(36, 50%, 40%);
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: var(--leading-display);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: text-top;
  scroll-margin-top: var(--space-fn-scroll-margin);
}
.essay-content .essay-fn__ref:hover, .essay-content .essay-fn__ref:focus-visible {
  background-color: hsl(36, 50%, 48%);
}
.essay-content .essay-fn__body {
  display: none;
}
.essay-content img,
.essay-content figure {
  display: block;
  max-width: 100%;
  height: auto;
  margin: var(--space-media-gap) 0;
}
.essay-content .essay-still--full-bleed,
.essay-content figure.essay-still--full-bleed,
.essay-content .wp-block-image.is-style-full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.film-credits {
  background: hsl(345, 6%, 13%);
  color: rgb(255, 255, 255);
  margin-top: var(--space-section-gap);
  padding: var(--space-section-padding-block) var(--space-section-padding-inline);
}

.film-credits__list {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: var(--space-credits-row-gap-inline);
}

.film-credits__row {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  padding: var(--space-credits-row-padding) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  align-items: baseline;
  opacity: 0;
  transform: translateY(0.65rem);
}
.film-credits__row dt {
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 700;
  letter-spacing: calc(var(--tracking-caps) * 0.512);
  text-transform: uppercase;
  color: hsl(36, 50%, 48%);
  white-space: nowrap;
}
.film-credits__row dd {
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  margin: 0;
  color: rgb(255, 255, 255);
}

.film-credits__cast {
  list-style: none;
  margin: 0;
  padding: 0;
}
.film-credits__cast li {
  display: inline;
}
.film-credits__cast li:not(:last-child)::after {
  content: ", ";
}

.film-credits.is-revealed .film-credits__row {
  animation: film-credits-reveal 1s ease-out both;
}

.film-credits.is-revealed .film-credits__row:nth-child(1) {
  animation-delay: 0s;
}

.film-credits.is-revealed .film-credits__row:nth-child(2) {
  animation-delay: 0.2s;
}

.film-credits.is-revealed .film-credits__row:nth-child(3) {
  animation-delay: 0.4s;
}

.film-credits.is-revealed .film-credits__row:nth-child(4) {
  animation-delay: 0.6s;
}

.film-credits.is-revealed .film-credits__row:nth-child(5) {
  animation-delay: 0.8s;
}

.film-credits.is-revealed .film-credits__row:nth-child(6) {
  animation-delay: 1s;
}

@keyframes film-credits-reveal {
  from {
    opacity: 0;
    transform: translateY(0.65rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.essay-index {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
}

.essay-index__header {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  padding: var(--space-heading-after) var(--space-section-padding-inline) 0;
}

.essay-index__body {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  padding: 0 var(--space-section-padding-inline) var(--space-section-padding-block);
}
.essay-index__body > p + p {
  margin-top: var(--space-prose-gap);
}

.page-prose p {
  margin: 0 0 var(--space-prose-gap);
}
.page-prose h2 {
  margin: 0 0 var(--space-control-padding);
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  margin: calc(var(--space-prose-gap) * 1.6180339888) 0 calc(var(--space-prose-gap) / 2);
  color: var(--essay-body-color);
}
.page-prose > p:first-child:has(> em:only-child) {
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  margin: 0 0 var(--space-prose-gap);
  color: hsl(36, 50%, 40%);
  line-height: var(--leading-meta);
}
.page-prose > p:first-child:has(> em:only-child) em {
  font-style: normal;
}
.page-prose ul,
.page-prose ol {
  margin: 0 0 var(--space-prose-gap);
  padding-left: var(--space-prose-gap);
}
.page-prose li {
  line-height: var(--leading-body);
}
.page-prose a {
  color: hsl(36, 50%, 32%);
  text-decoration: underline;
  text-decoration-color: hsla(36, 50%, 40%, 0.45);
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.2s ease;
}
.page-prose a:hover {
  color: hsl(36, 50%, 32%);
  text-decoration-color: currentColor;
}
.page-prose a:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}

.no-results {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  padding: var(--space-heading-after) var(--space-section-padding-inline) var(--space-section-padding-block);
}

.essay-index__header + .no-results {
  padding-top: 0;
}

.no-results__prompt {
  margin: 0 0 var(--space-heading-after);
  color: #5F5F5F;
}

.error-404__body p {
  margin: 0 0 var(--space-section-gap);
}

.error-404__search {
  margin: var(--space-section-gap) 0 0;
}

.error-404__search-field {
  position: relative;
}
.error-404__search-field .essay-archive__filter-input {
  min-height: 2.75rem;
  padding-right: 5rem;
}

.error-404__submit {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 2.75rem;
  min-height: 2.75rem;
  margin: 0;
  padding: 0 0 var(--space-meta-gap) var(--space-control-padding);
  border: 0;
  background: none;
  color: hsl(36, 50%, 40%);
  cursor: pointer;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  transition: color 0.25s ease;
}
.error-404__submit:hover, .error-404__submit:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-index__title {
  margin: 0 0 var(--space-page-header-gap);
  color: var(--essay-headline-color);
  font-family: "velino-poster", sans-serif;
  font-size: calc(var(--font-size-h2) * 1.618);
  font-weight: 400;
  line-height: var(--leading-display);
}

.essay-index__bio {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  margin: 0 0 var(--space-section-gap);
  color: var(--essay-body-color);
  font-weight: 400;
  line-height: var(--essay-body-leading);
}
.essay-index__bio p {
  margin: 0 0 var(--space-prose-gap);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.essay-index__bio p:last-child {
  margin-bottom: 0;
}

.essay-index .essay-list {
  padding-top: var(--space-heading-after);
}

.essay-list {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  padding: var(--space-section-padding-block) var(--space-section-padding-inline);
  container-type: inline-size;
}

.essay-list__heading {
  margin: 0 0 var(--space-control-padding);
  font-size: var(--font-size-h2);
  font-weight: 400;
}

.essay-list__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.essay-list__item {
  margin: 0 0 var(--space-section-stack-gap);
  display: flex;
  flex-direction: column;
  position: relative;
}

.essay-list__item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--reveal-marker-offset));
  width: 2px;
  background: hsl(36, 50%, 48%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
}

.essay-list__item.is-reveal-active::before {
  opacity: 1;
}

.essay-list__item:last-child {
  margin-bottom: 0;
}

.essay-list__item:not(.essay-list__item--feature) > .essay-list__entry {
  order: 1;
}

.essay-list__item:not(.essay-list__item--feature) > .essay-list__author {
  order: 2;
  margin-top: 0;
  color: #5F5F5F;
  font-size: var(--font-size-toc-author);
  font-weight: 400;
  line-height: var(--leading-meta);
}

.essay-list__items:not(.essay-list__items--no-number) .essay-list__item:not(.essay-list__item--feature) > .essay-list__author {
  margin-left: calc(var(--space-notes-hang) + var(--space-control-gap));
}

.essay-list__title {
  display: inline;
  color: var(--essay-headline-color);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-h2);
  font-weight: 400;
  line-height: var(--leading-display);
  max-width: 100%;
  transition: color var(--hover-reveal-duration) var(--hover-reveal-easing);
}
.essay-list__title:link, .essay-list__title:visited {
  color: var(--essay-headline-color);
}
.essay-list__title:hover, .essay-list__title:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-list__title:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}

.essay-list__item.is-reveal-active .essay-list__title {
  color: hsl(36, 50%, 48%);
}

@media (prefers-reduced-motion: reduce) {
  .essay-list__item::before,
  .essay-list__title,
  .hover-reveal__still,
  .hover-reveal__caption {
    transition: none;
  }
}
.essay-list__kicker {
  margin: 0 0 var(--space-control-padding);
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.essay-list__author {
  display: block;
  margin-top: var(--space-meta-gap);
  color: #5F5F5F;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  line-height: var(--leading-meta);
}
.essay-list__author a {
  color: inherit;
}
.essay-list__author a:hover, .essay-list__author a:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-list__meta {
  display: block;
  margin-top: var(--space-meta-gap);
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  line-height: var(--leading-meta);
}

.film-meta__director {
  font-weight: 700;
}

.film-meta {
  display: block;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--film-meta-size, var(--font-size-meta-caps));
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.film-meta .film-meta__director {
  color: hsl(36, 50%, 40%);
  font-weight: 700;
}
.film-meta a {
  color: inherit;
}
.film-meta a:hover, .film-meta a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.film-meta {
  line-height: var(--leading-meta-stacked);
}

.film-meta--dark {
  color: inherit;
}
.film-meta--dark .film-meta__director {
  color: inherit;
}
.film-meta--dark a:hover,
.film-meta--dark a:focus-visible {
  color: hsl(36, 50%, 62%);
}

.film-meta--display {
  --film-meta-size: 1em;
}

.film-meta--display .film-meta__director,
.hover-reveal__caption .hover-reveal__director {
  color: hsl(36, 50%, 48%);
}

.film-meta--display .film-meta__director a:hover,
.film-meta--display .film-meta__director a:focus-visible {
  color: inherit;
}
.film-meta--display .film-meta__director a:hover .film-meta__name,
.film-meta--display .film-meta__director a:focus-visible .film-meta__name {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.film-meta__name {
  display: inline-block;
  max-width: 100%;
}

.film-meta__line {
  display: block;
}

.film-meta__label {
  margin: 0 0 var(--space-control-padding);
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  margin: 0;
}

.essay-list__dek {
  display: block;
  overflow: visible;
  margin: var(--space-meta-gap) 0 0;
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: var(--essay-body-leading);
}

.essay-list__item--feature {
  margin-bottom: 0;
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
}

.home-issue .essay-list__item--feature {
  border-top: 0;
  padding-top: 0;
}

.essay-list__item--feature > .essay-list__title {
  font-size: var(--font-size-toc-feature);
}

.essay-list__items--nested {
  margin-top: var(--space-heading-after);
  padding: 0;
  list-style: none;
}

.essay-list__items--columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--space-section-stack-gap);
  counter-reset: toc;
}

.essay-list__items--columns > .essay-list__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--space-meta-gap);
  margin: 0;
  counter-increment: toc;
  align-items: baseline;
}

.essay-list__entry {
  display: grid;
  grid-template-columns: var(--space-notes-hang) minmax(0, 1fr);
  column-gap: var(--space-control-gap);
  align-items: baseline;
}

.essay-list__entry::before {
  content: counter(toc, decimal-leading-zero);
  grid-column: 1;
  grid-row: 1;
  align-self: baseline;
  color: #5F5F5F;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  line-height: var(--leading-display);
}

.essay-list__entry > .essay-list__title {
  align-self: baseline;
}

.essay-list__entry > .essay-list__title,
.essay-list__entry > .essay-list__meta {
  grid-column: 2;
}

.essay-list__items--columns .essay-list__title {
  font-size: var(--font-size-toc-entry);
}

.essay-list__items--no-number > .essay-list__item > .essay-list__entry {
  grid-template-columns: minmax(0, 1fr);
}

.essay-list__items--no-number > .essay-list__item > .essay-list__entry::before {
  content: none;
}

.essay-list__items--no-number > .essay-list__item > .essay-list__entry > .essay-list__title,
.essay-list__items--no-number > .essay-list__item > .essay-list__entry > .essay-list__meta {
  grid-column: 1;
}

@media only screen and (max-width: 1499px) {
  .author-archive:not(.has-portrait) .essay-index__header,
  .author-archive:not(.has-portrait) .essay-list,
  .author-archive:not(.has-portrait) .custom-pagination,
  .taxonomy-archive:not(.has-portrait) .essay-index__header,
  .taxonomy-archive:not(.has-portrait) .essay-list,
  .taxonomy-archive:not(.has-portrait) .custom-pagination,
  .tag-archive .essay-index__header,
  .tag-archive .essay-list,
  .tag-archive .custom-pagination {
    max-width: 68rem;
  }
}
.masthead-page .essay-index__header {
  padding-bottom: 0;
}

.masthead-body {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  padding: 0 var(--space-section-padding-inline) var(--space-section-padding-block);
}

.masthead-section + .masthead-section,
.masthead-section + .masthead-aside {
  box-shadow: 0 -1px 0 0 hsla(36, 50%, 40%, 0.45);
  padding-top: calc(var(--space-byline-group-gap) / 2);
}

.masthead-section:has(+ .masthead-section),
.masthead-section:has(+ .masthead-aside) {
  padding-bottom: calc(var(--space-byline-group-gap) / 2);
}

.error-404 {
  --error-404-main-offset: 4vh;
}

.error-404 .home-window {
  position: relative;
  top: auto;
  width: auto;
  height: auto;
  aspect-ratio: var(--ratio-thumb-wide);
  margin-top: calc(-1 * var(--error-404-main-offset));
}

.error-404 .home-video {
  position: absolute;
}

@media only screen and (min-width: 1500px) {
  body.error404 main {
    display: flex;
    flex-direction: column;
  }
  .error-404 {
    flex: 1 0 auto;
  }
  .error-404 .home-window {
    position: absolute;
    top: calc(-1 * var(--error-404-main-offset));
    bottom: 0;
    left: 0;
    width: var(--size-hero-rail-end);
    height: auto;
    aspect-ratio: auto;
    margin: 0;
  }
}
@media only screen and (min-width: 1500px) {
  .author-archive .essay-index__header,
  .author-archive .essay-list,
  .author-archive .custom-pagination,
  .taxonomy-archive .essay-index__header,
  .taxonomy-archive .essay-list,
  .taxonomy-archive .custom-pagination,
  .tag-archive .essay-index__header,
  .tag-archive .essay-list,
  .tag-archive .custom-pagination,
  .masthead-page .essay-index__header,
  .masthead-page .masthead-body,
  .error-404 .essay-index__header,
  .static-page .essay-index__header,
  .essay-index__body,
  .category-archive .essay-index__header,
  .category-archive .essay-list,
  .category-archive .custom-pagination,
  .search-results .essay-index__header,
  .search-results__list,
  .search-results .custom-pagination,
  .author-archive .no-results,
  .taxonomy-archive .no-results,
  .tag-archive .no-results,
  .search-results .no-results,
  .category-archive .no-results {
    box-sizing: border-box;
    max-width: var(--size-body-measure);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: var(--space-hero-rail-reserve);
    margin-right: auto;
    padding-inline: 0;
    font-family: "leitura-news", sans-serif;
    font-size: var(--font-size-body);
  }
}
.essay-list--ruled {
  position: relative;
  padding-top: var(--space-section-gap);
}
.essay-list--ruled::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-section-padding-inline);
  right: var(--space-section-padding-inline);
  height: 1px;
  background: hsla(36, 50%, 40%, 0.45);
}

@media only screen and (min-width: 1500px) {
  .essay-list--ruled::before {
    left: 0;
    right: 0;
  }
}
.hover-reveal__panel {
  display: none;
  background: hsl(345, 6%, 13%);
  isolation: isolate;
}
.hover-reveal__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.hover-reveal__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}

.hover-reveal__still {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  background-color: hsl(345, 6%, 13%);
  --hero-focus-x: 50%;
  --hero-focus-y: 50%;
  object-fit: cover;
  object-position: var(--hero-focus-x) var(--hero-focus-y);
  opacity: 0;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
  pointer-events: none;
}

.hover-reveal__still.is-active {
  opacity: 1;
}

.hover-reveal__caption {
  display: none;
  position: absolute;
  z-index: 3;
  left: var(--space-hero-card-padding-inline);
  right: var(--space-hero-card-padding-inline);
  bottom: var(--space-hero-card-padding-block);
  margin: 0;
  color: rgb(255, 255, 255);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  text-shadow: 0 1px 2px hsla(345, 6%, 13%, 0.6), 0 4px 20px hsla(345, 6%, 13%, 0.55);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
}

.hover-reveal__caption.is-active {
  opacity: 1;
}

.hover-reveal__caption.is-active:empty {
  opacity: 0;
}

@media only screen and (min-width: 1100px) {
  .essay-archive__preview .hover-reveal__caption {
    display: block;
  }
}
@media only screen and (min-width: 1500px) {
  .taxonomy-archive .hover-reveal__caption,
  .tag-archive .hover-reveal__caption {
    display: block;
  }
}
.hover-reveal__frame {
  position: absolute;
  inset: 0;
  display: block;
  margin: 0;
}

@media only screen and (max-width: 1499px) {
  .taxonomy-archive.has-portrait .hover-reveal__panel,
  .author-archive.has-portrait .hover-reveal__panel {
    display: block;
    position: relative;
    width: 100%;
    height: 61.8vh;
    height: 61.8svh;
    overflow: hidden;
  }
  .taxonomy-archive.has-portrait .hover-reveal__still {
    --hero-focus-x: 50%;
    --hero-focus-y: 20%;
  }
}
@media only screen and (max-width: 1499px) and (min-aspect-ratio: 3/5) {
  .taxonomy-archive.has-portrait .hover-reveal__panel,
  .author-archive.has-portrait .hover-reveal__panel {
    width: calc(61.8vh * 2 / 3);
    width: calc(61.8svh * 2 / 3);
    max-width: 100%;
    margin-inline: auto;
  }
}
.author-rail__caption {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 2em var(--space-hero-card-padding-inline) var(--space-hero-card-padding-block);
  background-image: linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0) 100%);
  color: rgb(255, 255, 255);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-shadow: 0 1px 2px hsla(345, 6%, 13%, 0.6), 0 4px 20px hsla(345, 6%, 13%, 0.55);
  text-transform: uppercase;
  pointer-events: none;
}

@media only screen and (min-width: 1500px) {
  .taxonomy-archive .hover-reveal__panel,
  .tag-archive .hover-reveal__panel,
  .author-archive.has-portrait .hover-reveal__panel {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: var(--size-hero-rail-end);
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1100px) {
  .masthead-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--space-section-gap);
    align-items: start;
  }
  .masthead-section + .masthead-aside {
    box-shadow: none;
    padding-top: 0;
  }
  .masthead-section:has(+ .masthead-aside) {
    padding-bottom: 0;
  }
}
.masthead-section > .essay-list__kicker {
  margin-bottom: var(--space-heading-after);
}

.masthead-section .essay-byline {
  max-width: none;
}

.masthead-section .tmdb-attribution {
  margin: 0;
}

.masthead-stats > .essay-list__kicker + .essay-list__kicker {
  margin-top: var(--space-control-gap);
  margin-bottom: 0;
}

.taxonomy-archive .essay-list__item {
  padding-top: var(--space-control-gap);
  border-top: 1px solid hsla(345, 6%, 13%, 0.1);
}

.taxonomy-archive .essay-list__item:first-child {
  padding-top: 0;
  border-top: 0;
}

@container (min-width: 550px) {
  .essay-list__items--columns:not(.essay-list__items--no-author) {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: var(--space-toc-column-gap);
  }
  .essay-list__items--columns:not(.essay-list__items--no-author) > .essay-list__item {
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    row-gap: 0;
    align-items: baseline;
  }
  .essay-list__items--columns:not(.essay-list__items--no-author) > .essay-list__item > .essay-list__entry,
  .essay-list__items--columns:not(.essay-list__items--no-author) > .essay-list__item > .essay-list__author {
    order: 0;
  }
  .essay-list .essay-list__items--columns:not(.essay-list__items--no-author) > .essay-list__item > .essay-list__author {
    color: var(--essay-body-color);
    font-size: var(--font-size-toc-author);
    line-height: var(--leading-display);
    margin-left: 0;
    text-align: right;
  }
}
.essay-notes__index {
  font-weight: 700;
  margin-right: 0.25em;
}

.essay-notes__back {
  margin-left: 0.35em;
  white-space: nowrap;
  text-decoration: none;
  color: hsl(36, 50%, 40%);
}
.essay-notes__back:hover, .essay-notes__back:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-notes__back-icon {
  display: inline-block;
  vertical-align: -0.05em;
  fill: currentColor;
}

.section-kicker,
.essay-content .section-kicker {
  margin: 0 0 var(--space-control-padding);
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  margin: 0 0 var(--space-heading-after);
  padding-top: var(--space-heading-after);
  line-height: var(--leading-meta);
  text-indent: 0;
}

.essay-themes,
.film-reviews {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  padding: var(--space-section-padding-block) var(--space-section-padding-inline);
  border-radius: 0;
}

.essay-themes__inner,
.film-reviews__inner {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
}

.film-reviews__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  line-height: var(--leading-meta);
  color: #5F5F5F;
}

.film-reviews__item + .film-reviews__item {
  margin-top: var(--space-meta-gap);
}

.film-reviews__link {
  color: inherit;
  text-decoration: none;
}
.film-reviews__link:hover, .film-reviews__link:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-themes__list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--space-meta-gap) * 0.618034) var(--space-meta-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
}
.essay-themes__list li {
  display: flex;
  margin: 0;
  padding: 0;
}

.essay-theme {
  display: inline-block;
  padding: var(--space-local-n3) var(--space-local-n1);
  font-size: var(--font-size-meta-caps);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  border: 1px solid hsla(36, 50%, 40%, 0.45);
  border-radius: 2px;
  background: none;
  line-height: var(--leading-meta);
  text-box: trim-both cap alphabetic;
  overflow-wrap: anywhere;
}
.essay-theme:hover, .essay-theme:focus-visible {
  color: hsl(36, 50%, 48%);
  border-color: hsl(36, 50%, 48%);
}

.essay-theme--major {
  color: hsl(36, 50%, 40%);
  font-weight: 700;
}

.essay-theme--minor {
  color: hsl(36, 25%, 38%);
  font-weight: 400;
}

.essay-themes + .film-reviews,
.essay-themes + .further-viewing,
.essay-themes + .essay-turn,
.film-reviews + .further-viewing,
.film-reviews + .essay-turn,
.further-viewing + .essay-turn {
  padding-top: 0;
}

.further-viewing {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  padding: var(--space-section-padding-block) var(--space-section-padding-inline);
  border-radius: 0;
}
.further-viewing, .further-viewing * {
  border-radius: 0;
}

.further-viewing__inner {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  container-type: inline-size;
  container-name: further-viewing;
}

.further-viewing__list {
  list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--space-closing-group-gap);
}

.further-viewing__item {
  min-width: 0;
}

.further-viewing__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.further-viewing__link:hover .further-viewing__title, .further-viewing__link:focus-visible .further-viewing__title {
  color: hsl(36, 50%, 48%);
}
.further-viewing__link:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}

.further-viewing__still {
  display: block;
  position: relative;
  aspect-ratio: var(--ratio-thumb);
  background: hsl(345, 6%, 13%);
}

.further-viewing__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--ratio-thumb);
  object-fit: cover;
  object-position: var(--hero-focus-x, 50%) var(--hero-focus-y, 50%);
}

.further-viewing__caption {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-meta-gap);
  padding: var(--space-heading-after) 0 0;
  container-type: inline-size;
  --further-viewing-title-char-width: 0.57;
  --further-viewing-title-longest: 11;
  --further-viewing-title-min: 1.118034rem;
  --further-viewing-title-size: min(var(--font-size-toc-entry), max(var(--further-viewing-title-min), calc(100cqi / (var(--further-viewing-title-longest) * var(--further-viewing-title-char-width)))));
}

.further-viewing__caption > .essay-list__meta {
  margin-top: auto;
  padding-top: var(--space-meta-gap);
}

.essay-list__meta--date {
  letter-spacing: normal;
  text-transform: none;
}

.further-viewing__title {
  min-width: 0;
  hyphens: auto;
  overflow-wrap: break-word;
  font-family: "velino-poster", sans-serif;
  font-size: var(--further-viewing-title-size);
  font-weight: 400;
  line-height: var(--leading-display);
  color: var(--essay-headline-color);
  transition: color var(--hover-reveal-duration) var(--hover-reveal-easing);
}

.further-viewing__meta {
  min-width: 0;
  overflow-wrap: break-word;
  line-height: var(--leading-meta);
}

.film-frame__kicker {
  margin: 0;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.author-archive .essay-list,
.essay-list--cards {
  container-name: author-cards;
}

.film-card__picture {
  display: contents;
}

@media only screen and (max-width: 1499px) {
  .taxonomy-archive [data-hover-reveal-rows],
  .tag-archive [data-hover-reveal-rows] {
    display: none;
  }
}
@media only screen and (min-width: 1500px) {
  .essay-list--cards {
    display: none;
  }
}
.author-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-toc-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.author-cards__item {
  min-width: 0;
}

@container author-cards (min-width: 32rem) {
  .author-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container further-viewing (min-width: 32rem) {
  .further-viewing__list {
    --fv-line: calc(100cqi * 2 / (38 * var(--fv-frames, 3) - 2));
    grid-template-columns: repeat(var(--fv-frames, 3), minmax(0, 1fr));
    column-gap: var(--fv-line);
    row-gap: 0;
  }
  .further-viewing__item + .further-viewing__item .further-viewing__still::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: var(--fv-line);
    height: 100%;
    background: hsl(345, 6%, 13%);
  }
}
.essay-turn {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  padding: var(--space-section-padding-block) var(--space-section-padding-inline) var(--space-macro-1);
}

.essay-turn__links {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  display: grid;
  gap: var(--space-heading-after);
}

.essay-turn__link {
  display: block;
  text-decoration: none;
  color: var(--essay-body-color);
}
.essay-turn__link:hover .essay-turn__title, .essay-turn__link:focus-visible .essay-turn__title {
  color: hsl(36, 50%, 48%);
}

.essay-turn__dir {
  display: block;
  margin: 0 0 var(--space-meta-gap);
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.essay-turn__title {
  display: inline;
  color: var(--essay-headline-color);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-h2);
  font-weight: 400;
  line-height: var(--leading-display);
  max-width: 100%;
  transition: color 0.25s ease;
}

.thumb-bar {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 19;
  box-sizing: border-box;
  height: var(--size-thumb-bar-total);
  padding: 0 var(--space-page-padding-inline) env(safe-area-inset-bottom, 0px);
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0s linear 0.3s;
}
.thumb-bar.is-visible, .thumb-bar:focus-within {
  transform: none;
  visibility: visible;
  transition: transform 0.3s ease, visibility 0s linear 0s;
}
@media (prefers-reduced-motion: reduce) {
  .thumb-bar, .thumb-bar.is-visible, .thumb-bar:focus-within {
    transition: none;
  }
}
@media only screen and (min-width: 1024px) {
  .thumb-bar {
    display: none;
  }
}
@media print {
  .thumb-bar {
    display: none;
  }
}

.thumb-bar__link {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  display: flex;
  align-items: center;
  gap: var(--space-control-gap);
  height: 100%;
  color: var(--essay-body-color);
  text-decoration: none;
}
.thumb-bar__link:hover .thumb-bar__title, .thumb-bar__link:focus-visible .thumb-bar__title {
  color: hsl(36, 50%, 48%);
}
.thumb-bar__link:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: -2px;
}

.thumb-bar__dir {
  flex: 0 0 auto;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  white-space: nowrap;
}

.thumb-bar__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--essay-headline-color);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  line-height: var(--leading-display);
  white-space: nowrap;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2em), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 2em), transparent);
  transition: color 0.25s ease;
}

.essay-microtoc {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  padding: var(--space-heading-after) var(--space-section-padding-inline) var(--space-section-padding-block);
}

.essay-microtoc__inner {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  container-type: inline-size;
}

.essay-microtoc__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: var(--space-local-n3) var(--space-local-n2);
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui-sm);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.2s ease;
}
.essay-microtoc__toggle:hover, .essay-microtoc__toggle:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-microtoc__chevron {
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}

.essay-microtoc__toggle[aria-expanded=true] .essay-microtoc__chevron {
  transform: rotate(180deg);
}

.essay-microtoc__panel {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows 0.42s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.42s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0.42s;
}

.essay-microtoc__panel.is-expanded {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  transition: grid-template-rows 0.42s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.42s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce) {
  .essay-microtoc__panel,
  .essay-microtoc__panel.is-expanded {
    transition: none;
  }
}
.essay-microtoc__panel-inner {
  overflow: hidden;
  min-height: 0;
  padding-top: var(--space-heading-after);
}

.essay-microtoc__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(var(--microtoc-rows, 1), auto);
  column-gap: var(--space-control-gap);
  row-gap: var(--space-meta-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

@container (min-width: 600px) {
  .essay-microtoc__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.essay-microtoc__link,
.essay-microtoc__item.is-current {
  display: flex;
  gap: 0.4em;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  line-height: var(--leading-meta);
}

.essay-microtoc__link {
  text-decoration: none;
  color: var(--essay-body-color);
}
.essay-microtoc__link:hover, .essay-microtoc__link:focus-visible {
  color: hsl(36, 50%, 48%);
}

.essay-microtoc__item.is-current {
  color: hsl(36, 50%, 40%);
  font-weight: 700;
}

.essay-microtoc__num {
  flex: 0 0 auto;
  color: #5F5F5F;
}

.essay-microtoc__item.is-current .essay-microtoc__num {
  color: inherit;
}

.essay-comments {
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  --comments-reveal-duration: 0.45s;
  --comments-rule-duration: var(--comments-reveal-duration);
  --comments-item-duration: 0.3s;
  --comments-stagger: calc(0.3s / 6);
  --comments-rise: var(--space-meta-gap);
  --comments-close-duration: calc(var(--comments-reveal-duration) * 0.6);
  --comments-ease: ease;
  padding: 0 var(--space-section-padding-inline) var(--space-section-padding-block);
}
.essay-comments .comments-area {
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  color: var(--essay-body-color);
}
.essay-comments .essay-comments__bar {
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
}
.essay-comments .essay-comments__status {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  margin-top: var(--space-heading-after);
  margin-bottom: 0;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: #5A5A5A;
}
.essay-comments .essay-comments__region {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * 0px);
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  position: relative;
}
.essay-comments .essay-comments__region[hidden] {
  display: none;
}
.essay-comments .essay-comments__region::before {
  content: "";
  display: block;
  height: 1px;
  background: hsla(36, 50%, 40%, 0.45);
  transform-origin: left center;
}
.essay-comments .essay-comments__region .comments-area {
  border-top: 0;
  padding-top: var(--space-heading-after);
}
.essay-comments .essay-comments__region.is-animating {
  overflow: hidden;
  will-change: height;
  transition: height var(--comments-reveal-duration) var(--comments-ease);
}
.essay-comments .essay-comments__region.is-animating::before {
  will-change: transform;
  transition: transform var(--comments-rule-duration) var(--comments-ease);
}
.essay-comments .essay-comments__region.is-animating .essay-comments__item {
  will-change: opacity, transform;
  transition: opacity var(--comments-item-duration) var(--comments-ease) calc(var(--comments-i, 0) * var(--comments-stagger)), transform var(--comments-item-duration) var(--comments-ease) calc(var(--comments-i, 0) * var(--comments-stagger));
}
.essay-comments .essay-comments__region.is-pending::before {
  transform: scaleX(0);
}
.essay-comments .essay-comments__region.is-pending .essay-comments__item {
  opacity: 0;
  transform: translateY(var(--comments-rise));
}
.essay-comments .essay-comments__region.is-closing {
  transition-duration: var(--comments-close-duration);
}
.essay-comments .essay-comments__region.is-closing::before {
  transform: scaleX(0);
  transition-duration: var(--comments-close-duration);
}
.essay-comments .essay-comments__region.is-closing .essay-comments__item {
  opacity: 0;
  transition: opacity var(--comments-close-duration) var(--comments-ease);
}
@media (prefers-reduced-motion: reduce) {
  .essay-comments .essay-comments__region.is-animating,
  .essay-comments .essay-comments__region.is-animating::before,
  .essay-comments .essay-comments__region.is-animating .essay-comments__item {
    transition: none;
  }
}
.essay-comments .essay-comments__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: var(--space-control-padding) var(--space-local-n1);
  border: 1px solid hsla(36, 50%, 40%, 0.45);
  border-radius: 0;
  background: transparent;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.essay-comments .essay-comments__toggle:hover, .essay-comments .essay-comments__toggle:focus-visible {
  color: hsl(36, 50%, 48%);
  border-color: hsl(36, 50%, 48%);
}
.essay-comments .essay-comments__toggle:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}
.essay-comments .essay-comments__toggle {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  min-height: 2.75rem;
  text-decoration: none;
}
@supports (text-box: trim-both cap alphabetic) {
  .essay-comments .essay-comments__label {
    text-box: trim-both cap alphabetic;
  }
}
.essay-comments.essay-comments--lazy,
.essay-comments .essay-comments__bar,
.essay-comments .comments-area,
.essay-comments .comment,
.essay-comments .comment-respond {
  scroll-margin-top: calc(var(--size-masthead-height) + var(--space-heading-after));
  scroll-margin-bottom: var(--size-thumb-bar-total);
}
.essay-comments .essay-comments__chevron {
  flex: 0 0 auto;
  transition: transform var(--comments-close-duration) var(--comments-ease);
}
.essay-comments .essay-comments__toggle[aria-expanded=true] .essay-comments__chevron {
  transform: rotate(180deg);
  transition-duration: var(--comments-reveal-duration);
}
@media (prefers-reduced-motion: reduce) {
  .essay-comments .essay-comments__chevron {
    transition: none;
  }
}
.essay-comments .comments-title,
.essay-comments .comment-reply-title {
  margin: 0 0 var(--space-heading-after);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-h2);
  font-weight: 400;
  color: var(--essay-headline-color);
}
.essay-comments .comment-reply-title {
  margin-bottom: var(--space-prose-gap);
}
.essay-comments .comment-reply-title small a {
  font-size: var(--font-size-meta);
  font-style: italic;
  color: hsl(36, 50%, 40%);
}
.essay-comments .comment-list,
.essay-comments .comment-list .children {
  margin: 0;
  padding: 0;
  list-style: none;
}
.essay-comments .comment-list .children {
  margin-left: var(--space-heading-after);
}
.essay-comments .comment-list > li + li,
.essay-comments .comment-list .children > li {
  border-top: 1px solid hsla(345, 6%, 13%, 0.1);
}
.essay-comments .comment-body {
  padding: var(--space-prose-gap) 0;
}
.essay-comments .comment-meta {
  margin-bottom: var(--space-meta-gap);
}
.essay-comments .comment-author {
  display: flex;
  align-items: baseline;
  gap: var(--space-control-gap);
}
.essay-comments .comment-author img {
  display: none;
}
.essay-comments .comment-author .cinelogue-avatar {
  display: block;
  flex: none;
  align-self: center;
  width: 2.125rem;
  height: 2.125rem;
}
.essay-comments .comment-author .fn {
  font-style: normal;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}
.essay-comments .comment-author .fn a {
  color: inherit;
}
.essay-comments .comment-author .fn a:hover, .essay-comments .comment-author .fn a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-comments .comment-author .says {
  display: none;
}
.essay-comments .comment-metadata {
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  font-style: normal;
  color: #5F5F5F;
}
.essay-comments .comment-metadata a {
  color: inherit;
}
.essay-comments .comment-metadata a:hover, .essay-comments .comment-metadata a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-comments .comment-content p {
  margin: var(--space-meta-gap) 0 0;
  font-size: var(--font-size-meta);
  line-height: var(--essay-body-leading);
}
.essay-comments .reply {
  margin-top: var(--space-control-gap);
}
.essay-comments .reply a {
  font-style: italic;
  font-size: var(--font-size-meta);
  color: hsl(36, 50%, 40%);
}
.essay-comments .reply a:hover, .essay-comments .reply a:focus-visible {
  color: hsl(36, 50%, 48%);
}
.essay-comments .no-comments {
  font-style: italic;
  color: #5A5A5A;
}
.essay-comments .comment-respond {
  margin-top: var(--space-heading-after);
}
.essay-comments .comment-notes,
.essay-comments .logged-in-as {
  font-size: var(--font-size-meta);
  font-style: italic;
  color: #5A5A5A;
}
.essay-comments .must-log-in {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-control-gap);
  margin: 0;
}
.essay-comments .must-log-in a {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: var(--space-control-padding) var(--space-local-n1);
  border: 1px solid hsla(36, 50%, 40%, 0.45);
  border-radius: 0;
  background: transparent;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.essay-comments .must-log-in a:hover, .essay-comments .must-log-in a:focus-visible {
  color: hsl(36, 50%, 48%);
  border-color: hsl(36, 50%, 48%);
}
.essay-comments .must-log-in a:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}
.essay-comments .must-log-in a {
  text-decoration: none;
}
.essay-comments .comment-form label {
  display: block;
  margin-bottom: var(--space-meta-gap);
  font-style: italic;
  font-weight: 400;
  font-size: var(--font-size-meta);
  color: #5A5A5A;
}
.essay-comments .comment-form p {
  margin: 0 0 var(--space-prose-gap);
}
.essay-comments .comment-form input[type=text],
.essay-comments .comment-form input[type=email],
.essay-comments .comment-form input[type=url],
.essay-comments .comment-form textarea {
  width: 100%;
  padding: var(--space-input-padding-block) var(--space-input-padding-inline);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgb(255, 255, 255);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  color: var(--essay-body-color);
}
.essay-comments .comment-form input[type=text]:focus,
.essay-comments .comment-form input[type=email]:focus,
.essay-comments .comment-form input[type=url]:focus,
.essay-comments .comment-form textarea:focus {
  outline: none;
  border-color: hsl(36, 50%, 40%);
}
.essay-comments .form-submit input[type=submit] {
  padding: var(--space-button-padding-block) var(--space-button-padding-inline);
  border: 1px solid rgba(0, 0, 0, 0.8);
  background: transparent;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.essay-comments .form-submit input[type=submit]:hover {
  background: rgba(0, 0, 0, 0.8);
  color: rgb(255, 255, 255);
}

@supports (animation-timeline: view()) {
  @media (max-width: 1499px) {
    .essay-single .essay-hero {
      view-timeline-name: --essay-hero;
    }
    .essay-single .essay-hero__still {
      height: 118%;
      animation: essay-hero-mobile-still linear both;
      animation-timeline: --essay-hero;
      animation-range: exit 0% exit 80%;
    }
  }
}
@keyframes essay-hero-mobile-still {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-8%);
  }
}
@media only screen and (min-width: 1024px) {
  .essay-single .essay-byline--mobile {
    display: none;
  }
  .essay-single .essay-byline--rail {
    display: block;
    align-self: start;
    padding-top: var(--space-column-start);
  }
  .essay-single .essay-content {
    border-top: 0;
    background-image: none;
    padding-top: var(--space-column-start);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1499px) {
  .essay-single .essay-main {
    position: relative;
    z-index: 1;
    overflow: visible;
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: center;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
  }
  .essay-single .essay-content {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-row: 1;
    grid-column: 1;
  }
  .essay-single .essay-byline--rail {
    grid-row: 1;
    grid-column: 2;
    min-width: 0;
  }
  .essay-single .film-credits,
  .essay-single .essay-themes,
  .essay-single .film-reviews,
  .essay-single .further-viewing,
  .essay-single .essay-turn,
  .essay-single .essay-microtoc,
  .essay-single .essay-comments {
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: center;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
  }
  .essay-single .essay-list {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: center;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
    font-family: inherit;
    font-size: inherit;
  }
  .essay-single .essay-list__items {
    font-family: "leitura-news", sans-serif;
    font-size: var(--font-size-body);
  }
  .essay-single .film-credits__list,
  .essay-single .essay-themes__inner,
  .essay-single .film-reviews__inner,
  .essay-single .further-viewing__inner,
  .essay-single .essay-turn__links,
  .essay-single .essay-microtoc__inner,
  .essay-single .essay-comments .comments-area,
  .essay-single .essay-comments .essay-comments__bar,
  .essay-single .essay-comments .essay-comments__status,
  .essay-single .essay-comments .essay-comments__region {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-column: 1;
  }
  .essay-single .essay-list__heading,
  .essay-single .essay-list__items {
    grid-column: 1;
  }
}
@media only screen and (min-width: 1500px) {
  .essay-hero {
    position: sticky;
    top: 0;
    z-index: 4;
    height: 100vh;
    min-height: 100vh;
  }
  .essay-main {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding-bottom: var(--space-macro-1);
  }
  .essay-single .essay-main {
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: start;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
    padding-left: var(--space-hero-rail-reserve);
    padding-right: var(--space-page-gutter);
    margin-top: -100vh;
    padding-top: 100vh;
  }
  .home-issue .essay-main {
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: start;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
    padding-left: var(--space-hero-rail-reserve);
    padding-right: var(--space-page-gutter);
    margin-top: -100vh;
  }
  .essay-byline--rail {
    display: block;
    order: 1;
    align-self: start;
    padding-top: var(--space-column-start);
    grid-column: auto;
  }
  .essay-content {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-column: 1;
    border-top: 0;
    background-image: none;
    padding-top: var(--space-column-start);
  }
  .film-credits,
  .essay-themes,
  .film-reviews,
  .further-viewing,
  .essay-turn,
  .essay-microtoc,
  .essay-comments {
    position: relative;
    z-index: 1;
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: start;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
    padding-left: var(--space-hero-rail-reserve);
    padding-right: var(--space-page-gutter);
  }
  .essay-single .essay-list {
    position: relative;
    z-index: 1;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    column-gap: var(--space-column-gap);
    justify-content: start;
    grid-template-columns: minmax(0, var(--size-body-measure)) minmax(var(--size-byline-rail-min), var(--size-byline-rail));
    padding-left: var(--space-hero-rail-reserve);
    padding-right: var(--space-page-gutter);
  }
  .film-credits__list,
  .essay-themes__inner,
  .film-reviews__inner,
  .further-viewing__inner,
  .essay-turn__links,
  .essay-microtoc__inner,
  .essay-comments .comments-area,
  .essay-comments .essay-comments__bar,
  .essay-comments .essay-comments__status,
  .essay-comments .essay-comments__region {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-column: 1;
  }
  .essay-single .essay-list__heading,
  .essay-single .essay-list__items {
    grid-column: 1;
  }
  @supports (animation-timeline: scroll()) {
    .essay-single .essay-hero {
      animation: essay-hero-desktop-shrink ease-in-out both;
      animation-timeline: scroll(root);
      animation-range: 0vh 85vh;
    }
    .essay-single .essay-hero__card {
      animation: essay-hero-desktop-card ease-in-out both;
      animation-timeline: scroll(root);
      animation-range: 0vh 85vh;
    }
    .essay-single .essay-hero__still {
      animation: essay-hero-desktop-still linear both;
      animation-timeline: scroll(root);
      animation-range: 0vh 85vh;
    }
  }
  @supports not (animation-timeline: scroll()) {
    .essay-single .essay-hero {
      width: var(--size-hero-rail-end);
      margin-left: 0;
    }
    .essay-single .essay-hero__still {
      transform: scale(1.5);
    }
  }
  .home-issue .essay-hero {
    width: var(--size-hero-rail-end);
    margin-left: 0;
  }
  .home-issue .essay-hero__card {
    transform: scale(0.62);
  }
  .home-issue .essay-hero__still {
    transform: scale(1.5);
  }
}
.essay-single .essay-hero.is-flip-pending .essay-hero__card {
  opacity: 0;
}

.essay-single .essay-hero.is-flip-revealed .essay-hero__card {
  opacity: 1;
  transition: opacity 1.7s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .essay-single .essay-hero.is-flip-pending .essay-hero__card {
    opacity: 1;
  }
}
.home-issue .essay-hero.has-preview-layers .essay-hero__still {
  opacity: 0;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
}

.home-issue .essay-hero.has-preview-layers .essay-hero__still.is-active {
  opacity: 1;
}

@keyframes essay-hero-desktop-shrink {
  from {
    width: 100%;
    margin-left: 0;
  }
  to {
    width: var(--size-hero-rail-end);
    margin-left: 0;
  }
}
@keyframes essay-hero-desktop-card {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.62);
  }
}
@keyframes essay-hero-desktop-still {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@media (prefers-reduced-motion: reduce) {
  .essay-hero,
  .essay-hero__card,
  .essay-hero__still {
    animation: none !important;
  }
  .film-credits__row {
    animation: none !important;
    animation-delay: 0s !important;
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 1800px) {
  :root {
    --size-byline-rail-min: var(--space-macro-6);
  }
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
.vt-push-frame {
  position: fixed;
  z-index: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: hsl(345, 6%, 13%);
  pointer-events: none;
}

.vt-scrim,
.vt-grain {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.vt-scrim {
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}

.vt-push-frame__img {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  object-fit: fill;
  object-position: 0 0;
  transform: none;
  animation: none;
}

html {
  --rail-push-duration: calc(var(--hover-reveal-duration) * 2.5 * 11 / 9);
  --rail-push-easing: cubic-bezier(0.65, 0, 0.35, 1);
  --rail-push-shadow: none;
  --rail-push-caption-fade: 0.28s;
  --hero-card-fade-delay: calc(var(--rail-push-duration) * 0.65);
  --hero-card-fade-duration: 0.7s;
  --hero-card-fade-easing: ease-in-out;
  --hero-card-rise: 8px;
  --hero-card-stagger: 70ms;
}
html::view-transition-old(root) {
  animation: none;
}
html::view-transition-new(root) {
  animation: vt-fade-in calc(var(--hover-reveal-duration) * 1.4) ease both;
  animation-delay: calc(var(--hover-reveal-duration) * 1.1);
}
html::view-transition-group(hero-still) {
  animation-duration: calc(var(--hover-reveal-duration) * 2.5);
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  overflow: clip;
}
html::view-transition-image-pair(hero-still) {
  isolation: auto;
  position: absolute;
  inset: 0;
}
html::view-transition-old(hero-still), html::view-transition-new(hero-still) {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--vt-fx, 50%) var(--vt-fy, 50%);
  mix-blend-mode: normal;
}
@media (max-width: 1499px) {
  html::view-transition-image-pair(hero-still) {
    animation: vt-hero-still-clip calc(var(--hover-reveal-duration) * 2.5) cubic-bezier(0.65, 0, 0.35, 1) both;
  }
}
html::view-transition-group(hero-frame) {
  z-index: 2;
  animation: none;
}
html::view-transition-old(hero-frame) {
  display: none;
}
html::view-transition-new(hero-frame) {
  mix-blend-mode: normal;
  animation: vt-fade-in calc(var(--hover-reveal-duration) * 2) ease both;
  animation-delay: calc(var(--hover-reveal-duration) * 1.5);
}
html.is-vt-morph .essay-hero__still {
  view-transition-name: hero-still;
}
html.is-vt-morph .essay-hero {
  background-color: transparent;
  view-transition-name: hero-frame;
}
html.is-vt-morph .essay-hero::before {
  opacity: 0;
}
html.is-vt-morph::view-transition-group(vt-masthead) {
  animation: none;
  overflow: visible;
  z-index: 5;
}
html.is-vt-morph::view-transition-old(vt-masthead) {
  animation: vt-mast-wipe calc(var(--hover-reveal-duration) * 2.5) cubic-bezier(0.65, 0, 0.35, 1) both;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-0) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-0) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-0) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 0 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-1) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-1) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-1) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 1 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-2) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-2) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-2) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 2 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-3) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-3) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-3) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 3 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-4) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-4) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-4) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 4 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-5) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-5) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-5) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 5 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-6) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-6) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-6) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 6 * var(--hero-card-stagger));
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-group(hero-card-7) {
  animation: none;
  overflow: visible;
  z-index: 4;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-old(hero-card-7) {
  display: none;
}
html.is-vt-morph:not(.is-vt-rail)::view-transition-new(hero-card-7) {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + 7 * var(--hero-card-stagger));
}
html.is-vt-landed .essay-hero::before {
  animation: vt-fade-from-zero calc(var(--hover-reveal-duration) * 2) ease both;
}
html.is-vt-hold .essay-hero__card > * {
  opacity: 0;
}
html.is-vt-reveal.is-vt-rail .essay-hero__card > * {
  animation: vt-fade-from-zero calc(var(--hover-reveal-duration) * 2) ease both;
}
html.is-vt-reveal:not(.is-vt-rail) .essay-hero .essay-hero__card > * {
  animation: vt-card-enter var(--hero-card-fade-duration) var(--hero-card-fade-easing) both;
  animation-delay: calc(var(--hero-card-fade-delay) + var(--vt-card-i, 0) * var(--hero-card-stagger));
}
html.is-vt-stand .essay-hero__still {
  background-image: var(--vt-src);
  background-position: var(--vt-fx, 50%) var(--vt-fy, 50%);
  background-repeat: no-repeat;
  background-size: cover;
}
html.is-vt-rail::view-transition-group(hero-still) {
  animation: none;
  overflow: clip;
}
html.is-vt-rail::view-transition-image-pair(hero-still) {
  clip-path: inset(var(--vt-clip-t) var(--vt-clip-r) var(--vt-clip-b) var(--vt-clip-l));
  animation: vt-rail-clip calc(var(--hover-reveal-duration) * 2.5) cubic-bezier(0.65, 0, 0.35, 1) both;
}
html.is-vt-rail::view-transition-old(hero-still) {
  opacity: 0;
  animation: none;
}
html.is-vt-rail::view-transition-new(hero-still) {
  object-fit: fill;
  object-position: 0 0;
  transform-origin: 0 0;
  transform: translate(var(--vt-x), var(--vt-y)) scale(var(--vt-sc));
  animation: vt-rail-move calc(var(--hover-reveal-duration) * 2.5) cubic-bezier(0.65, 0, 0.35, 1) both;
}
html.is-vt-push.is-vt-morph .essay-hero__still {
  view-transition-name: none;
}
html.is-vt-push.is-vt-morph .essay-hero {
  background-color: hsl(345, 6%, 13%);
  view-transition-name: hero-photo;
}
html.is-vt-push.is-vt-morph .essay-hero::before,
html.is-vt-push.is-vt-morph .essay-hero::after {
  opacity: 0;
}
html.is-vt-push::view-transition-group(hero-still), html.is-vt-push::view-transition-group(hero-photo) {
  animation: none;
  transform: none;
  top: 0;
  left: 0;
  width: var(--vt-view-w, 100%);
  height: var(--vt-view-h, 100%);
  margin: 0;
  overflow: visible;
}
html.is-vt-push::view-transition-group(hero-photo) {
  z-index: 1;
}
html.is-vt-push::view-transition-group(hero-still) {
  z-index: 4;
}
html.is-vt-push::view-transition-image-pair(hero-still), html.is-vt-push::view-transition-image-pair(hero-photo) {
  overflow: visible;
  clip-path: inset(var(--vt-clip-t) var(--vt-clip-r) var(--vt-clip-b) var(--vt-clip-l));
  animation: vt-push-clip var(--rail-push-duration) var(--rail-push-easing) both;
}
html.is-vt-push.is-vt-zoom::view-transition-old(hero-still) {
  top: 0;
  left: 0;
}
html.is-vt-push::view-transition-old(hero-still) {
  inset: var(--vt-rail-y) auto auto var(--vt-rail-x);
  width: var(--vt-rail-w);
  height: var(--vt-rail-h);
  object-fit: fill;
  object-position: 0 0;
  mix-blend-mode: normal;
  transform-origin: 0 0;
  transform: translate(var(--vt-ox, 0px), var(--vt-oy, 0px)) scale(var(--vt-os, 1));
  animation: vt-push-fade var(--rail-push-duration) var(--rail-push-easing) both, vt-push-old var(--rail-push-duration) var(--rail-push-easing) both;
}
html.is-vt-push::view-transition-new(hero-photo) {
  opacity: 1;
  object-fit: fill;
  object-position: 0 0;
  transform-origin: 0 0;
  transform: translate(var(--vt-x), var(--vt-y)) scale(var(--vt-sc));
  animation: vt-push-move var(--rail-push-duration) var(--rail-push-easing) both;
}
html.is-vt-push.is-vt-zoom::view-transition-new(hero-photo) {
  inset: auto;
  left: 0;
  top: 0;
  width: var(--vt-img-w);
  height: var(--vt-img-h);
  max-width: none;
}
html.is-vt-push.is-vt-morph:has(.vt-push-frame) .essay-hero {
  view-transition-name: none;
}
html.is-vt-push .vt-push-frame {
  view-transition-name: hero-photo;
}
html.is-vt-push .vt-scrim {
  view-transition-name: rail-scrim;
}
html.is-vt-push .vt-grain {
  view-transition-name: rail-grain;
}
html.is-vt-push::view-transition-group(rail-scrim) {
  transform: none;
  top: 0;
  left: 0;
  width: var(--vt-view-w, 100%);
  height: var(--vt-view-h, 100%);
  margin: 0;
  overflow: hidden;
  z-index: 2;
  animation: vt-push-shade var(--rail-push-duration) var(--rail-push-easing) both;
}
html.is-vt-push::view-transition-new(rail-scrim) {
  width: 100%;
  height: 100%;
  object-fit: fill;
  opacity: 1;
  animation: none;
}
html.is-vt-push::view-transition-old(rail-scrim) {
  display: none;
}
html.is-vt-push::view-transition-group(rail-grain) {
  transform: none;
  top: 0;
  left: 0;
  width: var(--vt-view-w, 100%);
  height: var(--vt-view-h, 100%);
  margin: 0;
  overflow: hidden;
  z-index: 3;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  clip-path: inset(var(--vt-clip-t) var(--vt-clip-r) var(--vt-clip-b) var(--vt-clip-l));
  animation: vt-push-clip var(--rail-push-duration) var(--rail-push-easing) both;
}
html.is-vt-push::view-transition-image-pair(rail-grain), html.is-vt-push::view-transition-old(rail-grain), html.is-vt-push::view-transition-new(rail-grain) {
  display: none;
}
html.is-vt-push::view-transition-group(rail-paper) {
  animation: none;
  overflow: visible;
  z-index: 5;
}
html.is-vt-push::view-transition-image-pair(rail-paper) {
  overflow: visible;
  filter: var(--rail-push-shadow);
}
html.is-vt-push::view-transition-old(rail-paper) {
  animation: vt-push-paper var(--rail-push-duration) var(--rail-push-easing) both;
  clip-path: inset(0 0 0 var(--vt-paper-clip));
}
html.is-vt-push::view-transition-new(rail-paper) {
  display: none;
}
html.is-vt-push::view-transition-group(vt-masthead), html.is-vt-push::view-transition-group(vt-logo), html.is-vt-push::view-transition-group(vt-admin) {
  animation: none;
  overflow: visible;
  z-index: 7;
}
html.is-vt-push::view-transition-old(vt-logo), html.is-vt-push::view-transition-old(vt-admin) {
  animation: none;
}
html.is-vt-push::view-transition-old(vt-masthead) {
  animation: vt-mast-wipe var(--rail-push-duration) var(--rail-push-easing) both;
}
html.is-vt-push::view-transition-group(rail-caption) {
  animation: none;
  z-index: 6;
}
html.is-vt-push::view-transition-old(rail-caption) {
  animation: vt-caption-fade var(--rail-push-caption-fade) ease-out both;
}
html.is-vt-push::view-transition-new(rail-caption) {
  display: none;
}

@property --vt-clip-t {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-clip-r {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-clip-b {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-clip-l {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-x {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-sc {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --vt-ox {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-oy {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-os {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --vt-end-x {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --vt-end-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@keyframes vt-fade-from-zero {
  from {
    opacity: 0;
  }
}
@keyframes vt-hero-still-clip {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 0 15.2542372881% 0);
  }
}
@keyframes vt-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vt-rail-clip {
  from {
    --vt-clip-t: var(--vt-top, 0px);
    --vt-clip-r: var(--vt-right, 0px);
    --vt-clip-b: var(--vt-bottom, 0px);
    --vt-clip-l: var(--vt-left, 0px);
  }
  to {
    --vt-clip-t: 0px;
    --vt-clip-r: 0px;
    --vt-clip-b: 0px;
    --vt-clip-l: 0px;
  }
}
@keyframes vt-rail-move {
  from {
    --vt-x: var(--vt-tx, 0px);
    --vt-y: var(--vt-ty, 0px);
    --vt-sc: var(--vt-s, 1);
  }
  to {
    --vt-x: 0px;
    --vt-y: 0px;
    --vt-sc: 1;
  }
}
@keyframes vt-push-fade {
  from {
    opacity: 1;
  }
  22% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes vt-push-clip {
  from {
    --vt-clip-t: var(--vt-top, 0px);
    --vt-clip-r: var(--vt-paper-x, 0px);
    --vt-clip-b: var(--vt-bottom, 0px);
    --vt-clip-l: var(--vt-left, 0px);
  }
  to {
    --vt-clip-t: 0px;
    --vt-clip-r: 0px;
    --vt-clip-b: 0px;
    --vt-clip-l: 0px;
  }
}
@keyframes vt-push-move {
  from {
    --vt-x: var(--vt-tx, 0px);
    --vt-y: var(--vt-ty, 0px);
    --vt-sc: var(--vt-s, 1);
  }
  to {
    --vt-x: var(--vt-end-x, 0px);
    --vt-y: var(--vt-end-y, 0px);
    --vt-sc: 1;
  }
}
@keyframes vt-push-shade {
  from {
    left: var(--vt-left, 0px);
    top: var(--vt-top, 0px);
    width: var(--vt-rail-w, 100%);
    height: var(--vt-rail-h, 100%);
  }
  to {
    left: 0px;
    top: 0px;
    width: var(--vt-view-w, 100%);
    height: var(--vt-view-h, 100%);
  }
}
@keyframes vt-push-old {
  from {
    --vt-ox: 0px;
    --vt-oy: 0px;
    --vt-os: 1;
  }
  to {
    --vt-ox: var(--vt-old-tx, 0px);
    --vt-oy: var(--vt-old-ty, 0px);
    --vt-os: var(--vt-old-s, 1);
  }
}
@keyframes vt-push-paper {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--vt-paper-x, 0px));
  }
}
@keyframes vt-mast-wipe {
  to {
    transform: translateY(-100%);
  }
}
@keyframes vt-caption-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes vt-card-enter {
  from {
    opacity: 0;
    transform: translateY(var(--hero-card-rise, 8px));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* =HOMEPAGE ISSUE ToC
   Shared settled hero + essay-main grid; tokens live with .essay-single.
   Entrance/shrink is essays-only.
----------------------------------------------- */
.home-issue__note {
  box-sizing: border-box;
  max-width: calc(var(--size-body-measure) + 2 * var(--space-section-padding-inline));
  margin: 0 auto;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  margin-bottom: var(--space-section-gap);
  padding: 0 var(--space-section-padding-inline);
  color: var(--essay-body-color);
  font-style: italic;
  font-weight: 400;
  line-height: var(--leading-body);
}
.home-issue__note p {
  margin: 0 0 var(--space-prose-gap);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  text-indent: 0;
}
.home-issue__note p:last-child {
  margin-bottom: 0;
}

.home-issue__toc .essay-list {
  padding-top: 0;
}

.home-issue__toc .essay-list__items--nested {
  margin-top: var(--space-section-gap);
}

@media only screen and (min-width: 1500px) {
  .home-issue__body {
    padding-top: var(--space-column-start);
  }
  .home-issue__note {
    max-width: none;
    margin: 0 0 var(--space-section-gap);
    padding: 0;
  }
  .home-issue__toc .essay-list {
    padding: 0 0 var(--space-page-padding-block-end);
  }
  .home-issue .essay-main {
    padding-bottom: 0;
  }
}
/* =HOMEPAGE: RELAUNCH
   Video window + editorial spread, on one baseline grid (unit --home-rhythm,
   --rhythm / 4; every line-height and vertical gap is whole units). Knobs on
   .home-new; see docs/DESIGN-SYSTEM.md, "Baseline grid". Re-tune the
   PROVISIONAL per-face --home-baseline-* knobs with tools/check-home-baselines.mjs.
----------------------------------------------- */
.home-new {
  --home-hover-duration: 150ms;
  --home-frame-scrim: 0.25;
  --home-spread-column-gap: var(--space-section-gap);
  --home-spread-card-min: 13rem;
  --home-spread-columns-max: 2;
  --home-rhythm: calc(var(--rhythm) / 4);
  --home-baseline-velino: 0;
  --home-baseline-leitura: 0;
  --home-baseline-brandon: 0;
  --home-baseline-velino-no-trim: 0.392;
  --home-baseline-leitura-no-trim: 0.32;
  --home-baseline-brandon-no-trim: 0.33;
  --home-lh-caps: 2;
  --home-byline-size: calc(var(--font-size-meta) * 0.894427);
  --home-lh-dek: 4;
  --home-lh-byline: 3;
  --home-title-leading: 1;
  --home-quote-leading: 1.2;
  --home-gap-lead-kicker: 4;
  --home-lead-dek-drop: var(--home-lh-dek);
  --home-gap-lead-title: 8;
  --home-gap-lead-billing: 4;
  --home-gap-lead-byline: 4;
  --home-gap-lead-stack: 6;
  --home-gap-rule-above: 7;
  --home-gap-rule-below: 4;
  --home-gap-section-kicker: 3;
  --home-gap-masthead: round(nearest, var(--space-section-gap), var(--home-rhythm));
  --home-masthead-height: max(var(--size-masthead-height), calc(1rem * 1.6180339888 + 2 * var(--space-local-n3) + 1px));
  --home-admin-bar: 0px;
  --home-section-rule-space: 6;
  --home-spread-row-gap: calc(6 * var(--home-rhythm));
  --home-gap-item-title: 4;
  --home-gap-item-billing: 3;
  --home-gap-item-byline: 3;
  --home-quote-pad-bottom: 6;
  --home-quote-mark-gap: 2;
  --home-quote-mark-gap-stack: 6;
  --home-quote-text-gap: 5;
  --home-quote-text-gap-stack: 3;
  --home-quote-foot-gap: 3;
  --home-quote-min-height: calc(88 * var(--home-rhythm));
  --home-lead-title-size: calc(2 * var(--home-lh-dek) * var(--home-rhythm));
  --home-title-char-width: 0.66;
  --home-lead-title-min: 1.5rem;
  --home-lead-title-fit: calc(100cqi / (var(--title-longest, 8) * var(--home-title-char-width)));
  --home-lead-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  --home-dek-size: var(--font-size-toc-entry-meta);
  --home-quote-size: min(clamp(1.0625rem, 11cqi, var(--font-size-h2) * 1.25), var(--home-dek-size));
  --home-quote-max-rows: 3;
  --home-quote-mark-size: calc(var(--home-quote-size) * 2.729575);
  --home-quote-mark-box: 0.635;
  --home-item-title-size: var(--font-size-toc-entry);
  --home-strip-panels: 3.25;
  --home-strip-panels-mid: 2.25;
  --home-strip-panel-phone: 82vw;
  --home-strip-gap: var(--space-section-stack-gap);
  --home-decade-char-width: 0.59;
  --home-decade-min: 2.5rem;
  --home-strip-numerals-size: min(clamp(4.5rem, 26cqi, 8rem), max(var(--home-decade-min), calc(100cqi / (5 * var(--home-decade-char-width)))));
  --home-strip-numerals-color: hsl(345, 6%, 13%);
  --home-strip-tick: 0.4rem;
  --home-strip-tick-long: 0.8rem;
  --home-strip-playhead-caret: 0.5rem;
  --home-strip-playhead-duration: 300ms;
  --home-strip-year-col: calc(3.25 * var(--font-size-meta));
  --home-strip-year-gap: calc(0.512 * var(--font-size-meta));
  --home-strip-rule: 2px;
  --home-strip-row-indent: calc(var(--home-strip-rule) + var(--home-rhythm));
  --home-strip-title-char-width: 0.54;
  --home-strip-title-longest: 12;
  --home-strip-title-min: 1rem;
  --home-gap-strip-count: 3;
  --home-gap-strip-ruler: 3;
  --home-gap-strip-gate: 3;
  --home-gap-strip-list: 3;
  --home-gap-strip-scrubber: 4;
  --home-strip-current-wash: hsla(36, 50%, 40%, 0.12);
  --home-era-silent-radius: calc(0.25rem * 1.25);
  --home-gutter: var(--space-section-padding-inline);
  width: 100%;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1100px) {
  .home-new {
    --home-quote-size: clamp(1.0625rem, 11cqi, var(--font-size-h2) * 1.25);
  }
}

body.admin-bar .home-new {
  --home-admin-bar: 32px;
}

body.home-new main {
  background: none;
}

@media only screen and (min-width: 1100px) {
  body.home-new main {
    padding-top: 0;
  }
  .home-new__side {
    box-sizing: border-box;
    min-height: 100vh;
    margin-top: -100vh;
    padding-top: calc(var(--home-masthead-height) - var(--home-admin-bar));
  }
}
/* Video layer (docs/DESIGN-SYSTEM.md, "Video layer"): one fixed loop behind
   the page, in an ink wrapper so the window never shows paper while loading.
----------------------------------------------- */
.home-video {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: hsl(345, 6%, 13%);
  pointer-events: none;
}

.home-video__media {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: left center;
}

/* Window: the area the side column leaves open onto the video (a top band
   below 1100px, the sticky rail from 1100px). Above the side column so the
   pause control stays clickable.
----------------------------------------------- */
.home-window {
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.home-window::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.home-window::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}
.home-window {
  height: calc(var(--ratio-golden-major) * 100vh);
  height: calc(var(--ratio-golden-major) * 100svh);
}
@media only screen and (min-width: 1100px) {
  .home-window {
    position: sticky;
    top: 0;
    width: var(--size-hero-rail-end);
    height: 100vh;
  }
}

.home-window::after {
  opacity: 0.8;
}

.home-window__logo {
  --home-logo-x: 47%;
  --home-logo-y: 45%;
  position: absolute;
  top: var(--home-logo-y);
  left: var(--home-logo-x);
  width: 60%;
  height: auto;
  max-width: none;
  max-height: calc(var(--ratio-golden-major) * 100%);
  object-fit: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 3;
}

.home-video__toggle {
  position: absolute;
  left: calc(var(--space-page-gutter) * 0.64);
  bottom: calc(var(--space-page-gutter) * 0.64);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(2.75rem * 0.715542);
  height: calc(2.75rem * 0.715542);
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: hsla(345, 6%, 13%, 0.7);
  color: hsl(36, 50%, 48%);
  cursor: pointer;
  z-index: 3;
  transition: color 0.2s ease;
}
.home-video__toggle:hover, .home-video__toggle:focus-visible {
  color: rgb(255, 255, 255);
}
.home-video__toggle:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}
.home-video__toggle[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .home-video__toggle {
    transition: none;
  }
}

.home-video__icon {
  display: block;
  fill: currentColor;
  transform: scale(0.715542);
}

.home-video__icon--play,
.home-video__toggle.is-paused .home-video__icon--pause {
  display: none;
}

.home-video__toggle.is-paused .home-video__icon--play {
  display: block;
}

/* Right side: intro, editorial spread, then the rest on the canonical inset.
   Opaque paper (paper-surface) over the video; from 1100px the paper starts
   at the rail's end, so the window stays open.
----------------------------------------------- */
.home-new__side {
  position: relative;
  z-index: 1;
  display: flow-root;
  padding-bottom: var(--space-page-padding-block-end);
}
.home-new__side::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
}
@media only screen and (min-width: 1100px) {
  .home-new__side::before {
    left: var(--size-hero-rail-end);
  }
}

.home-intro {
  margin: var(--space-section-gap) var(--home-gutter) var(--space-section-gap);
  max-width: var(--size-body-measure);
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  font-style: italic;
  line-height: var(--leading-body);
}
@media only screen and (min-width: 1100px) {
  .home-intro {
    margin-right: var(--space-page-gutter);
    margin-left: var(--space-hero-rail-reserve);
  }
}

.home-spread {
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  margin: var(--home-gutter) var(--home-gutter) 0;
  min-width: 0;
}
@media only screen and (min-width: 1100px) {
  .home-spread {
    margin-top: var(--home-gap-masthead);
    margin-right: var(--space-page-gutter);
    margin-left: var(--space-hero-rail-reserve);
  }
}

.home-spread__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.home-spread__link:focus-visible {
  outline: 2px solid hsl(36, 50%, 48%);
  outline-offset: 2px;
}

.further-viewing__link--home {
  height: auto;
}
.further-viewing__link--home:focus-visible {
  outline-color: hsl(36, 50%, 48%);
}

.further-viewing__link--home .further-viewing__still {
  overflow: hidden;
  isolation: isolate;
}
.further-viewing__link--home .further-viewing__still:not(.further-viewing__still--empty)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.32;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.further-viewing__link--home .further-viewing__still:not(.further-viewing__still--empty)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(ellipse 130% 115% at 50% 48%, hsla(345, 6%, 13%, 0.36) 0%, hsla(345, 6%, 13%, 0.29) 18%, hsla(345, 6%, 13%, 0.19) 36%, hsla(345, 6%, 13%, 0.11) 54%, hsla(345, 6%, 13%, 0.057) 72%, hsla(345, 6%, 13%, 0.019) 88%, hsla(345, 6%, 13%, 0) 100%), linear-gradient(to top, hsla(345, 6%, 13%, 0.74) 0%, hsla(345, 6%, 13%, 0.4) 40%, hsla(345, 6%, 13%, 0.52) 100%);
}
.further-viewing__link--home .further-viewing__still:not(.further-viewing__still--empty)::after {
  opacity: var(--home-frame-scrim);
}

.further-viewing__link--lead .further-viewing__still {
  aspect-ratio: var(--ratio-thumb-wide);
}

.further-viewing__link--home .further-viewing__img {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
  pointer-events: none;
}

.still-gate {
  --p: 0;
  --f: 0;
  --soft: 60%;
  --bloom: 0.5;
  --grain: 0.75;
  overflow: hidden;
  isolation: isolate;
}

.still-gate__colour,
.still-gate__light,
.still-gate__grain {
  pointer-events: none;
}
.still-gate:not(.is-gated) .still-gate__colour,
.still-gate:not(.is-gated) .still-gate__light,
.still-gate:not(.is-gated) .still-gate__grain {
  display: none;
}

.still-gate.is-gated .still-gate__base {
  filter: grayscale(1) contrast(1.06) brightness(0.97);
}

.still-gate__colour {
  -webkit-mask-image: linear-gradient(100deg, #000 calc(var(--p) * (100% + var(--soft)) - var(--soft)), transparent calc(var(--p) * (100% + var(--soft))));
  mask-image: linear-gradient(100deg, #000 calc(var(--p) * (100% + var(--soft)) - var(--soft)), transparent calc(var(--p) * (100% + var(--soft))));
  filter: brightness(calc(1 + var(--f) * var(--bloom) * 0.4)) saturate(calc(1 + var(--f) * var(--bloom) * 0.3));
}

.still-gate__light {
  --e: calc(var(--p) * (100% + var(--soft)) - var(--soft) * 0.5);
  position: absolute;
  inset: 0;
  display: block;
  background: linear-gradient(100deg, transparent calc(var(--e) - var(--soft) * 0.55), rgba(255, 232, 190, 0.85) var(--e), transparent calc(var(--e) + var(--soft) * 0.4));
  mix-blend-mode: screen;
  opacity: calc(var(--f) * var(--bloom));
}

.still-gate__grain {
  position: absolute;
  inset: -20%;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: overlay;
  opacity: calc(var(--f) * var(--grain) * 0.9);
}
.still-gate.is-active .still-gate__grain {
  animation: still-gate-jitter 0.5s steps(5) infinite;
}

@keyframes still-gate-jitter {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-6%, 4%);
  }
  40% {
    transform: translate(5%, -7%);
  }
  60% {
    transform: translate(-3%, 8%);
  }
  80% {
    transform: translate(7%, 2%);
  }
  100% {
    transform: translate(-5%, -4%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .still-gate__light,
  .still-gate__grain {
    display: none;
  }
}
@media (hover: none) {
  .still-gate.is-gated .still-gate__base {
    filter: none;
  }
  .still-gate__colour,
  .still-gate__light,
  .still-gate__grain {
    display: none;
  }
}
.further-viewing__link--lead {
  display: block;
}
@media only screen and (min-width: 1100px) {
  .further-viewing__link--lead {
    display: grid;
    grid-template-columns: var(--home-lead-columns);
    column-gap: var(--home-spread-column-gap);
    align-items: start;
  }
  .further-viewing__link--lead .further-viewing__still {
    grid-column: 1/-1;
  }
  .further-viewing__link--lead .home-spread__col--dek {
    margin-top: calc((round(up, 100cqw / var(--ratio-thumb-wide-n), var(--home-rhythm)) - 100cqw / var(--ratio-thumb-wide-n)));
  }
}
.further-viewing__link--lead .further-viewing__caption {
  margin-top: calc((round(up, 100cqw / var(--ratio-thumb-wide-n), var(--home-rhythm)) - 100cqw / var(--ratio-thumb-wide-n)));
  container-type: inline-size;
}

.home-spread__col,
.home-spread__cell {
  min-width: 0;
}

.home-spread__col {
  display: flex;
  flex-direction: column;
}

.further-viewing__link--home .further-viewing__caption {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  min-width: 0;
}

.home-spread__kicker,
.further-viewing__link--home .film-frame__kicker {
  display: block;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  --home-line: calc(2 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-spread__kicker,
  .further-viewing__link--home .film-frame__kicker {
    --home-line: calc(var(--home-lh-caps) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__kicker,
  .further-viewing__link--home .film-frame__kicker {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-spread__kicker,
  .further-viewing__link--home .film-frame__kicker {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-spread__kicker,
.further-viewing__link--home .film-frame__kicker {
  --home-mt: calc(calc(var(--home-gap-lead-kicker) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__kicker,
  .further-viewing__link--home .film-frame__kicker {
    --home-mt: calc(calc(var(--home-gap-lead-kicker) * var(--home-rhythm)) - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.home-spread__kicker,
.further-viewing__link--home .film-frame__kicker {
  margin-top: var(--home-mt);
}

.further-viewing__link--home .further-viewing__title {
  display: block;
  color: hsl(345, 6%, 13%);
  font-family: "velino-poster", sans-serif;
  font-size: var(--further-viewing-title-size);
  font-weight: 400;
  overflow-wrap: break-word;
  transition: color var(--home-hover-duration) ease-out;
  --home-line: calc(4 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .further-viewing__link--home .further-viewing__title {
    --home-line: round(nearest, calc(var(--further-viewing-title-size) * var(--home-title-leading)), var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__title {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__title {
    margin-bottom: calc(var(--home-baseline-velino-no-trim) * 1em - var(--home-line) / 2);
  }
}
.further-viewing__link--home .further-viewing__title {
  --home-mt: calc((round(up, 100cqw / var(--ratio-thumb-n), var(--home-rhythm)) - 100cqw / var(--ratio-thumb-n)) + calc(var(--home-gap-item-title) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-velino-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__title {
    --home-mt: calc((round(up, 100cqw / var(--ratio-thumb-n), var(--home-rhythm)) - 100cqw / var(--ratio-thumb-n)) + calc(var(--home-gap-item-title) * var(--home-rhythm)) - 1cap - var(--home-baseline-velino) * 1em);
  }
}
.further-viewing__link--home .further-viewing__title {
  margin-top: var(--home-mt);
}
@media (prefers-reduced-motion: reduce) {
  .further-viewing__link--home .further-viewing__title {
    transition: none;
  }
}

.further-viewing__link--lead .further-viewing__title {
  font-size: min(var(--home-lead-title-size), max(var(--home-lead-title-min), var(--home-lead-title-fit)));
  hyphens: auto;
  overflow-wrap: break-word;
  --home-line: calc(2 * var(--home-lh-dek) * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .further-viewing__link--lead .further-viewing__title {
    --home-line: calc(2 * var(--home-lh-dek) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--lead .further-viewing__title {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .further-viewing__link--lead .further-viewing__title {
    margin-bottom: calc(var(--home-baseline-velino-no-trim) * 1em - var(--home-line) / 2);
  }
}
.further-viewing__link--lead .further-viewing__title {
  --home-mt: calc(2 * calc(var(--home-lh-dek) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-velino-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--lead .further-viewing__title {
    --home-mt: calc(2 * calc(var(--home-lh-dek) * var(--home-rhythm)) - 1cap - var(--home-baseline-velino) * 1em);
  }
}
.further-viewing__link--lead .further-viewing__title {
  margin-top: var(--home-mt);
}

.further-viewing__link--home .further-viewing__meta {
  display: block;
  --home-line: calc(var(--font-size-meta-caps) * var(--leading-meta-stacked));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .further-viewing__link--home .further-viewing__meta {
    --home-line: calc(var(--font-size-meta-caps) * var(--leading-meta-stacked));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__meta {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__meta {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.further-viewing__link--home .further-viewing__meta {
  --home-mt: calc(calc(var(--home-gap-item-billing) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__meta {
    --home-mt: calc(calc(var(--home-gap-item-billing) * var(--home-rhythm)) - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.further-viewing__link--home .further-viewing__meta {
  margin-top: var(--home-mt);
}

.further-viewing__link--lead .further-viewing__meta {
  --home-line: calc(var(--font-size-meta-caps) * var(--leading-meta-stacked));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .further-viewing__link--lead .further-viewing__meta {
    --home-line: calc(var(--font-size-meta-caps) * var(--leading-meta-stacked));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--lead .further-viewing__meta {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .further-viewing__link--lead .further-viewing__meta {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.further-viewing__link--lead .further-viewing__meta {
  --home-mt: calc(calc(var(--home-gap-lead-billing) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--lead .further-viewing__meta {
    --home-mt: calc(calc(var(--home-gap-lead-billing) * var(--home-rhythm)) - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.further-viewing__link--lead .further-viewing__meta {
  margin-top: var(--home-mt);
}

.further-viewing__link--home .further-viewing__meta:has(.film-meta__line + .film-meta__line) {
  padding-bottom: calc(calc(3 * var(--home-rhythm)) - var(--home-line));
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .further-viewing__link--home .further-viewing__meta:has(.film-meta__line + .film-meta__line) {
    padding-bottom: calc(round(up, var(--home-line), var(--home-rhythm)) - var(--home-line));
  }
}

.home-spread__dek {
  display: block;
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--home-dek-size);
  font-weight: 400;
  font-style: italic;
  --home-line: calc(4 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-spread__dek {
    --home-line: calc(var(--home-lh-dek) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__dek {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-spread__dek {
    margin-bottom: calc(var(--home-baseline-leitura-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-spread__dek {
  --home-mt: calc(calc(calc(var(--home-gap-lead-kicker) + var(--home-lead-dek-drop)) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__dek {
    --home-mt: calc(calc(calc(var(--home-gap-lead-kicker) + var(--home-lead-dek-drop)) * var(--home-rhythm)) - 1cap - var(--home-baseline-leitura) * 1em);
  }
}
.home-spread__dek {
  margin-top: var(--home-mt);
  position: relative;
  --home-dek-mark-gap: calc(var(--home-dek-size) * 0.2);
}
@media (max-width: 1099px) {
  .home-spread__dek {
    --home-mt: calc(calc(var(--home-gap-lead-stack) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
  }
  @supports (text-box: trim-both cap alphabetic) {
    .home-spread__dek {
      --home-mt: calc(calc(var(--home-gap-lead-stack) * var(--home-rhythm)) - 1cap - var(--home-baseline-leitura) * 1em);
    }
  }
  .home-spread__dek {
    margin-top: var(--home-mt);
  }
}
@media only screen and (min-width: 1100px) {
  .home-spread__dek {
    --home-dek-mark-gap: calc(var(--home-dek-size) * 0.25);
  }
}

.pull-quote__end {
  white-space: nowrap;
}

.home-spread__dek-mark--open {
  position: absolute;
  right: calc(100% + var(--home-dek-mark-gap));
  color: hsl(36, 50%, 40%);
}
@media only screen and (min-width: 1100px) {
  .home-spread__dek-mark--open {
    font-size: calc(1em * 1.953125);
  }
  @supports (text-box: trim-both cap alphabetic) {
    .home-spread__dek-mark--open {
      top: 0;
      line-height: 1;
      text-box: trim-both cap alphabetic;
    }
  }
}

.home-spread__byline,
.further-viewing__byline {
  display: block;
  color: #5F5F5F;
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-meta);
  font-weight: 400;
  --home-line: calc(3 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-spread__byline,
  .further-viewing__byline {
    --home-line: calc(var(--home-lh-byline) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__byline,
  .further-viewing__byline {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-spread__byline,
  .further-viewing__byline {
    margin-bottom: calc(var(--home-baseline-leitura-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-spread__byline,
.further-viewing__byline {
  --home-mt: calc(calc(var(--home-gap-lead-byline) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__byline,
  .further-viewing__byline {
    --home-mt: calc(calc(var(--home-gap-lead-byline) * var(--home-rhythm)) - 1cap - var(--home-baseline-leitura) * 1em);
  }
}
.home-spread__byline,
.further-viewing__byline {
  margin-top: var(--home-mt);
}

.further-viewing__link--home .further-viewing__byline {
  --home-line: calc(3 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .further-viewing__link--home .further-viewing__byline {
    --home-line: calc(var(--home-lh-byline) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__byline {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__byline {
    margin-bottom: calc(var(--home-baseline-leitura-no-trim) * 1em - var(--home-line) / 2);
  }
}
.further-viewing__link--home .further-viewing__byline {
  --home-mt: calc(calc(var(--home-gap-item-byline) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .further-viewing__link--home .further-viewing__byline {
    --home-mt: calc(calc(var(--home-gap-item-byline) * var(--home-rhythm)) - 1cap - var(--home-baseline-leitura) * 1em);
  }
}
.further-viewing__link--home .further-viewing__byline {
  margin-top: var(--home-mt);
}

.home-dateline {
  hyphens: none;
}

.home-dateline__part {
  white-space: nowrap;
}

.further-viewing__link--home .further-viewing__byline,
.home-spread__quote-attribution {
  font-size: var(--home-byline-size);
}

.home-section-head {
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: var(--home-spread-column-gap);
  row-gap: 1px;
  margin-top: calc(var(--home-gap-rule-above) * var(--home-rhythm));
  padding-top: 0;
}

.home-section-kicker,
.home-section-more {
  --home-line: calc(2 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-section-kicker,
  .home-section-more {
    --home-line: calc(var(--home-lh-caps) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-section-kicker,
  .home-section-more {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-section-kicker,
  .home-section-more {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-section-kicker,
.home-section-more {
  --home-mt: calc(calc(var(--home-gap-rule-below) * var(--home-rhythm)) - 1px - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-section-kicker,
  .home-section-more {
    --home-mt: calc(calc(var(--home-gap-rule-below) * var(--home-rhythm)) - 1px - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.home-section-kicker,
.home-section-more {
  margin-top: var(--home-mt);
}

.home-section-kicker {
  min-width: 0;
}

.home-spread__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(min(100%, var(--home-spread-card-min)), (100% - (var(--home-spread-columns-max) - 1) * var(--home-spread-column-gap)) / var(--home-spread-columns-max)), 1fr));
  column-gap: var(--home-spread-column-gap);
  row-gap: var(--home-spread-row-gap);
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 1100px) {
  .home-spread__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.home-section-head + .home-spread__grid {
  margin-top: calc(var(--home-gap-section-kicker) * var(--home-rhythm));
}

.home-spread__cell {
  container-type: inline-size;
}

.home-spread__cell--quote {
  display: flex;
  flex-direction: column;
  grid-column: 1/-1;
  order: 1;
}
@media only screen and (min-width: 1100px) {
  .home-spread__cell--quote {
    position: relative;
    order: 0;
    grid-column: 3;
    grid-row: 1/span var(--home-quote-rows, 2);
  }
  @supports (grid-row: 1/span min(2, 3)) {
    .home-spread__cell--quote {
      grid-row: 1/span min(var(--home-quote-rows, 2), var(--home-quote-max-rows));
    }
  }
  .home-spread__cell--quote::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--home-spread-column-gap) / -2);
    width: 1px;
    background: hsla(345, 6%, 13%, 0.12);
    pointer-events: none;
  }
}

.home-spread__cell--quote ~ .home-spread__cell:nth-child(n+4) {
  order: 2;
}
@media only screen and (min-width: 1100px) {
  .home-spread__cell--quote ~ .home-spread__cell:nth-child(n+4) {
    order: 0;
  }
}

@media only screen and (min-width: 1100px) {
  .home-spread__cell--quote-short {
    min-height: var(--home-quote-min-height);
  }
}

.home-spread__link--quote {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0 0 calc(calc(var(--home-quote-pad-bottom) * var(--home-rhythm)) - 1px);
  overflow: hidden;
  border-top: 1px solid hsla(345, 6%, 13%, 0.12);
  border-bottom: 1px solid hsla(345, 6%, 13%, 0.12);
  --home-quote-line: calc(var(--home-lh-dek) * var(--home-rhythm));
}
@media only screen and (min-width: 1100px) {
  .home-spread__link--quote {
    padding-bottom: calc(var(--home-quote-pad-bottom) * var(--home-rhythm));
    border-block: 0;
  }
  @supports (line-height: round(nearest, 1px, 1px)) {
    .home-spread__link--quote {
      --home-quote-line: round(nearest, calc(var(--home-quote-size) * var(--home-quote-leading)), var(--home-rhythm));
    }
  }
}

.home-spread__quote-mark {
  display: block;
  height: calc(var(--home-quote-mark-size) * var(--home-quote-mark-box));
  margin-top: calc(calc(var(--home-quote-mark-gap-stack) * var(--home-rhythm)) - 1px);
  color: hsl(36, 50%, 40%);
  font-family: "velino-poster", sans-serif;
  font-size: var(--home-quote-mark-size);
  font-weight: 400;
  line-height: 0.7;
}
@supports (height: round(up, 1px, 1px)) {
  .home-spread__quote-mark {
    height: round(up, var(--home-quote-mark-size) * var(--home-quote-mark-box), var(--home-rhythm));
  }
}
@media only screen and (min-width: 1100px) {
  .home-spread__quote-mark {
    margin-top: calc(var(--home-quote-mark-gap) * var(--home-rhythm));
  }
}

.home-spread__quote-body {
  display: block;
  flex: 1 0 auto;
  min-width: 0;
}

.home-spread__quote-text {
  display: block;
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--home-quote-size);
  font-style: italic;
  font-weight: 400;
  overflow-wrap: break-word;
  --home-line: var(--home-quote-line);
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-spread__quote-text {
    --home-line: var(--home-quote-line);
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__quote-text {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-spread__quote-text {
    margin-bottom: calc(var(--home-baseline-leitura-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-spread__quote-text {
  --home-mt: calc(calc(var(--home-quote-text-gap-stack) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__quote-text {
    --home-mt: calc(calc(var(--home-quote-text-gap-stack) * var(--home-rhythm)) - 1cap - var(--home-baseline-leitura) * 1em);
  }
}
.home-spread__quote-text {
  margin-top: var(--home-mt);
}
@media only screen and (min-width: 1100px) {
  .home-spread__quote-text {
    --home-mt: calc(calc(var(--home-quote-text-gap) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
  }
  @supports (text-box: trim-both cap alphabetic) {
    .home-spread__quote-text {
      --home-mt: calc(calc(var(--home-quote-text-gap) * var(--home-rhythm)) - 1cap - var(--home-baseline-leitura) * 1em);
    }
  }
  .home-spread__quote-text {
    margin-top: var(--home-mt);
  }
}

.home-spread__quote-foot {
  display: flex;
  flex-direction: column;
}

.home-spread__quote-attribution {
  display: block;
  color: #5F5F5F;
  font-family: "leitura-news", sans-serif;
  font-weight: 400;
  --home-line: calc(3 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-spread__quote-attribution {
    --home-line: calc(var(--home-lh-byline) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__quote-attribution {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-spread__quote-attribution {
    margin-bottom: calc(var(--home-baseline-leitura-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-spread__quote-attribution {
  --home-mt: calc(2 * var(--home-quote-line) - (var(--home-line) / 2 + var(--home-baseline-leitura-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__quote-attribution {
    --home-mt: calc(2 * var(--home-quote-line) - 1cap - var(--home-baseline-leitura) * 1em);
  }
}
.home-spread__quote-attribution {
  margin-top: var(--home-mt);
}

.home-spread__quote-credit {
  display: block;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  text-wrap: balance;
  hyphens: none;
  --home-line: calc(3 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-spread__quote-credit {
    --home-line: round(up, calc(var(--font-size-meta-caps) * var(--leading-meta)), var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__quote-credit {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-spread__quote-credit {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-spread__quote-credit {
  --home-mt: calc(calc(var(--home-quote-foot-gap) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-spread__quote-credit {
    --home-mt: calc(calc(var(--home-quote-foot-gap) * var(--home-rhythm)) - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.home-spread__quote-credit {
  margin-top: var(--home-mt);
  transition: color var(--home-hover-duration) ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .home-spread__quote-credit {
    transition: none;
  }
}

.home-section-more {
  display: block;
  margin-left: auto;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
}
.home-section-more:hover, .home-section-more:focus-visible {
  color: hsl(36, 50%, 48%);
}
.home-section-more:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 3px;
}

.home-strip__digit {
  position: relative;
  display: inline-block;
  clip-path: inset(0);
}

.home-strip__digit-face {
  display: block;
}
.home-strip__digit-face.is-leaving {
  position: absolute;
  inset: 0;
}

.further-viewing__link--home:focus-visible .further-viewing__title,
.home-spread__link--quote:focus-visible .home-spread__quote-credit {
  color: hsl(36, 50%, 40%);
}

@media (hover: hover) {
  .further-viewing__link--home:hover .further-viewing__title,
  .home-spread__link--quote:hover .home-spread__quote-credit {
    color: hsl(36, 50%, 40%);
  }
}
.home-new__rest {
  margin-inline: var(--home-gutter);
}
@media only screen and (min-width: 1100px) {
  .home-new__rest {
    margin-right: var(--space-page-gutter);
    margin-left: var(--space-hero-rail-reserve);
  }
}

/* Section rules: every section under the spread owns its gold hairline, with
   --home-section-rule-space above (its own margin-top) and below.
----------------------------------------------- */
.home-list,
.home-letter,
.home-visit {
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  margin-top: calc(var(--home-section-rule-space) * var(--home-rhythm));
  padding-top: calc(var(--home-section-rule-space) * var(--home-rhythm));
}

.home-list {
  padding-top: 0;
}

/* Film lists
----------------------------------------------- */
.home-list__heading,
.home-letter__heading {
  margin-top: 0;
}

.home-list__kicker {
  --home-line: calc(2 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-list__kicker {
    --home-line: calc(var(--home-lh-caps) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-list__kicker {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-list__kicker {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-list__kicker {
  --home-mt: calc(calc(var(--home-gap-rule-below) * var(--home-rhythm)) - 1px - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-list__kicker {
    --home-mt: calc(calc(var(--home-gap-rule-below) * var(--home-rhythm)) - 1px - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.home-list__kicker {
  margin-top: var(--home-mt);
  padding-bottom: var(--space-control-padding);
}

.home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
@media only screen and (min-width: 1100px) {
  .home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--home-spread-column-gap);
  }
}
.home-grid {
  row-gap: var(--space-section-stack-gap);
  margin: var(--space-heading-after) 0 0;
  padding: 0;
  list-style: none;
}

.home-grid__item {
  min-width: 0;
}

/* Decade filmstrip: one panel per decade, earliest first, in a focusable
   scroll track. Numerals, count, year ruler, the still in a fixed-height gate
   (so every list starts on one line), then up to five reviews by film year.
----------------------------------------------- */
.home-strip {
  --home-strip-basis: var(--home-strip-panel-phone);
  margin-top: calc(var(--home-section-rule-space) * var(--home-rhythm));
}
@media (min-width: 40rem) {
  .home-strip {
    --home-strip-basis: calc(100% / var(--home-strip-panels-mid));
  }
}
@media only screen and (min-width: 1100px) {
  .home-strip {
    --home-strip-basis: calc(100% / var(--home-strip-panels));
  }
}
.home-strip .home-section-head {
  margin-top: 0;
}

.home-strip__track {
  position: relative;
  padding-top: calc(var(--home-strip-numerals-size) * 0.1);
  margin-top: calc(calc(var(--home-gap-section-kicker) * var(--home-rhythm)) - var(--home-strip-numerals-size) * 0.1);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
}
.home-strip__track:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 4px;
}

.home-strip__row {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-strip__item {
  flex: 0 0 var(--home-strip-basis);
  min-width: 0;
  padding-right: var(--home-strip-gap);
  scroll-snap-align: start;
  container-type: inline-size;
}

.home-strip__item[data-era=silent] {
  --ratio-thumb: var(--ratio-era-silent);
}

.home-strip__item[data-era=academy] {
  --ratio-thumb: var(--ratio-era-academy);
}

.home-strip__item[data-era=wide] {
  --ratio-thumb: var(--ratio-era-wide);
}

.home-strip__item[data-era=scope] {
  --ratio-thumb: var(--ratio-thumb-wide);
}

.home-strip__item[data-era=modern] {
  --ratio-thumb: var(--ratio-era-modern);
}

.home-strip__item[data-era=silent] .further-viewing__still {
  overflow: hidden;
  border-radius: var(--home-era-silent-radius);
}

.home-strip__decade {
  margin: 0;
  color: var(--home-strip-numerals-color);
  font-family: "velino-poster", sans-serif;
  font-size: var(--home-strip-numerals-size);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  --home-line: calc(12 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-strip__decade {
    --home-line: round(nearest, var(--home-strip-numerals-size), var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-strip__decade {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-strip__decade {
    margin-bottom: calc(var(--home-baseline-velino-no-trim) * 1em - var(--home-line) / 2);
  }
}

.home-strip__decade-link {
  color: inherit;
  text-decoration: none;
}
.home-strip__decade-link:hover, .home-strip__decade-link:focus-visible {
  color: hsl(36, 50%, 40%);
}
.home-strip__decade-link:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 4px;
}

.home-strip__count {
  display: block;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  --home-line: calc(2 * var(--home-rhythm));
  line-height: var(--home-line);
  margin-bottom: 0;
}
@supports (line-height: round(nearest, 1px, 1px)) {
  .home-strip__count {
    --home-line: calc(var(--home-lh-caps) * var(--home-rhythm));
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .home-strip__count {
    text-box: trim-both cap alphabetic;
  }
}
@supports not (text-box: trim-both cap alphabetic) {
  .home-strip__count {
    margin-bottom: calc(var(--home-baseline-brandon-no-trim) * 1em - var(--home-line) / 2);
  }
}
.home-strip__count {
  --home-mt: calc(calc(var(--home-gap-strip-count) * var(--home-rhythm)) - (var(--home-line) / 2 + var(--home-baseline-brandon-no-trim) * 1em));
}
@supports (text-box: trim-both cap alphabetic) {
  .home-strip__count {
    --home-mt: calc(calc(var(--home-gap-strip-count) * var(--home-rhythm)) - 1cap - var(--home-baseline-brandon) * 1em);
  }
}
.home-strip__count {
  margin-top: var(--home-mt);
}

.home-strip__head::after {
  content: "";
  display: block;
  height: var(--home-strip-tick-long);
  margin-top: calc(var(--home-gap-strip-ruler) * var(--home-rhythm));
  margin-right: calc(-1 * var(--home-strip-gap));
  background-image: linear-gradient(hsla(36, 50%, 40%, 0.45), hsla(36, 50%, 40%, 0.45)), linear-gradient(hsla(36, 50%, 40%, 0.45), hsla(36, 50%, 40%, 0.45)), linear-gradient(to right, hsla(36, 50%, 40%, 0.45) 1px, transparent 1px);
  background-position: 0 0, 0 1px, 0 1px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-size: 100% 1px, 1px 100%, 10% var(--home-strip-tick);
  pointer-events: none;
}

.home-strip__playhead {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 0;
  pointer-events: none;
  transition: transform var(--home-strip-playhead-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  .home-strip__playhead {
    transition: none;
  }
}

.home-strip__playhead-caret {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-right: 0.25rem solid transparent;
  border-bottom: var(--home-strip-playhead-caret) solid hsl(36, 50%, 40%);
  border-left: 0.25rem solid transparent;
  transform: translateX(calc(-50% + 0.5px));
}

.home-strip__playhead-year {
  position: absolute;
  top: calc(var(--home-strip-playhead-caret) / 2);
  left: 0.6rem;
  margin: 0;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-caps);
  line-height: 1;
  white-space: nowrap;
  transform: translateY(-50%);
}
.is-flip > .home-strip__playhead-year {
  right: 0.6rem;
  left: auto;
}

.home-strip__still {
  --home-strip-gate: calc(100cqw / var(--ratio-era-academy-n));
  --home-strip-silent-gate: calc(100cqw * 3 / 4);
  --home-strip-silent-over: calc(var(--home-strip-silent-gate) - var(--home-strip-gate));
  min-width: 0;
  margin-top: calc(calc(var(--home-gap-strip-gate) * var(--home-rhythm)) + var(--home-strip-silent-over));
}
@supports (height: round(up, 1px, 1px)) {
  .home-strip__still {
    --home-strip-gate: round(up, calc(100cqw / var(--ratio-era-academy-n)), var(--home-rhythm));
    --home-strip-silent-gate: round(up, calc(100cqw * 3 / 4), var(--home-rhythm));
  }
}
.home-strip__still .further-viewing__link {
  display: grid;
  grid-template-rows: var(--home-strip-gate);
  align-content: start;
}
.home-strip__still .further-viewing__link:focus-visible {
  outline-offset: -2px;
}
.home-strip__still .further-viewing__still {
  align-self: end;
}

.home-strip__list {
  display: grid;
  row-gap: var(--space-meta-gap);
  margin: calc(var(--home-gap-strip-list) * var(--home-rhythm)) 0 0;
  padding: 0;
  list-style: none;
}

.home-strip__entry {
  min-width: 0;
}

.home-strip__entry-link {
  display: grid;
  grid-template-columns: var(--home-strip-year-col) minmax(0, 1fr);
  column-gap: var(--home-strip-year-gap);
  align-items: baseline;
  padding-left: var(--home-strip-row-indent);
  color: var(--essay-body-color);
  font-family: "velino-poster", sans-serif;
  font-size: var(--font-size-toc-entry-meta);
  line-height: var(--leading-meta);
  text-decoration: none;
}
@container (max-width: 12rem) {
  .home-strip__entry-link {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }
}
.home-strip__entry-link:hover, .home-strip__entry-link:focus-visible {
  color: hsl(36, 50%, 48%);
}
.home-strip__entry-link:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}

.home-strip__caption {
  min-height: calc(2em * var(--leading-meta));
  margin: var(--space-local-n3) 0 0;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  text-wrap: balance;
  hyphens: none;
  line-height: var(--leading-meta);
}
.home-strip__caption .hover-reveal__director {
  color: hsl(36, 50%, 40%);
}

.home-strip__entry-year {
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-caps);
  position: relative;
}
.home-strip__entry-year::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--home-strip-row-indent));
  width: var(--home-strip-rule);
  background: hsl(36, 50%, 48%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--hover-reveal-duration) var(--hover-reveal-easing);
}
@media (prefers-reduced-motion: reduce) {
  .home-strip__entry-year::before {
    transition: none;
  }
}

.home-strip__entry.is-showing .home-strip__entry-year::before {
  opacity: 1;
}

.home-strip__entry.is-showing .home-strip__entry-year {
  color: hsl(36, 50%, 40%);
}

.home-strip__entry-title {
  --home-strip-title-col: calc(100cqi - var(--home-strip-row-indent) - var(--home-strip-year-col) - var(--home-strip-year-gap));
  min-width: 0;
  font-family: "velino-poster", sans-serif;
  font-size: min(var(--font-size-toc-entry-meta), max(var(--home-strip-title-min), var(--home-strip-title-col) / (var(--home-strip-title-longest) * var(--home-strip-title-char-width))));
  font-weight: 400;
  overflow-wrap: break-word;
  hyphens: auto;
}
@container (max-width: 12rem) {
  .home-strip__entry-title {
    --home-strip-title-col: calc(100cqi - var(--home-strip-row-indent));
  }
}

.home-strip--js .home-strip__track {
  scrollbar-width: none;
}
.home-strip--js .home-strip__track::-webkit-scrollbar {
  display: none;
}

.home-strip__scrubber {
  display: flex;
  align-items: center;
  gap: var(--space-local-1);
  padding-right: calc(2.75rem + var(--space-local-1));
  margin-top: calc(var(--home-gap-strip-scrubber) * var(--home-rhythm));
}

.home-strip__stops {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  min-width: 0;
  overflow-x: auto;
  position: relative;
  scrollbar-width: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-strip__stops::-webkit-scrollbar {
  display: none;
}

.home-strip__stop-item {
  flex: 0 0 auto;
}

.home-strip__stop {
  display: block;
  min-width: 2.75rem;
  padding: 0.6rem 0.5rem;
  color: #5F5F5F;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--home-hover-duration) ease-out, background-color var(--home-hover-duration) ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .home-strip__stop {
    transition: none;
  }
}
.home-strip__stop:hover, .home-strip__stop:focus-visible {
  color: hsl(36, 50%, 48%);
}
.home-strip__stop:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: -2px;
}
.home-strip__stop[aria-current=true] {
  background-color: var(--home-strip-current-wash);
  box-shadow: inset 0 -2px 0 hsl(36, 50%, 40%);
  color: hsl(36, 50%, 40%);
}

.home-strip__step {
  flex: 0 0 auto;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  border: 1px solid hsl(36, 50%, 40%);
  background: transparent;
  color: hsl(36, 50%, 40%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  line-height: 1;
  cursor: pointer;
}
.home-strip__step[hidden] {
  display: none;
}
.home-strip__step:hover:not(:disabled), .home-strip__step:focus-visible {
  color: hsl(36, 50%, 48%);
}
.home-strip__step:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}
.home-strip__step:disabled {
  cursor: default;
  opacity: 0.35;
}

/* Correspondence
----------------------------------------------- */
.home-letter__dek {
  margin: 0;
  max-width: var(--size-body-measure);
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  font-style: italic;
  line-height: var(--leading-body);
}

.home-letter__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-local-1);
  margin-top: var(--space-heading-after);
}
@media (min-width: 40rem) {
  .home-letter__form {
    flex-direction: row;
    align-items: flex-end;
  }
}

.home-letter__field {
  flex: 1 1 auto;
  min-width: 0;
}

.home-letter__label {
  display: block;
  margin-bottom: var(--space-meta-gap);
  color: #5A5A5A;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.home-letter__email {
  display: block;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #5F5F5F;
  background: rgb(255, 255, 255);
  color: hsl(345, 6%, 13%);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--leading-meta);
}
.home-letter__email:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}

.home-letter__submit,
.home-visit__close {
  min-height: 2.75rem;
  min-width: 2.75rem;
  padding: 0.5rem 1.1rem;
  border: 1px solid hsl(36, 50%, 40%);
  background: transparent;
  color: hsl(345, 6%, 13%);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  cursor: pointer;
}
.home-letter__submit:hover, .home-letter__submit:focus-visible,
.home-visit__close:hover,
.home-visit__close:focus-visible {
  color: hsl(36, 50%, 40%);
}
.home-letter__submit:focus-visible,
.home-visit__close:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}

/* First visit
----------------------------------------------- */
html.home-visit-dismissed .home-visit {
  display: none;
}

.home-visit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-local-1);
}

.home-visit__text {
  flex: 1 1 16rem;
  margin: 0;
  max-width: var(--size-body-measure);
  color: var(--essay-body-color);
  font-family: "leitura-news", sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--leading-body);
}

@media (prefers-reduced-motion: reduce) {
  .home-new {
    --hover-reveal-duration: 0s;
  }
  .home-strip__track {
    scroll-behavior: auto;
  }
}
/* =ACCOUNT
   Member account page (page-account.php, inc/members-account.php). One
   column, no viewport @media; form mixins are shared with login.scss.
----------------------------------------------- */
.cinelogue-avatar {
  border-radius: 50%;
  object-fit: cover;
}

.account {
  container-type: inline-size;
}
.account h3 {
  margin: var(--space-prose-gap) 0 var(--space-heading-after);
  font-size: var(--font-size-heading-3);
}
.account__notice {
  margin: 0 0 var(--space-section-stack-gap);
  padding: 0 0 0 var(--space-control-padding);
  border-inline-start: 2px solid hsl(36, 50%, 40%);
  color: rgba(0, 0, 0, 0.8);
}
.account__notice--error {
  border-inline-start-color: rgba(0, 0, 0, 0.8);
}
.account__jump {
  margin: 0 0 var(--space-section-stack-gap);
}
.account__jump ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: 1.6180339888;
  text-transform: uppercase;
}
.account__jump ul li {
  display: inline;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.account__jump ul li[hidden] {
  display: none;
}
.account__jump li {
  margin-inline-end: 1.2em;
}
.account__jump a {
  color: hsl(36, 50%, 32%);
  text-decoration: underline;
  text-decoration-color: hsla(36, 50%, 40%, 0.45);
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.2s ease;
}
.account__jump a:hover {
  color: hsl(36, 50%, 32%);
  text-decoration-color: currentColor;
}
.account__jump a:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}
.account__section {
  border-top: 1px solid hsla(36, 50%, 40%, 0.45);
  padding-top: var(--space-section-gap);
  margin: 0 0 var(--space-section-stack-gap);
  scroll-margin-top: calc(var(--size-masthead-height) + var(--space-heading-after));
}
.account__section h2 {
  margin: 0 0 var(--space-heading-after);
}
.account__field {
  margin: 0 0 var(--space-prose-gap);
}
.account__field label {
  display: block;
  margin: 0 0 var(--space-meta-gap);
  color: #5A5A5A;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: 1.6180339888;
  text-transform: uppercase;
}
.account__field input[type=text],
.account__field input[type=email],
.account__field input[type=password] {
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: var(--space-input-padding-block) var(--space-input-padding-inline);
  border: 1px solid #5F5F5F;
  border-radius: 0;
  background: rgb(255, 255, 255);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.8);
  font-family: "leitura-news", sans-serif;
  font-size: 1rem;
  line-height: var(--leading-meta);
}
.account__field input[type=text]:focus,
.account__field input[type=email]:focus,
.account__field input[type=password]:focus {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
  border-color: hsl(36, 50%, 40%);
  box-shadow: none;
}
.account__field input[type=file] {
  box-sizing: border-box;
  width: 100%;
  font-family: "leitura-news", sans-serif;
  font-size: 1rem;
}
.account__hint {
  display: block;
  margin: var(--space-meta-gap) 0 0;
  color: #5A5A5A;
  font-size: var(--font-size-ui);
  font-style: italic;
}
.account__check {
  margin: 0 0 var(--space-prose-gap);
}
.account__check label {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 0;
}
.account__check input[type=checkbox] {
  flex: 0 0 auto;
  appearance: auto;
  width: 1rem;
  height: 1rem;
  margin: 0;
  border: 0;
  accent-color: hsl(36, 50%, 40%);
  box-shadow: none;
}
.account__check input[type=checkbox]::before {
  content: none;
}
.account__check input[type=checkbox]:focus {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
  box-shadow: none;
}
.account__actions {
  margin: 0 0 var(--space-prose-gap);
}
.account__actions--end {
  margin-top: var(--space-section-stack-gap);
}
.account__button {
  float: none;
  min-height: 0;
  margin: 0;
  padding: var(--space-button-padding-block) var(--space-button-padding-inline);
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-meta);
  text-shadow: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.account__button:hover, .account__button:active {
  background: rgba(0, 0, 0, 0.8);
  color: rgb(255, 255, 255);
}
.account__button:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
  box-shadow: none;
}
.account__button {
  display: inline-block;
  text-decoration: none;
}
.account__button--quiet {
  border-color: #5F5F5F;
  color: #5A5A5A;
}
.account__photo {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-prose-gap);
  margin: 0 0 var(--space-prose-gap);
}
.account__avatar {
  flex: none;
  width: 6rem;
  height: 6rem;
}
.account__avatar > * {
  display: block;
  width: 100%;
  height: 100%;
}
.account__photo-fields {
  flex: 1 1 14rem;
  min-width: 0;
}
.account__comments {
  margin: 0;
  padding: 0;
  list-style: none;
}
.account__comment {
  padding: var(--space-prose-gap) 0;
  border-top: 1px solid hsla(345, 6%, 13%, 0.1);
}
.account__comment p {
  margin: var(--space-meta-gap) 0;
  font-size: var(--font-size-meta);
}
.account__comment-title {
  color: hsl(36, 50%, 32%);
  text-decoration: underline;
  text-decoration-color: hsla(36, 50%, 40%, 0.45);
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.2s ease;
}
.account__comment-title:hover {
  color: hsl(36, 50%, 32%);
  text-decoration-color: currentColor;
}
.account__comment-title:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}
.account__comment-title {
  font-weight: 700;
}
.account__comment-meta {
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-meta-caps);
  font-weight: 400;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: #5F5F5F;
}
.account__comment-status, .account__pager a {
  color: hsl(36, 50%, 32%);
  text-decoration: underline;
  text-decoration-color: hsla(36, 50%, 40%, 0.45);
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.2s ease;
}
.account__comment-status:hover, .account__pager a:hover {
  color: hsl(36, 50%, 32%);
  text-decoration-color: currentColor;
}
.account__comment-status:focus-visible, .account__pager a:focus-visible {
  outline: 2px solid hsl(36, 50%, 40%);
  outline-offset: 2px;
}
.account__comment-status, .account__pager a {
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui-sm);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.account__pager {
  display: flex;
  gap: var(--space-prose-gap);
  margin-top: var(--space-prose-gap);
}

/* =GLOBALS
----------------------------------------------- */
main {
  -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -ms-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  background-color: rgb(249.72, 246.2, 238.28);
  background-image: linear-gradient(rgba(249.72, 246.2, 238.28, 0.1), rgba(249.72, 246.2, 238.28, 0.1)), url(img/paper-fiber-tile.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  overflow-y: overlay;
  position: relative;
  top: 4vh;
  left: 0;
  z-index: 10;
}
main::before {
  -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -ms-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  background-color: transparent;
  content: "";
  position: absolute;
  z-index: 9999999;
}

/* =HEADER
----------------------------------------------- */
.comment-author img {
  display: inline-block;
  width: auto;
  height: auto;
}

.site-credits {
  margin-top: var(--space-footer-gap);
  padding-top: var(--space-footer-pad);
  border-top: 1px solid hsla(345, 6%, 13%, 0.12);
}

.tmdb-attribution {
  color: rgba(0, 0, 0, 0.6);
  font-family: "brandon-grotesque", sans-serif;
  font-size: var(--font-size-ui-sm);
  letter-spacing: var(--tracking-caps);
}

/* =FOOTER
----------------------------------------------- */
/* footer {
  padding: var(--space-control-padding);
  width: 100%; height: 400px;
  .footer-wrapper {
    background-color: $text-black;
    padding: var(--space-control-padding);
    width: 100%; height: 100%;
  }
} */