

:root {
  --color-paper: #faf9f6;
  --color-mist: #e8eceb;
  --color-slate: #17232b;
  --color-slate-muted: #52616a;
  --color-seafoam: #197c78;
  --color-seafoam-pale: #d7efeb;
  --color-terracotta: #b95746;
  --color-amber: #c78324;
  --color-white: #ffffff;
  --color-rule: #c7d0d0;

  --font-heading: "Fraunces", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;

  --text-meta: 0.6875rem;
  --text-utility: 0.8125rem;
  --text-compact: 0.9375rem;
  --text-body: 1.0625rem;
  --text-lead: 1.25rem;
  --text-section: clamp(1.625rem, 3vw, 2rem);
  --text-title: clamp(2rem, 4vw, 2.6875rem);
  --text-feature: clamp(2.5rem, 6vw, 3.5rem);
  --text-display: clamp(2.25rem, 11vw, 5.5rem);

  --leading-tight: 1.02;
  --leading-body: 1.6;
  --leading-compact: 1.53;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3.5rem;
  --space-9: 4.5rem;
  --space-10: 6rem;
  --space-11: 8rem;

  --shell-padding: 1.25rem;
  --container-max: 77.5rem;
  --reading-max: 45rem;
  --media-max: 60rem;

  --section-space: 3.5rem;
  --grid-gap: 1rem;

  --radius-none: 0;
  --radius-control: 0.25rem;
  --radius-overlay: 0.5rem;

  --border-default: 1px solid var(--color-rule);
  --border-strong: 2px solid var(--color-slate);
  --shadow-overlay: 0 8px 24px rgb(23 35 43 / 12%);

  --transition-fast: 160ms ease-out;
  --transition-base: 200ms ease-out;
}

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

