@font-face {
  font-family:Barlow;
  src:url('../fonts/barlow-condensed-800.ttf') format('truetype');
  font-weight:800;
  font-display:swap;
}

@font-face {
  font-family:'Public Sans';
  src:url('../fonts/public-sans-400.ttf') format('truetype');
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:'Public Sans';
  src:url('../fonts/public-sans-700.ttf') format('truetype');
  font-weight:700;
  font-display:swap;
}

:root {
  color-scheme:dark;
  --bg:#151615;
  --surface:#1e201e;
  --ink:#f2f2ed;
  --muted:#b4b8af;
  --red:#ff513f;
  --line:#41453e;
  --display:Barlow,'Arial Narrow',Impact,sans-serif;
  --body:'Public Sans',Arial,sans-serif;
  --space-xs:.5rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --space-section:clamp(4rem,7vw,7rem);
  --gutter:clamp(1.25rem,4.5vw,5rem);
  --z-menu:10;
  --z-skip:20;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:2rem;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--body);
  font-size:1rem;
  line-height:1.65;
}

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

h1,h2,h3 {
  font-family:var(--display);
  font-weight:800;
  line-height:.98;
  text-wrap:balance;
}

h1,h2 {
  letter-spacing:-.015em;
}

h2 {
  font-size:clamp(2.5rem,4.5vw,4rem);
}

h3 {
  font-size:2rem;
}

p {
  text-wrap:pretty;
  max-width:70ch;
}

a {
  color:inherit;
  text-underline-offset:.22em;
}

button,input {
  font:inherit;
}

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

button,summary {
  cursor:pointer;
}

a,button,summary {
  transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}

a:hover {
  color:var(--red);
}

:focus-visible {
  outline:3px solid var(--red);
  outline-offset:5px;
}

img {
  display:block;
  max-width:100%;
  object-fit:cover;
}

img.image-failed {
  visibility:hidden;
}

[hidden] {
  display:none!important;
}

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

.wrap {
  width:min(100%,1440px);
  padding-inline:var(--gutter);
  margin-inline:auto;
}

.muted {
  color:var(--muted);
}

.eyebrow {
  font-size:.875rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:var(--space-md);
  color:var(--muted);
}

.skip-link {
  position:fixed;
  top:1rem;
  left:1rem;
  z-index:var(--z-skip);
  transform:translateY(-200%);
  background:var(--ink);
  color:var(--bg);
  padding:1rem;
}

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

.site-header {
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-lg);
  position:relative;
  z-index:var(--z-menu);
}

.brand {
  display:flex;
  align-items:center;
  gap:.75rem;
  text-decoration:none;
  font-family:var(--display);
  font-size:1.75rem;
  line-height:1;
}

.brand-mark {
  display:grid;
  place-items:center;
  width:3.1rem;
  height:3.1rem;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:2.1rem;
  color:var(--red);
}

.brand-sub {
  display:block;
  font-family:var(--body);
  font-size:.625rem;
  letter-spacing:.12em;
  margin-top:.375rem;
}

.main-nav {
  display:flex;
  align-items:center;
  gap:clamp(1rem,3vw,3rem);
  font-size:.9375rem;
}

.main-nav>a,.main-nav summary {
  padding-block:.75rem;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:.625rem;
}

.main-nav [aria-current=page] {
  color:var(--red);
}

.nav-dot,.small-dot {
  display:inline-block;
  width:.4375rem;
  height:.4375rem;
  border-radius:50%;
  background:var(--red);
  flex-shrink:0;
}

.archive-menu {
  position:relative;
}

.archive-menu summary {
  list-style:none;
}

.archive-menu summary::-webkit-details-marker {
  display:none;
}

.archive-chevron {
  display:block;
  width:.875rem;
  height:.875rem;
  flex-shrink:0;
  transition:transform .2s ease;
}

.archive-menu[open] .archive-chevron {
  transform:rotate(180deg);
}

.archive-dropdown {
  position:absolute;
  right:0;
  top:calc(100% + .5rem);
  width:230px;
  padding:.5rem;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 16px 40px #0006;
}

.archive-dropdown a {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.625rem .75rem;
  text-decoration:none;
}

.archive-dropdown a:hover {
  background:var(--bg);
}

.archive-dropdown span {
  color:var(--muted);
}

