.features-page {
  overflow: clip;
}

.features-page .features-section {
  padding-block: var(--space-9);
}

.features-page .features-hero {
  padding-block: var(--space-8) var(--space-9);
  overflow: clip;
}

.features-page .features-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: center;
}

.features-page .features-hero__panel {
  position: relative;
  grid-column: span 7;
  min-width: 0;
  padding: var(--space-8);
  overflow: clip;
}

.features-page .features-hero__copy {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.features-page .features-hero__copy > * { margin: 0; }
.features-page .features-hero__eyebrow { color: var(--color-inverse-ink); }
.features-page .features-hero h1 { max-width: 13ch; color: var(--color-inverse-ink); font-size: var(--text-hero); }
.features-page .features-hero__deck { width: min(100%, 38rem); }
.features-page .features-hero__deck p { margin: 0; font-size: var(--text-lead); }
.features-page .features-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.features-page .features-hero__promise { max-width: 32rem; color: var(--color-inverse-ink); font-size: var(--text-label); }
.features-page .features-hero__star { position: absolute; top: -0.35em; right: 0.16em; color: var(--color-yellow); font-size: 7rem; line-height: 1; }

.features-page .features-hero__figure {
  grid-column: span 5;
  min-width: 0;
  margin: var(--space-6) 0 0;
}

.features-page .features-hero__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border: var(--border-ink);
  border-radius: var(--radius-feature);
  object-fit: cover;
  object-position: 70% center;
  box-shadow: var(--shadow-offset);
}

.features-page .features-pick { padding-top: var(--space-8); }
.features-page .features-pick > .container > h2 { max-width: 25ch; }
.features-page .features-pick__card {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(15.625rem, 4fr);
  gap: var(--space-6);
  width: calc(100% - ((100% - 11 / 12 * 100%) / 2));
  margin: var(--space-6) 0 0 auto;
  padding: var(--space-6);
}

.features-page .features-pick__essay,
.features-page .features-fact-rail,
.features-page .features-production__craft,
.features-page .features-production__cast,
.features-page .features-production__verification,
.features-page .features-shelf-card__description,
.features-page .features-shelf-card__utilities { min-width: 0; }

.features-page .features-pick__essay { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 46rem; }
.features-page .features-pick__essay > * { margin: 0; }
.features-page .features-pick__label { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.features-page .features-pick__label p { margin: 0; color: var(--color-muted-ink); font-size: var(--text-label); }
.features-page .features-fact-rail { padding-left: var(--space-6); border-left: var(--border-line); }
.features-page .features-fact-rail h3 { font-size: var(--text-card-title); }
.features-page .features-fact-rail dl { display: grid; gap: var(--space-3); }
.features-page .features-fact-rail dl div { padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-line); }
.features-page .features-fact-rail dd { margin: var(--space-1) 0 0; color: var(--color-muted-ink); }

.features-page .features-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--space-2); color: var(--color-ink); font-weight: 700; }
.features-page .features-text-link:hover { color: var(--color-blue); }

.features-page .features-formats__intro { max-width: 44rem; }
.features-page .features-formats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.features-page .features-format-card { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-5); border: var(--border-ink); border-radius: var(--radius-card); background: var(--color-paper); color: var(--color-ink); text-decoration: none; transition: transform var(--transition-card), box-shadow var(--transition-card); }
.features-page .features-format-card:hover { color: var(--color-ink); transform: translateY(-3px); box-shadow: var(--shadow-offset-small); }
.features-page .features-format-card__band { display: block; margin: calc(var(--space-5) * -1); margin-bottom: 0; padding: var(--space-3) var(--space-5); font-family: var(--font-heading); font-weight: 800; }
.features-page .features-format-card--blue .features-format-card__band { background: var(--color-blue); color: var(--color-inverse-ink); }
.features-page .features-format-card--yellow .features-format-card__band { background: var(--color-yellow); }
.features-page .features-format-card--orange .features-format-card__band { background: var(--color-orange); }
.features-page .features-format-card__body { display: block; }
.features-page .features-format-card .features-text-link { margin-top: auto; }