html {
  min-width: 20rem;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 20rem;
  margin: 0;
  overflow-x: clip;
  background: var(--color-paper);
  color: var(--color-slate);
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main,
header,
footer,
section,
article,
aside,
nav,
figure,
form,
fieldset {
  min-width: 0;
}

img,
picture,
svg,
video,
canvas,
audio,
iframe {
  display: block;
  max-width: 100%;
}

img,
video {
  height: auto;
}

img {
  font-style: italic;
}

iframe {
  border: 0;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
select {
  cursor: pointer;
}

button {
  border: 0;
  border-radius: 0;
  background: none;
}

textarea {
  min-height: 7rem;
  resize: vertical;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

ul,
ol {
  padding-inline-start: 1.4em;
}

ul,
ol,
dl,
blockquote,
figure,
pre,
table,
hr {
  margin-block: 0 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-block: 0 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-slate);
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: var(--leading-tight);
  text-wrap: balance;
}

h1 {
  font-size: var(--text-title);
}

h2 {
  font-size: var(--text-section);
}

h3 {
  font-size: var(--text-lead);
  line-height: 1.12;
}

h4 {
  font-size: 1.0625rem;
  line-height: 1.2;
}

h5,
h6 {
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

p {
  line-height: var(--leading-body);
}

li {
  line-height: var(--leading-body);
}

li > ul,
li > ol {
  margin-block: var(--space-2) 0;
}

blockquote {
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-5);
  color: var(--color-slate);
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  font-style: italic;
  line-height: 1.35;
}

blockquote p {
  margin-block-end: var(--space-3);
}

blockquote cite {
  color: var(--color-slate-muted);
  font-family: var(--font-body);
  font-size: var(--text-utility);
  font-style: normal;
  font-weight: 600;
}

hr {
  border: 0;
  border-top: var(--border-default);
}

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

pre {
  overflow-x: auto;
  padding: var(--space-4);
  border: var(--border-default);
  background: var(--color-mist);
  font-size: var(--text-compact);
}

small {
  font-size: var(--text-utility);
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

a {
  color: var(--color-slate);
  text-decoration-color: var(--color-seafoam);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.16em;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover,
a:focus-visible {
  color: var(--color-seafoam);
}

a[href^="mailto:"],
a[href^="tel:"] {
  overflow-wrap: anywhere;
}

::selection {
  background: var(--color-seafoam-pale);
  color: var(--color-slate);
}

:focus-visible {
  outline: 3px solid var(--color-amber);
  outline-offset: 2px;
}

:target {
  scroll-margin-block-start: var(--space-8);
}

input,
select,
textarea {
  width: 100%;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-white);
  line-height: 1.4;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

input,
select {
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
}

textarea {
  padding: 0.75rem;
}

input::placeholder,
textarea::placeholder {
  color: var(--color-slate-muted);
  opacity: 1;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-seafoam);
  outline: 3px solid var(--color-amber);
  outline-offset: 2px;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

label {
  display: inline-block;
  margin-block-end: var(--space-2);
  font-size: var(--text-compact);
  font-weight: 700;
  line-height: 1.35;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  margin-block-end: var(--space-3);
  font-weight: 700;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  min-height: 2.75rem;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}

summary {
  cursor: pointer;
}

summary::marker {
  color: var(--color-seafoam);
}

.container {
  width: min(100% - (var(--shell-padding) * 2), var(--container-max));
  margin-inline: auto;
}

.reading-column {
  max-width: var(--reading-max);
}

.media-column {
  max-width: var(--media-max);
}

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

.surface-paper {
  background: var(--color-paper);
}

.surface-white {
  background: var(--color-white);
}

.surface-mist {
  background: var(--color-mist);
}

.surface-seafoam-pale {
  background: var(--color-seafoam-pale);
}

.eyebrow,
.meta {
  color: var(--color-slate-muted);
  font-family: var(--font-body);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.eyebrow {
  margin-block-end: var(--space-3);
}

.lead {
  font-size: var(--text-lead);
  line-height: 1.4;
}

.display-title {
  font-size: var(--text-display);
  line-height: 0.96;
}

.feature-title {
  font-size: var(--text-feature);
  line-height: 1;
}

.section-title {
  font-size: var(--text-section);
}

.compact-copy {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

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

.content-list {
  margin-block-end: var(--space-5);
}

.content-list > .stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.cluster {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.cluster > * {
  min-width: 0;
}

.card,
.panel,
.fact-panel {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: var(--color-white);
  padding: var(--space-5);
}

.fact-panel {
  background: var(--color-mist);
}

.fact-panel--verified {
  background: var(--color-seafoam-pale);
}

.card > :last-child,
.panel > :last-child,
.fact-panel > :last-child,
.stack > :last-child {
  margin-block-end: 0;
}

.button {
  display: inline-flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border: 1px solid var(--color-slate);
  border-radius: var(--radius-control);
  padding: 0.625rem 1rem;
  background: var(--color-slate);
  color: var(--color-paper);
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base);
}

.button:hover,
.button:focus-visible {
  border-color: var(--color-seafoam);
  background: var(--color-seafoam);
  color: var(--color-white);
}

.button:active {
  transform: translateY(1px);
}

.button--seafoam {
  border-color: var(--color-seafoam);
  background: var(--color-seafoam);
  color: var(--color-white);
}

.button--seafoam:hover,
.button--seafoam:focus-visible {
  border-color: var(--color-slate);
  background: var(--color-slate);
}

.button--secondary {
  background: transparent;
  color: var(--color-slate);
}

.button--secondary:hover,
.button--secondary:focus-visible {
  border-color: var(--color-seafoam);
  background: var(--color-seafoam-pale);
  color: var(--color-slate);
}

.button--full {
  width: 100%;
}

.tag {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-control);
  padding: 0.25rem 0.5rem;
  background: var(--color-white);
  color: var(--color-slate);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tag--seafoam {
  border-color: var(--color-seafoam);
  background: var(--color-seafoam-pale);
}

.tag--terracotta {
  border-color: var(--color-terracotta);
  color: var(--color-terracotta);
}

.tag--amber {
  border-color: var(--color-amber);
  background: #f8ead5;
}

.media-frame {
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-mist);
}

.media-frame > img,
.media-frame > picture > img,
.media-frame > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.caption {
  margin-block: var(--space-2) 0;
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.38;
}

.rule-top {
  border-top: var(--border-strong);
}

.rule-bottom {
  border-bottom: var(--border-strong);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  inset-block-start: var(--space-3);
  inset-inline-start: var(--space-3);
  transform: translateY(-200%);
  border-radius: var(--radius-control);
  padding: var(--space-3) var(--space-4);
  background: var(--color-slate);
  color: var(--color-paper);
  font-weight: 700;
  text-decoration: none;
  transition: transform var(--transition-base);
}

.skip-link:focus {
  transform: translateY(0);
}

@media (min-width: 43.75rem) {
  :root {
    --shell-padding: 2rem;
    --section-space: 4.5rem;
    --grid-gap: 1.5rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --shell-padding: 3rem;
    --section-space: 6rem;
    --grid-gap: 2rem;
  }
}

@media (max-width: 43.6875rem) {
  body {
    font-size: 1rem;
  }

  .display-title {
    font-size: clamp(2.25rem, 11vw, 3.375rem);
  }

  .button--full-mobile {
    width: 100%;
  }
}

@media (hover: hover) and (pointer: fine) {
  .card--interactive,
  .panel--interactive {
    transition: border-color var(--transition-base), transform var(--transition-base);
  }

  .card--interactive:hover,
  .panel--interactive:hover {
    border-color: var(--color-seafoam);
    transform: translateY(-2px);
  }

  .media-frame--interactive img,
  .media-frame--interactive picture > img {
    transition: transform var(--transition-base), filter var(--transition-base);
  }

  .media-frame--interactive:hover img,
  .media-frame--interactive:hover picture > img {
    filter: contrast(1.03);
    transform: scale(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}


.site-header {
  position: relative;
  z-index: 100;
  border-bottom: var(--border-default);
  background: var(--color-paper);
}

.site-header__inner {
  position: relative;
  display: flex;
  min-height: 4.25rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.site-header__brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.625rem;
  color: var(--color-slate);
  text-decoration: none;
}

.site-header__mark {
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 1.75rem;
  object-fit: contain;
}

.site-header__brand-name {
  overflow: hidden;
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__toggle,
.site-header__close {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-control);
  color: var(--color-slate);
}

.site-header__toggle {
  width: 2.75rem;
  flex: 0 0 2.75rem;
  flex-direction: column;
  gap: 0.25rem;
}

.site-header__toggle-line {
  width: 1.125rem;
  height: 2px;
  background: currentColor;
  transition: transform var(--transition-base), opacity var(--transition-fast);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(1) {
  transform: translateY(0.375rem) rotate(45deg);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(2) {
  opacity: 0;
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(3) {
  transform: translateY(-0.375rem) rotate(-45deg);
}

.site-header__nav {
  position: absolute;
  z-index: 10;
  inset: calc(100% + 1px) 0 auto;
  display: none;
  max-height: calc(100vh - 4.25rem);
  overflow-y: auto;
  border: var(--border-default);
  border-radius: 0 0 var(--radius-overlay) var(--radius-overlay);
  background: var(--color-white);
  box-shadow: var(--shadow-overlay);
}

.site-header__nav.is-open {
  display: block;
}

.site-header__nav-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
  border-bottom: var(--border-default);
}

.site-header__nav-title {
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  font-weight: 600;
  line-height: 1.1;
}

.site-header__close {
  padding: 0.5rem 0.75rem;
  font-size: var(--text-utility);
  font-weight: 700;
}

.site-header__nav-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: var(--space-2) 0;
  list-style: none;
}

.site-header__nav-list li,
.site-header__nav-list .site-header__nav-list a {
  display: block;
  padding: 0.75rem var(--space-4);
  color: var(--color-slate);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.site-header__nav-list a:hover,
.site-header__nav-list a:focus-visible,
.site-header__nav-list a[aria-current="page"] {
  background: var(--color-seafoam-pale);
  color: var(--color-seafoam);
}

@media (min-width: 53.75rem) {
  .site-header__inner {
    min-height: 4.75rem;
  }

  .site-header__mark {
    width: 2.125rem;
    height: 2.125rem;
    flex-basis: 2.125rem;
  }

  .site-header__brand-name {
    font-size: 1.375rem;
  }

  .site-header__toggle,
  .site-header__nav-head {
    display: none;
  }

  .site-header__nav {
    position: static;
    display: block;
    max-height: none;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .site-header__nav-list {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0;
  }

  .site-header__nav-list a {
    display: inline-flex;
    min-height: 4.75rem;
    align-items: center;
    padding: 0.125rem 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    font-size: 0.8125rem;
    line-height: 1.2;
    white-space: nowrap;
  }

  .site-header__nav-list a:hover,
  .site-header__nav-list a:focus-visible,
  .site-header__nav-list a[aria-current="page"] {
    border-bottom-color: var(--color-seafoam);
    background: transparent;
    color: var(--color-seafoam);
  }

  .site-header__nav-more {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header__toggle-line {
    transition: none;
  }
}


.site-footer {
  border-top: var(--border-default);
  background: var(--color-mist);
  color: var(--color-slate);
}

.site-footer__inner {
  display: grid;
  gap: var(--space-7);
  padding-block: var(--space-8);
}

.site-footer__intro,
.site-footer__group,
.site-footer__contact {
  min-width: 0;
}

.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  margin-block-end: var(--space-4);
  color: var(--color-slate);
  font-family: var(--font-heading);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.site-footer__mark {
  width: 2.125rem;
  height: 2.125rem;
  object-fit: contain;
}

.site-footer__intro > p {
  margin: 0 0 var(--space-5);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.site-footer__directory {
  width: 100%;
}

.site-footer__group h2,
.site-footer__contact h2 {
  margin: 0 0 var(--space-3);
  font-family: var(--font-body);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.site-footer__group ul {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__group li,
.site-footer__group .site-footer__group a,
.site-footer__contact a {
  font-size: var(--text-compact);
  line-height: 1.45;
}

.site-footer__contact {
  font-style: normal;
}

.site-footer__contact p {
  margin: 0 0 var(--space-4);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.site-footer__contact p:last-child {
  margin-bottom: 0;
}

.site-footer__legal {
  display: grid;
  gap: var(--space-3);
  padding-block: var(--space-5);
  border-top: var(--border-default);
}

.site-footer__legal p {
  margin: 0;
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.46;
}

.site-consent {
  position: fixed;
  z-index: 200;
  inset: auto var(--space-3) var(--space-3);
  border: var(--border-default);
  border-radius: var(--radius-overlay);
  background: var(--color-white);
  box-shadow: var(--shadow-overlay);
}

.site-consent[hidden] {
  display: none;
}

.site-consent__inner {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4);
}

.site-consent__copy h2 {
  margin: 0 0 var(--space-2);
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

.site-consent__copy p {
  margin: 0;
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.45;
}

.site-consent__actions {
  display: grid;
  gap: var(--space-2);
}

.site-consent__actions .button {
  width: 100%;
  font-size: var(--text-utility);
}

@media (min-width: 43.75rem) {
  .site-footer__inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(9rem, 1fr) minmax(9rem, 1fr);
  }

  .site-footer__contact {
    grid-column: 1 / -1;
  }

  .site-footer__directory {
    width: auto;
  }

  .site-consent {
    right: var(--space-5);
    left: auto;
    width: min(100% - 2.5rem, 42rem);
  }

  .site-consent__actions {
    grid-template-columns: auto auto;
    justify-content: end;
  }

  .site-consent__actions .button {
    width: auto;
  }
}

@media (min-width: 64rem) {
  .site-footer__inner {
    grid-template-columns: minmax(0, 1.6fr) minmax(9rem, 1fr) minmax(9rem, 1fr) minmax(12rem, 1.1fr);
  }

  .site-footer__contact {
    grid-column: auto;
  }

  .site-footer__legal {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }
}


.privacy-policy-page {
  background: var(--color-paper);
}

.privacy-policy-page__intro {
  padding-block-end: var(--space-9);
}

.privacy-policy-page__intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 45rem) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
}

.privacy-policy-page__intro-copy,
.privacy-policy-page__intro-space,
.privacy-policy-page__reading-heading,
.privacy-policy-page__uses-introduction,
.privacy-policy-page__sharing-copy,
.privacy-policy-page__enquiries-content,
.privacy-policy-page__updates-content,
.privacy-policy-page__scope-reminder-content {
  min-width: 0;
}

.privacy-policy-page__intro-copy {
  width: 100%;
  max-width: 45rem;
}

.privacy-policy-page__intro-space {
  width: 100%;
}

.privacy-policy-page__eyebrow,
.privacy-policy-page__section-marker {
  color: var(--color-terracotta);
}

.privacy-policy-page__title {
  max-width: 40rem;
  border-bottom: var(--border-strong);
  padding-bottom: var(--space-5);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
}

.privacy-policy-page__scope {
  max-width: 66ch;
}

.privacy-policy-page__status {
  display: flex;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  border-left: 4px solid var(--color-amber);
  padding: var(--space-4);
  background: var(--color-mist);
}

.privacy-policy-page__status p {
  margin: 0;
}

.privacy-policy-page__status p:last-child {
  max-width: 62ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.privacy-policy-page__reading-heading,
.privacy-policy-page__uses-introduction,
.privacy-policy-page__sharing-copy,
.privacy-policy-page__enquiries-content,
.privacy-policy-page__updates-content,
.privacy-policy-page__scope-reminder-content {
  width: 100%;
  max-width: 45rem;
}

.privacy-policy-page__clauses {
  display: flex;
  width: 100%;
  max-width: 47.5rem;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-6);
}

.privacy-policy-page__clause,
.privacy-policy-page__external-note {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  column-gap: var(--space-4);
}

.privacy-policy-page__clause-number {
  width: 2.5rem;
  min-width: 0;
  color: var(--color-terracotta);
  font-family: var(--font-heading);
  font-size: var(--text-section);
  font-weight: 600;
  line-height: 1;
}

.privacy-policy-page__clause-body,
.privacy-policy-page__external-note-content {
  min-width: 0;
}

.privacy-policy-page__clause-body h3,
.privacy-policy-page__external-note-content h3 {
  max-width: 42rem;
}

.privacy-policy-page__clause-body p,
.privacy-policy-page__external-note-content p {
  }

.privacy-policy-page__inline-number {
  display: none;
  color: var(--color-terracotta);
}

.privacy-policy-page__technical-label,
.privacy-policy-page__purpose-marker,
.privacy-policy-page__availability-label,
.privacy-policy-page__scope-label {
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.privacy-policy-page__technical-label {
  margin-bottom: var(--space-2);
  color: var(--color-amber);
}

.privacy-policy-page__external-note {
  border: var(--border-default);
  border-left: 3px solid var(--color-seafoam);
  padding: var(--space-5);
  background: var(--color-white);
}

.privacy-policy-page__external-note .privacy-policy-page__clause-number {
  color: var(--color-seafoam);
}

.privacy-policy-page__uses-introduction > p:last-child {
  max-width: 66ch;
}

.privacy-policy-page__purpose-grid {
  display: grid;
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-top: var(--space-6);
}

.privacy-policy-page__purpose-block {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: var(--border-default);
  border-top: 3px solid var(--color-seafoam);
  padding: var(--space-5);
  background: var(--color-white);
}

.privacy-policy-page__purpose-block > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__purpose-block h3 {
  font-size: var(--text-lead);
}

.privacy-policy-page__purpose-block p:not(.privacy-policy-page__purpose-marker) {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.privacy-policy-page__purpose-marker {
  color: var(--color-amber);
}

.privacy-policy-page__disclosure {
  border-left: 3px solid var(--color-terracotta);
  padding-left: var(--space-5);
}

.privacy-policy-page__disclosure p,
.privacy-policy-page__third-party-copy p,
.privacy-policy-page__update-copy p {
  }

.privacy-policy-page__third-party-copy {
  border-top: var(--border-default);
  padding-top: var(--space-5);
}

.privacy-policy-page__directory-panel {
  display: grid;
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  grid-template-columns: 0.25rem minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding: var(--space-5);
}

.privacy-policy-page__directory-marker {
  width: 0.25rem;
  min-width: 0;
  background: var(--color-amber);
}

.privacy-policy-page__directory-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.privacy-policy-page__directory-content > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__directory-content p:not(.privacy-policy-page__availability-label) {
  max-width: 72ch;
}

.privacy-policy-page__availability-label {
  color: var(--color-slate);
}

.privacy-policy-page__directory-link,
.privacy-policy-page__mail-link {
  color: var(--color-seafoam);
  font-weight: 700;
  text-decoration-thickness: 0.125rem;
}

.privacy-policy-page__directory-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
}

.privacy-policy-page__enquiries-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
}

.privacy-policy-page__enquiries-content > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__contact-panel {
  display: flex;
  width: 100%;
  max-width: 38.75rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.privacy-policy-page__contact-panel > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__contact-panel p {
  }

.privacy-policy-page__mail-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  overflow-wrap: anywhere;
}

.privacy-policy-page__choices-copy {
  width: 100%;
  max-width: 45rem;
  min-width: 0;
  border-top: var(--border-strong);
  padding-top: var(--space-5);
}

.privacy-policy-page__choices-copy p {
  }

.privacy-policy-page__updates-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.privacy-policy-page__updates-content > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__update-copy h3 {
  margin-bottom: var(--space-3);
}

.privacy-policy-page__revision-row {
  display: grid;
  width: fit-content;
  max-width: 30rem;
  min-width: 0;
  grid-template-columns: 0.25rem minmax(0, 1fr);
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-3) var(--space-4);
  background: var(--color-white);
}

.privacy-policy-page__revision-marker {
  width: 0.25rem;
  min-width: 0;
  background: var(--color-amber);
}

.privacy-policy-page__revision-row p {
  margin: 0;
}

.privacy-policy-page__revision-row p:last-child {
  font-size: var(--text-compact);
  font-weight: 700;
}

.privacy-policy-page__scope-reminder {
  padding-top: var(--space-8);
}

.privacy-policy-page__scope-reminder-content {
  border-top: var(--border-strong);
  padding-top: var(--space-5);
}

.privacy-policy-page__scope-label {
  color: var(--color-amber);
}

.privacy-policy-page__scope-reminder-content p:last-child {
  max-width: 60ch;
}

@media (max-width: 62rem) {
  .privacy-policy-page__purpose-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 51.25rem) {
  .privacy-policy-page__intro-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .privacy-policy-page__intro-space {
    display: none;
  }
}

@media (max-width: 43.6875rem) {
  .privacy-policy-page__intro {
    padding-block-end: var(--space-8);
  }

  .privacy-policy-page__title {
    font-size: clamp(2.25rem, 11vw, 3rem);
  }

  .privacy-policy-page__status {
    width: 100%;
    padding: var(--space-4);
  }

  .privacy-policy-page__clauses {
    gap: var(--space-5);
  }

  .privacy-policy-page__clause,
  .privacy-policy-page__external-note {
    display: block;
  }

  .privacy-policy-page__clause-number {
    display: none;
  }

  .privacy-policy-page__inline-number {
    display: inline;
  }

  .privacy-policy-page__external-note {
    padding: var(--space-4);
  }

  .privacy-policy-page__purpose-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .privacy-policy-page__purpose-block {
    padding: var(--space-4);
  }

  .privacy-policy-page__directory-panel {
    grid-template-columns: 0.25rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .privacy-policy-page__directory-link,
  .privacy-policy-page__mail-link {
    width: 100%;
    min-height: 2.75rem;
  }

  .privacy-policy-page__directory-link {
    align-items: center;
  }

  .privacy-policy-page__contact-panel {
    padding: var(--space-4);
  }

  .privacy-policy-page__revision-row {
    width: 100%;
    max-width: none;
  }
}


.terms-page {
  padding-block: var(--space-9) var(--space-10);
}

.terms-page__shell {
  min-width: 0;
}

.terms-page__legal-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.terms-page__legal-grid > * {
  min-width: 0;
  width: 100%;
}

.terms-page__masthead-spacer {
  display: none;
}

.terms-masthead {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.terms-masthead__label,
.terms-masthead__title,
.terms-masthead__date,
.terms-masthead__status {
  margin: 0;
}

.terms-masthead__title {
  max-width: 15ch;
  font-size: clamp(2.25rem, 5vw, 2.6875rem);
  line-height: 1.01;
}

.terms-masthead__date {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  font-weight: 700;
  line-height: 1.4;
}

.terms-masthead__date span {
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  background: var(--color-amber);
}

.terms-masthead__status {
  max-width: 64ch;
  padding: var(--space-5);
}

.terms-masthead__status .lead {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
}

.terms-page__document-grid {
  margin-top: var(--space-8);
  gap: var(--space-6);
}

.terms-contents {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: var(--border-default);
  background: var(--color-mist);
  padding: var(--space-4);
}

.terms-contents__title {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

.terms-contents__nav {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
}

.terms-contents__nav a {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  border-bottom: 1px solid var(--color-rule);
  color: var(--color-slate);
  font-size: var(--text-utility);
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.terms-contents__nav a:last-child {
  border-bottom: 0;
}

.terms-contents__nav a:hover,
.terms-contents__nav a:focus-visible {
  color: var(--color-seafoam);
  text-decoration: underline;
  text-decoration-color: var(--color-seafoam);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.18em;
}

.terms-document {
  min-width: 0;
  width: 100%;
  max-width: 45rem;
}

.terms-section {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  scroll-margin-top: var(--space-10);
}

.terms-section + .terms-section {
  margin-top: var(--section-space);
  padding-top: var(--section-space);
  border-top: var(--border-default);
}

.terms-section > .eyebrow,
.terms-section > h2,
.terms-clause > h3,
.terms-clause > p,
.terms-clause > ol,
.terms-service-note > h3,
.terms-service-note > p,
.terms-directory-panel > h3,
.terms-directory-panel > p,
.terms-rights-note > h3,
.terms-rights-note > p,
.terms-liability-panel > h3,
.terms-liability-panel > p,
.terms-contact-block > h3,
.terms-contact-block > p,
.terms-contact-block > address {
  margin: 0;
}

.terms-section > h2 {
  max-width: 23ch;
  font-size: clamp(1.75rem, 3vw, 2rem);
  line-height: 1.05;
}

.terms-clause {
  min-width: 0;
  max-width: 68ch;
}

.terms-clause h3,
.terms-service-note h3,
.terms-directory-panel h3,
.terms-rights-note h3,
.terms-liability-panel h3,
.terms-contact-block h3 {
  margin-bottom: var(--space-3);
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

.terms-clause p + p {
  margin-top: var(--space-4);
}

.terms-clause__emphasis {
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-4);
  font-weight: 600;
}

.terms-clause__amber-marker {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
}

.terms-clause__amber-marker::before {
  width: 0.375rem;
  min-width: 0.375rem;
  height: 0.375rem;
  background: var(--color-amber);
  content: "";
}

.terms-clause__list {
  max-width: 60ch;
  margin-top: var(--space-4);
  margin-bottom: 0;
  padding-inline-start: 1.4rem;
}

.terms-clause__list .terms-service-note,
.terms-directory-panel,
.terms-rights-note,
.terms-liability-panel,
.terms-contact-block {
  min-width: 0;
}

.terms-service-note {
  max-width: 100%;
  border: var(--border-default);
  background: var(--color-seafoam-pale);
  padding: var(--space-5);
}

.terms-service-note h3::before {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  margin-right: var(--space-2);
  background: var(--color-amber);
  content: "";
  vertical-align: middle;
}

.terms-directory-panel {
  display: flex;
  width: 100%;
  max-width: 38.75rem;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  border: var(--border-default);
  background: var(--color-white);
  padding: var(--space-5);
}

.terms-directory-panel h3,
.terms-directory-panel p {
  margin: 0;
  }

.terms-directory-panel__link {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-seafoam);
  font-size: var(--text-compact);
  font-weight: 700;
  line-height: 1.35;
}

.terms-rights-note {
  max-width: 100%;
  border: var(--border-default);
  border-inline-start: 2px solid var(--color-terracotta);
  background: var(--color-mist);
  padding: var(--space-5);
}

.terms-rights-note p {
  }

.terms-liability-panel {
  max-width: 100%;
  border: var(--border-default);
  border-top: var(--border-strong);
  background: var(--color-white);
  padding: var(--space-5);
}

.terms-liability-panel p {
  }

.terms-clause--ruled {
  border-top: var(--border-default);
  padding-top: var(--space-6);
}

.terms-contact-block {
  display: flex;
  width: 100%;
  max-width: 36.25rem;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: var(--border-default);
  background: var(--color-mist);
  padding: var(--space-5);
}

.terms-contact-block h3,
.terms-contact-block p,
.terms-contact-block address {
  margin: 0;
}

.terms-contact-block address {
  color: var(--color-slate);
  font-size: var(--text-compact);
  font-style: normal;
  line-height: 1.55;
}

.terms-contact-block address a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-seafoam);
  font-weight: 700;
}

.terms-section:target {
  box-shadow: inset 3px 0 0 var(--color-seafoam);
}

@media (min-width: 47.5rem) {
  .terms-page {
    padding-block: var(--space-10) var(--space-11);
  }

  .terms-page__document-grid {
    gap: var(--space-8);
  }

  .terms-contents {
    padding: var(--space-5);
  }
}

@media (min-width: 60rem) {
  .terms-page__legal-grid {
    grid-template-columns: 13.75rem minmax(0, 45rem);
    column-gap: var(--space-6);
    justify-content: start;
  }

  .terms-page__masthead-spacer {
    display: block;
    grid-column: 1;
  }

  .terms-masthead {
    grid-column: 2;
    max-width: 45rem;
  }

  .terms-page__document-grid {
    align-items: start;
    margin-top: var(--space-9);
  }

  .terms-contents {
    grid-column: 1;
    position: sticky;
    top: var(--space-6);
    width: 13.75rem;
  }

  .terms-document {
    grid-column: 2;
  }
}

@media (max-width: 47.4375rem) {
  .terms-page {
    padding-block: var(--space-8) var(--space-9);
  }

  .terms-masthead__title {
    font-size: clamp(2.25rem, 11vw, 3.125rem);
  }

  .terms-masthead__status,
  .terms-service-note,
  .terms-directory-panel,
  .terms-rights-note,
  .terms-liability-panel,
  .terms-contact-block {
    padding: var(--space-4);
  }

  .terms-page__document-grid {
    margin-top: var(--space-7);
    gap: var(--space-7);
  }

  .terms-section {
    gap: var(--space-5);
  }

  .terms-section + .terms-section {
    margin-top: var(--space-8);
    padding-top: var(--space-8);
  }

  .terms-clause__list {
    padding-inline-start: 1rem;
  }

  .terms-directory-panel__link {
    width: 100%;
  }
}


.contact-page {
  overflow: hidden;
}

.contact-page__intro-block {
  display: flex;
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.contact-page__intro-block > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__eyebrow {
  position: relative;
  padding-inline-start: var(--space-4);
  color: var(--color-terracotta);
}

.contact-page__eyebrow::before {
  position: absolute;
  inset-block-start: 0.2em;
  inset-inline-start: 0;
  width: 0.5rem;
  height: 0.75rem;
  background: var(--color-terracotta);
  content: "";
}

.contact-page__title {
  width: 100%;
  padding-block-end: var(--space-4);
  border-bottom: var(--border-strong);
  font-size: clamp(2.25rem, 8vw, 5.5rem);
}

.contact-page__lead {
  max-width: 68ch;
}

.contact-page__scope-note {
  width: 100%;
  max-width: 47.5rem;
  border-inline-start: 4px solid var(--color-amber);
  padding: var(--space-4) var(--space-5);
  background: var(--color-seafoam-pale);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.contact-page__scope-note p {
  margin: 0;
}

.contact-page__routes-heading {
  display: flex;
  width: 100%;
  max-width: 37.5rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-block-end: var(--space-6);
}

.contact-page__routes-heading > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__route-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
}

.contact-page__route-card {
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
}

.contact-page__route-card-content {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.contact-page__route-card-content > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__route-label {
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.contact-page__route-label--terracotta {
  color: var(--color-terracotta);
}

.contact-page__route-label--seafoam {
  color: var(--color-seafoam);
}

.contact-page__route-label--amber {
  color: #8b5812;
}

.contact-page__contact-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-seafoam);
  font-size: var(--text-lead);
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-decoration-thickness: 0.125rem;
}

.contact-page__route-card address {
  color: var(--color-slate);
  font-size: var(--text-body);
  font-style: normal;
  line-height: var(--leading-body);
}

.contact-page__route-card p:not(.contact-page__route-label) {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.contact-page__route-action {
  margin-block-start: auto;
  color: var(--color-seafoam);
  font-size: var(--text-compact);
  font-weight: 700;
}

.contact-page__form-section {
  background: var(--color-mist);
}

.contact-page__form-intro {
  display: flex;
  width: 100%;
  max-width: 38.75rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-block-end: var(--space-6);
}

.contact-page__form-intro > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__form {
  width: 100%;
  max-width: 53.75rem;
  padding: var(--space-6);
}

.contact-page__form-stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
}

.contact-page__form-stack > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__error-summary {
  border-inline-start: 4px solid var(--color-terracotta);
  padding: var(--space-4) var(--space-5);
  background: #f7e4df;
}

.contact-page__error-summary h3,
.contact-page__error-summary ul {
  margin: 0;
}

.contact-page__error-summary ul {
  margin-block-start: var(--space-2);
}

.contact-page__field-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.contact-page__field {
  width: 100%;
  min-width: 0;
}

.contact-page__field input,
.contact-page__field select,
.contact-page__field textarea {
  min-width: 0;
}

.contact-page__field textarea {
  min-height: 10rem;
}

.contact-page__optional {
  color: var(--color-slate-muted);
  font-weight: 400;
}

.contact-page__help,
.contact-page__field-error,
.contact-page__form-note {
  margin: var(--space-2) 0 0;
  font-size: var(--text-utility);
  line-height: 1.45;
}

.contact-page__help,
.contact-page__form-note {
  color: var(--color-slate-muted);
}

.contact-page__field-error {
  color: #8f3125;
  font-weight: 700;
}

.contact-page__field [aria-invalid="true"] {
  border-color: var(--color-terracotta);
}

.contact-page__form-actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.contact-page__form-actions > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__form-actions .button {
  flex: 0 0 auto;
}

.contact-page__form-note {
  flex: 1 1 20rem;
  max-width: 60ch;
}

.contact-page__success {
  border-inline-start: 4px solid var(--color-seafoam);
  padding: var(--space-4) var(--space-5);
  background: var(--color-seafoam-pale);
  font-weight: 600;
}

.contact-page__guidance-layout {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(7.5rem, 9.375rem) minmax(0, 43.75rem);
  gap: var(--space-8);
}

.contact-page__guidance-rail,
.contact-page__guidance-column {
  min-width: 0;
}

.contact-page__guidance-rail p:last-child {
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.contact-page__guidance-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
}

.contact-page__guidance-item {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: var(--space-4);
  padding-block-end: var(--space-6);
  border-bottom: var(--border-default);
}

.contact-page__number {
  width: 3.25rem;
  min-width: 0;
  padding-block-start: var(--space-1);
  border-top: 2px solid currentColor;
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.contact-page__number--amber {
  color: #8b5812;
}

.contact-page__number--terracotta {
  color: var(--color-terracotta);
}

.contact-page__number--seafoam {
  color: var(--color-seafoam);
}

.contact-page__guidance-copy {
  min-width: 0;
}

.contact-page__guidance-copy h3 {
  margin-block-end: var(--space-3);
}

.contact-page__guidance-copy p {
  }

.contact-page__url-note {
  border: var(--border-default);
  padding: var(--space-3) var(--space-4);
  background: var(--color-white);
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.contact-page__routing-reminder {
  margin: 0;
  padding-block-start: var(--space-4);
  border-top: var(--border-strong);
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.contact-page__availability-panel {
  display: grid;
  width: 100%;
  max-width: 47.5rem;
  min-width: 0;
  grid-template-columns: minmax(0, 3fr) minmax(15rem, 2fr);
  align-items: end;
  gap: var(--space-6);
  border: var(--border-default);
  border-inline-start: 4px solid var(--color-amber);
  padding: var(--space-6);
  background: var(--color-seafoam-pale);
}

.contact-page__availability-copy,
.contact-page__availability-action {
  min-width: 0;
}

.contact-page__availability-copy > *:last-child,
.contact-page__availability-action > *:last-child {
  margin-block-end: 0;
}

.contact-page__availability-copy p:not(.eyebrow) {
  max-width: 40ch;
}

.contact-page__availability-action {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.contact-page__availability-action > * {
  min-width: 0;
  margin-block: 0;
}

.contact-page__availability-action p {
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.45;
}

.contact-page__closing-block {
  width: 100%;
  max-width: 35rem;
  min-width: 0;
  padding-block-start: var(--space-5);
  border-top: 2px solid var(--color-terracotta);
}

.contact-page__closing-block > *:last-child {
  margin-block-end: 0;
}

.contact-page__closing-statement {
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  line-height: 1.35;
}

@media (max-width: 62.4375rem) {
  .contact-page__route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-page__route-card:nth-child(3) {
    grid-column: 1 / -1;
  }

  .contact-page__guidance-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .contact-page__guidance-rail {
    width: 100%;
    max-width: 43.75rem;
  }
}

@media (max-width: 53.6875rem) {
  .contact-page__availability-panel {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
}

@media (max-width: 51.1875rem) {
  .contact-page__field-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 47.4375rem) {
  .contact-page__route-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-page__route-card:nth-child(3) {
    grid-column: auto;
  }
}

@media (max-width: 43.6875rem) {
  .contact-page__intro-block {
    gap: var(--space-4);
  }

  .contact-page__title {
    font-size: clamp(2.25rem, 11vw, 3.375rem);
  }

  .contact-page__route-card,
  .contact-page__form,
  .contact-page__availability-panel {
    padding: var(--space-5);
  }

  .contact-page__form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-page__form-actions .button {
    width: 100%;
  }

  .contact-page__form-note {
    flex-basis: auto;
    max-width: none;
  }

  .contact-page__guidance-column {
    gap: var(--space-5);
  }

  .contact-page__guidance-item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .contact-page__number {
    width: auto;
  }

  .contact-page__availability-action .button {
    width: 100%;
  }
}


.cookie-policy-page {
  background: var(--color-paper);
}

.cookie-policy-page__shell {
  padding-block: var(--section-space);
}

.cookie-policy-page__top-layout {
  display: grid;
  grid-template-columns: minmax(0, 47.5rem) minmax(0, 15rem);
  align-items: start;
  gap: var(--space-8);
}

.cookie-policy-page__top-layout > * {
  min-width: 0;
}

.cookie-policy-intro {
  width: min(100%, 47.5rem);
  min-width: 0;
  border-bottom: var(--border-strong);
  padding-bottom: var(--space-7);
}

.cookie-policy-intro__title {
  width: min(100%, 62ch);
  margin-bottom: var(--space-4);
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  line-height: 0.98;
}

.cookie-policy-intro__date {
  width: min(100%, 62ch);
  margin-bottom: var(--space-5);
  border-inline-start: 3px solid var(--color-amber);
  padding-inline-start: var(--space-3);
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  font-weight: 700;
  line-height: var(--leading-compact);
}

.cookie-policy-intro__scope,
.cookie-policy-intro__context {
  width: min(100%, 62ch);
}

.cookie-policy-intro__context {
  margin-bottom: 0;
  font-size: var(--text-lead);
  line-height: 1.45;
}

.cookie-policy-contents {
  position: sticky;
  top: var(--space-6);
  width: min(100%, 15rem);
  min-width: 0;
  border-top: var(--border-strong);
  padding-top: var(--space-3);
}

.cookie-policy-contents__label {
  margin-bottom: var(--space-3);
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cookie-policy-contents__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cookie-policy-contents__list > li {
  width: 100%;
  min-width: 0;
}

.cookie-policy-contents__list a {
  display: inline-block;
  width: 100%;
  font-size: var(--text-compact);
  line-height: 1.35;
}

.cookie-policy-summary {
  margin-top: var(--section-space);
  padding: var(--space-7);
  background: var(--color-mist);
}

.cookie-policy-summary__heading {
  width: min(100%, 47.5rem);
  min-width: 0;
  margin-bottom: var(--space-5);
}

.cookie-policy-summary__heading > :last-child,
.cookie-policy-section__heading > :last-child {
  margin-bottom: 0;
}

.cookie-policy-summary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
}

.cookie-policy-summary__grid > * {
  min-width: 0;
  width: 100%;
}

.cookie-policy-summary__unit {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  border: var(--border-default);
  background: var(--color-paper);
  padding: var(--space-5);
}

.cookie-policy-summary__unit::before {
  width: 2.5rem;
  height: 0.25rem;
  content: "";
}

.cookie-policy-summary__unit--seafoam::before {
  background: var(--color-seafoam);
}

.cookie-policy-summary__unit--amber::before {
  background: var(--color-amber);
}

.cookie-policy-summary__unit h3,
.cookie-policy-summary__unit p {
  margin: 0;
}

.cookie-policy-summary__unit p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.cookie-policy-section,
.cookie-policy-categories {
  padding-top: var(--section-space);
}

.cookie-policy-section__heading,
.cookie-policy-categories__heading {
  width: min(100%, 45rem);
  min-width: 0;
  margin-bottom: var(--space-6);
}

.cookie-policy-definition,
.cookie-policy-instruction {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 45rem);
  align-items: start;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding-block: var(--space-5);
  border-top: var(--border-default);
}

.cookie-policy-definition:first-child {
  border-top: var(--border-strong);
}

.cookie-policy-definition > *,
.cookie-policy-instruction > * {
  min-width: 0;
}

.cookie-policy-definition__number,
.cookie-policy-instruction__number {
  width: 2.75rem;
  margin: 0;
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.cookie-policy-definition__copy,
.cookie-policy-instruction__copy {
  width: min(100%, 45rem);
  min-width: 0;
}

.cookie-policy-definition__copy > :last-child,
.cookie-policy-instruction__copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy-definition__note {
  width: min(100%, 60ch);
  border-inline-start: 2px solid var(--color-seafoam);
  padding-inline-start: var(--space-4);
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.cookie-policy-categories {
  margin-top: var(--section-space);
  padding: var(--space-7);
  background: var(--color-mist);
}

.cookie-policy-categories__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--grid-gap);
}

.cookie-policy-categories__grid > * {
  width: 100%;
  min-width: 0;
}

.cookie-policy-category {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  border: var(--border-default);
  background: var(--color-white);
  padding: var(--space-5);
}

.cookie-policy-category--measurement {
  border-top: 3px solid var(--color-terracotta);
}

.cookie-policy-category__label,
.cookie-policy-directory__label,
.cookie-policy-choices__marker,
.cookie-policy-version__label,
.cookie-policy-contact__address-label {
  margin: 0;
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.cookie-policy-category--necessary .cookie-policy-category__label {
  color: var(--color-seafoam);
}

.cookie-policy-category--preferences .cookie-policy-category__label {
  color: var(--color-amber);
}

.cookie-policy-category h3,
.cookie-policy-category p {
  margin: 0;
}

.cookie-policy-category p:not(.cookie-policy-category__label) {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.cookie-policy-category__external-link {
  display: inline-block;
  width: fit-content;
  min-height: 2.75rem;
  margin-top: auto;
  padding-block: 0.625rem;
  font-size: var(--text-compact);
  font-weight: 700;
}

.cookie-policy-choices__panel {
  display: flex;
  width: min(100%, 52.5rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
  border: var(--border-default);
  background: var(--color-seafoam-pale);
  padding: var(--space-5);
}

.cookie-policy-choices__panel::before {
  width: 2.5rem;
  height: 0.25rem;
  background: var(--color-amber);
  content: "";
}

.cookie-policy-choices__panel h3,
.cookie-policy-choices__panel p {
  margin: 0;
}

.cookie-policy-choices__panel p:not(.cookie-policy-choices__marker) {
  width: min(100%, 60ch);
}

.cookie-policy-instruction:first-child {
  border-top: var(--border-strong);
}

.cookie-policy-caution {
  width: min(100%, 52ch);
  margin-top: var(--space-4);
  border-inline-start: 3px solid var(--color-amber);
  background: #f8ead5;
  padding: var(--space-4);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.cookie-policy-external__boundary {
  width: min(100%, 45rem);
  min-width: 0;
  border-inline-start: var(--border-strong);
  padding-inline-start: var(--space-5);
}

.cookie-policy-external__boundary > :last-child {
  margin-bottom: 0;
}

.cookie-policy-directory {
  display: flex;
  width: min(100%, 47.5rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-6);
  border: var(--border-default);
  background: var(--color-mist);
  padding: var(--space-5);
}

.cookie-policy-directory__label {
  color: var(--color-seafoam);
}

.cookie-policy-directory h3,
.cookie-policy-directory p {
  margin: 0;
}

.cookie-policy-directory p:not(.cookie-policy-directory__label) {
  width: min(100%, 58ch);
}

.cookie-policy-directory__action {
  width: fit-content;
  margin-top: var(--space-2);
}

.cookie-policy-changes__copy {
  width: min(100%, 45rem);
  min-width: 0;
}

.cookie-policy-changes__copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy-version {
  display: flex;
  width: min(100%, 32.5rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-5);
  border: var(--border-default);
  background: var(--color-white);
  padding: var(--space-4);
}

.cookie-policy-version__label {
  width: fit-content;
  background: var(--color-seafoam-pale);
  padding: var(--space-1) var(--space-2);
  color: var(--color-slate);
}

.cookie-policy-version p {
  width: min(100%, 42ch);
  margin: 0;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.cookie-policy-contact {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  margin-top: var(--section-space);
  padding: var(--space-7);
  background: var(--color-mist);
}

.cookie-policy-contact > * {
  min-width: 0;
}

.cookie-policy-contact__intro {
  display: flex;
  width: min(100%, 41.25rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.cookie-policy-contact__intro h2,
.cookie-policy-contact__intro p {
  margin: 0;
}

.cookie-policy-contact__intro > p:not(.eyebrow) {
  width: min(100%, 58ch);
}

.cookie-policy-contact__email {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  padding: var(--space-2) 0;
  color: var(--color-seafoam);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.cookie-policy-contact__address {
  display: flex;
  width: min(100%, 26.25rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  border: var(--border-default);
  background: var(--color-paper);
  padding: var(--space-5);
  font-style: normal;
}

.cookie-policy-contact__address p {
  margin: 0;
}

.cookie-policy-contact__address p:not(.cookie-policy-contact__address-label) {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.cookie-policy-page [id] {
  scroll-margin-top: var(--space-8);
}

@media (max-width: 57.4375rem) {
  .cookie-policy-page__top-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .cookie-policy-contents {
    position: static;
    width: min(100%, 47.5rem);
    border-top: var(--border-default);
  }

  .cookie-policy-contents__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2) var(--space-4);
  }

  .cookie-policy-summary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cookie-policy-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 49.9375rem) {
  .cookie-policy-choices__panel {
    width: 100%;
  }
}

@media (max-width: 43.6875rem) {
  .cookie-policy-page__shell {
    padding-block: var(--section-space);
  }

  .cookie-policy-intro__title {
    font-size: clamp(2.25rem, 11vw, 3.125rem);
  }

  .cookie-policy-intro__scope,
  .cookie-policy-intro__context {
    width: 100%;
  }

  .cookie-policy-contents__list,
  .cookie-policy-summary__grid,
  .cookie-policy-categories__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy-summary,
  .cookie-policy-categories,
  .cookie-policy-contact {
    margin-inline: calc(var(--shell-padding) * -1);
    padding: var(--space-5) var(--shell-padding);
  }

  .cookie-policy-definition,
  .cookie-policy-instruction {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .cookie-policy-definition__number,
  .cookie-policy-instruction__number {
    width: auto;
  }

  .cookie-policy-definition__copy,
  .cookie-policy-instruction__copy,
  .cookie-policy-external__boundary,
  .cookie-policy-directory,
  .cookie-policy-changes__copy,
  .cookie-policy-version,
  .cookie-policy-contact__intro,
  .cookie-policy-contact__address {
    width: 100%;
  }

  .cookie-policy-directory__action {
    width: 100%;
  }

  .cookie-policy-contact__email {
    width: 100%;
  }
}


.faq-page {
  overflow: hidden;
}

.faq-page__masthead-copy {
  width: 100%;
  max-width: 64ch;
}

.faq-page__reader-label {
  color: var(--color-terracotta);
}

.faq-page__masthead-copy h1 {
  margin-block-end: var(--space-5);
}

.faq-page__masthead-deck {
  max-width: 62ch;
  margin-block-end: var(--space-6);
}

.faq-page__masthead-rule {
  width: min(13rem, 100%);
  height: 0;
  margin: 0;
  border-top: var(--border-strong);
}

.faq-page__boundary-intro,
.faq-page__coverage-intro,
.faq-page__routes-intro,
.faq-page__section-heading {
  width: 100%;
  max-width: 60ch;
}

.faq-page__boundary-intro,
.faq-page__coverage-intro,
.faq-page__routes-intro {
  margin-block-end: var(--space-6);
}

.faq-page__boundary-intro h2,
.faq-page__coverage-intro h2,
.faq-page__routes-intro h2,
.faq-page__section-heading h2 {
  margin-block-end: var(--space-4);
}

.faq-page__boundary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap);
  width: 100%;
}

.faq-page__boundary-grid > * {
  min-width: 0;
  width: 100%;
}

.faq-page__boundary-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  border: var(--border-default);
  padding: var(--space-6);
}

.faq-page__boundary-card h3,
.faq-page__boundary-card p {
  margin: 0;
}

.faq-page__boundary-card h3 {
  max-width: 22ch;
}

.faq-page__boundary-card > p:not(.faq-page__boundary-marker) {
  max-width: 50ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__boundary-card--editorial {
  background: var(--color-white);
}

.faq-page__boundary-card--limit {
  background: var(--color-mist);
}

.faq-page__verification-strip {
  width: calc(100% + (var(--space-6) * 2));
  min-height: 2rem;
  margin-top: calc(var(--space-6) * -1);
  margin-inline: calc(var(--space-6) * -1);
  padding: var(--space-2) var(--space-6);
  background: var(--color-seafoam-pale);
  color: var(--color-slate);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.faq-page__boundary-marker,
.faq-page__card-marker {
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.faq-page__access .faq-page__section-heading,
.faq-page__visuals .faq-page__section-heading {
  margin-block-end: var(--space-5);
}

.faq-page__disclosure-list {
  display: flex;
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  border-top: var(--border-default);
}

.faq-page__disclosure {
  min-width: 0;
  width: 100%;
  border-bottom: var(--border-default);
}

.faq-page__disclosure h3 {
  margin: 0;
}

.faq-page__question {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  color: var(--color-slate);
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.12;
  text-align: left;
}

.faq-page__question > span:first-child {
  min-width: 0;
}

.faq-page__toggle {
  position: relative;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  color: var(--color-seafoam);
}

.faq-page__toggle::before,
.faq-page__toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.875rem;
  height: 2px;
  background: currentColor;
  content: "";
  transform: translate(-50%, -50%);
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.faq-page__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-page__question[aria-expanded="true"] .faq-page__toggle::after {
  opacity: 0;
}

.faq-page__answer {
  width: 100%;
  max-width: 66ch;
  padding: 0 var(--space-5) var(--space-5);
}

.faq-page__answer p {
  margin: 0;
}

.faq-page__answer--terracotta {
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-4);
}

.faq-page__disclosure--verified .faq-page__answer {
  margin-inline: var(--space-4);
  width: calc(100% - var(--space-7));
  border-inline-start: 2px solid var(--color-seafoam);
  padding-inline-start: var(--space-4);
  padding-block-start: var(--space-3);
  background: var(--color-seafoam-pale);
}

.faq-page__services .faq-page__section-heading {
  margin-block-end: var(--space-5);
}

.faq-page__directory-panel {
  display: grid;
  grid-template-columns: minmax(0, 62fr) minmax(15rem, 38fr);
  gap: var(--space-5);
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  margin-top: var(--space-6);
  border: var(--border-default);
  background: var(--color-seafoam-pale);
  padding: var(--space-5);
}

.faq-page__directory-panel > * {
  min-width: 0;
  width: 100%;
}

.faq-page__directory-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.faq-page__directory-copy h3,
.faq-page__directory-copy p,
.faq-page__directory-action {
  margin: 0;
}

.faq-page__directory-copy h3 {
  max-width: 28ch;
}

.faq-page__directory-copy > p:not(.eyebrow) {
  max-width: 52ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__directory-action {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
}

.faq-page__directory-action .button {
  width: 100%;
}

.faq-page__coverage-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-gap);
  width: 100%;
}

.faq-page__coverage-grid > * {
  min-width: 0;
  width: 100%;
}

.faq-page__coverage-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-white);
}

.faq-page__coverage-card > * {
  margin: 0;
}

.faq-page__coverage-card h3 {
  max-width: 24ch;
}

.faq-page__coverage-card > p:not(.faq-page__card-marker) {
  max-width: 46ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__coverage-card--genres {
  grid-column: span 4;
}

.faq-page__coverage-card--eras {
  grid-column: span 4;
}

.faq-page__coverage-card--formats {
  grid-column: span 4;
  background: var(--color-mist);
}

.faq-page__card-marker--terracotta {
  color: var(--color-terracotta);
}

.faq-page__card-marker--amber {
  color: var(--color-amber);
}

.faq-page__format-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2) var(--space-4);
  padding: 0;
  list-style: none;
}

.faq-page__format-list li {
  min-width: 0;
  padding-inline-start: var(--space-4);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__format-list li::before {
  display: inline-block;
  width: var(--space-4);
  margin-inline-start: calc(var(--space-4) * -1);
  color: var(--color-seafoam);
  content: "—";
}

.faq-page__method-lead {
  width: 100%;
  max-width: 45rem;
  margin-block-end: var(--space-7);
}

.faq-page__method-lead h2 {
  margin-block-end: var(--space-5);
}

.faq-page__method-lead .lead {
  margin-block-end: var(--space-5);
}

.faq-page__pull-statement {
  max-width: 35ch;
  margin: 0;
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-5);
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  font-style: italic;
  line-height: 1.35;
}

.faq-page__process-list {
  display: flex;
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  border-top: var(--border-default);
}

.faq-page__process-item {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  border-bottom: var(--border-default);
  padding-block: var(--space-5);
}

.faq-page__process-item > * {
  min-width: 0;
}

.faq-page__process-number {
  margin: 0;
  border-inline-end: 1px solid var(--color-rule);
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
}

.faq-page__process-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.faq-page__process-copy h3,
.faq-page__process-copy p {
  margin: 0;
}

.faq-page__process-copy h3 {
  max-width: 34ch;
}

.faq-page__process-copy > p:not(.faq-page__process-note) {
  max-width: 56ch;
}

.faq-page__process-note {
  max-width: 52ch;
  border-inline-start: 2px solid var(--color-seafoam);
  padding: var(--space-3) var(--space-4);
  background: var(--color-seafoam-pale);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__method-disclosure {
  width: 100%;
  max-width: 45rem;
  margin-top: var(--space-6);
}

.faq-page__caption-note,
.faq-page__availability-note {
  margin-top: var(--space-4) !important;
  border-top: var(--border-default);
  padding-top: var(--space-3);
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.45;
}

.faq-page__availability-note {
  border-top-color: var(--color-amber);
}

.faq-page__rights-note {
  display: flex;
  width: 100%;
  max-width: 55ch;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  margin-top: var(--space-5);
  border-top: 2px solid var(--color-amber);
  background: var(--color-mist);
  padding: var(--space-4);
}

.faq-page__rights-note h3,
.faq-page__rights-note p {
  margin: 0;
}

.faq-page__rights-note p {
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.46;
}

.faq-page__routes-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-gap);
  width: 100%;
}

.faq-page__routes-grid > * {
  min-width: 0;
  width: 100%;
}

.faq-page__route-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.faq-page__route-card > * {
  margin: 0;
}

.faq-page__route-card:nth-child(1),
.faq-page__route-card:nth-child(2),
.faq-page__route-card:nth-child(3) {
  grid-column: span 4;
}

.faq-page__route-card--wide {
  grid-column: 1 / span 6;
  background: var(--color-mist);
}

.faq-page__route-card h3 {
  max-width: 24ch;
}

.faq-page__route-card > p:not(.faq-page__card-marker) {
  max-width: 42ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__route-link {
  display: inline-flex;
  width: fit-content;
  min-height: 2.75rem;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-compact);
  font-weight: 700;
  line-height: 1.3;
}

.faq-page__route-links {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
}

.faq-page__quick-reference-module {
  width: 100%;
  max-width: 60rem;
}

.faq-page__quick-reference-heading {
  width: 100%;
  max-width: 58ch;
  margin-block-end: var(--space-5);
}

.faq-page__quick-reference-heading h2 {
  margin-block-end: 0;
}

.faq-page__summary-list {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  border-top: var(--border-strong);
}

.faq-page__summary-row {
  display: grid;
  grid-template-columns: 11.25rem minmax(0, 1fr);
  gap: var(--space-5);
  width: 100%;
  min-width: 0;
  border-bottom: var(--border-default);
  padding-block: var(--space-4);
}

.faq-page__summary-row > * {
  min-width: 0;
  margin: 0;
}

.faq-page__summary-row h3 {
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

.faq-page__summary-row p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__summary-row--verified h3::before {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-inline-end: var(--space-2);
  border: 2px solid var(--color-seafoam);
  background: var(--color-seafoam-pale);
  content: "";
}

.faq-page__summary-row--boundary {
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-3);
}

.faq-page__final-action {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  margin-top: var(--space-6);
  border: var(--border-default);
  background: var(--color-white);
  padding: var(--space-5);
}

.faq-page__final-action > * {
  min-width: 0;
}

.faq-page__final-action h3,
.faq-page__final-action p {
  margin: 0;
}

.faq-page__final-action h3 {
  max-width: 34ch;
  margin-block-end: var(--space-3);
}

.faq-page__final-action > div > p:not(.eyebrow) {
  max-width: 50ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.faq-page__final-action .button {
  width: auto;
  min-width: 18rem;
}

@media (min-width: 64rem) {
  .faq-page__masthead-copy {
    width: 64ch;
  }
}

@media (max-width: 61.1875rem) {
  .faq-page__routes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .faq-page__route-card:nth-child(1),
  .faq-page__route-card:nth-child(2),
  .faq-page__route-card:nth-child(3),
  .faq-page__route-card--wide {
    grid-column: span 1;
  }
}

@media (max-width: 56.1875rem) {
  .faq-page__coverage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .faq-page__coverage-card--genres,
  .faq-page__coverage-card--eras {
    grid-column: span 1;
  }

  .faq-page__coverage-card--formats {
    grid-column: 1 / -1;
  }
}

@media (max-width: 48.6875rem) {
  .faq-page__directory-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__directory-action {
    justify-content: flex-start;
  }

  .faq-page__directory-action .button {
    width: 100%;
  }
}

@media (max-width: 47.4375rem) {
  .faq-page__boundary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__summary-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }
}

@media (max-width: 42.4375rem) {
  .faq-page__routes-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__route-card:nth-child(1),
  .faq-page__route-card:nth-child(2),
  .faq-page__route-card:nth-child(3),
  .faq-page__route-card--wide {
    grid-column: 1;
  }
}

@media (max-width: 43.6875rem) {
  .faq-page__masthead-copy h1 {
    font-size: clamp(2.25rem, 11vw, 3.375rem);
  }

  .faq-page__masthead-deck {
    font-size: 1rem;
    line-height: 1.56;
  }

  .faq-page__boundary-card,
  .faq-page__directory-panel,
  .faq-page__coverage-card,
  .faq-page__final-action {
    padding: var(--space-5);
  }

  .faq-page__verification-strip {
    width: calc(100% + (var(--space-5) * 2));
    margin-top: calc(var(--space-5) * -1);
    margin-inline: calc(var(--space-5) * -1);
    padding-inline: var(--space-5);
  }

  .faq-page__question {
    min-height: 2.75rem;
    font-size: 1.125rem;
  }

  .faq-page__answer {
    padding-inline: 0;
  }

  .faq-page__disclosure--verified .faq-page__answer {
    width: 100%;
    margin-inline: 0;
  }

  .faq-page__coverage-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__coverage-card--genres,
  .faq-page__coverage-card--eras,
  .faq-page__coverage-card--formats {
    grid-column: 1;
  }

  .faq-page__format-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__process-item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .faq-page__process-number {
    width: fit-content;
    border-inline-end: 0;
    border-bottom: 1px solid var(--color-rule);
    padding-bottom: var(--space-1);
  }

  .faq-page__rights-note {
    padding: var(--space-4);
  }

  .faq-page__route-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .faq-page__final-action .button {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .faq-page__toggle::before,
  .faq-page__toggle::after {
    transition: none;
  }
}


.gallery-stills-page {
  overflow: hidden;
}

.gallery-masthead__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: var(--space-8);
}

.gallery-masthead__copy,
.gallery-masthead__figure {
  min-width: 0;
  width: 100%;
}

.gallery-masthead__copy {
  max-width: 31.25rem;
}

.gallery-masthead__standfirst {
  max-width: 56ch;
  font-size: var(--text-lead);
  line-height: 1.45;
}

.gallery-masthead__key {
  display: grid;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  max-width: 56ch;
  padding: var(--space-4);
  background: var(--color-mist);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.gallery-masthead__key > * {
  min-width: 0;
  margin: 0;
}

.gallery-masthead__key > span {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.45rem;
  background: var(--color-amber);
}

.gallery-masthead__figure {
  margin: 0;
}

.gallery-masthead__media {
  aspect-ratio: 16 / 9;
}

.gallery-masthead__media img {
  object-position: 64% center;
}

.gallery-masthead__caption {
  max-width: 70ch;
}

.gallery-grammar__intro,
.gallery-plates__intro {
  max-width: 58ch;
}

.gallery-grammar__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
}

.gallery-grammar__card {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-3);
  align-content: start;
  padding: var(--space-5);
}

.gallery-grammar__card > * {
  min-width: 0;
  margin: 0;
}

.gallery-grammar__number {
  grid-row: span 3;
  width: 2.25rem;
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-2);
  color: var(--color-slate);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.gallery-grammar__number--amber {
  border-color: var(--color-amber);
}

.gallery-grammar__number--seafoam {
  border-color: var(--color-seafoam);
}

.gallery-grammar__label {
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.gallery-grammar__card h3 {
  font-size: var(--text-lead);
}

.gallery-grammar__card p:last-child {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.gallery-plates__intro {
  margin-bottom: var(--space-8);
}

.gallery-plate {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-8);
  align-items: start;
  margin-top: var(--space-10);
}

.gallery-plate > * {
  min-width: 0;
  width: 100%;
}

.gallery-plate__rail {
  max-width: 46ch;
}

.gallery-plate__rail h3,
.gallery-plate__overlap h3 {
  font-size: clamp(1.5rem, 2.6vw, 2rem);
}

.gallery-plate__index {
  margin-bottom: var(--space-3);
  border-inline-start: 2px solid var(--color-slate);
  padding-inline-start: var(--space-3);
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
}

.gallery-plate__index--amber {
  border-color: var(--color-amber);
}

.gallery-plate__figure {
  margin: 0;
}

.gallery-plate__media {
  position: relative;
  aspect-ratio: 3 / 2;
}

.gallery-plate__media--portrait {
  aspect-ratio: 4 / 5;
}

.gallery-plate__media--grain::after {
  position: absolute;
  inset: 0;
  background-image: repeating-radial-gradient(circle at 20% 20%, rgb(23 35 43 / 9%) 0 1px, transparent 1px 3px);
  content: "";
  opacity: 0.08;
  pointer-events: none;
}

.gallery-plate--casino .gallery-plate__media img {
  object-position: center center;
}

.gallery-plate--rounders {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.gallery-plate--rounders .gallery-plate__rail {
  grid-column: 2;
  grid-row: 1;
}

.gallery-plate--rounders .gallery-plate__figure {
  grid-column: 1;
  grid-row: 1;
}

.gallery-plate--rounders .gallery-plate__media img {
  object-position: 58% center;
}

.gallery-plate--oceans {
  position: relative;
  display: block;
}

.gallery-plate--oceans .gallery-plate__media {
  aspect-ratio: 16 / 9;
}

.gallery-plate--oceans .gallery-plate__media img {
  object-position: center center;
}

.gallery-plate__overlap {
  position: absolute;
  right: var(--space-6);
  bottom: var(--space-8);
  width: min(29rem, 44%);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-white);
}

.gallery-plate__overlap > :last-child {
  margin-bottom: 0;
}

.gallery-plate--cooler {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
}

.gallery-plate--cooler .gallery-plate__figure {
  max-width: 32rem;
}

.gallery-plate--cooler .gallery-plate__rail {
  max-width: 52ch;
}

.gallery-plate--cooler .gallery-plate__media img {
  object-position: center center;
}

.gallery-plate--croupier .gallery-plate__media img {
  object-position: center center;
}

.gallery-plate__fact {
  margin-top: var(--space-5);
  border-inline-start: 3px solid var(--color-amber);
  padding: var(--space-3) var(--space-4);
  background: var(--color-mist);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.gallery-essay__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.gallery-essay__reading {
  width: min(100%, var(--reading-max));
  min-width: 0;
  margin-inline: auto;
}

.gallery-essay__module {
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-5);
}

.gallery-essay__quote {
  width: min(100%, 21.25rem);
  margin: var(--space-7) -8rem var(--space-7) auto;
  border-inline-start-color: var(--color-terracotta);
  padding: var(--space-5);
  background: var(--color-seafoam-pale);
  font-size: clamp(1.45rem, 2.5vw, 1.75rem);
}

.gallery-comparison__intro {
  max-width: 60ch;
}

.gallery-comparison__eyebrow {
  color: var(--color-amber);
}

.gallery-comparison__table-wrap {
  width: 100%;
  overflow-x: auto;
  border: var(--border-default);
  background: var(--color-white);
}

.gallery-comparison__table-wrap:focus-visible {
  outline: 3px solid var(--color-amber);
  outline-offset: 2px;
}

.gallery-comparison__table {
  min-width: 60rem;
  margin: 0;
  background: var(--color-white);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.gallery-comparison__table th,
.gallery-comparison__table td {
  width: 20.5%;
  min-width: 9.375rem;
  border: 1px solid var(--color-rule);
  padding: var(--space-3);
  text-align: left;
  vertical-align: top;
}

.gallery-comparison__table th:first-child,
.gallery-comparison__table td:first-child {
  width: 18%;
}

.gallery-comparison__table thead th {
  background: var(--color-mist);
  font-size: var(--text-utility);
}

.gallery-comparison__table tbody th {
  background: var(--color-paper);
  font-family: var(--font-heading);
  font-size: var(--text-lead);
}

.gallery-comparison__blocks {
  display: none;
}

.gallery-ethics__cards,
.gallery-routes__cards {
  display: grid;
  gap: var(--grid-gap);
}

.gallery-ethics__cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gallery-ethics__card,
.gallery-routes__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.gallery-ethics__card > *,
.gallery-routes__card > * {
  min-width: 0;
  margin: 0;
}

.gallery-ethics__card--caption {
  border-top: 3px solid var(--color-seafoam);
}

.gallery-ethics__card--caption h3 {
  margin-inline: calc(var(--space-5) * -1);
  margin-top: calc(var(--space-5) * -1);
  padding: var(--space-3) var(--space-5);
  background: var(--color-seafoam-pale);
}

.gallery-ethics__card--rights {
  border-top: 3px solid var(--color-amber);
  background: var(--color-mist);
}

.gallery-ethics__card--rights h3::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: var(--space-2);
  background: var(--color-amber);
  content: "";
}

.gallery-routes__cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gallery-routes__card {
  border-top: 3px solid var(--color-terracotta);
}

.gallery-routes__card:nth-child(2) {
  border-top-color: var(--color-seafoam);
}

.gallery-routes__card:nth-child(3) {
  border-top-color: var(--color-amber);
}

.gallery-routes__card a {
  min-height: 2.75rem;
  margin-top: auto;
  font-size: var(--text-compact);
  font-weight: 700;
}

.gallery-availability__panel {
  display: flex;
  width: min(100%, 51.25rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.gallery-availability__panel > * {
  min-width: 0;
  margin: 0;
}

.gallery-availability__panel .eyebrow {
  color: var(--color-seafoam);
}

.gallery-availability__panel p:not(.eyebrow) {
  max-width: 58ch;
}

.gallery-availability__button {
  margin-top: var(--space-2);
}

.gallery-scope__note {
  display: flex;
  width: min(100%, var(--reading-max));
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.gallery-scope__note > * {
  min-width: 0;
  margin: 0;
}

.gallery-scope__note .eyebrow {
  color: var(--color-terracotta);
}

.gallery-scope__note h2 {
  font-size: var(--text-lead);
}

.gallery-scope__note p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

@media (max-width: 63.9375rem) {
  .gallery-masthead__grid {
    gap: var(--space-6);
  }

  .gallery-grammar__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gallery-grammar__card:nth-child(3) {
    grid-column: 1 / -1;
  }

  .gallery-plate {
    gap: var(--space-6);
  }

  .gallery-essay__quote {
    margin-right: 0;
  }

  .gallery-routes__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gallery-routes__card:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56.1875rem) {
  .gallery-masthead__grid,
  .gallery-plate,
  .gallery-plate--rounders,
  .gallery-plate--cooler {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .gallery-masthead__copy,
  .gallery-plate__rail,
  .gallery-plate--cooler .gallery-plate__rail,
  .gallery-plate--cooler .gallery-plate__figure {
    max-width: none;
  }

  .gallery-plate--rounders .gallery-plate__rail,
  .gallery-plate--rounders .gallery-plate__figure {
    grid-column: 1;
    grid-row: auto;
  }

  .gallery-plate--rounders .gallery-plate__rail {
    order: 1;
  }

  .gallery-plate--rounders .gallery-plate__figure {
    order: 2;
  }

  .gallery-plate--casino .gallery-plate__rail,
  .gallery-plate--croupier .gallery-plate__rail,
  .gallery-plate--cooler .gallery-plate__rail {
    order: 1;
  }

  .gallery-plate--casino .gallery-plate__figure,
  .gallery-plate--croupier .gallery-plate__figure,
  .gallery-plate--cooler .gallery-plate__figure {
    order: 2;
  }

  .gallery-plate--oceans .gallery-plate__figure {
    margin-bottom: var(--space-5);
  }

  .gallery-plate__overlap {
    position: static;
    width: 100%;
    margin-top: var(--space-5);
  }
}

@media (max-width: 47.4375rem) {
  .gallery-comparison__table-wrap {
    display: none;
  }

  .gallery-comparison__blocks {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .gallery-comparison__blocks article {
    min-width: 0;
    border: var(--border-default);
    padding: var(--space-4);
    background: var(--color-white);
  }

  .gallery-comparison__blocks h3 {
    margin-bottom: var(--space-4);
  }

  .gallery-comparison__blocks dl {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    margin: 0;
  }

  .gallery-comparison__blocks dl > div {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.7fr) minmax(0, 1.3fr);
    gap: var(--space-3);
    min-width: 0;
    border-top: var(--border-default);
    padding-top: var(--space-3);
    font-size: var(--text-compact);
    line-height: var(--leading-compact);
  }

  .gallery-comparison__blocks dt,
  .gallery-comparison__blocks dd {
    min-width: 0;
    margin: 0;
  }

  .gallery-comparison__blocks dt {
    font-weight: 700;
  }
}

@media (max-width: 43.6875rem) {
  .gallery-masthead__grid {
    gap: var(--space-5);
  }

  .gallery-masthead__figure,
  .gallery-plate__figure {
    width: calc(100% + (var(--shell-padding) * 2));
    margin-inline: calc(var(--shell-padding) * -1);
  }

  .gallery-masthead__caption,
  .gallery-plate__figure .caption {
    width: calc(100% - (var(--shell-padding) * 2));
    margin-inline: auto;
  }

  .gallery-grammar__cards,
  .gallery-ethics__cards,
  .gallery-routes__cards {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .gallery-grammar__card:nth-child(3),
  .gallery-routes__card:nth-child(3) {
    grid-column: 1;
  }

  .gallery-plate {
    margin-top: var(--space-8);
  }

  .gallery-plate--rounders .gallery-plate__rail,
  .gallery-plate--casino .gallery-plate__rail,
  .gallery-plate--croupier .gallery-plate__rail,
  .gallery-plate--cooler .gallery-plate__rail {
    order: 1;
  }

  .gallery-plate--rounders .gallery-plate__figure,
  .gallery-plate--casino .gallery-plate__figure,
  .gallery-plate--croupier .gallery-plate__figure,
  .gallery-plate--cooler .gallery-plate__figure {
    order: 2;
  }

  .gallery-plate__rail {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .gallery-plate__rail > * {
    margin: 0;
  }

  .gallery-plate__overlap {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .gallery-plate__overlap > * {
    margin: 0;
  }

  .gallery-plate--cooler .gallery-plate__figure {
    max-width: none;
  }

  .gallery-essay__module {
    padding-inline-start: var(--space-4);
  }

  .gallery-essay__quote {
    width: 100%;
    margin: var(--space-6) 0;
    padding: var(--space-5);
  }

  .gallery-availability__panel {
    padding: var(--space-5);
  }

  .gallery-availability__button {
    width: 100%;
  }

  .gallery-scope__note {
    width: 100%;
    padding: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-plate__media--grain::after {
    opacity: 0.06;
  }
}


.film-reviews-page {
  overflow: hidden;
}

.film-reviews-page .fr-eyebrow--terracotta {
  color: var(--color-terracotta);
}

.film-reviews-page .fr-masthead__grid {
  display: grid;
  grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
  align-items: start;
  gap: var(--space-8);
}

.film-reviews-page .fr-masthead__copy,
.film-reviews-page .fr-masthead__figure,
.film-reviews-page .fr-feature-card__image,
.film-reviews-page .fr-feature-card__body,
.film-reviews-page .fr-scene__copy,
.film-reviews-page .fr-scene__figure,
.film-reviews-page .fr-availability__copy {
  min-width: 0;
  width: 100%;
}

.film-reviews-page .fr-masthead__copy {
  max-width: 56ch;
  border-bottom: var(--border-strong);
  padding-bottom: var(--space-5);
}

.film-reviews-page .fr-masthead__title {
  font-size: clamp(2.75rem, 6vw, 4.5rem);
  margin-bottom: var(--space-5);
}

.film-reviews-page .fr-masthead__deck {
  font-size: var(--text-lead);
  line-height: 1.48;
}

.film-reviews-page .fr-approach {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  border-left: 4px solid var(--color-amber);
  background: var(--color-mist);
  padding: var(--space-4);
}

.film-reviews-page .fr-approach > * {
  margin: 0;
}

.film-reviews-page .fr-masthead__media {
  aspect-ratio: 16 / 9;
}

.film-reviews-page .fr-grain-frame {
  position: relative;
}

.film-reviews-page .fr-grain-frame::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: 0.07;
  background-image: radial-gradient(circle at 20% 20%, var(--color-slate) 0 0.5px, transparent 0.7px), radial-gradient(circle at 76% 68%, var(--color-slate) 0 0.5px, transparent 0.7px);
  background-size: 5px 5px, 7px 7px;
}

.film-reviews-page .fr-feature > .container > h2,
.film-reviews-page .fr-pathways h2,
.film-reviews-page .fr-recent h2,
.film-reviews-page .fr-method h2 {
  max-width: 46ch;
}

.film-reviews-page .fr-feature-card {
  display: grid;
  grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
  padding: 0;
  overflow: hidden;
}

.film-reviews-page .fr-feature-card__image {
  aspect-ratio: 3 / 2;
}

.film-reviews-page .fr-feature-card__body {
  display: grid;
  grid-template-columns: minmax(0, 60fr) minmax(0, 40fr);
  gap: var(--space-5);
  padding: var(--space-6);
}

.film-reviews-page .fr-feature-card__intro,
.film-reviews-page .fr-thread-rail {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.film-reviews-page .fr-feature-card__intro > *,
.film-reviews-page .fr-thread-rail__item > p,
.film-reviews-page .fr-thread-rail__item > span {
  margin: 0;
}

.film-reviews-page .fr-feature-card__intro h3 {
  font-size: clamp(1.75rem, 3vw, 2.35rem);
}

.film-reviews-page .fr-thread-rail {
  border-left: var(--border-default);
  padding-left: var(--space-4);
}

.film-reviews-page .fr-thread-rail__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  border-top: var(--border-default);
  padding-top: var(--space-3);
}

.film-reviews-page .fr-thread-rail__item > span,
.film-reviews-page .fr-method__module > span,
.film-reviews-page .fr-scene__callouts span,
.film-reviews-page .fr-watchlist__number {
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.film-reviews-page .fr-thread-rail__item > p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.film-reviews-page .fr-year {
  color: var(--color-amber);
}

.film-reviews-page .fr-pathways__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--grid-gap);
}

.film-reviews-page .fr-pathway {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-5);
}

.film-reviews-page .fr-pathway > * {
  margin: 0;
}

.film-reviews-page .fr-pathway > a,
.film-reviews-page .fr-review-card a,
.film-reviews-page .fr-scene__callouts a {
  margin-top: auto;
  font-size: var(--text-compact);
  font-weight: 700;
}

.film-reviews-page .fr-pathway__number {
  color: var(--color-slate);
  font-size: var(--text-meta);
  font-weight: 700;
}

.film-reviews-page .fr-pathway--pressure {
  box-shadow: inset 0 4px 0 var(--color-seafoam);
}

.film-reviews-page .fr-pathway__amber-rule {
  border-top: 3px solid var(--color-amber);
  padding-top: var(--space-2);
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
}

.film-reviews-page .fr-recent__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: var(--grid-gap);
}

.film-reviews-page .fr-review-card {
  min-width: 0;
  height: 100%;
  padding: 0;
}

.film-reviews-page .fr-review-card__media {
  aspect-ratio: 16 / 9;
}

.film-reviews-page .fr-review-card__content {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-5);
}

.film-reviews-page .fr-review-card__content > * {
  margin: 0;
}

.film-reviews-page .fr-review-card__content h3 {
  font-size: clamp(1.5rem, 2.5vw, 1.9rem);
}

.film-reviews-page .fr-method__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
}

.film-reviews-page .fr-method__module {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border-top: var(--border-strong);
  padding-top: var(--space-4);
}

.film-reviews-page .fr-method__module > * {
  margin: 0;
}

.film-reviews-page .fr-method__question {
  background: var(--color-seafoam-pale);
  padding: var(--space-3);
  font-family: var(--font-heading);
  font-style: italic;
  line-height: 1.35;
}

.film-reviews-page .fr-scene__grid {
  display: grid;
  grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  align-items: start;
  gap: var(--space-8);
}

.film-reviews-page .fr-scene__copy {
  max-width: 45ch;
}

.film-reviews-page .fr-scene__media {
  aspect-ratio: 3 / 2;
}

.film-reviews-page .fr-scene__callouts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.film-reviews-page .fr-scene__callouts > article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  border-top: 2px solid var(--color-terracotta);
  padding-top: var(--space-3);
}

.film-reviews-page .fr-scene__callouts > article:last-child {
  border-top-color: var(--color-seafoam);
}

.film-reviews-page .fr-scene__callouts > article > * {
  margin: 0;
}

.film-reviews-page .fr-scene__callouts h3 {
  font-size: 1.0625rem;
}

.film-reviews-page .fr-scene__callouts p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.film-reviews-page .fr-context__intro {
  max-width: 50ch;
  border-bottom: 3px solid var(--color-terracotta);
  padding-bottom: var(--space-4);
}

.film-reviews-page .fr-context__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-top: var(--space-6);
}

.film-reviews-page .fr-context__grid > article {
  min-width: 0;
}

.film-reviews-page .fr-verified-marker {
  display: inline-block;
  border-left: 3px solid var(--color-amber);
  padding-left: var(--space-2);
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.film-reviews-page .fr-watchlist__container {
  max-width: 56.25rem;
}

.film-reviews-page .fr-watchlist__intro {
  max-width: 52ch;
}

.film-reviews-page .fr-watchlist__list {
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
  border-top: var(--border-default);
}

.film-reviews-page .fr-watchlist__list > li {
  display: grid;
  grid-template-columns: 4rem 13.75rem minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  border-bottom: var(--border-default);
  padding-block: var(--space-4);
}

.film-reviews-page .fr-watchlist__list > li > * {
  min-width: 0;
}

.film-reviews-page .fr-watchlist__film h3,
.film-reviews-page .fr-watchlist__film p,
.film-reviews-page .fr-watchlist__lens {
  margin: 0;
}

.film-reviews-page .fr-watchlist__lens {
  max-width: 48ch;
}

.film-reviews-page .fr-availability__panel {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-6);
  max-width: 60rem;
  margin-inline: auto;
  border: var(--border-default);
  border-left: 4px solid var(--color-amber);
  background: var(--color-seafoam-pale);
  padding: var(--space-6);
}

.film-reviews-page .fr-availability__copy {
  flex: 1 1 68%;
  max-width: 58ch;
}

.film-reviews-page .fr-availability__copy > :last-child {
  margin-bottom: 0;
}

.film-reviews-page .fr-availability__button {
  flex: 0 1 auto;
  min-width: 15rem;
}

.film-reviews-page .fr-continue__container {
  padding-top: var(--section-space);
}

.film-reviews-page .fr-continue__intro {
  max-width: 48ch;
  margin-inline: auto;
  text-align: center;
}

.film-reviews-page .fr-continue__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-top: var(--space-6);
}

.film-reviews-page .fr-route {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border-top: var(--border-strong);
  padding: var(--space-4) 0;
  text-decoration: none;
}

.film-reviews-page .fr-route > * {
  margin: 0;
}

.film-reviews-page .fr-route > span {
  margin-top: auto;
  color: var(--color-seafoam);
  font-size: var(--text-compact);
  font-weight: 700;
}

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

@media (max-width: 61.25rem) {
  .film-reviews-page .fr-feature-card__body {
    grid-template-columns: minmax(0, 1fr);
  }

  .film-reviews-page .fr-thread-rail {
    border-top: var(--border-default);
    border-left: 0;
    padding-top: var(--space-4);
    padding-left: 0;
  }

  .film-reviews-page .fr-recent__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .film-reviews-page .fr-review-card--lead {
    grid-column: 1 / 2;
  }
}

@media (max-width: 56.25rem) {
  .film-reviews-page .fr-masthead__grid {
    grid-template-columns: minmax(0, 60fr) minmax(0, 40fr);
    gap: var(--space-5);
  }

  .film-reviews-page .fr-scene__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .film-reviews-page .fr-scene__figure {
    order: -1;
  }
}

@media (max-width: 48.75rem) {
  .film-reviews-page .fr-watchlist__list > li {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .film-reviews-page .fr-watchlist__lens {
    grid-column: 2 / 3;
  }
}

@media (max-width: 47.5rem) {
  .film-reviews-page .fr-context__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .film-reviews-page .fr-continue__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 43.6875rem) {
  .film-reviews-page .fr-masthead__grid,
  .film-reviews-page .fr-feature-card,
  .film-reviews-page .fr-recent__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .film-reviews-page .fr-masthead__copy {
    max-width: none;
  }

  .film-reviews-page .fr-masthead__deck {
    max-width: 34ch;
    font-size: 1rem;
    line-height: 1.55;
  }

  .film-reviews-page .fr-masthead__figure,
  .film-reviews-page .fr-scene__figure {
    width: calc(100% + (var(--shell-padding) * 2));
    margin-left: calc(var(--shell-padding) * -1);
  }

  .film-reviews-page .fr-masthead__figure .caption,
  .film-reviews-page .fr-scene__figure .caption {
    width: calc(100% - (var(--shell-padding) * 2));
    margin-inline: auto;
  }

  .film-reviews-page .fr-feature-card__body {
    padding: var(--space-4);
  }

  .film-reviews-page .fr-feature-card__intro .button {
    width: 100%;
  }

  .film-reviews-page .fr-availability__panel {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-4);
    padding: var(--space-5);
  }

  .film-reviews-page .fr-availability__button {
    width: 100%;
  }
}

@media (max-width: 38.75rem) {
  .film-reviews-page .fr-pathways__grid,
  .film-reviews-page .fr-recent__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 36.25rem) {
  .film-reviews-page .fr-method__grid,
  .film-reviews-page .fr-context__grid,
  .film-reviews-page .fr-scene__callouts {
    grid-template-columns: minmax(0, 1fr);
  }

  .film-reviews-page .fr-method__grid {
    gap: 0;
  }

  .film-reviews-page .fr-method__module {
    padding-block: var(--space-5);
  }
}

@media (max-width: 32.5rem) {
  .film-reviews-page .fr-watchlist__list > li {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .film-reviews-page .fr-watchlist__lens {
    grid-column: 1 / 2;
  }
}

@media (hover: hover) and (pointer: fine) {
  .film-reviews-page .fr-route:hover {
    color: var(--color-seafoam);
  }
}

@media (prefers-reduced-motion: reduce) {
  .film-reviews-page .fr-grain-frame::after {
    opacity: 0.05;
  }
}


.thematic-articles-page {
  overflow: hidden;
}

.thematic-articles-page .ta-eyebrow--terracotta {
  color: var(--color-terracotta);
}

.thematic-articles-page .ta-masthead {
  padding-block-start: calc(var(--section-space) + var(--space-4));
}

.thematic-articles-page .ta-masthead__grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  min-width: 0;
}

.thematic-articles-page .ta-masthead__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 45rem;
}

.thematic-articles-page .ta-masthead__copy .display-title {
  max-width: 18ch;
}

.thematic-articles-page .ta-masthead__intro {
  max-width: 64ch;
}

.thematic-articles-page .ta-masthead__field {
  grid-column: 2;
  min-width: 0;
  margin-inline-start: var(--space-7);
  border-inline-start: var(--border-default);
}

.thematic-articles-page .ta-masthead__context {
  display: flex;
  min-width: 0;
  max-width: 56ch;
  flex-direction: column;
  gap: var(--space-3);
  margin-block-start: var(--space-6);
  border-inline-start: 4px solid var(--color-amber);
  padding: var(--space-4) var(--space-5);
  background: var(--color-seafoam-pale);
}

.thematic-articles-page .ta-masthead__context > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-masthead__context h2 {
  font-family: var(--font-body);
  font-size: var(--text-compact);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

.thematic-articles-page .ta-masthead__context p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-feature__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--grid-gap);
  min-width: 0;
  align-items: start;
}

.thematic-articles-page .ta-feature__figure,
.thematic-articles-page .ta-feature__copy {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-feature__figure {
  grid-column: 1;
}

.thematic-articles-page .ta-feature__media {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.thematic-articles-page .ta-grain-frame {
  position: relative;
}

.thematic-articles-page .ta-grain-frame::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgb(23 35 43 / 18%) 0.55px, transparent 0.65px);
  background-size: 5px 5px;
  content: "";
  opacity: 0.08;
}

.thematic-articles-page .ta-feature__copy {
  display: flex;
  grid-column: 2;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding-block-start: var(--space-3);
}

.thematic-articles-page .ta-feature__copy > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-feature__copy .feature-title {
  max-width: 22ch;
}

.thematic-articles-page .ta-feature__copy > p {
  }

.thematic-articles-page .ta-feature__caption {
  max-width: 60ch;
}

.thematic-articles-page .ta-evidence-number {
  display: inline-block;
  margin-inline-end: var(--space-2);
  color: var(--color-slate);
  font-weight: 700;
}

.thematic-articles-page .ta-text-link,
.thematic-articles-page .ta-card-link {
  color: var(--color-slate);
  font-size: var(--text-compact);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--color-seafoam);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.16em;
}

.thematic-articles-page .ta-feature__route {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-4);
}

.thematic-articles-page .ta-feature__route > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-feature__route p {
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-section-intro,
.thematic-articles-page .ta-context__intro,
.thematic-articles-page .ta-watchlists__intro,
.thematic-articles-page .ta-routes__intro {
  max-width: 62ch;
}

.thematic-articles-page .ta-lenses__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
  gap: var(--grid-gap);
  min-width: 0;
}

.thematic-articles-page .ta-lens-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-white);
  color: var(--color-slate);
  text-decoration: none;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.thematic-articles-page .ta-lens-card > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-lens-card h3 {
  max-width: 19ch;
}

.thematic-articles-page .ta-lens-card p:not(.eyebrow) {
  max-width: 42ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-lens-card__aside {
  border-inline-start: 2px solid var(--color-seafoam);
  padding-inline-start: var(--space-3);
  color: var(--color-slate-muted);
  font-style: italic;
}

.thematic-articles-page .ta-card-link {
  margin-block-start: auto;
}

.thematic-articles-page .ta-card-marker {
  display: block;
  width: 2.5rem;
  height: 4px;
}

.thematic-articles-page .ta-card-marker--terracotta {
  background: var(--color-terracotta);
}

.thematic-articles-page .ta-card-marker--seafoam {
  background: var(--color-seafoam);
}

.thematic-articles-page .ta-card-marker--amber {
  background: var(--color-amber);
}

.thematic-articles-page .ta-scene-study__heading {
  max-width: 24ch;
}

.thematic-articles-page .ta-scene-study__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--grid-gap);
  min-width: 0;
  align-items: start;
}

.thematic-articles-page .ta-scene-study__figure {
  grid-column: 1;
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-scene-study__media {
  width: 100%;
  aspect-ratio: 3 / 2;
}

.thematic-articles-page .ta-scene-study__items {
  display: flex;
  grid-column: 2;
  min-width: 0;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.thematic-articles-page .ta-scene-study__items > li {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) minmax(0, 6fr);
  gap: var(--space-4);
  min-width: 0;
  padding-block: var(--space-4);
  border-top: var(--border-default);
}

.thematic-articles-page .ta-scene-study__items > li:first-child {
  padding-block-start: 0;
  border-top: 0;
}

.thematic-articles-page .ta-scene-study__items > li > * {
  min-width: 0;
}

.thematic-articles-page .ta-step-number {
  display: block;
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
}

.thematic-articles-page .ta-scene-study__items h3,
.thematic-articles-page .ta-scene-study__items p {
  }

.thematic-articles-page .ta-scene-study__items h3 {
  margin-block-end: var(--space-2);
}

.thematic-articles-page .ta-scene-study__items p {
  margin-block-end: 0;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-context__intro {
  grid-column: 1;
}

.thematic-articles-page .ta-context__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

.thematic-articles-page .ta-fact-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-5);
}

.thematic-articles-page .ta-fact-card > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-fact-card--mist {
  background: var(--color-mist);
}

.thematic-articles-page .ta-fact-card--white {
  background: var(--color-white);
}

.thematic-articles-page .ta-fact-card--pale {
  background: var(--color-seafoam-pale);
}

.thematic-articles-page .ta-fact-card h3 {
  max-width: 24ch;
}

.thematic-articles-page .ta-fact-card > p:not(.ta-source-note) {
  max-width: 38ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-fact-marker {
  border-inline-start: 4px solid var(--color-amber);
  padding-inline-start: var(--space-2);
  color: var(--color-slate-muted);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.thematic-articles-page .ta-fact-marker--terracotta {
  border-color: var(--color-terracotta);
}

.thematic-articles-page .ta-source-note {
  margin-block-start: auto;
  border-top: var(--border-default);
  padding-block-start: var(--space-3);
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  line-height: 1.4;
}

.thematic-articles-page .ta-watchlists__intro {
  max-width: 60ch;
}

.thematic-articles-page .ta-watchlists__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--grid-gap);
  min-width: 0;
  align-items: stretch;
}

.thematic-articles-page .ta-watchlist-card {
  min-width: 0;
  border: var(--border-default);
}

.thematic-articles-page .ta-watchlist-card--primary {
  display: grid;
  grid-column: 1;
  grid-template-rows: auto 1fr;
  min-width: 0;
  background: var(--color-white);
}

.thematic-articles-page .ta-watchlist-card--secondary {
  grid-column: 2;
  background: var(--color-mist);
}

.thematic-articles-page .ta-watchlist-card__media {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.thematic-articles-page .ta-watchlist-card__body {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
}

.thematic-articles-page .ta-watchlist-card__body > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-watchlist-card h3 {
  max-width: 24ch;
}

.thematic-articles-page .ta-watchlist-card__body > p:not(.eyebrow) {
  max-width: 44ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-film-list {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.thematic-articles-page .ta-film-list > li {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: var(--space-2);
  min-width: 0;
  border-top: var(--border-default);
  padding-block-start: var(--space-2);
  font-size: var(--text-compact);
  line-height: 1.45;
}

.thematic-articles-page .ta-film-list span {
  min-width: 0;
  color: var(--color-slate-muted);
}

.thematic-articles-page .ta-watchlist-card .button {
  margin-block-start: auto;
}

.thematic-articles-page .ta-availability-note {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-block-start: var(--grid-gap);
  border: var(--border-default);
  padding: var(--space-4) var(--space-5);
  background: var(--color-seafoam-pale);
}

.thematic-articles-page .ta-availability-note > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-availability-note p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-deep-dive__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: var(--grid-gap);
  min-width: 0;
  align-items: start;
}

.thematic-articles-page .ta-deep-dive__intro {
  grid-column: 1;
  min-width: 0;
}

.thematic-articles-page .ta-deep-dive__intro p {
  }

.thematic-articles-page .ta-deep-dive__timeline {
  display: grid;
  grid-column: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.thematic-articles-page .ta-deep-dive__timeline > li {
  display: grid;
  grid-template-columns: minmax(2.5rem, auto) minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  border-top: var(--border-default);
  padding-block-start: var(--space-3);
}

.thematic-articles-page .ta-deep-dive__timeline > li > * {
  min-width: 0;
}

.thematic-articles-page .ta-deep-dive__timeline h3 {
  margin-block-end: var(--space-2);
}

.thematic-articles-page .ta-deep-dive__timeline p {
  margin-block-end: 0;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-routes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

.thematic-articles-page .ta-route-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-white);
  color: var(--color-slate);
  text-decoration: none;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.thematic-articles-page .ta-route-card > * {
  min-width: 0;
  margin: 0;
}

.thematic-articles-page .ta-route-card::before {
  display: block;
  width: 2.5rem;
  height: 3px;
  content: "";
}

.thematic-articles-page .ta-route-card--review::before {
  background: var(--color-terracotta);
}

.thematic-articles-page .ta-route-card--profile::before {
  background: var(--color-seafoam);
}

.thematic-articles-page .ta-route-card--deconstruction::before {
  background: var(--color-amber);
}

.thematic-articles-page .ta-route-card h3 {
  max-width: 24ch;
}

.thematic-articles-page .ta-route-card p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-route-card .ta-card-link {
  margin-block-start: auto;
}

.thematic-articles-page .ta-boundary {
  padding-block: 0 var(--section-space);
}

.thematic-articles-page .ta-boundary__panel {
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  align-items: center;
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-mist);
}

.thematic-articles-page .ta-boundary__rule {
  display: block;
  width: 4px;
  min-height: 100%;
  background: var(--color-amber);
}

.thematic-articles-page .ta-boundary__panel > div {
  min-width: 0;
  max-width: 68ch;
}

.thematic-articles-page .ta-boundary__panel h2 {
  margin-block-end: var(--space-2);
  font-size: var(--text-lead);
}

.thematic-articles-page .ta-boundary__panel p {
  margin-block-end: 0;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.thematic-articles-page .ta-directory {
  padding-block-start: 0;
}

.thematic-articles-page .ta-directory__panel {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(17.5rem, 5fr);
  gap: var(--grid-gap);
  min-width: 0;
  align-items: end;
  border: var(--border-default);
  padding: var(--space-6);
  background: var(--color-seafoam-pale);
}

.thematic-articles-page .ta-directory__copy,
.thematic-articles-page .ta-directory__action {
  min-width: 0;
}

.thematic-articles-page .ta-directory__copy {
  grid-column: 1;
  max-width: 54ch;
}

.thematic-articles-page .ta-directory__copy h2 {
  margin-block-end: var(--space-3);
}

.thematic-articles-page .ta-directory__copy p:last-child {
  margin-block-end: 0;
}

.thematic-articles-page .ta-directory__action {
  display: flex;
  grid-column: 2;
  min-width: 0;
  justify-content: flex-start;
}

.thematic-articles-page .ta-directory__action .button {
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .thematic-articles-page .ta-lens-card:hover,
  .thematic-articles-page .ta-route-card:hover {
    box-shadow: inset 0 0 0 2px var(--color-seafoam);
    transform: translateY(-2px);
  }
}

@media (max-width: 61.1875rem) {
  .thematic-articles-page .ta-feature__grid,
  .thematic-articles-page .ta-watchlists__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .thematic-articles-page .ta-feature__copy,
  .thematic-articles-page .ta-feature__figure,
  .thematic-articles-page .ta-watchlist-card--primary,
  .thematic-articles-page .ta-watchlist-card--secondary {
    grid-column: 1;
  }

  .thematic-articles-page .ta-feature__copy {
    order: 1;
  }

  .thematic-articles-page .ta-feature__figure {
    order: 2;
  }

  .thematic-articles-page .ta-watchlist-card--primary {
    grid-row: 1;
  }

  .thematic-articles-page .ta-watchlist-card--secondary {
    grid-row: 2;
  }

  .thematic-articles-page .ta-scene-study__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .thematic-articles-page .ta-scene-study__figure,
  .thematic-articles-page .ta-scene-study__items {
    grid-column: 1;
  }

  .thematic-articles-page .ta-scene-study__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gap);
  }

  .thematic-articles-page .ta-scene-study__items > li,
  .thematic-articles-page .ta-scene-study__items > li:first-child {
    grid-template-columns: minmax(2.5rem, auto) minmax(0, 1fr);
    padding-block-start: var(--space-3);
    border-top: var(--border-default);
  }

  .thematic-articles-page .ta-scene-study__items > li:last-child {
    grid-column: 1 / -1;
  }

  .thematic-articles-page .ta-lenses__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .thematic-articles-page .ta-lens-card--fortune,
  .thematic-articles-page .ta-lens-card--bluffing {
    grid-column: auto;
  }

  .thematic-articles-page .ta-lens-card--risk {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56.1875rem) {
  .thematic-articles-page .ta-context__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .thematic-articles-page .ta-context__grid > :last-child {
    grid-column: 1 / -1;
  }

  .thematic-articles-page .ta-routes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .thematic-articles-page .ta-routes__grid > :last-child {
    grid-column: 1 / -1;
  }

  .thematic-articles-page .ta-deep-dive__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .thematic-articles-page .ta-deep-dive__intro,
  .thematic-articles-page .ta-deep-dive__timeline {
    grid-column: 1;
  }

  .thematic-articles-page .ta-deep-dive__intro p {
  }
}

@media (max-width: 53.6875rem) {
  .thematic-articles-page .ta-masthead__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .thematic-articles-page .ta-masthead__copy {
    grid-column: 1;
  }

  .thematic-articles-page .ta-masthead__field {
    display: none;
  }
}

@media (max-width: 47.4375rem) {
  .thematic-articles-page .ta-directory__panel {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .thematic-articles-page .ta-directory__copy,
  .thematic-articles-page .ta-directory__action {
    grid-column: 1;
  }
}

@media (max-width: 43.6875rem) {
  .thematic-articles-page .ta-masthead {
    padding-block-start: var(--section-space);
  }

  .thematic-articles-page .ta-masthead__copy .display-title {
    max-width: 14ch;
  }

  .thematic-articles-page .ta-feature__grid {
    gap: var(--space-5);
  }

  .thematic-articles-page .ta-feature__figure {
    width: calc(100% + (var(--shell-padding) * 2));
    margin-inline: calc(var(--shell-padding) * -1);
  }

  .thematic-articles-page .ta-feature__caption {
    padding-inline: var(--shell-padding);
  }

  .thematic-articles-page .ta-feature__copy {
    padding-block-start: 0;
  }

  .thematic-articles-page .ta-lenses__grid,
  .thematic-articles-page .ta-context__grid,
  .thematic-articles-page .ta-routes__grid,
  .thematic-articles-page .ta-deep-dive__timeline,
  .thematic-articles-page .ta-scene-study__items {
    grid-template-columns: minmax(0, 1fr);
  }

  .thematic-articles-page .ta-lens-card--risk,
  .thematic-articles-page .ta-context__grid > :last-child,
  .thematic-articles-page .ta-routes__grid > :last-child,
  .thematic-articles-page .ta-scene-study__items > li:last-child {
    grid-column: 1;
  }

  .thematic-articles-page .ta-lens-card,
  .thematic-articles-page .ta-fact-card,
  .thematic-articles-page .ta-route-card,
  .thematic-articles-page .ta-watchlist-card__body {
    padding: var(--space-5);
  }

  .thematic-articles-page .ta-scene-study__figure {
    width: calc(100% + (var(--shell-padding) * 2));
    margin-inline: calc(var(--shell-padding) * -1);
  }

  .thematic-articles-page .ta-scene-study__figure .caption {
    padding-inline: var(--shell-padding);
  }

  .thematic-articles-page .ta-scene-study__items > li,
  .thematic-articles-page .ta-scene-study__items > li:first-child,
  .thematic-articles-page .ta-deep-dive__timeline > li {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .thematic-articles-page .ta-scene-study__items h3,
  .thematic-articles-page .ta-deep-dive__timeline h3 {
    font-size: 1.5rem;
  }

  .thematic-articles-page .ta-film-list > li {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .thematic-articles-page .ta-film-list span {
    padding-inline-start: var(--space-2);
  }

  .thematic-articles-page .ta-boundary__panel,
  .thematic-articles-page .ta-directory__panel {
    padding: var(--space-5);
  }

  .thematic-articles-page .ta-directory__action .button {
    min-height: 2.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .thematic-articles-page .ta-lens-card,
  .thematic-articles-page .ta-route-card {
    transition: none;
  }
}


.home-page {
  overflow: clip;
}

.home-page .home-hero__grid,
.home-page .home-genre__grid,
.home-page .home-analysis__layout,
.home-page .home-faq__layout,
.home-page .home-standards__layout {
  display: grid;
  min-width: 0;
}

.home-page .home-hero__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-8);
  align-items: center;
}

.home-page .home-hero__copy,
.home-page .home-hero__figure,
.home-page .home-genre__reading,
.home-page .home-genre__quote,
.home-page .home-analysis__figure,
.home-page .home-analysis__board,
.home-page .home-faq__main,
.home-page .home-faq__rail,
.home-page .home-standards__marker,
.home-page .home-standards__content {
  min-width: 0;
  width: 100%;
}

.home-page .home-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.home-page .home-hero__copy > * { margin: 0; }
.home-page .home-hero__eyebrow { color: var(--color-terracotta); }
.home-page .home-hero__title { position: relative; max-width: 13ch; font-size: clamp(2.6rem, 5.2vw, 5.5rem); }
.home-page .home-hero__title::before { position: absolute; top: calc(var(--space-5) * -1); left: 0; width: 4rem; height: 2px; background: var(--color-terracotta); content: ""; }
.home-page .home-hero__lead { max-width: 54ch; font-size: var(--text-lead); line-height: 1.4; }
.home-page .home-hero__boundary { display: flex; max-width: 42ch; gap: var(--space-3); color: var(--color-slate-muted); font-size: var(--text-compact); line-height: var(--leading-compact); }
.home-page .home-hero__boundary span { flex: 0 0 3px; width: 3px; background: var(--color-seafoam); }
.home-page .home-hero__actions { display: flex; width: 100%; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.home-page .home-hero__actions > * { min-width: 0; }
.home-page .home-hero__figure { margin: 0; }
.home-page .home-hero__media { aspect-ratio: 4 / 5; }
.home-page .home-hero__media::after,
.home-page .home-gallery__primary .media-frame::after { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgb(255 255 255 / 22%) 0.6px, transparent 0.8px); background-size: 5px 5px; content: ""; opacity: .08; }
.home-page .home-hero__media,
.home-page .home-gallery__primary .media-frame { position: relative; }
.home-page .home-hero__caption { max-width: 54ch; }

.home-page .home-genre__grid { grid-template-columns: minmax(0, 7fr) minmax(16rem, 5fr); gap: var(--space-8); align-items: start; }
.home-page .home-genre__reading { max-width: 45rem; }
.home-page .home-genre__intro { max-width: 66ch; font-size: var(--text-lead); line-height: 1.45; }
.home-page .home-genre__block { max-width: 66ch; }
.home-page .home-genre__block--psychology { border-left: 2px solid var(--color-terracotta); padding-left: var(--space-5); }
.home-page .home-genre__block--systems { border-top: 1px solid var(--color-rule); padding-top: var(--space-5); }
.home-page .home-genre__block--systems h3::before { display: inline-block; width: .65rem; height: .65rem; margin-right: var(--space-2); background: var(--color-amber); content: ""; }
.home-page .home-genre__quote { align-self: center; border-left: 2px solid var(--color-terracotta); padding: var(--space-6) 0 var(--space-6) var(--space-5); }
.home-page .home-genre__quote p {
  margin: 0 0 var(--space-3); font-family: var(--font-heading); font-size: clamp(1.6rem, 3vw, 2.35rem); font-style: italic; line-height: 1.08; }
.home-page .home-genre__quote span { color: var(--color-slate-muted); font-size: var(--text-utility); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }

.home-page .home-highlights__intro { max-width: 58ch; }
.home-page .home-highlights__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); }
.home-page .home-highlights__grid > * { min-width: 0; width: 100%; }
.home-page .home-highlights__review { grid-column: 1 / span 5; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-page .home-highlights__profiles { grid-column: 6 / span 3; grid-row: 1; }
.home-page .home-highlights__scenes { grid-column: 9 / span 3; grid-row: 1; }
.home-page .home-highlights__facts { grid-column: 6 / span 4; grid-row: 2; }
.home-page .home-highlights__directory { grid-column: 10 / span 3; grid-row: 2; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-page .home-highlights__updates { grid-column: 1 / -1; border-top: var(--border-strong); padding-top: var(--space-4); }
.home-page .home-highlights__updates p {
  }
.home-page .home-highlights__review > *,
.home-page .home-highlights__directory > * { margin: 0; }

.home-page .home-analysis__lead { max-width: 58ch; font-size: var(--text-lead); }
.home-page .home-analysis__layout { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; }
.home-page .home-analysis__figure { margin: 0; }
.home-page .home-analysis__media { aspect-ratio: 3 / 2; }
.home-page .home-analysis__board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.home-page .home-analysis__item { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; border-top: 1px solid var(--color-rule); padding-top: var(--space-3); }
.home-page .home-analysis__item > span { color: var(--color-slate-muted); font-size: var(--text-meta); font-weight: 700; letter-spacing: .08em; }
.home-page .home-analysis__item h3 { font-size: 1.125rem; }
.home-page .home-analysis__item p {
  font-size: var(--text-compact); }
.home-page .home-analysis__item--accent { border-top: 2px solid var(--color-terracotta); }
.home-page .home-analysis__item--wide { grid-column: 1 / -1; padding: var(--space-5); background: var(--color-white); }
.home-page .home-analysis__item--wide > span { color: var(--color-amber); }

.home-page .home-themes__container { max-width: 60rem; }
.home-page .home-themes__intro { max-width: 58ch; }
.home-page .home-themes__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); }
.home-page .home-themes__grid > * { min-width: 0; width: 100%; }
.home-page .home-themes__panel:nth-child(1) { grid-column: 1 / span 7; }
.home-page .home-themes__panel:nth-child(2) { grid-column: 8 / span 5; margin-top: var(--space-8); }
.home-page .home-themes__panel--final { grid-column: 1 / span 8; border-left: 2px solid var(--color-terracotta); padding: var(--space-6); background: var(--color-white); }
.home-page .home-themes__panel p {
  }
.home-page .home-themes__contrast { max-width: 27ch !important; margin-top: var(--space-5); color: var(--color-terracotta); font-family: var(--font-heading); font-size: var(--text-lead); font-style: italic; line-height: 1.2; }

.home-page .home-archetypes__intro { max-width: 58ch; }
.home-page .home-archetypes__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); }
.home-page .home-archetypes__grid > * { min-width: 0; width: 100%; }
.home-page .home-archetypes__card { grid-column: span 3; }
.home-page .home-archetypes__card:nth-child(2) { border-top: 2px solid var(--color-terracotta); }
.home-page .home-archetypes__card:nth-child(3) { background: var(--color-seafoam-pale); }
.home-page .home-archetypes__card:nth-child(4) { border-top: 2px solid var(--color-amber); }
.home-page .home-archetypes__card--final { grid-column: 1 / span 6; }
.home-page .home-archetypes__note { grid-column: 7 / span 6; align-self: center; padding: var(--space-6); border-top: var(--border-strong); }
.home-page .home-archetypes__note p {
  margin: 0; font-family: var(--font-heading); font-size: var(--text-lead); font-style: italic; }

.home-page .home-gallery__intro { max-width: 54ch; }
.home-page .home-gallery__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); align-items: start; }
.home-page .home-gallery__grid > * { min-width: 0; width: 100%; margin: 0; }
.home-page .home-gallery__primary { grid-column: 1 / span 7; grid-row: 1 / span 2; }
.home-page .home-gallery__support { grid-column: 8 / span 5; }
.home-page .home-gallery__media { aspect-ratio: 16 / 9; }
.home-page .home-gallery__support .media-frame { aspect-ratio: 3 / 2; }
.home-page .home-gallery__grid figcaption { max-width: 48ch; }
.home-page .home-gallery__route { max-width: 36ch; margin-top: var(--space-5); }

.home-page .home-audience__intro { max-width: 54ch; }
.home-page .home-audience__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.home-page .home-audience__card { min-width: 0; width: 100%; border: var(--border-default); background: var(--color-white); padding: var(--space-5); }
.home-page .home-audience__card:nth-child(2) { background: var(--color-mist); border-top: 2px solid var(--color-amber); }
.home-page .home-audience__card--availability { background: var(--color-seafoam-pale); }
.home-page .home-audience__card p {
  }

.home-page .home-faq__layout { grid-template-columns: minmax(0, 820px) minmax(0, 220px); justify-content: center; gap: var(--space-8); }
.home-page .home-faq__intro { max-width: 58ch; }
.home-page .home-faq__list { display: flex; flex-direction: column; gap: var(--space-3); }
.home-page .home-faq__item { min-width: 0; width: 100%; border: var(--border-default); background: var(--color-white); }
.home-page .home-faq__item h3 { margin: 0; font-family: var(--font-body); font-size: 1rem; }
.home-page .home-faq__item button { display: flex; width: 100%; min-width: 0; min-height: 2.75rem; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); color: var(--color-slate); font-weight: 700; line-height: 1.35; text-align: left; }
.home-page .home-faq__item button span { flex: 0 0 auto; color: var(--color-seafoam); font-size: 1.4rem; line-height: 1; }
.home-page .home-faq__item button[aria-expanded="true"] { border-bottom: 1px solid var(--color-seafoam); }
.home-page .home-faq__item button[aria-expanded="true"] span { transform: rotate(45deg); }
.home-page .home-faq__item [role="region"] { padding: 0 var(--space-4) var(--space-4); }
.home-page .home-faq__item [role="region"] p {
  margin: 0; }
.home-page .home-faq__rail { align-self: start; border-left: 2px solid var(--color-amber); padding-left: var(--space-4); }
.home-page .home-faq__rail p:last-child { max-width: 18ch; font-size: var(--text-compact); }

.home-page .home-standards__layout { grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr); }
.home-page .home-standards__marker { grid-column: 2; width: .4rem; height: 100%; background: var(--color-amber); }
.home-page .home-standards__content { grid-column: 2 / span 1; max-width: 51.25rem; margin-left: var(--space-6); }
.home-page .home-standards__panel { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-page .home-standards__panel > * { margin: 0; }
.home-page .home-standards__panel p {
  }
.home-page .home-standards__utility { max-width: 62ch; border-top: 1px solid var(--color-rule); padding-top: var(--space-4); }

.home-page .home-final__content { display: flex; max-width: 38.75rem; flex-direction: column; align-items: flex-start; gap: var(--space-5); margin-inline: auto; }
.home-page .home-final__content > * { margin: 0; }
.home-page .home-final__content h2 { max-width: 34ch; font-size: clamp(1.75rem, 4vw, 2.4rem); }
.home-page .home-final__content h2::after { display: block; width: 3.5rem; height: 2px; margin-top: var(--space-4); background: var(--color-terracotta); content: ""; }
.home-page .home-final__content > p:not(.home-final__note) { max-width: 46ch; }
.home-page .home-final__note { color: var(--color-slate-muted); font-size: var(--text-utility); }

@media (max-width: 67.4375rem) {
  .home-page .home-highlights__review { grid-column: 1 / span 6; grid-row: auto; }
  .home-page .home-highlights__profiles { grid-column: 7 / span 6; grid-row: auto; }
  .home-page .home-highlights__scenes { grid-column: 1 / span 6; grid-row: auto; }
  .home-page .home-highlights__facts { grid-column: 7 / span 6; grid-row: auto; }
  .home-page .home-highlights__directory { grid-column: 1 / -1; grid-row: auto; }
  .home-page .home-genre__grid { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-genre__quote { max-width: 42rem; }
  .home-page .home-archetypes__card { grid-column: span 6; }
  .home-page .home-archetypes__card--final { grid-column: 1 / span 6; }
  .home-page .home-archetypes__note { grid-column: 7 / span 6; }
}

@media (max-width: 61.1875rem) {
  .home-page .home-hero__grid,
  .home-page .home-analysis__layout { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-hero__copy { max-width: 45rem; }
  .home-page .home-hero__figure { max-width: 60rem; }
  .home-page .home-hero__media { aspect-ratio: 16 / 10; }
  .home-page .home-analysis__board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .home-faq__layout { grid-template-columns: minmax(0, 820px); }
  .home-page .home-faq__rail { display: none; }
}

@media (max-width: 56.1875rem) {
  .home-page .home-themes__grid { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-themes__panel:nth-child(1),
  .home-page .home-themes__panel:nth-child(2),
  .home-page .home-themes__panel--final { grid-column: 1; margin-top: 0; }
  .home-page .home-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .home-gallery__primary { grid-column: 1 / -1; grid-row: auto; }
  .home-page .home-gallery__support { grid-column: span 1; }
}

@media (max-width: 52.4375rem) {
  .home-page .home-audience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .home-audience__card--availability { grid-column: 1 / -1; }
}

@media (max-width: 43.6875rem) {
  .home-page .home-hero { padding-bottom: 0; }
  .home-page .home-hero__grid { gap: var(--space-6); }
  .home-page .home-hero__title { max-width: 100%; font-size: clamp(2.25rem, 11vw, 3.375rem); }
  .home-page .home-hero__lead { font-size: 1.0625rem; }
  .home-page .home-hero__actions { flex-direction: column; }
  .home-page .home-hero__actions > * { width: 100%; }
  .home-page .home-hero__figure { width: calc(100% + (var(--shell-padding) * 2)); margin-left: calc(var(--shell-padding) * -1); }
  .home-page .home-hero__media { aspect-ratio: 4 / 5; }
  .home-page .home-hero__caption { margin-inline: var(--shell-padding); }
  .home-page .home-genre__quote { padding-top: var(--space-5); padding-bottom: var(--space-5); }
  .home-page .home-highlights__grid,
  .home-page .home-analysis__board,
  .home-page .home-archetypes__grid,
  .home-page .home-gallery__grid,
  .home-page .home-audience__grid { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-highlights__review,
  .home-page .home-highlights__profiles,
  .home-page .home-highlights__scenes,
  .home-page .home-highlights__facts,
  .home-page .home-highlights__directory,
  .home-page .home-highlights__updates,
  .home-page .home-archetypes__card,
  .home-page .home-archetypes__card--final,
  .home-page .home-archetypes__note,
  .home-page .home-gallery__primary,
  .home-page .home-gallery__support,
  .home-page .home-audience__card--availability { grid-column: 1; grid-row: auto; }
  .home-page .home-analysis__layout { gap: var(--space-6); }
  .home-page .home-analysis__figure { width: calc(100% + (var(--shell-padding) * 2)); margin-left: calc(var(--shell-padding) * -1); }
  .home-page .home-analysis__figure .caption { margin-inline: var(--shell-padding); }
  .home-page .home-analysis__item--wide { grid-column: 1; }
  .home-page .home-themes__panel--final { padding: var(--space-5); }
  .home-page .home-archetypes__note { padding: var(--space-5) 0 0; }
  .home-page .home-gallery__primary,
  .home-page .home-gallery__support { width: calc(100% + (var(--shell-padding) * 2)); margin-left: calc(var(--shell-padding) * -1); }
  .home-page .home-gallery__grid figcaption { margin-inline: var(--shell-padding); }
  .home-page .home-faq__item button { padding: var(--space-4); }
  .home-page .home-standards__layout { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-standards__marker { display: none; }
  .home-page .home-standards__content { grid-column: 1; margin-left: 0; }
  .home-page .home-final__content { max-width: 100%; }
  .home-page .home-final__content .button { width: 100%; }
}


.nd-page {
  overflow: clip;
}

.nd-page .section {
  position: relative;
}

.nd-masthead__copy {
  width: min(100%, 42.5rem);
  margin-inline: auto;
  text-align: center;
}

.nd-masthead__marker {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-terracotta);
}

.nd-masthead__marker::before {
  width: 2px;
  height: 1.75rem;
  background: var(--color-amber);
  content: "";
}

.nd-masthead h1 {
  margin-block-end: var(--space-5);
  font-size: clamp(3.25rem, 6vw, 4.875rem);
}

.nd-masthead__thesis {
  width: min(100%, 62ch);
  margin-inline: auto;
}

.nd-masthead__scope {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  margin-block-start: var(--space-6);
  padding-block-start: var(--space-5);
  text-align: left;
}

.nd-masthead__scope p {
  width: min(100%, 62ch);
  margin-block-end: 0;
}

.nd-feature__top,
.nd-casino__top,
.nd-psychology__top {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--grid-gap);
  align-items: start;
}

.nd-feature__top > *,
.nd-feature__lower > *,
.nd-casino__top > *,
.nd-casino__evidence > *,
.nd-psychology__top > *,
.nd-psychology__lower > *,
.nd-heist__grid > *,
.nd-method__grid > *,
.nd-neon__grid > *,
.nd-pathways__grid > *,
.nd-watchlist__grid > * {
  min-width: 0;
}

.nd-feature__figure,
.nd-casino__figure,
.nd-neon__figure,
.nd-psychology__figure {
  width: 100%;
  max-width: 100%;
  margin-block-end: 0;
}

.nd-feature__figure {
  aspect-ratio: 16 / 9;
}

.nd-feature__figure img {
  object-position: 44% center;
}

.nd-feature__argument {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.nd-feature__argument > * {
  margin-block: 0;
}

.nd-feature__argument h2 {
  width: min(100%, 20ch);
}

.nd-feature__argument p {
  width: min(100%, 48ch);
}

.nd-feature__lower {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--grid-gap);
  margin-block-start: var(--space-6);
}

.nd-scene-map {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-mist);
}

.nd-scene-map > * {
  margin-block: 0;
}

.nd-scene-map ol {
  display: grid;
  min-width: 0;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  padding: 0;
  list-style: none;
}

.nd-scene-map li {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.nd-scene-map strong {
  color: var(--color-seafoam);
  font-size: var(--text-meta);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.nd-critical-note {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border: var(--border-default);
  border-top: 2px solid var(--color-terracotta);
  padding: var(--space-5);
}

.nd-critical-note > * {
  margin-block: 0;
}

.nd-critical-note p:not(.eyebrow) {
  width: min(100%, 48ch);
}

.nd-grain {
  position: relative;
}

.nd-grain::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgb(23 35 43 / .34) .55px, transparent .65px);
  background-size: 4px 4px;
  content: "";
  opacity: .08;
}

.nd-grain--drive::after {
  opacity: .06;
}

.nd-method__intro,
.nd-heist__intro,
.nd-pathways__intro,
.nd-watchlist__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.nd-method__intro {
  width: min(100%, 38.75rem);
}

.nd-method__intro > *,
.nd-heist__intro > *,
.nd-pathways__intro > *,
.nd-watchlist__intro > * {
  margin-block: 0;
}

.nd-method__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-block-start: var(--space-6);
}

.nd-principle {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-paper);
}

.nd-principle > * {
  margin-block: 0;
}

.nd-principle > span,
.nd-neon__grid > article > span,
.nd-watchlist__grid > li > span {
  color: var(--color-seafoam);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .08em;
}

.nd-principle p {
  width: min(100%, 32ch);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.nd-principle--space {
  border-top: 2px solid var(--color-amber);
}

.nd-principle--cuts {
  border-top: 2px solid var(--color-terracotta);
}

.nd-principle--sound::before {
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--color-slate) 0 10px, transparent 10px 14px, var(--color-slate) 14px 17px, transparent 17px 23px);
  content: "";
}

.nd-heist__intro {
  width: min(100%, 60ch);
}

.nd-heist__intro::after {
  width: min(100%, 18rem);
  height: 2px;
  margin-block-start: var(--space-2);
  background: var(--color-amber);
  content: "";
}

.nd-heist__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-gap);
  align-items: start;
  margin-block-start: var(--space-6);
}

.nd-film-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.nd-film-card > * {
  margin-block: 0;
}

.nd-film-card--rififi {
  grid-column: span 6;
}

.nd-film-card--inside {
  grid-column: span 3;
}

.nd-film-card .media-frame {
  width: 100%;
  max-width: 100%;
}

.nd-film-card--rififi .media-frame {
  aspect-ratio: 3 / 2;
}

.nd-film-card--inside .media-frame {
  aspect-ratio: 4 / 3;
}

.nd-film-card p:not(.eyebrow):not(.caption) {
  width: min(100%, 38ch);
}

.nd-film-card--inside p:not(.eyebrow):not(.caption) {
  width: min(100%, 30ch);
}

.nd-heist__quote {
  grid-column: span 3;
  width: 100%;
  margin-block: 0;
  align-self: stretch;
}

.nd-heist__quote p {
  width: min(100%, 28ch);
}

.nd-casino__top {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.nd-casino__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.nd-casino__copy > * {
  margin-block: 0;
}

.nd-casino__copy p:not(.eyebrow) {
  width: min(100%, 54ch);
}

.nd-casino__figure {
  aspect-ratio: 3 / 2;
}

.nd-casino__figure img {
  object-position: 56% center;
}

.nd-casino__evidence {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-block-start: var(--space-6);
}

.nd-casino__evidence .fact-panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.nd-casino__evidence .fact-panel > * {
  margin-block: 0;
}

.nd-casino__evidence .fact-panel p:not(.eyebrow) {
  width: min(100%, 40ch);
}

.nd-neon h2 {
  margin-block-end: var(--space-6);
}

.nd-neon__figure {
  aspect-ratio: 16 / 9;
}

.nd-neon__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  width: min(100%, 45rem);
  margin-block: var(--space-6);
}

.nd-neon__intro > * {
  margin-block: 0;
}

.nd-neon__intro p {
  width: min(100%, 64ch);
}

.nd-neon__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
}

.nd-neon__grid > article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border-top: var(--border-strong);
  padding-block-start: var(--space-4);
}

.nd-neon__grid > article > * {
  margin-block: 0;
}

.nd-neon__grid > article:nth-child(1) > span {
  color: var(--color-terracotta);
}

.nd-neon__grid > article:nth-child(2) {
  border-top-color: var(--color-amber);
}

.nd-neon__grid > article p {
  width: min(100%, 30ch);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.nd-psychology__top {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.nd-psychology__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.nd-psychology__copy > * {
  margin-block: 0;
}

.nd-psychology__copy p:not(.eyebrow) {
  width: min(100%, 48ch);
}

.nd-psychology__figure {
  aspect-ratio: 4 / 5;
  max-width: 32rem;
  justify-self: end;
}

.nd-psychology__figure img {
  object-position: 48% center;
}

.nd-psychology__lower {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--grid-gap);
  margin-block-start: var(--space-6);
}

.nd-ripley-card,
.nd-prompt-rail,
.nd-prompt-rail aside {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}

.nd-ripley-card {
  gap: var(--space-4);
}

.nd-ripley-card > * {
  margin-block: 0;
}

.nd-ripley-card p:not(.eyebrow) {
  width: min(100%, 38ch);
}

.nd-prompt-rail {
  gap: var(--space-4);
}

.nd-prompt-rail aside {
  width: 100%;
  gap: var(--space-3);
  border: var(--border-default);
  border-top: 2px solid var(--color-terracotta);
  padding: var(--space-5);
  background: var(--color-paper);
}

.nd-prompt-rail aside:nth-child(2) {
  border-top-color: var(--color-seafoam);
}

.nd-prompt-rail aside > * {
  margin-block: 0;
}

.nd-prompt-rail p {
  width: min(100%, 30ch);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.nd-pathways__intro {
  width: min(100%, 58ch);
}

.nd-pathways__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-block-start: var(--space-6);
}

.nd-pathways__grid a {
  display: flex;
  min-width: 0;
  min-height: 11rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--color-white);
  text-decoration: none;
}

.nd-pathways__grid a:hover,
.nd-pathways__grid a:focus-visible {
  border-color: var(--color-seafoam);
}

.nd-pathways__grid a > * {
  margin-block: 0;
}

.nd-pathways__grid span {
  color: var(--color-seafoam);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nd-pathways__grid a:nth-child(2) span {
  color: var(--color-terracotta);
}

.nd-pathways__grid a:nth-child(3) span {
  color: var(--color-amber);
}

.nd-pathways__grid a:nth-child(6) {
  background: var(--color-seafoam-pale);
}

.nd-pathways__grid p {
  width: min(100%, 28ch);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.nd-watchlist__intro {
  width: min(100%, 60ch);
}

.nd-watchlist__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6) var(--grid-gap);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.nd-watchlist__grid > li {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  border-top: var(--border-default);
  padding: var(--space-4) 0 0 var(--space-7);
}

.nd-watchlist__grid > li > * {
  margin-block: 0;
}

.nd-watchlist__grid > li > span {
  position: absolute;
  inset: var(--space-4) auto auto 0;
}

.nd-watchlist__grid p:not(.eyebrow) {
  width: min(100%, 32ch);
}

.nd-directory__panel {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  border: var(--border-default);
  padding: var(--space-6);
  background: var(--color-seafoam-pale);
}

.nd-directory__copy {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.nd-directory__copy > * {
  margin-block: 0;
}

.nd-directory__copy p:not(.eyebrow) {
  width: min(100%, 56ch);
}

.nd-directory__button {
  flex: 0 0 auto;
  min-width: max-content;
}

@media (max-width: 68.6875rem) {
  .nd-method__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nd-neon__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nd-neon__grid > article:nth-child(3) {
    grid-column: span 2;
  }

  .nd-neon__grid > article:nth-child(3) p {
    width: min(100%, 36ch);
  }
}

@media (max-width: 63.9375rem) {
  .nd-feature__top {
    grid-template-columns: minmax(0, 1fr);
  }

  .nd-feature__figure {
    grid-row: 2;
  }

  .nd-feature__argument {
    grid-row: 1;
  }
}

@media (max-width: 63.9375rem) and (min-width: 56.25rem) {
  .nd-heist__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .nd-film-card--rififi {
    grid-column: span 7;
  }

  .nd-film-card--inside {
    grid-column: span 5;
  }

  .nd-heist__quote {
    grid-column: 1 / -1;
  }

  .nd-heist__quote p {
    width: min(100%, 42ch);
  }
}

@media (max-width: 57.4375rem) {
  .nd-casino__top,
  .nd-psychology__top {
    grid-template-columns: minmax(0, 1fr);
  }

  .nd-casino__figure,
  .nd-psychology__figure {
    grid-row: 1;
    justify-self: stretch;
    max-width: none;
  }

  .nd-casino__copy,
  .nd-psychology__copy {
    grid-row: 2;
  }
}

@media (max-width: 56.1875rem) {
  .nd-heist__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nd-film-card--rififi {
    grid-column: span 1;
  }

  .nd-film-card--inside {
    grid-column: span 1;
  }

  .nd-heist__quote {
    grid-column: 1 / -1;
  }

  .nd-psychology__lower {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}

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

@media (max-width: 47.4375rem) {
  .nd-directory__panel {
    flex-direction: column;
    align-items: stretch;
  }

  .nd-directory__button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 43.6875rem) {
  .nd-masthead__copy {
    width: 100%;
    margin-inline: 0;
    text-align: left;
  }

  .nd-masthead h1 {
    font-size: clamp(2.25rem, 11vw, 3.25rem);
  }

  .nd-masthead__thesis {
    width: 100%;
    margin-inline: 0;
  }

  .nd-feature__top,
  .nd-feature__lower,
  .nd-casino__top,
  .nd-casino__evidence,
  .nd-psychology__top,
  .nd-psychology__lower,
  .nd-method__grid,
  .nd-neon__grid,
  .nd-pathways__grid,
  .nd-watchlist__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .nd-feature__argument h2,
  .nd-feature__argument p,
  .nd-critical-note p:not(.eyebrow),
  .nd-casino__copy p:not(.eyebrow),
  .nd-casino__evidence .fact-panel p:not(.eyebrow),
  .nd-psychology__copy p:not(.eyebrow),
  .nd-ripley-card p:not(.eyebrow),
  .nd-prompt-rail p,
  .nd-directory__copy p:not(.eyebrow) {
    width: 100%;
  }

  .nd-feature__figure,
  .nd-casino__figure,
  .nd-neon__figure {
    width: calc(100% + (var(--shell-padding) * 2));
    max-width: none;
    margin-inline: calc(var(--shell-padding) * -1);
  }

  .nd-feature__argument h2 {
    font-size: clamp(2rem, 9vw, 2.75rem);
  }

  .nd-feature__lower {
    margin-block-start: var(--space-5);
  }

  .nd-scene-map li {
    grid-template-columns: 1fr;
    gap: var(--space-1);
    border-top: var(--border-default);
    padding-block-start: var(--space-3);
  }

  .nd-heist__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .nd-film-card--rififi,
  .nd-film-card--inside,
  .nd-heist__quote {
    grid-column: span 1;
  }

  .nd-heist__quote p,
  .nd-film-card p:not(.eyebrow):not(.caption),
  .nd-film-card--inside p:not(.eyebrow):not(.caption),
  .nd-principle p,
  .nd-neon__grid > article p,
  .nd-pathways__grid p,
  .nd-watchlist__grid p:not(.eyebrow) {
    width: 100%;
  }

  .nd-neon__grid > article:nth-child(3) {
    grid-column: span 1;
  }

  .nd-neon__intro {
    width: 100%;
  }

  .nd-neon__intro p {
    width: 100%;
  }

  .nd-psychology__figure {
    width: 100%;
    max-width: 100%;
  }

  .nd-prompt-rail aside {
    padding: var(--space-4);
  }

  .nd-pathways__grid a {
    min-height: 0;
  }

  .nd-watchlist__grid {
    gap: 0;
  }

  .nd-watchlist__grid > li {
    padding-block: var(--space-4);
  }

  .nd-directory__panel {
    padding: var(--space-5);
  }
}


.character-profiles-page {
  overflow: hidden;
}

.character-profiles-page .cp-masthead__grid,
.character-profiles-page .cp-feature__grid,
.character-profiles-page .cp-availability__panel {
  display: grid;
  min-width: 0;
}

.character-profiles-page .cp-masthead__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-8);
  align-items: start;
}

.character-profiles-page .cp-masthead__copy,
.character-profiles-page .cp-masthead__media,
.character-profiles-page .cp-feature__content,
.character-profiles-page .cp-feature__media,
.character-profiles-page .cp-availability__copy,
.character-profiles-page .cp-availability__action {
  min-width: 0;
  width: 100%;
}

.character-profiles-page .cp-masthead__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  padding-block-start: var(--space-4);
}

.character-profiles-page .cp-masthead__copy > * {
  margin: 0;
}

.character-profiles-page .cp-eyebrow,
.character-profiles-page .cp-feature__label {
  position: relative;
  padding-inline-start: var(--space-4);
  color: var(--color-terracotta);
}

.character-profiles-page .cp-eyebrow::before,
.character-profiles-page .cp-feature__label::before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.15em;
  width: 0.25rem;
  height: 1.1em;
  background: var(--color-terracotta);
  content: "";
}

.character-profiles-page .cp-masthead__title {
  max-width: 19ch;
}

.character-profiles-page .cp-masthead__lead {
  max-width: 56ch;
}

.character-profiles-page .cp-scope-note {
  max-width: 48ch;
  border-inline-start: 2px solid var(--color-seafoam);
  padding: var(--space-3) var(--space-4);
  background: var(--color-mist);
}

.character-profiles-page .cp-scope-note p,
.character-profiles-page .cp-masthead__caption,
.character-profiles-page .cp-feature__media .caption,
.character-profiles-page .cp-feature__content > * {
  margin: 0;
}

.character-profiles-page .cp-verified-dot {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  margin-inline-end: var(--space-2);
  border: 1px solid var(--color-seafoam);
  border-radius: 50%;
  background: var(--color-seafoam-pale);
  vertical-align: 0.05em;
}

.character-profiles-page .cp-masthead__media,
.character-profiles-page .cp-feature__media {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

.character-profiles-page .cp-masthead__image-frame {
  width: 100%;
  aspect-ratio: 3 / 2;
}

.character-profiles-page .cp-masthead__image-frame img {
  object-position: 58% 48%;
}

.character-profiles-page .cp-grain-frame {
  position: relative;
}

.character-profiles-page .cp-grain-frame::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgb(23 35 43 / 18%) 0.6px, transparent 0.8px);
  background-size: 4px 4px;
  content: "";
  opacity: 0.08;
}

.character-profiles-page .cp-feature__grid {
  grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
  gap: var(--space-8);
  align-items: start;
}

.character-profiles-page .cp-feature__image-frame {
  width: 100%;
  aspect-ratio: 4 / 5;
}

.character-profiles-page .cp-feature__image-frame img {
  object-position: 52% 42%;
}

.character-profiles-page .cp-feature__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.character-profiles-page .cp-feature__content h2 {
  max-width: 17ch;
}

.character-profiles-page .cp-year {
  color: var(--color-amber);
  font-family: var(--font-body);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.character-profiles-page .cp-feature__intro {
  max-width: 54ch;
}

.character-profiles-page .cp-lens-list {
  display: flex;
  width: 100%;
  max-width: 54ch;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.character-profiles-page .cp-lens-list__item {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  border-inline-start: 1px solid var(--color-rule);
  padding-inline-start: var(--space-4);
}

.character-profiles-page .cp-lens-list__number {
  color: var(--color-amber);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.character-profiles-page .cp-lens-list__item div {
  min-width: 0;
}

.character-profiles-page .cp-lens-list__item h3,
.character-profiles-page .cp-lens-list__item p {
  margin: 0;
}

.character-profiles-page .cp-lens-list__item h3 {
  margin-block-end: var(--space-2);
}

.character-profiles-page .cp-lens-list__item p {
  }

.character-profiles-page .cp-development-note {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
}

.character-profiles-page .cp-shelf__intro {
  max-width: 54ch;
  margin-block-end: var(--space-7);
  border-bottom: var(--border-strong);
  padding-block-end: var(--space-5);
}

.character-profiles-page .cp-shelf__intro > :last-child {
  margin-block-end: 0;
}

.character-profiles-page .cp-shelf__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-gap);
  min-width: 0;
}

.character-profiles-page .cp-dossier-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

.character-profiles-page .cp-dossier-card--lead {
  grid-column: span 5;
  grid-row: span 2;
}

.character-profiles-page .cp-dossier-card--support {
  grid-column: span 3.5;
}

.character-profiles-page .cp-dossier-card__image {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.character-profiles-page .cp-dossier-card__image--lead {
  aspect-ratio: 3 / 2;
}

.character-profiles-page .cp-dossier-card__image img {
  object-position: center;
}

.character-profiles-page .cp-dossier-card__body {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
}

.character-profiles-page .cp-dossier-card__body > * {
  margin: 0;
}

.character-profiles-page .cp-dossier-card__body h3 {
  max-width: 22ch;
}

.character-profiles-page .cp-dossier-card--lead .cp-dossier-card__body p:not(.eyebrow):not(.meta) {
  max-width: 42ch;
}

.character-profiles-page .cp-dossier-card--support .cp-dossier-card__body p:not(.eyebrow):not(.meta) {
  max-width: 31ch;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.character-profiles-page .cp-marker {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-inline-end: var(--space-2);
  background: var(--color-slate);
}

.character-profiles-page .cp-marker--amber {
  background: var(--color-amber);
}

.character-profiles-page .cp-marker--terracotta {
  background: var(--color-terracotta);
}

.character-profiles-page .cp-marker--seafoam {
  background: var(--color-seafoam);
}

.character-profiles-page .cp-card-status {
  margin-block-start: auto;
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  font-weight: 700;
}

.character-profiles-page .cp-archetypes__intro {
  max-width: 52ch;
  margin-block-end: var(--space-7);
}

.character-profiles-page .cp-archetypes__intro > :last-child {
  margin-block-end: 0;
}

.character-profiles-page .cp-archetypes__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

.character-profiles-page .cp-archetype {
  min-width: 0;
  border-top: var(--border-strong);
  padding-top: var(--space-4);
}

.character-profiles-page .cp-archetype h3 {
  margin-block: var(--space-3) var(--space-3);
}

.character-profiles-page .cp-archetype p {
  margin: 0;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.character-profiles-page .cp-archetype__index {
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.character-profiles-page .cp-archetype__index--amber {
  color: var(--color-amber);
}

.character-profiles-page .cp-archetype__index--terracotta {
  color: var(--color-terracotta);
}

.character-profiles-page .cp-archetype__index--seafoam {
  color: var(--color-seafoam);
}

.character-profiles-page .cp-spotlights__intro {
  max-width: 54ch;
  margin-block-end: var(--space-7);
  border-bottom: var(--border-strong);
  padding-block-end: var(--space-5);
}

.character-profiles-page .cp-spotlights__intro > :last-child {
  margin-block-end: 0;
}

.character-profiles-page .cp-spotlights__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  min-width: 0;
}

.character-profiles-page .cp-spotlight {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(8rem, 1fr);
  gap: var(--space-5);
  min-width: 0;
}

.character-profiles-page .cp-spotlight__prose,
.character-profiles-page .cp-watch-for {
  min-width: 0;
}

.character-profiles-page .cp-spotlight__prose h3 {
  margin-block-end: var(--space-3);
}

.character-profiles-page .cp-spotlight__prose p {
  margin: 0;
}

.character-profiles-page .cp-watch-for {
  align-self: start;
  border-inline-start: 2px solid var(--color-seafoam);
  padding-inline-start: var(--space-3);
}

.character-profiles-page .cp-watch-for--amber {
  border-color: var(--color-amber);
}

.character-profiles-page .cp-watch-for p,
.character-profiles-page .cp-watch-for ul {
  margin: 0;
}

.character-profiles-page .cp-watch-for ul {
  margin-block-start: var(--space-2);
  padding-inline-start: 1.1em;
}

.character-profiles-page .cp-watch-for li {
  font-size: var(--text-utility);
  line-height: 1.45;
}

.character-profiles-page .cp-comparison-note {
  max-width: 64ch;
  margin-block-start: var(--space-7);
  border: 1px solid var(--color-seafoam);
  background: var(--color-seafoam-pale);
  padding: var(--space-5);
}

.character-profiles-page .cp-comparison-note p {
  margin: 0;
}

.character-profiles-page .cp-comparison-note p + p {
  margin-block-start: var(--space-2);
}

.character-profiles-page .cp-method__intro {
  max-width: 52ch;
  margin-block-end: var(--space-7);
}

.character-profiles-page .cp-method__intro > :last-child {
  margin-block-end: 0;
}

.character-profiles-page .cp-method__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  min-width: 0;
}

.character-profiles-page .cp-prompt {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  border-inline-start: 2px solid var(--color-slate);
  padding-inline-start: var(--space-4);
}

.character-profiles-page .cp-prompt--terracotta {
  border-color: var(--color-terracotta);
}

.character-profiles-page .cp-prompt--amber {
  border-color: var(--color-amber);
}

.character-profiles-page .cp-prompt--frame {
  position: relative;
}

.character-profiles-page .cp-prompt--frame::after {
  position: absolute;
  inset-inline-end: var(--space-2);
  inset-block-start: var(--space-2);
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--color-rule);
  content: "";
}

.character-profiles-page .cp-prompt__number {
  color: var(--color-slate);
  font-family: var(--font-heading);
  font-size: 2rem;
  line-height: 1;
}

.character-profiles-page .cp-prompt--amber .cp-prompt__number {
  color: var(--color-amber);
}

.character-profiles-page .cp-prompt__copy {
  min-width: 0;
}

.character-profiles-page .cp-prompt__copy h3 {
  margin-block-end: var(--space-3);
}

.character-profiles-page .cp-prompt__copy p {
  margin: 0;
}

.character-profiles-page .cp-method-note {
  max-width: 50ch;
  margin-block-start: var(--space-7);
  border-inline-start: 2px solid var(--color-seafoam);
  background: var(--color-mist);
  padding: var(--space-4);
}

.character-profiles-page .cp-method-note p {
  margin: 0;
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.character-profiles-page .cp-pathways__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
  margin-block-start: var(--space-7);
}

.character-profiles-page .cp-pathway {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  color: var(--color-slate);
  text-decoration: none;
}

.character-profiles-page .cp-pathway > * {
  margin: 0;
}

.character-profiles-page .cp-pathway p {
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.character-profiles-page .cp-pathway__number {
  color: var(--color-slate-muted);
  font-size: var(--text-utility);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.character-profiles-page .cp-pathway__number--terracotta {
  color: var(--color-terracotta);
}

.character-profiles-page .cp-pathway__number--seafoam {
  color: var(--color-seafoam);
}

.character-profiles-page .cp-pathway__arrow {
  margin-block-start: auto;
  color: var(--color-seafoam);
  font-size: var(--text-compact);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.16em;
}

.character-profiles-page .cp-pathways__bridge {
  max-width: 60ch;
  margin-block: var(--space-6) 0;
  border-inline-start: 2px solid var(--color-terracotta);
  padding-inline-start: var(--space-4);
  font-family: var(--font-heading);
  font-size: var(--text-lead);
  line-height: 1.35;
}

.character-profiles-page .cp-standards__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
  margin-block-start: var(--space-7);
}

.character-profiles-page .cp-standard {
  min-width: 0;
  border: var(--border-default);
  padding: var(--space-5);
}

.character-profiles-page .cp-standard--foundation {
  background: var(--color-white);
}

.character-profiles-page .cp-standard--verified {
  background: var(--color-seafoam-pale);
}

.character-profiles-page .cp-standard--boundary {
  background: var(--color-mist);
}

.character-profiles-page .cp-standard p {
  margin: 0;
}

.character-profiles-page .cp-standard p + p {
  margin-block-start: var(--space-3);
}

.character-profiles-page .cp-reading-note {
  max-width: 52ch;
  margin-block-start: var(--space-6);
}

.character-profiles-page .cp-reading-note p {
  margin: 0;
  color: var(--color-slate-muted);
  font-size: var(--text-compact);
  line-height: var(--leading-compact);
}

.character-profiles-page .cp-availability__panel {
  grid-template-columns: minmax(0, 7fr) minmax(16.25rem, 5fr);
  gap: var(--space-6);
  align-items: center;
  border: 1px solid var(--color-seafoam);
  background: var(--color-seafoam-pale);
  padding: var(--space-6);
}

.character-profiles-page .cp-availability__copy {
  max-width: 50ch;
}

.character-profiles-page .cp-availability__copy > :last-child {
  margin-block-end: 0;
}

.character-profiles-page .cp-availability__action {
  display: flex;
  justify-content: flex-end;
}

.character-profiles-page .cp-availability__action .button {
  min-width: 16.25rem;
}

.character-profiles-page .cp-closing {
  padding-block-start: 0;
}

.character-profiles-page .cp-closing__content {
  display: flex;
  width: min(100%, 48ch);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  border-top: 2px solid var(--color-terracotta);
  padding-top: var(--space-6);
}

.character-profiles-page .cp-closing__content > * {
  margin: 0;
}

.character-profiles-page .cp-closing__content h2 {
  font-size: var(--text-section);
  line-height: 1.08;
}

.character-profiles-page .cp-closing__links {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
}

.character-profiles-page .cp-closing__links a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  font-weight: 700;
}

@media (max-width: 69.9375rem) {
  .character-profiles-page .cp-archetypes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .character-profiles-page .cp-archetype:nth-child(4),
  .character-profiles-page .cp-archetype:nth-child(5) {
    grid-column: span 1;
  }
}

@media (max-width: 64.9375rem) {
  .character-profiles-page .cp-masthead__grid {
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
    gap: var(--space-6);
  }

  .character-profiles-page .cp-shelf__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .character-profiles-page .cp-dossier-card--lead {
    grid-column: span 6;
    grid-row: span 2;
  }

  .character-profiles-page .cp-dossier-card--support {
    grid-column: span 3;
  }
}

@media (max-width: 61.1875rem) {
  .character-profiles-page .cp-shelf__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .character-profiles-page .cp-dossier-card--lead {
    grid-column: span 6;
    grid-row: auto;
  }

  .character-profiles-page .cp-dossier-card--support {
    grid-column: span 3;
  }
}

@media (max-width: 56.1875rem) {
  .character-profiles-page .cp-feature__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .character-profiles-page .cp-feature__media {
    order: 2;
  }

  .character-profiles-page .cp-feature__content {
    order: 1;
  }

  .character-profiles-page .cp-feature__media {
    max-width: 34rem;
  }

  .character-profiles-page .cp-spotlights__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-7);
  }

  .character-profiles-page .cp-spotlight {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .character-profiles-page .cp-watch-for {
    max-width: 30rem;
  }

  .character-profiles-page .cp-pathways__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .character-profiles-page .cp-pathway:first-child {
    grid-column: span 2;
  }

  .character-profiles-page .cp-standards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .character-profiles-page .cp-standard--boundary {
    grid-column: span 2;
  }
}

@media (max-width: 47.4375rem) {
  .character-profiles-page .cp-method__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .character-profiles-page .cp-availability__panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .character-profiles-page .cp-availability__action {
    justify-content: stretch;
  }

  .character-profiles-page .cp-availability__action .button {
    width: 100%;
  }
}

@media (max-width: 43.6875rem) {
  .character-profiles-page .cp-masthead__grid,
  .character-profiles-page .cp-feature__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .character-profiles-page .cp-masthead__grid {
    gap: var(--space-5);
  }

  .character-profiles-page .cp-masthead__copy {
    padding-block-start: 0;
  }

  .character-profiles-page .cp-masthead__title {
    max-width: 17ch;
  }

  .character-profiles-page .cp-masthead__lead {
    max-width: none;
  }

  .character-profiles-page .cp-masthead__media,
  .character-profiles-page .cp-feature__media {
    width: calc(100% + (var(--shell-padding) * 2));
    margin-inline: calc(var(--shell-padding) * -1);
  }

  .character-profiles-page .cp-masthead__caption,
  .character-profiles-page .cp-feature__media .caption {
    padding-inline: var(--shell-padding);
  }

  .character-profiles-page .cp-feature__grid {
    gap: var(--space-5);
  }

  .character-profiles-page .cp-feature__content h2 {
    max-width: none;
  }

  .character-profiles-page .cp-feature__media {
    max-width: none;
  }

  .character-profiles-page .cp-feature__media {
    order: 1;
  }

  .character-profiles-page .cp-feature__content {
    order: 2;
  }

  .character-profiles-page .cp-lens-list__item {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-3);
    padding-inline-start: var(--space-3);
  }

  .character-profiles-page .cp-shelf__grid,
  .character-profiles-page .cp-archetypes__grid,
  .character-profiles-page .cp-pathways__grid,
  .character-profiles-page .cp-standards__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .character-profiles-page .cp-dossier-card--lead,
  .character-profiles-page .cp-dossier-card--support,
  .character-profiles-page .cp-pathway:first-child,
  .character-profiles-page .cp-standard--boundary {
    grid-column: auto;
    grid-row: auto;
  }

  .character-profiles-page .cp-dossier-card--support {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }

  .character-profiles-page .cp-dossier-card--support .cp-dossier-card__image {
    height: 100%;
    min-height: 12rem;
    aspect-ratio: auto;
  }

  .character-profiles-page .cp-dossier-card--support.cp-dossier-card--text {
    display: flex;
  }

  .character-profiles-page .cp-dossier-card__body {
    padding: var(--space-4);
  }

  .character-profiles-page .cp-archetype {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-3);
    border-top: var(--border-default);
    padding-top: var(--space-4);
  }

  .character-profiles-page .cp-archetype h3,
  .character-profiles-page .cp-archetype p {
    grid-column: 2;
  }

  .character-profiles-page .cp-archetype h3 {
    margin-block: 0 var(--space-2);
  }

  .character-profiles-page .cp-archetype__index {
    grid-row: span 2;
  }

  .character-profiles-page .cp-spotlights__grid {
    gap: var(--space-6);
  }

  .character-profiles-page .cp-comparison-note {
    margin-block-start: var(--space-6);
    padding: var(--space-4);
  }

  .character-profiles-page .cp-prompt {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-3);
    padding-inline-start: var(--space-3);
  }

  .character-profiles-page .cp-prompt__number {
    font-size: 1.5rem;
  }

  .character-profiles-page .cp-availability__panel {
    gap: var(--space-4);
    padding: var(--space-5);
  }

  .character-profiles-page .cp-closing__links {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
}

@media (max-width: 29.9375rem) {
  .character-profiles-page .cp-dossier-card--support {
    display: flex;
  }

  .character-profiles-page .cp-dossier-card--support .cp-dossier-card__image {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
}

@media (hover: hover) and (pointer: fine) {
  .character-profiles-page .cp-pathway:hover,
  .character-profiles-page .cp-pathway:focus-visible {
    border-color: var(--color-seafoam);
    color: var(--color-slate);
  }
}

@media (prefers-reduced-motion: reduce) {
  .character-profiles-page .cp-grain-frame::after {
    opacity: 0.06;
  }
}


.thank-you {
  display: flex;
  min-height: 52vh;
  align-items: center;
}

.thank-you__section {
  width: 100%;
  padding-block: var(--section-space);
}

.thank-you__panel {
  display: flex;
  max-width: 48rem;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  margin-inline: auto;
  border-top: var(--border-strong);
  border-bottom: var(--border-default);
  padding: var(--space-8) var(--space-5);
  background: var(--color-white);
  text-align: center;
}

.thank-you__eyebrow {
  margin: 0;
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.36;
  text-transform: uppercase;
}

.thank-you__panel h1 {
  margin: 0;
  font-size: var(--text-feature);
}

.thank-you__copy {
  max-width: 42rem;
  margin-inline: auto;
  color: var(--color-slate-muted);
  text-align: center;
}

.thank-you__copy p:last-child {
  margin-bottom: 0;
}

.thank-you__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}

@media (max-width: 43.6875rem) {
  .thank-you {
    min-height: 0;
  }

  .thank-you__panel {
    padding: var(--space-7) var(--space-4);
  }

  .thank-you__actions {
    width: 100%;
    flex-direction: column;
  }

  .thank-you__actions .button {
    width: 100%;
  }
}