.home-hero {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:center;
  gap:var(--space-lg);
  padding-top:var(--space-2xl);
  padding-bottom:var(--space-2xl);
  min-height:610px;
}

.home-hero h1 {
  font-size:clamp(3.75rem,7.2vw,6rem);
  line-height:.94;
}

.home-hero h1 span {
  color:var(--red);
}

.hero-description {
  font-size:1.1875rem;
  max-width:36ch;
  margin-top:var(--space-lg);
  color:var(--muted);
}

.hero-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-md);
  margin-top:var(--space-lg);
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-lg);
  padding:.875rem 1.25rem;
  min-height:50px;
  background:var(--red);
  color:var(--bg);
  font-weight:700;
  text-decoration:none;
  border:1px solid transparent;
  line-height:1.4;
}

.button:hover {
  background:var(--ink);
  color:var(--bg);
}

.button-dark {
  background:var(--bg);
  color:var(--ink);
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  min-height:44px;
  font-size:.9375rem;
}

.hero-footnote {
  margin-top:var(--space-xl);
  font-size:.8125rem;
  color:var(--muted);
}

.hero-footnote span {
  padding-inline:.5rem;
  color:var(--red);
}

.poster-scene {
  position:relative;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.poster-stack {
  height:370px;
  position:relative;
  isolation:isolate;
  margin-top:var(--space-lg);
}

.stack-poster {
  width:43%;
  height:auto;
  aspect-ratio:2/3;
  position:absolute;
  max-height:345px;
  box-shadow:0 15px 35px #0008;
  transition:transform .35s ease;
}

.stack-1 {
  left:2%;
  top:13%;
  transform:rotate(-12deg);
  filter:brightness(.7);
}

.stack-2 {
  left:29%;
  top:1%;
  transform:rotate(3deg);
  z-index:2;
}

.stack-3 {
  right:0;
  top:15%;
  transform:rotate(13deg);
  filter:brightness(.8);
}

.poster-scene:hover .stack-1 {
  transform:translateX(-4px) rotate(-14deg);
}

.poster-scene:hover .stack-3 {
  transform:translateX(4px) rotate(15deg);
}

.poster-scene figcaption {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  margin-top:var(--space-lg);
  font-size:.75rem;
  color:var(--muted);
}

.poster-scene figcaption a {
  margin-left:.5rem;
}

.festival-callout {
  background:var(--red);
  color:var(--bg);
}

.callout-inner {
  display:flex;
  align-items:center;
  gap:var(--space-lg);
  padding-block:var(--space-lg);
}

.edition-number {
  font-family:var(--display);
  font-size:5rem;
  line-height:1;
  border-right:1px solid #15161566;
  padding-right:var(--space-lg);
}

.callout-inner h2 {
  font-size:clamp(1.75rem,3vw,2.75rem);
  margin-top:.25rem;
}

.callout-inner p {
  font-size:.875rem;
}

.callout-inner .button {
  margin-left:auto;
  flex-shrink:0;
}

.archive-section {
  padding-block:var(--space-section);
}

.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:var(--space-lg);
  margin-bottom:var(--space-xl);
}

.section-heading>p {
  color:var(--muted);
  padding-bottom:.25rem;
}

.year-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:var(--space-xl);
}

.year-tile {
  min-width:0;
  display:grid;
  grid-template-columns:1fr 1.35fr;
  align-items:center;
  gap:var(--space-md);
  text-decoration:none;
  border-top:1px solid var(--line);
  padding-block:var(--space-lg);
  overflow:hidden;
}

.year-tile-edition {
  font-size:.75rem;
  color:var(--muted);
}

.year-tile h3 {
  font-size:clamp(3rem,5vw,4.5rem);
  margin:.25rem 0 .5rem;
}

.year-tile-copy>span:last-child {
  font-size:.875rem;
  color:var(--muted);
}

.year-tile-arrow {
  display:inline-block;
  color:var(--red);
  margin-left:var(--space-lg);
}

.year-posters {
  display:flex;
  gap:.5rem;
  justify-content:flex-end;
  align-items:center;
  min-width:0;
  transition:transform .3s ease;
}

.year-posters img {
  width:calc((100% - 1rem)/3);
  height:auto;
  aspect-ratio:2/3;
  filter:saturate(.8);
}

.year-tile:hover .year-posters {
  transform:translateY(-4px);
}