.features-page .features-production { position: relative; overflow: clip; }
.features-page .features-production > .container > .eyebrow { color: var(--color-inverse-ink); }
.features-page .features-production > .container > h2 { color: var(--color-inverse-ink); }
.features-page .features-production__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; margin-top: var(--space-6); }
.features-page .features-production__craft { grid-column: span 7; }
.features-page .features-production__craft .inset { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); }
.features-page .features-production__craft .inset > * { margin: 0; }
.features-page .features-production__craft p { max-width: 42rem; }
.features-page .features-production__cast { grid-column: span 5; margin-top: var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); }
.features-page .features-production__cast > * { margin: 0; }
.features-page .features-production__pair { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.features-page .features-production__pair p { margin: 0; }
.features-page .features-production__verification { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: var(--space-3); }
.features-page .features-production__verification > * { margin: 0; }

.features-page .features-collections__lead { max-width: 48rem; }
.features-page .features-collections__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); width: calc(100% - 16.6667%); margin: var(--space-6) auto 0; }
.features-page .features-shelf-card { display: grid; grid-template-columns: minmax(0, 7fr) minmax(12rem, 3fr); gap: var(--space-5); padding: var(--space-5); border: var(--border-ink); border-radius: var(--radius-card); background: var(--color-paper); }
.features-page .features-shelf-card__description { max-width: 52rem; }
.features-page .features-shelf-card__description h3 { margin-top: var(--space-3); }
.features-page .features-shelf-card__tab { display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); font-size: var(--text-label); font-weight: 700; }
.features-page .features-shelf-card__tab--blue { background: var(--color-blue); color: var(--color-inverse-ink); }
.features-page .features-shelf-card__tab--yellow { background: var(--color-yellow); }
.features-page .features-shelf-card__tab--orange { background: var(--color-orange); }
.features-page .features-shelf-card__utilities { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.features-page .features-shelf-card__utilities ol { margin: 0; }
.features-page .features-collections__image { width: min(100%, 38rem); margin: var(--space-6) 0 0 auto; }
.features-page .features-collections__image img { width: 100%; aspect-ratio: 3 / 2; border: var(--border-ink); border-radius: var(--radius-card); object-fit: cover; box-shadow: var(--shadow-offset-small); }

.features-page .features-spoilers__reading { width: calc(8 / 12 * 100%); margin-inline: auto; }
.features-page .features-spoilers__policy { max-width: 42rem; }
.features-page .features-spoilers__banner { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2) var(--space-3); margin-top: var(--space-5); padding: var(--space-3) var(--space-4); border: var(--border-ink); border-radius: var(--radius-card); background: var(--color-yellow); }
.features-page .features-spoilers__toggle { margin-top: var(--space-4); }
.features-page .features-spoilers__panel { margin-top: var(--space-4); }
.features-page .features-spoilers__analysis { display: flex; max-width: 44rem; flex-direction: column; gap: var(--space-4); }
.features-page .features-spoilers__analysis > * { margin: 0; }

.features-page .features-catalogue { background: #f4f0e7; }
.features-page .features-catalogue__controls { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-4) var(--space-5); align-items: end; margin-top: var(--space-6); }
.features-page .features-catalogue__search { grid-column: span 7; min-width: 0; }
.features-page .features-catalogue__search label { display: block; }
.features-page .features-catalogue__search input { min-height: 3.25rem; border-radius: var(--radius-card); }
.features-page .features-catalogue__help { grid-column: span 5; min-width: 0; margin: 0; max-width: 35rem; }
.features-page .features-catalogue__filters { grid-column: span 8; min-width: 0; }
.features-page .features-catalogue__filter-scroll { display: flex; min-width: 0; gap: var(--space-2); overflow-x: auto; padding-bottom: var(--space-2); scrollbar-width: thin; }
.features-page .features-filter { flex: 0 0 auto; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.75rem; border: var(--border-ink); border-radius: var(--radius-pill); background: var(--color-paper); font-size: var(--text-label); font-weight: 700; }
.features-page .features-filter.is-selected { background: var(--color-blue); color: var(--color-inverse-ink); }
.features-page .features-catalogue__status { grid-column: span 4; min-width: 0; margin: 0; color: var(--color-muted-ink); font-weight: 700; text-align: right; }
.features-page .features-catalogue__results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.features-page .features-film-card { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-4); border: var(--border-ink); border-radius: var(--radius-card); background: var(--color-paper); }
.features-page .features-film-card > * { margin: 0; }
.features-page .features-film-card__label { display: inline-flex; align-self: flex-start; padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); background: var(--color-yellow); font-size: var(--text-meta); font-weight: 700; }
.features-page .features-film-card h3 { font-size: var(--text-card-title); }
.features-page .features-film-card__metadata { color: var(--color-muted-ink); font-size: var(--text-label); }
.features-page .features-film-card__excerpt { padding: var(--space-3); border-radius: var(--radius-control); background: var(--color-canvas); }
.features-page .features-film-card .features-text-link { margin-top: auto; }
.features-page .features-catalogue__empty, .features-page .features-catalogue__error { margin-top: var(--space-6); }

.features-page .features-pathways__lead { max-width: 42rem; }
.features-page .features-pathways__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.features-page .features-pathway { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-4); border: var(--border-line); border-radius: var(--radius-card); background: var(--color-paper); }
.features-page .features-pathway > * { margin: 0; }
.features-page .features-pathway .features-text-link { margin-top: auto; }
.features-page .features-pathway__marker { display: inline-flex; width: 2.5rem; min-height: 2.5rem; align-items: center; justify-content: center; border: var(--border-ink); border-radius: var(--radius-control); font-family: var(--font-heading); font-weight: 800; }
.features-page .features-pathway__marker--blue { background: var(--color-blue); color: var(--color-inverse-ink); }
.features-page .features-pathway__marker--yellow { background: var(--color-yellow); }
.features-page .features-pathway__marker--orange { background: var(--color-orange); }