.year-tile:hover img {
  filter:saturate(1.1);
}

.tradition-section {
  background:var(--surface);
  border-block:1px solid var(--line);
}

.tradition-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-2xl);
  padding-block:var(--space-section);
}

.tradition-mark {
  margin-bottom:var(--space-md);
}

.tradition-inner h2 {
  font-size:clamp(3rem,5vw,4.5rem);
}

.tradition-tagline {
  margin-top:var(--space-md);
  color:var(--red);
  font-size:1.125rem;
}

.tradition-copy>p:not(.eyebrow) {
  color:var(--muted);
  margin-bottom:var(--space-md);
  max-width:48ch;
}

.site-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-lg);
  padding-block:var(--space-xl);
}

.site-footer p {
  font-size:.875rem;
  color:var(--muted);
}

.footer-links {
  display:flex;
  gap:var(--space-md);
  flex-wrap:wrap;
  font-size:.875rem;
}

.footer-links a {
  padding-block:.75rem;
}

.back-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  text-decoration:none;
  color:var(--muted);
  font-size:.875rem;
  margin-bottom:var(--space-lg);
}

.year-hero {
  padding-top:var(--space-lg);
}

.year-hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-2xl);
  align-items:center;
  padding-bottom:var(--space-xl);
}

.year-hero h1 {
  display:flex;
  gap:var(--space-lg);
  align-items:center;
  font-size:6rem;
  color:var(--red);
}

.year-hero h1>span {
  font-size:clamp(1.75rem,3vw,2.75rem);
  color:var(--ink);
  letter-spacing:0;
  line-height:1;
}

.year-hero .eyebrow span {
  padding-inline:.5rem;
  color:var(--red);
}

.year-theme {
  font-size:1.5rem;
  margin-top:var(--space-md);
}

.year-hero-grid .muted {
  margin-top:var(--space-md);
}

.year-hero-posters {
  display:flex;
  gap:var(--space-sm);
  justify-content:flex-end;
  max-width:410px;
  justify-self:end;
}

.year-hero-posters img {
  width:calc((100% - 2rem)/3);
  aspect-ratio:2/3;
  height:auto;
  box-shadow:0 12px 24px #0004;
}

.year-hero-posters img:nth-child(2) {
  transform:translateY(-.75rem);
}

.festival-stats {
  border-block:1px solid var(--line);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-lg);
  padding-block:var(--space-md);
  color:var(--muted);
  font-size:.9375rem;
}

.festival-stats strong {
  color:var(--ink);
}

.festival-stats a {
  margin-left:auto;
  min-height:44px;
  display:flex;
  align-items:center;
}

.year-note {
  padding-top:var(--space-lg);
}

.prose {
  max-width:70ch;
  color:var(--muted);
}

.prose p+p {
  margin-top:1rem;
}

.opening-art {
  justify-self:end;
  width:min(100%,410px);
  background:var(--red);
  color:var(--bg);
  padding:var(--space-lg);
  transform:rotate(2deg);
  text-align:center;
}

.opening-art>span:first-child {
  font-family:var(--display);
  font-size:1.5rem;
  line-height:1;
}

.opening-art strong {
  display:block;
  font-family:var(--display);
  font-size:6rem;
  line-height:1.1;
}

.opening-art>span:last-child {
  display:block;
  font-size:.6875rem;
  line-height:1.4;
  letter-spacing:.05em;
}

.opening-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-2xl);
  align-items:center;
  padding-block:var(--space-section);
}

.opening-copy h2 {
  max-width:12ch;
}

.opening-copy>p:not(.eyebrow) {
  margin-top:var(--space-md);
  max-width:45ch;
}

.opening-copy .button {
  margin-top:var(--space-lg);
}

.calendar {
  padding:var(--space-lg);
  background:var(--surface);
}

.calendar h3 {
  display:flex;
  justify-content:space-between;
  font-size:2rem;
  margin-bottom:var(--space-lg);
}

.calendar h3 span {
  color:var(--muted);
}

.calendar table {
  width:100%;
  border-collapse:collapse;
  text-align:center;
  table-layout:fixed;
}

.calendar th {
  font-size:.75rem;
  color:var(--muted);
  font-weight:400;
  padding-bottom:.75rem;
}

.calendar td {
  height:3rem;
}

.calendar td span {
  display:grid;
  place-items:center;
  min-height:2.5rem;
  margin:2px;
}

.opening-day span {
  background:var(--red);
  color:var(--bg);
  font-weight:700;
}

.calendar>p {
  border-top:1px solid var(--line);
  margin-top:var(--space-md);
  padding-top:var(--space-md);
  font-size:.8125rem;
  color:var(--muted);
}

.calendar .small-dot {
  margin-right:.5rem;
}

.lineup-section {
  padding-top:var(--space-section);
}

.film-search {
  width:320px;
  max-width:100%;
  position:relative;
}

.film-search label {
  display:block;
  font-size:.8125rem;
  color:var(--muted);
  margin-bottom:.5rem;
}

.film-search input {
  width:100%;
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:0;
  padding:.75rem 1rem;
  min-height:48px;
}

.film-search input::placeholder {
  color:var(--muted);
}

#search-status {
  position:absolute;
  top:100%;
  font-size:.75rem;
  color:var(--muted);
  margin-top:.25rem;
}

.film-index {
  border-block:1px solid var(--line);
  margin-top:var(--space-lg);
}

.film-index>summary {
  padding-block:var(--space-sm);
  display:flex;
  justify-content:space-between;
  list-style:none;
  font-size:.9375rem;
}

.film-index>summary::-webkit-details-marker {
  display:none;
}

.film-index ol {
  columns:2;
  column-gap:var(--space-xl);
  padding:0 1.5rem var(--space-md);
  margin:0;
}

.film-index li {
  break-inside:avoid;
  padding-left:.25rem;
}

.film-index li::marker {
  color:var(--muted);
  font-size:.875rem;
}

.film-index a {
  display:inline-block;
  padding-block:.5rem;
  font-size:.9375rem;
}

.film-row {
  display:grid;
  grid-template-columns:2.5rem 130px minmax(0,1fr);
  gap:var(--space-lg);
  padding-block:var(--space-xl);
  border-bottom:1px solid var(--line);
  scroll-margin-top:var(--space-lg);
}

.film-number {
  font-family:var(--display);
  font-size:1.75rem;
  line-height:1;
  color:var(--muted);
  padding-top:.25rem;
}

.film-poster {
  position:relative;
  align-self:start;
  aspect-ratio:2/3;
  background:var(--surface);
}

.film-poster img {
  width:100%;
  height:100%;
}

.poster-missing,.film-poster:has(.image-failed)::after {
  display:grid;
  place-content:center;
  text-align:center;
  position:absolute;
  inset:0;
  font-family:var(--display);
  font-size:1.5rem;
  color:var(--muted);
  padding:.5rem;
}

.film-poster:has(.image-failed)::after {
  content:'POSTER UNAVAILABLE';
  font-size:1rem;
}

.poster-missing small {
  font-family:var(--body);
  font-size:.75rem;
}

.film-copy {
  min-width:0;
}

.film-copy h3 {
  font-size:clamp(1.75rem,2.7vw,2.5rem);
  line-height:1.05;
}

.film-copy h3 a {
  text-decoration:none;
}

.film-meta {
  font-size:.875rem;
  color:var(--muted);
  margin-top:.5rem;
}

.film-meta span {
  padding-inline:.3rem;
  color:var(--red);
}

.film-tagline {
  margin-top:var(--space-sm);
  color:var(--muted);
  font-style:italic;
}

.film-actions {
  display:flex;
  gap:var(--space-md);
  margin-top:.5rem;
}

.film-details {
  margin-top:.25rem;
  max-width:70ch;
}

.film-details summary {
  display:inline-flex;
  gap:1rem;
  align-items:center;
  min-height:44px;
  font-size:.875rem;
  color:var(--muted);
  list-style:none;
}

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

.film-details[open] summary {
  color:var(--ink);
}

.film-details[open] summary span {
  transform:rotate(45deg);
}

.film-details-content {
  padding-top:.5rem;
}

.film-details-content p+p {
  margin-top:var(--space-sm);
}

.film-details-content .muted {
  font-size:.875rem;
}

.external-links {
  display:flex;
  gap:var(--space-md);
  margin-top:var(--space-sm);
  font-size:.875rem;
}

.external-links a {
  padding-block:.5rem;
}

.watch-date,.personal-rating {
  color:var(--red);
  font-size:.9375rem;
}

.watch-date {
  margin-bottom:.5rem;
}