.features-page .features-principles { background: var(--color-paper); }
.features-page .features-principles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.features-page .features-principle { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding: var(--space-4); border: var(--border-line); border-radius: var(--radius-card); }
.features-page .features-principle h3 { margin-bottom: var(--space-2); }
.features-page .features-principle p { margin: 0; max-width: 36rem; }
.features-page .features-principle__number { display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border: var(--border-ink); border-radius: var(--radius-control); font-family: var(--font-heading); font-size: var(--text-card-title); font-weight: 800; }
.features-page .features-principle__number--blue { background: var(--color-blue); color: var(--color-inverse-ink); }
.features-page .features-principle__number--yellow { background: var(--color-yellow); }
.features-page .features-principle__number--orange { background: var(--color-orange); }
.features-page .features-principles__date-note { width: calc(8 / 12 * 100%); margin: var(--space-5) auto 0; max-width: 34rem; }

.features-page .features-closing { padding-top: var(--space-8); }
.features-page .features-closing__panel { position: relative; width: calc(10 / 12 * 100%); margin-inline: auto; padding: var(--space-7); overflow: clip; }
.features-page .features-closing__star { position: absolute; right: var(--space-4); top: -0.2em; color: var(--color-yellow); font-size: 6rem; }
.features-page .features-closing__inset { position: relative; display: flex; width: calc(7 / 10 * 100%); min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); margin-inline: auto; text-align: center; }
.features-page .features-closing__inset > * { margin: 0; }
.features-page .features-closing__inset p { max-width: 34rem; }
.features-page .features-closing__actions { display: flex; min-width: 0; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }

@media (max-width: 61.25rem) {
  .features-page .features-hero__grid { grid-template-columns: 1fr; }
  .features-page .features-hero__panel, .features-page .features-hero__figure { grid-column: 1; width: 100%; }
  .features-page .features-hero__figure { margin-top: 0; }
  .features-page .features-hero__figure img { aspect-ratio: 16 / 9; }
}

@media (max-width: 58.75rem) {
  .features-page .features-production__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .features-page .features-production__craft { grid-column: 1 / -1; }
  .features-page .features-production__cast, .features-page .features-production__verification { grid-column: span 1; margin-top: 0; }
}

@media (max-width: 60rem) {
  .features-page .features-pathways__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 56.25rem) {
  .features-page .features-pick__card { grid-template-columns: 1fr; width: 100%; margin-left: 0; }
  .features-page .features-fact-rail { padding-top: var(--space-5); padding-left: 0; border-top: var(--border-line); border-left: 0; }
  .features-page .features-shelf-card { grid-template-columns: 1fr; }
  .features-page .features-catalogue__search, .features-page .features-catalogue__help { grid-column: 1 / -1; }
}

@media (max-width: 53.75rem) {
  .features-page .features-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .features-page .features-format-card:last-child { grid-column: 1 / -1; }
  .features-page .features-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .features-page .features-principle:last-child { grid-column: 1 / -1; }
}

@media (max-width: 48.75rem) {
  .features-page .features-catalogue__results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 47.5rem) {
  .features-page .features-section { padding-block: var(--space-8); }
  .features-page .features-hero { padding-block: var(--space-6) var(--space-8); }
  .features-page .features-hero__panel { padding: var(--space-5); }
  .features-page .features-hero__star, .features-page .features-closing__star { display: none; }
  .features-page .features-hero h1 { max-width: 15ch; font-size: clamp(2.6rem, 11vw, 3.8rem); }
  .features-page .features-hero__figure img { aspect-ratio: 4 / 3; object-position: center; }
  .features-page .features-pick__card, .features-page .features-production__craft .inset { padding: var(--space-5); }
  .features-page .features-collections__list, .features-page .features-spoilers__reading { width: 100%; }
  .features-page .features-catalogue__controls { grid-template-columns: 1fr; }
  .features-page .features-catalogue__search, .features-page .features-catalogue__help, .features-page .features-catalogue__filters, .features-page .features-catalogue__status { grid-column: 1; }
  .features-page .features-catalogue__status { text-align: left; }
  .features-page .features-closing__panel { width: 100%; padding: var(--space-5); }
  .features-page .features-closing__inset { width: 100%; align-items: flex-start; text-align: left; }
  .features-page .features-closing__actions { justify-content: flex-start; }
}

@media (max-width: 37.5rem) {
  .features-page .features-formats__grid, .features-page .features-production__grid, .features-page .features-pathways__grid, .features-page .features-principles__grid { grid-template-columns: 1fr; }
  .features-page .features-format-card:last-child, .features-page .features-principle:last-child, .features-page .features-production__cast, .features-page .features-production__verification { grid-column: 1; }
  .features-page .features-catalogue__results { grid-template-columns: 1fr; }
  .features-page .features-principles__date-note { width: 100%; margin-left: 0; }
}

@media (max-width: 32.5rem) {
  .features-page .features-spoilers__toggle, .features-page .features-closing__actions .button { width: 100%; }
}

@media (max-width: 26.25rem) {
  .features-page .features-hero__actions .button { width: 100%; }
  .features-page .features-principle { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .features-page .features-format-card { transition: none; }
  .features-page .features-format-card:hover { transform: none; }
}