blockquote {
  margin:1rem 0;
  font-size:1.125rem;
}

blockquote footer {
  font-size:.875rem;
  color:var(--muted);
  margin-top:.5rem;
}

.no-results {
  padding:var(--space-2xl) 0;
}

.no-results p {
  margin-block:var(--space-md);
}

.year-navigation {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--space-lg);
  padding-block:var(--space-xl);
  border-bottom:1px solid var(--line);
  font-size:.9375rem;
}

.year-navigation a {
  padding-block:.75rem;
}

@media(min-width:1440px) {
  .poster-stack {
    height:400px;
  }
  .stack-poster {
    max-height:375px;
  }
}

@media(max-width:1050px) {
  .home-hero {
    grid-template-columns:1.1fr 1fr;
    min-height:560px;
    padding-top:var(--space-lg);
  }
  .poster-stack {
    height:310px;
  }
  .poster-scene figcaption {
    flex-wrap:wrap;
  }
  .hero-footnote {
    max-width:32ch;
  }
  .hero-actions {
    gap:.5rem 1rem;
  }
  .callout-inner .button {
    font-size:.875rem;
    padding:.75rem;
    gap:1rem;
  }
  .year-hero h1 {
    gap:1rem;
    font-size:5rem;
  }
  .year-hero-grid {
    gap:var(--space-lg);
  }
  .site-footer {
    flex-wrap:wrap;
  }
  .site-footer .footer-links {
    margin-left:auto;
  }
}

@media(max-width:760px) {
  .site-header {
    min-height:100px;
    flex-wrap:wrap;
    gap:.75rem;
    padding-block:var(--space-md);
  }
  .brand {
    font-size:1.5rem;
  }
  .brand-mark {
    width:2.75rem;
    height:2.75rem;
  }
  .brand-sub {
    font-size:.5625rem;
  }
  .main-nav {
    font-size:.8125rem;
    gap:1rem;
  }
  .main-nav>a,.main-nav summary {
    padding-block:.5rem;
    min-height:44px;
  }
  .home-hero {
    grid-template-columns:1fr;
    padding-top:var(--space-xl);
    padding-bottom:var(--space-xl);
    gap:var(--space-xl);
  }
  .home-hero h1 {
    font-size:clamp(3.75rem,12vw,6rem);
  }
  .hero-description {
    font-size:1.125rem;
    max-width:40ch;
  }
  .hero-footnote {
    max-width:none;
    margin-top:var(--space-lg);
  }
  .poster-scene {
    width:min(100%,440px);
    justify-self:center;
  }
  .poster-stack {
    height:350px;
    margin:var(--space-lg) 1rem 0;
  }
  .stack-poster {
    max-height:310px;
    width:43%;
  }
  .poster-scene figcaption {
    margin-top:var(--space-sm);
  }
  .callout-inner {
    flex-wrap:wrap;
    gap:var(--space-md);
  }
  .edition-number {
    font-size:4rem;
    padding-right:var(--space-md);
  }
  .callout-inner>div {
    flex:1;
  }
  .callout-inner .button {
    margin-left:0;
    min-height:48px;
  }
  .section-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:var(--space-md);
  }
  .section-heading>p br {
    display:none;
  }
  .year-grid {
    grid-template-columns:1fr;
  }
  .year-tile {
    grid-template-columns:1fr 1.4fr;
  }
  .year-posters {
    max-width:300px;
    justify-self:end;
  }
  .year-tile h3 {
    font-size:4.5rem;
  }
  .tradition-inner {
    grid-template-columns:1fr;
    gap:var(--space-xl);
  }
  .tradition-copy>p:not(.eyebrow) {
    max-width:60ch;
  }
  .site-footer {
    align-items:flex-start;
    gap:var(--space-lg);
  }
  .site-footer .footer-links {
    margin-left:0;
    width:100%;
  }
  .year-hero-grid {
    grid-template-columns:1fr;
    gap:var(--space-xl);
  }
  .year-hero h1 {
    font-size:6rem;
  }
  .year-hero h1>span {
    font-size:2rem;
  }
  .year-hero-posters {
    max-width:350px;
    justify-self:start;
  }
  .year-hero .eyebrow {
    font-size:.75rem;
  }
  .festival-stats {
    gap:.5rem 1.5rem;
  }
  .festival-stats a {
    margin-left:0;
  }
  .opening-art {
    width:100%;
    max-width:400px;
    justify-self:center;
    transform:rotate(1deg);
  }
  .opening-section {
    grid-template-columns:1fr;
    gap:var(--space-xl);
  }
  .opening-copy h2 {
    max-width:none;
  }
  .calendar {
    padding:var(--space-md);
  }
  .film-search {
    width:100%;
    margin-top:var(--space-md);
  }
  .lineup-heading {
    margin-bottom:var(--space-xl);
  }
  .film-row {
    grid-template-columns:84px minmax(0,1fr);
    gap:var(--space-sm);
    position:relative;
    padding-block:var(--space-lg);
  }
  .film-number {
    position:absolute;
    left:0;
    top:calc(2rem + 126px + .5rem);
    font-size:1.25rem;
  }
  .film-poster {
    width:84px;
  }
  .film-copy h3 {
    font-size:1.875rem;
  }
  .film-meta {
    font-size:.8125rem;
  }
  .film-tagline {
    font-size:.9375rem;
  }
  .film-index ol {
    columns:1;
  }
  .year-navigation {
    gap:.5rem 1rem;
    font-size:.875rem;
  }
}

@media(max-width:430px) {
  .main-nav {
    width:100%;
    justify-content:space-between;
  }
  .site-header {
    gap:.5rem;
  }
  .poster-stack {
    height:300px;
  }
  .stack-poster {
    max-height:270px;
  }
  .hero-footnote {
    font-size:.75rem;
  }
  .hero-footnote span {
    padding-inline:.25rem;
  }
  .hero-actions {
    align-items:flex-start;
    flex-direction:column;
  }
  .year-hero h1 {
    font-size:5rem;
  }
  .year-hero h1>span {
    font-size:1.75rem;
  }
  .calendar {
    padding:var(--space-sm);
  }
  .calendar td {
    height:2.5rem;
  }
  .calendar td span {
    min-height:2rem;
  }
  .year-tile {
    gap:1rem;
    grid-template-columns:.85fr 1.4fr;
  }
  .year-tile h3 {
    font-size:4rem;
  }
  .year-posters {
    gap:.375rem;
  }
  .year-posters img {
    width:calc((100% - .75rem)/3);
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    transition:none!important;
    animation:none!important;
  }
  .poster-scene:hover .stack-1 {
    transform:rotate(-12deg);
  }
  .poster-scene:hover .stack-3 {
    transform:rotate(13deg);
  }
  .year-tile:hover .year-posters {
    transform:none;
  }
}

.festival-reviews {
  margin-top: var(--space-md);
}
.festival-reviews blockquote p {
  white-space: pre-line;
}
.festival-reviews blockquote footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .25rem;
}

.candidates-section {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-xl);
}
.candidate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--space-xl);
}
.movie-picker {
  padding: var(--space-md);
  margin-bottom: var(--space-lg);
  border: 1px solid var(--line);
  background: var(--surface);
}
.movie-picker h3 { font-size: 2rem; }
.movie-picker .button { margin-block: var(--space-md); }
.movie-picker .button:disabled { cursor: default; opacity: .65; }
#picker-status { color: var(--muted); }
#picker-result .candidate-film { margin-top: var(--space-md); padding-bottom: 0; }
.candidate-film {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding-block: var(--space-md);
  border-top: 1px solid var(--line);
  min-width: 0;
}
.candidate-poster {
  width: 64px;
  flex: 0 0 64px;
}
.candidate-copy {
  min-width: 0;
}
.candidate-copy h3 {
  font-size: 1.625rem;
  line-height: 1.1;
}
.candidate-meta {
  margin-top: .375rem;
  color: var(--muted);
  font-size: .8125rem;
}
.candidate-film.is-watched h3 {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--red);
}
.candidate-watched {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--red);
  font-size: .8125rem;
}
.candidate-meta span {
  margin-inline: .25rem;
}
.candidate-links {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--space-sm);
  margin-top: .25rem;
  font-size: .8125rem;
}
.candidate-links a {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  min-height: 44px;
}
@media (max-width: 900px) {
  .candidate-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 430px) {
  .candidate-film {
    gap: var(--space-sm);
  }
  .candidate-copy h3 {
    font-size: 1.5rem;
  }
  .candidate-links {
    column-gap: .75rem;
    font-size: .75rem;
  }
}