:root {
  --color-paper-sand: #e9d6b0;
  --color-sun-bleached: #f6ead0;
  --color-deep-teal: #123f43;
  --color-burnt-orange: #c4542d;
  --color-warm-yellow: #e8b83f;
  --color-road-charcoal: #253235;
  --color-muted-terracotta: #a96d4e;
  --color-white-signal: #fff9ec;

  --color-ink: var(--color-deep-teal);
  --color-text: var(--color-road-charcoal);
  --color-page: var(--color-paper-sand);
  --color-surface: var(--color-sun-bleached);
  --color-border: rgb(18 63 67 / 28%);
  --color-border-strong: rgb(18 63 67 / 45%);
  --color-overlay: rgb(18 63 67 / 8%);

  --font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Atkinson Hyperlegible", Arial, sans-serif;

  --text-meta: 0.75rem;
  --text-label: 0.875rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-section: clamp(1.5rem, 2vw, 2rem);
  --text-subsection: clamp(1.75rem, 3vw, 2.5rem);
  --text-feature: clamp(2.25rem, 5vw, 3rem);
  --text-display: clamp(2.625rem, 7vw, 5.5rem);

  --leading-tight: 0.96;
  --leading-heading: 1.05;
  --leading-body: 1.6;
  --leading-relaxed: 1.72;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5.5rem;
  --space-10: 7.5rem;

  --container-max: 77.5rem;
  --container-padding: 1.5rem;
  --container-wide-max: 90rem;

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

  --shadow-offset: 0 0.375rem 0 rgb(18 63 67 / 12%);

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

@media (max-width: 47.99rem) {
  :root {
    --container-padding: 1rem;
  }
}

*,
*::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;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-page);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
}

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

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

img,
video {
  height: auto;
}

img {
  color: var(--color-road-charcoal);
  font-style: italic;
}

svg {
  fill: currentColor;
}

iframe {
  width: 100%;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  appearance: none;
  cursor: pointer;
}

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

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

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--color-border-strong);
  background: var(--color-white-signal);
  padding: 0.6875rem 0.75rem;
  line-height: 1.35;
}

input::placeholder,
textarea::placeholder {
  color: rgb(37 50 53 / 68%);
  opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  accent-color: var(--color-burnt-orange);
}

input[type="file"] {
  padding: var(--space-2);
}

label {
  display: inline-block;
  margin-block-end: var(--space-2);
  color: var(--color-deep-teal);
  font-size: var(--text-label);
  font-weight: 600;
  line-height: 1.3;
}

fieldset {
  margin: 0 0 var(--space-5);
  border: 1px solid var(--color-border);
  padding: var(--space-4);
}

legend {
  padding-inline: var(--space-2);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
}

a {
  color: var(--color-deep-teal);
  text-decoration-color: var(--color-burnt-orange);
  text-decoration-thickness: 0.125em;
  text-underline-offset: 0.16em;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover {
  color: var(--color-burnt-orange);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--color-warm-yellow);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

::selection {
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0 var(--space-4);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: var(--leading-heading);
  overflow-wrap: anywhere;
}

h1 {
  font-size: var(--text-display);
  line-height: var(--leading-tight);
}

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

h3 {
  font-size: var(--text-subsection);
}

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

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  margin-block: 0 var(--space-5);
  line-height: var(--leading-body);
}

small {
  font-size: 0.875em;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

hr {
  height: 2px;
  margin-block: var(--space-6);
  border: 0;
  background: var(--color-burnt-orange);
}

ul,
ol {
  margin-block: 0 var(--space-5);
  padding-inline-start: 1.35rem;
}

li {
  padding-inline-start: 0.15rem;
}

ul:not([class]),
ol:not([class]) {
  display: grid;
  gap: var(--space-2);
}

blockquote {
  margin: 0 0 var(--space-5);
  border-inline-start: 2px solid var(--color-burnt-orange);
  padding: var(--space-3) 0 var(--space-3) var(--space-5);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  line-height: 1.08;
}

blockquote p:last-child {
  margin-block-end: 0;
}

figure {
  margin: 0 0 var(--space-5);
}

figcaption {
  margin-block-start: var(--space-3);
  color: var(--color-road-charcoal);
  font-size: var(--text-label);
  line-height: 1.45;
}

table {
  width: 100%;
  margin-block: 0 var(--space-5);
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--color-road-charcoal);
}

th,
td {
  border-bottom: 1px solid var(--color-border);
  padding: var(--space-3);
  text-align: start;
  vertical-align: top;
}

th {
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.1;
}

details {
  margin-block-end: var(--space-4);
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  padding: var(--space-3) var(--space-4);
}

summary {
  color: var(--color-deep-teal);
  cursor: pointer;
  font-weight: 700;
}

summary + * {
  margin-block-start: var(--space-3);
}

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

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

.section {
  padding-block: clamp(var(--space-8), 8vw, var(--space-10));
}

.section--compact {
  padding-block: clamp(var(--space-6), 5vw, var(--space-8));
}

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

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

.surface--teal :is(h1, h2, h3, h4, h5, h6, label, legend) {
  color: var(--color-white-signal);
}

.surface--teal a {
  color: var(--color-warm-yellow);
  text-decoration-color: var(--color-burnt-orange);
}

.surface--teal a:hover {
  color: var(--color-white-signal);
}

.route-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-block-end: var(--space-4);
  color: var(--color-burnt-orange);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.route-label::after {
  width: 2rem;
  height: 2px;
  background: currentColor;
  content: "";
  flex: 0 0 auto;
}

.route-label--teal {
  color: var(--color-deep-teal);
}

.route-label--yellow {
  color: var(--color-warm-yellow);
}

.ticket {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-sun-bleached);
  box-shadow: var(--shadow-offset);
  padding: clamp(var(--space-4), 3vw, var(--space-5));
}

.ticket > :last-child,
.content-group > :last-child,
.compact-group > :last-child {
  margin-block-end: 0;
}

.evidence-note {
  border-inline-start: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: var(--space-4) var(--space-5);
}

.evidence-note > :last-child {
  margin-block-end: 0;
}

.route-rule {
  width: 100%;
  height: 2px;
  border: 0;
  background: var(--color-burnt-orange);
}

.route-rule--dashed {
  height: 1px;
  background: repeating-linear-gradient(
    90deg,
    var(--color-muted-terracotta) 0 0.375rem,
    transparent 0.375rem 0.75rem
  );
}

.button,
.button:visited {
  display: inline-flex;
  min-height: 2.75rem;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  padding: 0.6875rem 1rem;
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
  font-family: var(--font-body);
  font-size: var(--text-label);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
  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),
    box-shadow var(--transition-base);
}

.button:hover {
  border-bottom-color: var(--color-burnt-orange);
  background: #f0c650;
  color: var(--color-deep-teal);
  box-shadow: 0 2px 0 var(--color-burnt-orange);
  transform: translateY(-2px);
}

.button--teal,
.button--teal:visited {
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
}

.button--teal:hover {
  background: #0e3437;
  color: var(--color-white-signal);
}

.button--orange,
.button--orange:visited {
  background: var(--color-burnt-orange);
  color: var(--color-white-signal);
}

.button--orange:hover {
  background: #ad4322;
  color: var(--color-white-signal);
}

.button--outline,
.button--outline:visited {
  border-color: var(--color-deep-teal);
  background: transparent;
  color: var(--color-deep-teal);
}

.button--outline:hover {
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
}

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

.button-group > * {
  min-width: 0;
}

.stack {
  display: grid;
  gap: var(--space-5);
  min-width: 0;
}

.stack--compact {
  gap: var(--space-3);
}

.stack--loose {
  gap: var(--space-7);
}

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

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

.cluster--tight {
  gap: var(--space-2);
}

.cluster--spread {
  justify-content: space-between;
}

.media-frame {
  overflow: hidden;
  border: 1px solid var(--color-deep-teal);
  border-radius: var(--radius-none);
  background: var(--color-sun-bleached);
}

.media-frame > img,
.media-frame > picture > img,
.media-frame > video {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.04) contrast(1.03);
}

.media-frame--wide > img,
.media-frame--wide > picture > img,
.media-frame--wide > video {
  aspect-ratio: 16 / 9;
}

.caption {
  margin-block-start: var(--space-3);
  color: var(--color-road-charcoal);
  font-size: var(--text-label);
  line-height: 1.45;
}

.meta {
  color: var(--color-deep-teal);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.35;
  text-transform: uppercase;
}

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

.skip-link {
  position: fixed;
  z-index: 1000;
  top: var(--space-3);
  left: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
  font-weight: 700;
  text-decoration: none;
  transform: translateY(-200%);
}

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

@media (max-width: 47.99rem) {
  h1 {
    font-size: clamp(2.5rem, 13vw, 4.25rem);
  }

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

  .ticket,
  .evidence-note {
    padding: var(--space-4);
  }

  .button {
    width: 100%;
  }

  .button-group {
    align-items: stretch;
  }

  .button-group > .button {
    flex: 1 1 100%;
  }
}

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

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }

  .button:hover {
    transform: none;
  }
}


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

.site-header {
  position: relative;
  z-index: 100;
  min-height: 4.75rem;
  border-bottom: 2px solid var(--color-burnt-orange);
  background: var(--color-paper-sand);
  color: var(--color-deep-teal);
}

.site-header::after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--color-deep-teal) 0 0.5rem, transparent 0.5rem 0.875rem);
  content: "";
  opacity: 0.45;
}

.site-header__inner {
  display: flex;
  width: min(100% - (2 * var(--container-padding)), var(--container-max));
  min-height: 4.75rem;
  margin-inline: auto;
  align-items: center;
  gap: var(--space-4);
}

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

.site-header__brand:hover { color: var(--color-deep-teal); }

.site-header__logo {
  width: 2.625rem;
  height: 2.625rem;
  flex: 0 0 2.625rem;
  object-fit: contain;
}

.site-header__wordmark {
  min-width: 0;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1;
  overflow-wrap: anywhere;
}

.site-header__toggle {
  display: none;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border: 1px solid var(--color-deep-teal);
  border-radius: var(--radius-control);
  background: var(--color-sun-bleached);
  color: var(--color-deep-teal);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.site-header__toggle-lines {
  display: grid;
  width: 1.125rem;
  gap: 0.1875rem;
}

.site-header__toggle-lines span {
  display: block;
  width: 100%;
  height: 2px;
  background: currentColor;
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-lines span:nth-child(1) { transform: translateY(0.3125rem) rotate(45deg); }
.site-header__toggle[aria-expanded="true"] .site-header__toggle-lines span:nth-child(2) { opacity: 0; }
.site-header__toggle[aria-expanded="true"] .site-header__toggle-lines span:nth-child(3) { transform: translateY(-0.3125rem) rotate(-45deg); }

.site-header__nav {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.site-header__nav-list,
.site-header__nav-extra {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  align-items: center;
  gap: clamp(0.5rem, 1.2vw, 1rem);
  list-style: none;
}

.site-header__nav-list li,
.site-header__nav-list li + li { margin: 0; padding: 0; }

.site-header__nav a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  border-bottom: 2px solid transparent;
  color: var(--color-deep-teal);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color var(--transition-fast), color var(--transition-fast);
}

.site-header__nav a:hover,
.site-header__nav a[aria-current="page"] {
  border-bottom-color: var(--color-burnt-orange);
  color: var(--color-burnt-orange);
}

.site-header__play-link {
  padding-inline: 0.625rem;
  border: 1px solid var(--color-deep-teal) !important;
  border-bottom-color: var(--color-deep-teal) !important;
  border-radius: var(--radius-control);
  background: var(--color-warm-yellow);
}

.site-header__play-link:hover {
  border-color: var(--color-burnt-orange) !important;
  color: var(--color-deep-teal) !important;
}

@media (max-width: 68rem) {
  .site-header { min-height: 4rem; }
  .site-header__inner { min-height: 4rem; justify-content: space-between; }
  .site-header__logo { width: 2.125rem; height: 2.125rem; flex-basis: 2.125rem; }
  .site-header__wordmark { font-size: 1rem; }
  .site-header__toggle { display: inline-flex; flex: 0 0 auto; }
  .site-header__nav {
    position: absolute;
    z-index: 101;
    top: calc(100% + 2px);
    right: var(--container-padding);
    left: var(--container-padding);
    display: grid;
    max-height: min(70vh, 34rem);
    overflow: auto;
    border: 1px solid var(--color-deep-teal);
    background: var(--color-sun-bleached);
    box-shadow: var(--shadow-offset);
    opacity: 0;
    padding: var(--space-3);
    pointer-events: none;
    transform: translateY(-0.5rem);
    transition: opacity var(--transition-fast), transform var(--transition-fast);
  }
  .site-header__nav.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .site-header__nav-list,
  .site-header__nav-extra { display: grid; gap: 0; }
  .site-header__nav-extra { border-top: 1px solid var(--color-border); padding-top: var(--space-2); }
  .site-header__nav a { min-height: 2.75rem; padding-inline: var(--space-2); }
  .site-header__play-link { margin-top: var(--space-2); justify-content: center; }
}

@media (max-width: 30rem) {
  .site-header__inner { gap: var(--space-2); }
  .site-header__brand { gap: 0.5rem; }
  .site-header__wordmark { font-size: 0.9375rem; }
  .site-header__toggle-text { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header__nav,
  .site-header__toggle-lines span { transition: none; }
}


.site-footer {
  border-top: 2px solid var(--color-burnt-orange);
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
}

.site-footer__inner {
  display: grid;
  width: min(100% - (2 * var(--container-padding)), var(--container-max));
  margin-inline: auto;
  gap: var(--space-7);
  padding-block: var(--space-8) var(--space-5);
}

.site-footer :is(h2, p) { margin: 0; }

.site-footer__intro {
  display: grid;
  max-width: 38rem;
  gap: var(--space-4);
}

.site-footer__brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.site-footer__logo {
  width: 4.5rem;
  height: 4.5rem;
  flex: 0 0 4.5rem;
  object-fit: contain;
}

.site-footer__eyebrow {
  color: var(--color-warm-yellow);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-footer h2 {
  color: var(--color-white-signal);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}

.site-footer__intro > p,
.site-footer__disclaimer p { line-height: 1.55; }

.site-footer__play { width: fit-content; }

.site-footer__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.site-footer__nav section { display: grid; gap: var(--space-3); }
.site-footer__nav ul { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.site-footer__nav li,
.site-footer__nav li + li { margin: 0; padding: 0; }
.site-footer a { color: var(--color-warm-yellow); }
.site-footer a:hover { color: var(--color-white-signal); }

.site-footer__disclaimer {
  display: grid;
  gap: var(--space-3);
  border-top: 1px solid rgb(255 249 236 / 26%);
  padding-top: var(--space-5);
  color: rgb(255 249 236 / 84%);
  font-size: 0.875rem;
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-3);
  border-top: 1px solid rgb(255 249 236 / 26%);
  padding-top: var(--space-4);
  color: rgb(255 249 236 / 76%);
  font-size: 0.875rem;
}

.site-consent {
  position: fixed;
  z-index: 200;
  right: var(--container-padding);
  bottom: var(--container-padding);
  left: var(--container-padding);
  border: 1px solid var(--color-deep-teal);
  border-bottom: 3px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  box-shadow: var(--shadow-offset);
  color: var(--color-road-charcoal);
}

.site-consent[hidden] { display: none; }
.site-consent.is-hiding { opacity: 0; transform: translateY(0.75rem); transition: opacity var(--transition-fast), transform var(--transition-fast); }

.site-consent__inner {
  display: flex;
  max-width: 72rem;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: var(--space-4);
}

.site-consent__copy { display: grid; gap: var(--space-2); }
.site-consent :is(h2, p) { margin: 0; }
.site-consent__label { color: var(--color-burnt-orange); font-size: var(--text-meta); font-weight: 700; letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; }
.site-consent h2 { color: var(--color-deep-teal); font-family: var(--font-heading); font-size: 1.5rem; line-height: 1; }
.site-consent__copy p:last-child { font-size: 0.875rem; line-height: 1.45; }
.site-consent__actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: var(--space-2); }

.site-consent__button {
  min-height: 2.75rem;
  border: 1px solid var(--color-deep-teal);
  border-radius: var(--radius-control);
  padding: 0.625rem 0.875rem;
  color: var(--color-deep-teal);
  font-size: var(--text-label);
  font-weight: 700;
}

.site-consent__button--accept { background: var(--color-warm-yellow); }
.site-consent__button--reject { background: transparent; }
.site-consent__button:hover { border-bottom: 3px solid var(--color-burnt-orange); transform: translateY(-1px); }

@media (min-width: 48rem) {
  .site-footer__inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .site-footer__disclaimer,
  .site-footer__bottom { grid-column: 1 / -1; }
}

@media (max-width: 47.99rem) {
  .site-footer__inner { gap: var(--space-6); padding-block: var(--space-7) var(--space-4); }
  .site-footer__nav { grid-template-columns: 1fr; gap: var(--space-5); }
  .site-footer__play { width: 100%; }
  .site-consent { right: var(--space-3); bottom: var(--space-3); left: var(--space-3); }
  .site-consent__inner { display: grid; gap: var(--space-4); }
  .site-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .site-consent.is-hiding { transition: none; }
  .site-consent__button:hover { transform: none; }
}


.contact-page {
  overflow: hidden;
}

.contact-page .section {
  position: relative;
}

.contact-masthead {
  padding-block-end: clamp(var(--space-8), 8vw, var(--space-10));
}

.contact-masthead__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: center;
  min-width: 0;
}

.contact-masthead__copy {
  grid-column: 2 / span 6;
  min-width: 0;
  max-width: 58ch;
  position: relative;
}

.contact-masthead__copy::before {
  position: absolute;
  top: 1.35rem;
  right: calc(100% + var(--space-4));
  width: clamp(2rem, 7vw, 6rem);
  height: 2px;
  background: var(--color-burnt-orange);
  content: "";
}

.contact-masthead__dek {
  max-width: 58ch;
}

.contact-masthead__rule {
  width: 4rem;
  height: 2px;
  margin-block: 0 var(--space-4);
  background: var(--color-deep-teal);
}

.contact-masthead__annotation {
  max-width: 56ch;
  margin-block-end: 0;
  color: var(--color-deep-teal);
  font-size: var(--text-label);
  line-height: 1.55;
}

.contact-masthead__annotation span {
  color: var(--color-warm-yellow);
  font-size: 1rem;
  vertical-align: 0.04em;
}

.contact-masthead__marker {
  grid-column: 9 / span 3;
  min-width: 0;
  min-height: 14rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border: 1px solid var(--color-border-strong);
  color: var(--color-deep-teal);
  padding: var(--space-4);
  position: relative;
  transform: rotate(-4deg);
}

.contact-masthead__marker::before,
.contact-masthead__marker::after {
  position: absolute;
  content: "";
}

.contact-masthead__marker::before {
  width: 64%;
  height: 64%;
  top: 17%;
  left: 18%;
  border: 2px solid var(--color-burnt-orange);
  border-radius: 50% 50% 0 50%;
  transform: rotate(32deg);
}

.contact-masthead__marker::after {
  width: 18%;
  aspect-ratio: 1;
  top: 18%;
  right: 18%;
  border-radius: 50%;
  background: var(--color-warm-yellow);
}

.contact-masthead__marker span,
.contact-masthead__marker b {
  position: relative;
  z-index: 1;
  font-family: var(--font-heading);
  font-weight: 800;
}

.contact-masthead__marker span {
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  writing-mode: vertical-rl;
}

.contact-masthead__marker b {
  color: var(--color-burnt-orange);
  font-size: 2.5rem;
  line-height: 1;
}

.contact-availability {
  padding-block: var(--space-6);
}

.contact-availability__band {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  border-bottom: 2px solid var(--color-burnt-orange);
  padding: clamp(var(--space-5), 5vw, var(--space-8));
  min-width: 0;
}

.contact-availability__copy {
  grid-column: 2 / span 7;
  min-width: 0;
  max-width: 64ch;
  position: relative;
}

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

.contact-availability__marker {
  display: block;
  width: 0.85rem;
  aspect-ratio: 1;
  margin-block-end: var(--space-3);
  background: var(--color-warm-yellow);
  transform: rotate(45deg);
}

.contact-availability__copy h2 {
  color: var(--color-white-signal);
}

.contact-availability__inset {
  display: grid;
  gap: var(--space-3);
  max-width: 56ch;
  margin-block-start: var(--space-5);
  border-inline-start: 2px solid var(--color-warm-yellow);
  background: var(--color-sun-bleached);
  color: var(--color-road-charcoal);
  padding: var(--space-4) var(--space-5);
}

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

.contact-availability__inset h3 {
  color: var(--color-deep-teal);
  font-size: var(--text-section);
}

.contact-availability__ornament {
  grid-column: 10 / span 3;
  min-width: 0;
  align-self: stretch;
  display: flex;
  gap: var(--space-3);
  align-items: center;
  justify-content: center;
}

.contact-availability__ornament span {
  width: 1px;
  height: 72%;
  background: var(--color-warm-yellow);
  transform: rotate(25deg);
}

.contact-availability__ornament span:nth-child(2) {
  height: 48%;
  background: var(--color-burnt-orange);
}

.contact-availability__ornament span:nth-child(3) {
  height: 30%;
}

.contact-guidance__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  row-gap: var(--space-6);
  min-width: 0;
  position: relative;
}

.contact-guidance__header {
  grid-column: 2 / span 6;
  min-width: 0;
  max-width: 58ch;
}

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

.contact-guidance__dek {
  max-width: 58ch;
}

.contact-guidance__spine {
  grid-column: 3;
  grid-row: 2 / span 3;
  min-width: 0;
  justify-self: center;
  width: 2px;
  background: repeating-linear-gradient(to bottom, var(--color-deep-teal) 0 0.45rem, transparent 0.45rem 0.9rem);
}

.contact-stop {
  min-width: 0;
  position: relative;
}

.contact-stop--one,
.contact-stop--three {
  grid-column: 4 / span 5;
}

.contact-stop--two {
  grid-column: 5 / span 5;
}

.contact-stop__number {
  position: absolute;
  top: var(--space-4);
  right: calc(100% + var(--space-4));
  z-index: 1;
  width: 2.25rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
}

.contact-stop--three .contact-stop__number {
  background: var(--color-burnt-orange);
  color: var(--color-white-signal);
}

.contact-stop__content {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  max-width: 50ch;
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
}

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

.contact-stop__content h3 {
  font-size: var(--text-section);
}

.contact-stop__content .meta {
  color: var(--color-burnt-orange);
}

.contact-boundaries {
  background: var(--color-sun-bleached);
}

.contact-boundaries__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  row-gap: var(--space-6);
  min-width: 0;
}

.contact-boundaries__header {
  grid-column: 2 / span 6;
  min-width: 0;
  max-width: 58ch;
}

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

.contact-boundaries__dek {
  max-width: 58ch;
}

.contact-boundary-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--space-3);
  padding: var(--space-5);
}

.contact-boundary-card > * {
  min-width: 0;
  margin: 0;
}

.contact-boundary-card--site {
  grid-column: 2 / span 5;
}

.contact-boundary-card--platform {
  grid-column: 7 / span 5;
  border-bottom: 2px solid var(--color-burnt-orange);
}

.contact-boundary-card h3 {
  font-size: var(--text-section);
}

.contact-boundary-card__label {
  color: var(--color-burnt-orange);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.contact-boundary-card--platform .contact-boundary-card__label {
  color: var(--color-warm-yellow);
}

.contact-boundaries__note {
  grid-column: 2 / span 8;
  min-width: 0;
  max-width: 58ch;
  display: grid;
  gap: var(--space-3);
  border-top: 2px solid var(--color-deep-teal);
  border-bottom: 2px solid var(--color-burnt-orange);
  padding-block: var(--space-4);
}

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

.contact-boundaries__note h3 {
  font-size: var(--text-section);
}

.contact-return__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  row-gap: var(--space-6);
  min-width: 0;
}

.contact-return__header {
  grid-column: 2 / span 7;
  min-width: 0;
  max-width: 60ch;
}

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

.contact-return__source {
  grid-column: 2 / span 7;
  min-width: 0;
  max-width: 60ch;
  display: grid;
  gap: var(--space-3);
}

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

.contact-return__source h3 {
  font-size: var(--text-section);
}

.contact-return__paths {
  grid-column: 2 / span 8;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.contact-reading-path {
  min-width: 0;
  max-width: 44ch;
  display: grid;
  align-content: start;
  gap: var(--space-3);
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-4);
}

.contact-reading-path--guide {
  border-top-color: var(--color-warm-yellow);
}

.contact-reading-path > * {
  min-width: 0;
  margin: 0;
}

.contact-reading-path h3 {
  font-size: var(--text-section);
}

.contact-reading-path a {
  font-weight: 700;
  text-decoration-thickness: 0.1em;
}

.contact-reading-path a:hover {
  text-decoration-color: var(--color-burnt-orange);
}

.contact-return__ornament {
  grid-column: 10 / span 2;
  min-width: 0;
  align-self: end;
  height: 5rem;
  position: relative;
}

.contact-return__ornament::before,
.contact-return__ornament::after,
.contact-return__ornament span {
  position: absolute;
  height: 2px;
  background: var(--color-deep-teal);
  content: "";
}

.contact-return__ornament::before {
  width: 85%;
  bottom: 1rem;
  left: 0;
}

.contact-return__ornament::after {
  width: 46%;
  bottom: 2rem;
  right: 0;
  background: var(--color-burnt-orange);
  transform: rotate(-36deg);
  transform-origin: right center;
}

.contact-return__ornament span {
  width: 0.8rem;
  aspect-ratio: 1;
  right: 0;
  bottom: 1.65rem;
  height: auto;
  background: var(--color-warm-yellow);
  transform: rotate(45deg);
}

@media (max-width: 61.24rem) {
  .contact-guidance__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .contact-guidance__header {
    grid-column: 2 / span 6;
  }

  .contact-guidance__spine {
    grid-column: 1;
    grid-row: 2 / span 3;
  }

  .contact-stop--one,
  .contact-stop--two,
  .contact-stop--three {
    grid-column: 2 / span 6;
  }
}

@media (max-width: 56.24rem) {
  .contact-masthead__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .contact-masthead__copy {
    grid-column: 1 / span 7;
  }

  .contact-masthead__marker {
    display: none;
  }

  .contact-availability__band {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .contact-availability__copy {
    grid-column: 1 / span 8;
  }

  .contact-availability__ornament {
    display: none;
  }
}

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

  .contact-return__ornament {
    display: none;
  }
}

@media (max-width: 51.24rem) {
  .contact-boundaries__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .contact-boundaries__header,
  .contact-boundary-card--site,
  .contact-boundary-card--platform,
  .contact-boundaries__note {
    grid-column: 1 / span 8;
  }

  .contact-boundary-card--site,
  .contact-boundary-card--platform {
    max-width: 58ch;
  }
}

@media (max-width: 47.99rem) {
  .contact-masthead {
    padding-block-start: var(--space-8);
  }

  .contact-masthead__grid,
  .contact-availability__band,
  .contact-guidance__grid,
  .contact-boundaries__grid,
  .contact-return__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-masthead__copy,
  .contact-availability__copy,
  .contact-guidance__header,
  .contact-stop--one,
  .contact-stop--two,
  .contact-stop--three,
  .contact-boundaries__header,
  .contact-boundary-card--site,
  .contact-boundary-card--platform,
  .contact-boundaries__note,
  .contact-return__header,
  .contact-return__source,
  .contact-return__paths {
    grid-column: 1;
    width: 100%;
    max-width: none;
  }

  .contact-masthead__copy::before {
    display: none;
  }

  .contact-masthead h1 {
    font-size: clamp(2.625rem, 12vw, 3.625rem);
  }

  .contact-masthead__dek,
  .contact-masthead__annotation,
  .contact-guidance__dek,
  .contact-boundaries__dek {
    max-width: none;
  }

  .contact-availability__band {
    padding: var(--space-5);
  }

  .contact-availability__inset {
    max-width: none;
    padding: var(--space-4);
  }

  .contact-guidance__grid {
    row-gap: var(--space-5);
  }

  .contact-guidance__header {
    padding-inline-start: 2.5rem;
  }

  .contact-guidance__spine {
    grid-column: 1;
    grid-row: 2 / span 3;
    justify-self: start;
    margin-inline-start: 1.1rem;
  }

  .contact-stop {
    padding-inline-start: 2.5rem;
  }

  .contact-stop__number {
    top: var(--space-4);
    left: 0;
    right: auto;
  }

  .contact-stop__content {
    max-width: none;
    padding: var(--space-4);
  }

  .contact-boundary-card {
    max-width: none;
    padding: var(--space-4);
  }

  .contact-boundaries__note {
    max-width: none;
  }

  .contact-return__source {
    max-width: none;
  }

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

  .contact-reading-path {
    max-width: none;
  }
}

@media (max-width: 29.99rem) {
  .contact-masthead__annotation {
    font-size: 0.8125rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .contact-reading-path a {
    transition: color var(--transition-fast), text-decoration-color var(--transition-fast), padding-inline-start var(--transition-fast);
  }

  .contact-reading-path a:hover {
    padding-inline-start: 0.15em;
  }
}


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

.cookie-policy-page__masthead,
.cookie-policy-page__section {
  padding-block: var(--space-8);
}

.cookie-policy-page__section {
  border-top: 1px solid rgb(18 63 67 / 16%);
}

.cookie-policy-page__document-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  min-width: 0;
}

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

.cookie-policy-page__masthead-copy,
.cookie-policy-page__definition-copy,
.cookie-policy-page__purposes-copy,
.cookie-policy-page__categories-copy,
.cookie-policy-page__management-copy,
.cookie-policy-page__closing-copy {
  grid-column: 3 / span 7;
  min-width: 0;
}

.cookie-policy-page__masthead-copy {
  max-width: 42.5rem;
}

.cookie-policy-page__masthead-copy h1 {
  max-width: 18ch;
}

.cookie-policy-page__dek {
  max-width: 62ch;
  font-size: var(--text-lead);
  line-height: 1.55;
}

.cookie-policy-page__domain {
  color: var(--color-deep-teal);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.cookie-policy-page__heading-rule {
  width: 100%;
  max-width: 42.5rem;
  height: 2px;
  margin-block: var(--space-6);
  background: linear-gradient(90deg, var(--color-deep-teal) 0 76%, var(--color-burnt-orange) 76% 100%);
}

.cookie-policy-page__scope-note {
  display: grid;
  width: min(100%, 62ch);
  gap: var(--space-3);
  box-shadow: none;
}

.cookie-policy-page__scope-note h2 {
  margin-block-end: 0;
  font-size: var(--text-section);
}

.cookie-policy-page__scope-note p {
  margin-block-end: 0;
}

.cookie-policy-page__definition-copy > h2,
.cookie-policy-page__purposes-copy > h2,
.cookie-policy-page__categories-copy > h2,
.cookie-policy-page__management-copy > h2,
.cookie-policy-page__closing-copy > h2 {
  max-width: 18ch;
}

.cookie-policy-page__definition-prose {
  width: min(100%, 66ch);
}

.cookie-policy-page__definition-prose h3 {
  font-size: var(--text-subsection);
}

.cookie-policy-page__storage-note {
  display: grid;
  width: min(100%, 54ch);
  gap: var(--space-3);
  margin-block: var(--space-6);
  position: relative;
}

.cookie-policy-page__storage-note h3,
.cookie-policy-page__storage-note p {
  margin-block: 0;
}

.cookie-policy-page__note-marker {
  width: 0.75rem;
  height: 0.75rem;
  background: var(--color-warm-yellow);
  border: 1px solid var(--color-deep-teal);
}

.cookie-policy-page__definition-close {
  width: min(100%, 66ch);
  position: relative;
  padding-block-end: var(--space-4);
}

.cookie-policy-page__definition-close::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem;
  height: 2px;
  background: var(--color-burnt-orange);
  content: "";
}

.cookie-policy-page__section-dek {
  width: min(100%, 64ch);
  font-size: var(--text-lead);
}

.cookie-policy-page__route-stops {
  display: grid;
  width: 100%;
  max-width: 64ch;
  gap: var(--space-6);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.cookie-policy-page__route-stop {
  display: grid;
  grid-template-columns: minmax(2.75rem, 1fr) minmax(0, 6fr);
  gap: var(--space-4);
  min-width: 0;
  position: relative;
}

.cookie-policy-page__route-stop::before {
  position: absolute;
  top: 2.75rem;
  bottom: calc(-1 * var(--space-6));
  left: calc((2.75rem - 2px) / 2);
  width: 2px;
  background: var(--color-burnt-orange);
  content: "";
}

.cookie-policy-page__route-stop:last-child::before {
  display: none;
}

.cookie-policy-page__stop-number {
  display: flex;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-deep-teal);
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1;
}

.cookie-policy-page__stop-copy {
  min-width: 0;
}

.cookie-policy-page__stop-copy h3 {
  margin-block-start: var(--space-2);
}

.cookie-policy-page__stop-copy p {
  width: min(100%, 64ch);
  margin-block-end: 0;
}

.cookie-policy-page__route-stop--ticketed .cookie-policy-page__stop-copy {
  border-inline-start: 1px solid var(--color-border);
  background: rgb(246 234 208 / 58%);
  padding: var(--space-4);
}

.cookie-policy-page__route-stop--ticketed .cookie-policy-page__stop-copy h3 {
  margin-block-start: 0;
}

.cookie-policy-page__route-stop--evidence .cookie-policy-page__stop-copy {
  border-top: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: var(--space-4);
}

.cookie-policy-page__route-stop--evidence .cookie-policy-page__stop-copy h3 {
  margin-block-start: 0;
}

.cookie-policy-page__categories-copy > h2 {
  max-width: 22ch;
}

.cookie-policy-page__category-panel {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 5fr);
  width: 100%;
  max-width: 43rem;
  min-width: 0;
  margin-block: var(--space-6);
  border-block: 1px solid var(--color-border-strong);
}

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

.cookie-policy-page__category-rail {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  border-inline-end: 1px solid var(--color-border);
  padding: var(--space-5);
}

.cookie-policy-page__category-rail h3,
.cookie-policy-page__category-explanation p {
  margin-block: 0;
}

.cookie-policy-page__category-explanation {
  padding: var(--space-5);
}

.cookie-policy-page__category-explanation p {
  max-width: 65ch;
}

.cookie-policy-page__external-notice {
  display: grid;
  width: min(100%, 38rem);
  gap: var(--space-3);
  margin-block: var(--space-6);
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
  padding: var(--space-5);
}

.cookie-policy-page__external-notice .meta {
  color: var(--color-warm-yellow);
}

.cookie-policy-page__external-notice h3,
.cookie-policy-page__external-notice p {
  margin-block: 0;
}

.cookie-policy-page__external-notice h3 {
  color: var(--color-white-signal);
}

.cookie-policy-page__inventory-note {
  display: grid;
  width: min(100%, 38rem);
  gap: var(--space-2);
  border-inline-start: 2px solid var(--color-muted-terracotta);
  padding-inline-start: var(--space-4);
}

.cookie-policy-page__inventory-note h3,
.cookie-policy-page__inventory-note p {
  margin-block: 0;
}

.cookie-policy-page__inventory-note h3 {
  font-size: var(--text-section);
}

.cookie-policy-page__management-copy > h2 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 22ch;
}

.cookie-policy-page__route-pin {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  margin-block-start: 0.22em;
  background: var(--color-warm-yellow);
  border: 1px solid var(--color-deep-teal);
  transform: rotate(45deg);
}

.cookie-policy-page__management-body {
  width: min(100%, 40rem);
}

.cookie-policy-page__management-body h3 {
  font-size: var(--text-subsection);
}

.cookie-policy-page__management-body ul {
  display: grid;
  gap: var(--space-3);
}

.cookie-policy-page__effects-ticket {
  display: grid;
  width: min(100%, 35rem);
  gap: var(--space-3);
  margin-block: var(--space-6);
  border-top: 2px solid var(--color-burnt-orange);
  box-shadow: none;
}

.cookie-policy-page__effects-ticket h3,
.cookie-policy-page__effects-ticket p {
  margin-block: 0;
}

.cookie-policy-page__effects-ticket h3 {
  font-size: var(--text-section);
}

.cookie-policy-page__external-service-note {
  width: min(100%, 60ch);
}

.cookie-policy-page__external-label {
  color: var(--color-deep-teal);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cookie-policy-page__closing-copy > h2 {
  max-width: 20ch;
}

.cookie-policy-page__privacy-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, auto);
  align-items: end;
  gap: var(--space-5);
  width: min(100%, 38rem);
  min-width: 0;
  margin-block: var(--space-6);
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
  padding: var(--space-5);
}

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

.cookie-policy-page__privacy-panel-copy {
  display: grid;
  gap: var(--space-3);
}

.cookie-policy-page__privacy-panel .meta {
  color: var(--color-warm-yellow);
}

.cookie-policy-page__privacy-panel h3,
.cookie-policy-page__privacy-panel p {
  margin-block: 0;
}

.cookie-policy-page__privacy-panel h3 {
  color: var(--color-white-signal);
}

.cookie-policy-page__privacy-button {
  width: 100%;
  min-height: 2.75rem;
}

.cookie-policy-page__availability-note {
  width: min(100%, 54ch);
  border-top: 1px solid var(--color-deep-teal);
  padding-top: var(--space-4);
}

.cookie-policy-page__availability-note p {
  margin-block-end: 0;
}

.cookie-policy-page__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 56.25rem) {
  .cookie-policy-page__masthead,
  .cookie-policy-page__section {
    padding-block: var(--space-9);
  }
}

@media (max-width: 56.24rem) {
  .cookie-policy-page__document-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .cookie-policy-page__masthead-copy,
  .cookie-policy-page__definition-copy,
  .cookie-policy-page__purposes-copy,
  .cookie-policy-page__categories-copy,
  .cookie-policy-page__management-copy,
  .cookie-policy-page__closing-copy {
    grid-column: 2 / span 6;
  }

  .cookie-policy-page__masthead-copy {
    max-width: none;
  }

  .cookie-policy-page__scope-note,
  .cookie-policy-page__heading-rule {
    max-width: none;
  }

  .cookie-policy-page__storage-note {
    width: 100%;
  }
}

@media (max-width: 53.74rem) {
  .cookie-policy-page__route-stop {
    grid-template-columns: minmax(2.75rem, auto) minmax(0, 1fr);
  }

  .cookie-policy-page__route-stop::before {
    display: none;
  }

  .cookie-policy-page__stop-copy p,
  .cookie-policy-page__route-stops {
    max-width: none;
  }
}

@media (max-width: 51.24rem) {
  .cookie-policy-page__category-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy-page__category-rail {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .cookie-policy-page__external-notice,
  .cookie-policy-page__inventory-note {
    width: 100%;
  }
}

@media (max-width: 47.49rem) {
  .cookie-policy-page__masthead,
  .cookie-policy-page__section {
    padding-block: var(--space-7);
  }

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

  .cookie-policy-page__masthead-copy,
  .cookie-policy-page__definition-copy,
  .cookie-policy-page__purposes-copy,
  .cookie-policy-page__categories-copy,
  .cookie-policy-page__management-copy,
  .cookie-policy-page__closing-copy {
    grid-column: 1;
  }

  .cookie-policy-page__masthead-copy h1 {
    max-width: none;
  }

  .cookie-policy-page__section-dek,
  .cookie-policy-page__definition-prose,
  .cookie-policy-page__definition-close,
  .cookie-policy-page__management-body,
  .cookie-policy-page__external-service-note,
  .cookie-policy-page__availability-note {
    width: 100%;
  }

  .cookie-policy-page__route-stops {
    gap: var(--space-5);
  }

  .cookie-policy-page__route-stop {
    grid-template-columns: minmax(2.75rem, auto) minmax(0, 1fr);
    gap: var(--space-3);
  }

  .cookie-policy-page__route-stop--ticketed .cookie-policy-page__stop-copy,
  .cookie-policy-page__route-stop--evidence .cookie-policy-page__stop-copy {
    padding: var(--space-4);
  }

  .cookie-policy-page__category-panel {
    max-width: none;
    margin-block: var(--space-5);
  }

  .cookie-policy-page__category-rail,
  .cookie-policy-page__category-explanation,
  .cookie-policy-page__external-notice,
  .cookie-policy-page__privacy-panel {
    padding: var(--space-4);
  }

  .cookie-policy-page__external-notice,
  .cookie-policy-page__inventory-note {
    margin-block: var(--space-5);
  }

  .cookie-policy-page__effects-ticket {
    width: 100%;
    margin-block: var(--space-5);
  }

  .cookie-policy-page__privacy-panel {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    width: 100%;
    gap: var(--space-4);
    margin-block: var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-policy-page__privacy-button {
    transition: none;
  }
}


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

.privacy-policy-page__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  min-width: 0;
}

.privacy-policy-page__grid > * {
  min-width: 0;
}

.privacy-policy-page__title {
  padding-block-end: var(--space-8);
}

.privacy-policy-page__title-grid {
  align-items: start;
}

.privacy-policy-page__gutter {
  grid-column: 1 / span 2;
  width: 100%;
  min-width: 0;
}

.privacy-policy-page__title-gutter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block-start: var(--space-2);
}

.privacy-policy-page__title-gutter .route-label,
.privacy-policy-page__closing-gutter .route-label,
.privacy-policy-page__external-gutter .route-label {
  margin-block-end: 0;
}

.privacy-policy-page__marker {
  display: block;
  width: 2.5rem;
  height: 2px;
  background: var(--color-burnt-orange);
}

.privacy-policy-page__title-copy {
  grid-column: 3 / span 7;
  width: 100%;
  min-width: 0;
}

.privacy-policy-page__title-copy h1 {
  max-width: 18ch;
}

.privacy-policy-page__dek {
  max-width: 62ch;
  margin-block-end: 0;
}

.privacy-policy-page__summary {
  padding-block: var(--space-6) var(--space-8);
}

.privacy-policy-page__summary-ticket {
  grid-column: 3 / span 8;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
  border-radius: 0;
  position: relative;
}

.privacy-policy-page__summary-ticket::before {
  position: absolute;
  top: -1px;
  left: var(--space-5);
  width: 1.5rem;
  height: 4px;
  background: var(--color-burnt-orange);
  content: "";
}

.privacy-policy-page__summary-block {
  width: 100%;
  min-width: 0;
}

.privacy-policy-page__summary-block + .privacy-policy-page__summary-block {
  border-inline-start: 1px solid var(--color-border-strong);
  padding-inline-start: var(--space-6);
}

.privacy-policy-page__summary-block h2 {
  font-size: var(--text-section);
  max-width: 20ch;
}

.privacy-policy-page__summary-block p:not(.route-label) {
  max-width: 52ch;
  margin-block-end: 0;
}

.privacy-policy-page__article-grid {
  align-items: start;
}

.privacy-policy-page__spine {
  position: relative;
  min-height: 100%;
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
}

.privacy-policy-page__spine::after {
  position: absolute;
  top: 2rem;
  bottom: -4rem;
  left: 0.35rem;
  width: 2px;
  background: linear-gradient(var(--color-deep-teal), rgb(18 63 67 / 12%));
  content: "";
}

.privacy-policy-page__reading {
  grid-column: 3 / span 7;
  width: 100%;
  min-width: 0;
}

.privacy-policy-page__reading > .route-label {
  margin-block-end: var(--space-4);
}

.privacy-policy-page__reading > h2 {
  max-width: 22ch;
}

.privacy-policy-page__clause {
  width: 100%;
  min-width: 0;
  max-width: 68ch;
}

.privacy-policy-page__clause + .privacy-policy-page__clause {
  margin-block-start: var(--space-7);
}

.privacy-policy-page__clause h3 {
  max-width: 28ch;
}

.privacy-policy-page__clause p:last-child {
  margin-block-end: 0;
}

.privacy-policy-page__scope-note,
.privacy-policy-page__security-note,
.privacy-policy-page__canada-note {
  width: 100%;
  min-width: 0;
  max-width: 58ch;
  margin-block-start: var(--space-7);
}

.privacy-policy-page__scope-note h3,
.privacy-policy-page__security-note h3,
.privacy-policy-page__canada-note h3 {
  max-width: 25ch;
}

.privacy-policy-page__article-section--compact {
  padding-block: var(--space-8);
}

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

.privacy-policy-page__clause--orange,
.privacy-policy-page__clause--yellow,
.privacy-policy-page__clause--teal {
  position: relative;
  padding-inline-start: var(--space-5);
}

.privacy-policy-page__clause--orange::before,
.privacy-policy-page__clause--yellow::before,
.privacy-policy-page__clause--teal::before {
  position: absolute;
  top: 0.35rem;
  bottom: 0.25rem;
  left: 0;
  width: 2px;
  content: "";
}

.privacy-policy-page__clause--orange::before {
  background: var(--color-burnt-orange);
}

.privacy-policy-page__clause--yellow::before {
  background: var(--color-warm-yellow);
}

.privacy-policy-page__clause--teal::before {
  background: var(--color-deep-teal);
}

.privacy-policy-page__external {
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
}

.privacy-policy-page__external-gutter {
  padding-block-start: var(--space-2);
}

.privacy-policy-page__reading--external {
  color: var(--color-white-signal);
}

.privacy-policy-page__reading--external h2,
.privacy-policy-page__reading--external h3 {
  color: var(--color-white-signal);
}

.privacy-policy-page__reading--external h2 {
  max-width: 20ch;
}

.privacy-policy-page__reading--external .privacy-policy-page__clause {
  max-width: 62ch;
}

.privacy-policy-page__reading--external .privacy-policy-page__clause + .privacy-policy-page__clause {
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-6);
}

.privacy-policy-page__external-label {
  color: var(--color-warm-yellow);
  margin-block-end: var(--space-3);
}

.privacy-policy-page__security-note {
  border-inline-start-color: var(--color-burnt-orange);
}

.privacy-policy-page__canada-note {
  border-inline-start-color: var(--color-deep-teal);
  border-top: 2px solid var(--color-deep-teal);
}

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

.privacy-policy-page__closing-gutter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block-start: var(--space-2);
}

.privacy-policy-page__reading--closing {
  max-width: 64ch;
}

.privacy-policy-page__questions-ticket {
  width: 100%;
  min-width: 0;
  max-width: 52ch;
  margin-block: var(--space-6) 0;
  border-color: var(--color-deep-teal);
  border-radius: var(--radius-control);
}

.privacy-policy-page__questions-ticket h3 {
  max-width: 20ch;
}

.privacy-policy-page__questions-ticket p {
  margin-block-end: 0;
}

@media (max-width: 56.24rem) {
  .privacy-policy-page__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .privacy-policy-page__gutter,
  .privacy-policy-page__title-copy,
  .privacy-policy-page__reading,
  .privacy-policy-page__summary-ticket {
    grid-column: 1 / -1;
  }

  .privacy-policy-page__title-grid,
  .privacy-policy-page__article-grid {
    row-gap: var(--space-4);
  }

  .privacy-policy-page__title-gutter,
  .privacy-policy-page__closing-gutter {
    flex-direction: row;
    align-items: center;
    padding-block-start: 0;
  }

  .privacy-policy-page__spine {
    min-height: auto;
    display: flex;
    align-items: center;
    gap: var(--space-3);
  }

  .privacy-policy-page__spine::after {
    position: static;
    width: 2rem;
    height: 2px;
    background: var(--color-deep-teal);
  }

  .privacy-policy-page__external-gutter {
    padding-block-start: 0;
  }

  .privacy-policy-page__reading,
  .privacy-policy-page__reading--uses,
  .privacy-policy-page__reading--closing {
    max-width: 68ch;
  }

  .privacy-policy-page__title-copy h1,
  .privacy-policy-page__reading > h2 {
    max-width: none;
  }
}

@media (max-width: 44.99rem) {
  .privacy-policy-page__title {
    padding-block: var(--space-7) var(--space-6);
  }

  .privacy-policy-page__title-copy h1 {
    font-size: clamp(2.625rem, 12vw, 3.25rem);
    line-height: 1;
  }

  .privacy-policy-page__summary {
    padding-block: var(--space-5) var(--space-7);
  }

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

  .privacy-policy-page__summary-block + .privacy-policy-page__summary-block {
    border-top: 1px solid var(--color-border-strong);
    border-inline-start: 0;
    padding-block-start: var(--space-5);
    padding-inline-start: 0;
  }

  .privacy-policy-page__article-section,
  .privacy-policy-page__article-section--compact,
  .privacy-policy-page__external {
    padding-block: var(--space-7);
  }

  .privacy-policy-page__reading > h2 {
    font-size: clamp(1.75rem, 8vw, 2rem);
  }

  .privacy-policy-page__clause h3,
  .privacy-policy-page__scope-note h3,
  .privacy-policy-page__security-note h3,
  .privacy-policy-page__canada-note h3,
  .privacy-policy-page__questions-ticket h3 {
    font-size: 1.5rem;
  }

  .privacy-policy-page__clause + .privacy-policy-page__clause {
    margin-block-start: var(--space-6);
  }

  .privacy-policy-page__scope-note,
  .privacy-policy-page__security-note,
  .privacy-policy-page__canada-note {
    margin-block-start: var(--space-6);
  }

  .privacy-policy-page__clause--orange,
  .privacy-policy-page__clause--yellow,
  .privacy-policy-page__clause--teal {
    padding-block-start: var(--space-4);
    padding-inline-start: 0;
  }

  .privacy-policy-page__clause--orange::before,
  .privacy-policy-page__clause--yellow::before,
  .privacy-policy-page__clause--teal::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 2.5rem;
    height: 2px;
  }

  .privacy-policy-page__closing {
    padding-block: var(--space-7) var(--space-8);
  }
}

@media (max-width: 29.99rem) {
  .privacy-policy-page__spine span {
    display: none;
  }

  .privacy-policy-page__spine::after {
    width: 1.75rem;
  }
}

@media print {
  .privacy-policy-page {
    background: #fff;
    color: #000;
  }

  .privacy-policy-page__grid {
    display: block;
  }

  .privacy-policy-page__gutter,
  .privacy-policy-page__spine,
  .privacy-policy-page__title-gutter,
  .privacy-policy-page__closing-gutter {
    display: none;
  }

  .privacy-policy-page__external {
    background: #fff;
    color: #000;
  }

  .privacy-policy-page__reading--external,
  .privacy-policy-page__reading--external h2,
  .privacy-policy-page__reading--external h3 {
    color: #000;
  }

  .privacy-policy-page__summary-ticket,
  .privacy-policy-page__scope-note,
  .privacy-policy-page__security-note,
  .privacy-policy-page__canada-note,
  .privacy-policy-page__questions-ticket {
    break-inside: avoid;
    box-shadow: none;
  }
}


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

.terms-page__masthead {
  padding-block: clamp(var(--space-8), 8vw, var(--space-10)) var(--space-7);
}

.terms-page__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  min-width: 0;
}

.terms-page__grid > * {
  min-width: 0;
}

.terms-page__masthead-copy,
.terms-page__document-column {
  grid-column: 3 / span 7;
  width: 100%;
  min-width: 0;
}

.terms-page__masthead-space {
  grid-column: 10 / span 3;
  width: 100%;
  min-width: 0;
}

.terms-page__masthead-copy h1 {
  max-width: 18ch;
}

.terms-page__lead {
  max-width: 65ch;
  font-size: var(--text-lead);
  line-height: 1.55;
}

.terms-page__updated {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2) var(--space-3);
  width: 100%;
  max-width: 65ch;
  border: 1px solid var(--color-border);
  border-inline-start: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: var(--space-3) var(--space-4);
  color: var(--color-road-charcoal);
  font-size: var(--text-label);
  line-height: 1.45;
}

.terms-page__updated > * {
  min-width: 0;
}

.terms-page__updated .meta {
  align-self: center;
}

.terms-page__section {
  padding-block: clamp(var(--space-8), 7vw, var(--space-9));
}

.terms-page__section + .terms-page__section {
  border-block-start: 1px solid rgb(18 63 67 / 16%);
}

.terms-page__document-column > h2 {
  max-width: 20ch;
}

.terms-page__clause {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}

.terms-page__clause + .terms-page__clause {
  margin-block-start: var(--space-6);
}

.terms-page__clause-copy,
.terms-page__prohibited,
.terms-page__availability,
.terms-page__external-clause,
.terms-page__property-clause,
.terms-page__general-disclaimer,
.terms-page__update-clause,
.terms-page__visitor-choice,
.terms-page__verify {
  width: 100%;
  min-width: 0;
  max-width: 68ch;
}

.terms-page__clause-copy {
  border-block-end: 1px solid var(--color-border);
}

.terms-page__number {
  display: block;
  width: 100%;
  min-width: 0;
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}

.terms-page__clause h3,
.terms-page__prohibited h3,
.terms-page__availability h3,
.terms-page__verify h3,
.terms-page__external-clause h3,
.terms-page__property-clause h3,
.terms-page__general-disclaimer h3,
.terms-page__changes-note h3,
.terms-page__visitor-choice h3,
.terms-page__update-clause h3 {
  font-size: var(--text-section);
}

.terms-page__independence-note {
  width: 100%;
  max-width: 60ch;
  margin-block-start: var(--space-6);
}

.terms-page__independence-note h3,
.terms-page__trademark-note h3 {
  font-size: var(--text-section);
}

.terms-page__framing,
.terms-page__dek {
  max-width: 64ch;
}

.terms-page__use-ticket {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  margin-block: var(--space-6);
}

.terms-page__use-ticket > * {
  min-width: 0;
  margin: 0;
}

.terms-page__use-ticket h3 {
  font-size: var(--text-section);
}

.terms-page__ticket-label {
  width: max-content;
  max-width: 100%;
  margin: 0;
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: var(--text-meta);
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.2;
  padding: var(--space-1) var(--space-2);
  text-transform: uppercase;
}

.terms-page__prohibited {
  margin-block-start: var(--space-7);
}

.terms-page__prohibited ul {
  max-width: 60ch;
}

.terms-page__availability {
  margin-block-start: var(--space-7);
  border-inline-start: 2px solid var(--color-muted-terracotta);
  padding-inline-start: var(--space-4);
}

.terms-page__source-panel,
.terms-page__editorial-panel,
.terms-page__responsibility-panel,
.terms-page__changes-note,
.terms-page__trademark-note,
.terms-page__closure {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
}

.terms-page__source-panel {
  margin-block: var(--space-6);
  border: 1px solid var(--color-deep-teal);
  border-inline-start: 2px solid var(--color-warm-yellow);
  padding: clamp(var(--space-5), 4vw, var(--space-6));
}

.terms-page__source-panel > * {
  width: 100%;
  min-width: 0;
  max-width: 62ch;
  margin: 0;
}

.terms-page__source-panel h3,
.terms-page__editorial-panel h3,
.terms-page__responsibility-panel h3 {
  font-size: var(--text-subsection);
}

.terms-page__editorial-panel {
  margin-block-end: var(--space-6);
  border: 1px solid var(--color-border);
  border-block-start: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: clamp(var(--space-5), 4vw, var(--space-6));
}

.terms-page__editorial-panel > * {
  width: 100%;
  min-width: 0;
  max-width: 62ch;
  margin: 0;
}

.terms-page__verify {
  border-block-start: 1px solid var(--color-deep-teal);
  padding-block-start: var(--space-5);
}

.terms-page__external-clause {
  margin-block-end: var(--space-6);
}

.terms-page__external-notice {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: var(--space-3);
  width: 85%;
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
}

.terms-page__external-notice > * {
  min-width: 0;
}

.terms-page__external-marker {
  display: grid;
  width: 2.75rem;
  min-width: 0;
  height: 2.75rem;
  place-items: center;
  border-block-end: 2px dashed var(--color-muted-terracotta);
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

.terms-page__external-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  max-width: 60ch;
}

.terms-page__external-copy > * {
  min-width: 0;
  margin: 0;
}

.terms-page__external-copy h3 {
  font-size: var(--text-section);
}

.terms-page__property-clause {
  border-block-start: 3px double var(--color-deep-teal);
  padding-block-start: var(--space-5);
}

.terms-page__trademark-note {
  margin-block-start: var(--space-6);
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
}

.terms-page__trademark-note > * {
  width: 100%;
  min-width: 0;
  max-width: 62ch;
  margin: 0;
}

.terms-page__general-disclaimer {
  margin-block-end: var(--space-6);
}

.terms-page__guidance-label {
  width: max-content;
  max-width: 100%;
  border-block-end: 2px solid var(--color-burnt-orange);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 800;
  letter-spacing: 0.04em;
  padding-block-end: var(--space-1);
}

.terms-page__changes-note {
  margin-block-end: var(--space-6);
  border-inline-start: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
}

.terms-page__changes-note > * {
  width: 100%;
  min-width: 0;
  max-width: 62ch;
  margin: 0;
}

.terms-page__responsibility-panel {
  margin-block-end: var(--space-6);
  border: 1px solid var(--color-deep-teal);
  border-inline-start: 2px solid var(--color-warm-yellow);
  padding: clamp(var(--space-5), 4vw, var(--space-6));
}

.terms-page__responsibility-panel > * {
  width: 100%;
  min-width: 0;
  max-width: 60ch;
  margin: 0;
}

.terms-page__update-clause {
  position: relative;
  padding-inline-start: var(--space-5);
}

.terms-page__update-clause::before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--color-burnt-orange);
  content: "";
}

.terms-page__closure {
  margin-block-start: var(--space-6);
  border: 1px solid var(--color-border-strong);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
}

.terms-page__closure > * {
  width: 100%;
  min-width: 0;
  max-width: 60ch;
  margin: 0;
}

.terms-page__closure h3 {
  font-size: var(--text-section);
}

.terms-page__section--final {
  padding-block-end: var(--space-8);
}

@media (max-width: 59.99rem) {
  .terms-page__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .terms-page__masthead-copy,
  .terms-page__document-column {
    grid-column: 1 / -1;
  }

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

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

  .terms-page__masthead {
    padding-block: var(--space-8) var(--space-6);
  }

  .terms-page__grid {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }

  .terms-page__masthead-copy,
  .terms-page__document-column {
    grid-column: 1;
  }

  .terms-page__section {
    padding-block: var(--space-7);
  }

  .terms-page__masthead-copy h1 {
    font-size: clamp(2.625rem, 13vw, 3.25rem);
  }

  .terms-page__updated {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
  }

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

  .terms-page__number {
    width: max-content;
  }

  .terms-page__clause-copy {
    border-block-end: 0;
  }

  .terms-page__use-ticket,
  .terms-page__source-panel,
  .terms-page__editorial-panel,
  .terms-page__responsibility-panel,
  .terms-page__changes-note,
  .terms-page__trademark-note,
  .terms-page__closure {
    padding: var(--space-4);
  }

  .terms-page__external-notice {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    width: 100%;
    padding: var(--space-4);
  }

  .terms-page__external-marker {
    width: 2.75rem;
  }

  .terms-page__update-clause {
    padding-inline-start: var(--space-4);
  }

  .terms-page__source-panel h3,
  .terms-page__editorial-panel h3,
  .terms-page__responsibility-panel h3 {
    font-size: clamp(1.75rem, 8vw, 2rem);
  }
}

@media (max-width: 29.99rem) {
  .terms-page__masthead {
    padding-block-end: var(--space-5);
  }

  .terms-page__section {
    padding-block: var(--space-6);
  }

  .terms-page__availability {
    padding-inline-start: var(--space-3);
  }

  .terms-page__update-clause::before {
    display: none;
  }

  .terms-page__update-clause {
    padding-inline-start: 0;
  }
}


.about-page {
  overflow: clip;
}

.about-page .about-hero__grid,
.about-page .about-source__grid,
.about-page .about-image-break__wrap {
  display: grid;
  min-width: 0;
}

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

.about-hero__copy {
  grid-column: span 5;
  min-width: 0;
  display: grid;
  gap: var(--space-4);
  align-content: center;
}

.about-hero__copy > * {
  margin: 0;
}

.about-hero__copy h1 {
  max-width: 18ch;
}

.about-hero__dek {
  max-width: 54ch;
  font-size: var(--text-lead);
  line-height: 1.55;
}

.about-hero__actions {
  margin-top: var(--space-2);
}

.about-hero__media {
  grid-column: span 7;
  min-width: 0;
  width: calc(100% + var(--space-6));
  margin: 0 calc(var(--space-6) * -1) 0 0;
}

.about-hero__caption,
.about-image-break__caption {
  margin: var(--space-3) 0 0;
}

.about-start__intro {
  width: 58.333%;
  min-width: 0;
}

.about-start__lead {
  max-width: 64ch;
  border-inline-start: 2px solid var(--color-burnt-orange);
  padding-inline-start: var(--space-4);
}

.about-route-stops {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-7);
}

.about-route-stops::before {
  position: absolute;
  z-index: 0;
  top: 1.1rem;
  right: 5%;
  left: 5%;
  height: 2px;
  background: var(--color-deep-teal);
  content: "";
}

.about-route-stop {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: var(--space-3);
  color: var(--color-road-charcoal);
  text-decoration: none;
}

.about-route-stop:nth-child(even) {
  padding-top: var(--space-7);
}

.about-route-stop__marker {
  display: grid;
  width: 2.2rem;
  min-height: 2.2rem;
  place-items: center;
  border: 2px solid var(--color-deep-teal);
  background: var(--color-paper-sand);
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: 1;
  transition: transform var(--transition-fast);
}

.about-route-stop strong,
.about-route-stop small {
  display: block;
}

.about-route-stop strong {
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.35rem;
  line-height: 1;
}

.about-route-stop small {
  max-width: 34ch;
  margin-top: var(--space-2);
  font-size: var(--text-body);
  line-height: 1.45;
}

.about-route-stop:hover .about-route-stop__marker {
  transform: translateX(2px);
}

.about-reader-note {
  width: 33.333%;
  min-width: 0;
  margin: var(--space-7) 0 0 auto;
}

.about-reader-note > * {
  margin: 0;
}

.about-reader-note {
  display: grid;
  gap: var(--space-3);
}

.about-coverage__intro {
  width: 50%;
  min-width: 0;
}

.about-coverage__intro p {
  max-width: 60ch;
}

.about-coverage__panels {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  align-items: start;
  margin-top: var(--space-6);
}

.about-coverage-panel {
  min-width: 0;
  display: grid;
  gap: var(--space-4);
  border: 1px solid var(--color-border);
  padding: var(--space-5);
}

.about-coverage-panel > * {
  margin: 0;
}

.about-coverage-panel p {
  max-width: 40ch;
}

.about-coverage-panel--routes {
  grid-column: span 5;
  background: var(--color-sun-bleached);
  border-top: 2px solid var(--color-burnt-orange);
}

.about-coverage-panel--cargo {
  grid-column: span 3;
  margin-top: var(--space-7);
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
}

.about-coverage-panel--cargo :is(h3, .meta) {
  color: var(--color-white-signal);
}

.about-coverage-panel--cargo a {
  color: var(--color-warm-yellow);
}

.about-coverage-panel--missions {
  grid-column: span 4;
  margin-top: var(--space-5);
  background: var(--color-sun-bleached);
}

.about-coverage-panel__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  min-width: 0;
}

.about-coverage-panel__links > * {
  min-width: 0;
}

.about-source {
  padding-block: clamp(var(--space-8), 8vw, var(--space-10));
}

.about-source__grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-7);
}

.about-source__statement {
  grid-column: span 7;
  min-width: 0;
  display: grid;
  gap: var(--space-4);
}

.about-source__statement > * {
  margin: 0;
}

.about-source__statement p {
  max-width: 52ch;
}

.about-source__columns {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
}

.about-source__column {
  grid-column: span 5;
  min-width: 0;
  border-top: 2px solid var(--color-warm-yellow);
  padding-top: var(--space-4);
}

.about-source__column p {
  max-width: 36ch;
}

.about-source__column--editorial {
  grid-column: 8 / span 5;
  border-top-color: var(--color-burnt-orange);
  background: rgb(255 249 236 / 7%);
  padding: var(--space-4);
}

.about-reading-path__intro {
  width: 50%;
  min-width: 0;
}

.about-reading-path__intro p {
  max-width: 56ch;
}

.about-reading-stops {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-7);
}

.about-reading-stops::before {
  position: absolute;
  top: 1.15rem;
  right: 4%;
  left: 4%;
  height: 2px;
  background: var(--color-deep-teal);
  content: "";
}

.about-reading-stop {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--space-3);
}

.about-reading-stop__number {
  display: grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  background: var(--color-sun-bleached);
  border: 2px solid var(--color-deep-teal);
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
}

.about-reading-stop:nth-child(4) .about-reading-stop__number {
  background: var(--color-warm-yellow);
}

.about-reading-stop h3 {
  font-size: 1.7rem;
}

.about-reading-stop p {
  max-width: 28ch;
}

.about-image-break__wrap {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 var(--space-5);
}

.about-image-break__figure {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
}

.about-image-break__content {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
}

.about-image-break__panel {
  grid-column: span 5;
  min-width: 0;
  margin-top: calc(var(--space-7) * -1);
  z-index: 1;
  display: grid;
  gap: var(--space-4);
}

.about-image-break__panel > * {
  margin: 0;
}

.about-image-break__panel p {
  max-width: 54ch;
}

.about-image-break__quote {
  grid-column: 6 / span 3;
  min-width: 0;
  align-self: end;
  padding-bottom: var(--space-4);
}

.about-image-break__quote blockquote {
  margin-bottom: var(--space-4);
}

.about-image-break__quote p {
  max-width: 48ch;
}

.about-independence__intro {
  width: 50%;
  min-width: 0;
}

.about-independence__intro p {
  max-width: 60ch;
}

.about-independence__notes {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-7);
}

.about-independence__notes::before {
  position: absolute;
  top: 1.3rem;
  right: 8%;
  left: 8%;
  height: 1px;
  background: var(--color-deep-teal);
  content: "";
}

.about-independence-note {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: var(--space-3);
  border-top: 2px solid var(--color-burnt-orange);
  background: var(--color-paper-sand);
  padding: var(--space-5);
}

.about-independence-note > * {
  margin: 0;
}

.about-independence-note p {
  max-width: 42ch;
}

.about-independence-note:nth-child(2) {
  margin-top: var(--space-6);
}

.about-independence-note:nth-child(3) {
  margin-top: var(--space-3);
}

.about-attribution__ticket {
  width: 58.333%;
  min-width: 0;
  margin-inline: auto;
  display: grid;
  gap: var(--space-4);
}

.about-attribution__ticket > * {
  margin: 0;
}

.about-attribution__ticket p {
  max-width: 56ch;
}

.about-attribution__ticket .button {
  justify-self: start;
}

.about-next {
  padding-block: var(--space-8);
}

.about-next__inner {
  width: 66.666%;
  min-width: 0;
  margin-left: 8.333%;
  display: grid;
  gap: var(--space-4);
}

.about-next__inner > * {
  margin: 0;
}

.about-next__inner p {
  max-width: 54ch;
}

.about-next__actions {
  margin-top: var(--space-2);
}

@media (max-width: 61.99rem) {
  .about-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .about-hero__copy,
  .about-hero__media {
    grid-column: 1;
    width: 100%;
    margin: 0;
  }

  .about-coverage__panels {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .about-coverage-panel--routes,
  .about-coverage-panel--cargo {
    grid-column: span 4;
    margin-top: 0;
  }

  .about-coverage-panel--missions {
    grid-column: span 8;
    margin-top: 0;
  }
}

@media (max-width: 57.49rem) {
  .about-start__intro,
  .about-coverage__intro,
  .about-reading-path__intro,
  .about-independence__intro {
    width: 100%;
  }

  .about-route-stops {
    grid-template-columns: 1fr;
    gap: var(--space-5);
    padding-inline-start: var(--space-6);
  }

  .about-route-stops::before {
    top: 0;
    bottom: 0;
    left: 1rem;
    width: 2px;
    height: auto;
  }

  .about-route-stop,
  .about-route-stop:nth-child(even) {
    grid-template-columns: 2.2rem minmax(0, 1fr);
    padding-top: 0;
  }

  .about-reader-note {
    width: 62.5%;
  }

  .about-reading-stops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-reading-stops::before {
    display: none;
  }

  .about-image-break__panel {
    grid-column: span 6;
    margin-top: 0;
  }

  .about-image-break__quote {
    grid-column: 7 / span 2;
  }
}

@media (max-width: 53.74rem) {
  .about-independence__notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-independence__notes::before {
    display: none;
  }

  .about-independence-note:nth-child(2),
  .about-independence-note:nth-child(3) {
    margin-top: 0;
  }

  .about-independence-note:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 47.49rem) {
  .about-source__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .about-source__statement {
    grid-column: span 8;
  }

  .about-source__columns {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .about-source__column,
  .about-source__column--editorial {
    grid-column: span 4;
  }

  .about-source__column--editorial {
    padding: var(--space-4);
  }

  .about-attribution__ticket {
    width: 87.5%;
  }

  .about-next__inner {
    width: 75%;
    margin-left: 12.5%;
  }
}

@media (max-width: 47.44rem) {
  .about-source__columns {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .about-source__column,
  .about-source__column--editorial {
    grid-column: 1;
  }
}

@media (max-width: 43.74rem) {
  .about-next__inner {
    width: 100%;
    margin-left: 0;
  }

  .about-next__actions {
    align-items: stretch;
  }
}

@media (max-width: 39.99rem) {
  .about-hero__copy h1 {
    font-size: clamp(2.625rem, 12vw, 3.625rem);
  }

  .about-hero__media {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .about-hero__caption,
  .about-image-break__caption {
    padding-inline: var(--container-padding);
  }

  .about-coverage__panels,
  .about-reading-stops,
  .about-independence__notes {
    grid-template-columns: 1fr;
  }

  .about-coverage-panel--routes,
  .about-coverage-panel--cargo,
  .about-coverage-panel--missions,
  .about-independence-note:nth-child(3) {
    grid-column: 1;
  }

  .about-reader-note,
  .about-attribution__ticket {
    width: 100%;
  }

  .about-reading-stops {
    padding-inline-start: var(--space-2);
  }

  .about-image-break__figure {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .about-image-break__content {
    grid-template-columns: 1fr;
    gap: var(--space-5);
    margin-top: var(--space-5);
  }

  .about-image-break__panel,
  .about-image-break__quote {
    grid-column: 1;
  }

  .about-image-break__quote {
    padding-bottom: 0;
  }

  .about-attribution__ticket .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-route-stop__marker {
    transition: none;
  }

  .about-route-stop:hover .about-route-stop__marker {
    transform: none;
  }
}


.download-guide {
  background: var(--color-paper-sand);
}

.download-guide a:focus-visible {
  outline: 3px solid var(--color-warm-yellow);
  outline-offset: 2px;
}

.download-guide__hero-grid,
.download-guide__evidence-grid,
.download-guide__tickets,
.download-guide__context-grid,
.download-guide__next-grid,
.download-guide__source-grid {
  display: grid;
  min-width: 0;
}

.download-guide__hero-grid > *,
.download-guide__evidence-grid > *,
.download-guide__tickets > *,
.download-guide__context-grid > *,
.download-guide__next-grid > *,
.download-guide__source-grid > * {
  min-width: 0;
}

.download-guide__hero-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.download-guide__hero-panel {
  grid-column: 1 / span 5;
  display: grid;
  gap: var(--space-4);
  min-width: 21.25rem;
  background: var(--color-sun-bleached);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-offset);
  padding: clamp(var(--space-5), 4vw, var(--space-7));
}

.download-guide__hero-panel .route-label,
.download-guide__hero-panel h1,
.download-guide__hero-panel p,
.download-guide__destination-ticket p,
.download-guide__fit-ticket h3,
.download-guide__fit-ticket p,
.download-guide__next-card h3,
.download-guide__next-card p,
.download-guide__closing-block h2,
.download-guide__closing-block p {
  margin: 0;
}

.download-guide__hero-panel h1 {
  max-width: 18ch;
}

.download-guide__hero-lead {
  max-width: 50ch;
  font-size: var(--text-lead);
  line-height: 1.55;
}

.download-guide__play-button {
  justify-self: start;
  width: auto;
}

.download-guide__destination-ticket {
  display: grid;
  gap: var(--space-3);
  max-width: 42ch;
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-4);
}

.download-guide__hero-media {
  grid-column: 6 / -1;
  width: 100%;
  margin: var(--space-6) 0 0;
}

.download-guide__hero-media .media-frame {
  width: 100%;
}

.download-guide__hero-media figcaption,
.download-guide__context-media figcaption {
  max-width: 48ch;
  margin-bottom: 0;
}

.download-guide__evidence {
  border-block: 1px solid var(--color-border);
}

.download-guide__evidence-head {
  max-width: 62ch;
}

.download-guide__evidence-head p {
  max-width: 62ch;
}

.download-guide__evidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: stretch;
}

.download-guide__listing-panel,
.download-guide__interpretation-panel {
  display: grid;
  gap: var(--space-4);
  padding: clamp(var(--space-5), 4vw, var(--space-7));
}

.download-guide__listing-panel h3,
.download-guide__listing-panel p,
.download-guide__listing-panel ul,
.download-guide__interpretation-panel h3,
.download-guide__interpretation-panel p {
  margin: 0;
}

.download-guide__listing-panel p,
.download-guide__interpretation-panel p {
  max-width: 50ch;
}

.download-guide__listing-panel ul {
  display: grid;
  gap: var(--space-2);
  max-width: 44ch;
  padding-inline-start: 1.35rem;
}

.download-guide__interpretation-panel {
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
}

.download-guide__live-note {
  width: min(100%, 52ch);
  margin: var(--space-5) 0 0 auto;
  padding-left: var(--space-4);
}

.download-guide__live-note span {
  color: var(--color-warm-yellow);
}

.download-guide__fit-intro {
  width: 41.6667%;
  min-width: 0;
}

.download-guide__fit-intro p {
  max-width: 58ch;
}

.download-guide__tickets {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.download-guide__fit-ticket {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
  border-top: 2px solid var(--color-burnt-orange);
}

.download-guide__fit-ticket--route {
  margin-top: var(--space-5);
}

.download-guide__fit-ticket p {
  max-width: 42ch;
}

.download-guide__stamp {
  width: max-content;
  border: 1px solid var(--color-muted-terracotta);
  color: var(--color-burnt-orange);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: var(--space-2) var(--space-3);
  text-transform: uppercase;
}

.download-guide__trace {
  width: 5rem;
  height: 1.5rem;
  border-top: 2px dashed var(--color-muted-terracotta);
  border-radius: 50%;
  transform: rotate(-8deg);
}

.download-guide__waypoint {
  width: 1.25rem;
  height: 1.25rem;
  border: 3px solid var(--color-deep-teal);
  border-radius: 50%;
  background: var(--color-warm-yellow);
}

.download-guide__checklist-intro {
  width: 41.6667%;
  min-width: 0;
}

.download-guide__checklist-intro p {
  max-width: 56ch;
}

.download-guide__route-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  width: 75%;
  margin: var(--space-7) 8.3333% 0 auto;
  padding: 0;
  list-style: none;
}

.download-guide__route-stop {
  position: relative;
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-5);
  background: var(--color-sun-bleached);
  border: 1px solid var(--color-border);
}

.download-guide__route-stop::before {
  position: absolute;
  top: -2rem;
  bottom: -2rem;
  left: 2.25rem;
  z-index: 0;
  width: 2px;
  background: repeating-linear-gradient(to bottom, var(--color-muted-terracotta) 0 0.4rem, transparent 0.4rem 0.8rem);
  content: "";
}

.download-guide__route-stop:first-child::before {
  top: 2.25rem;
}

.download-guide__route-stop:last-child::before {
  bottom: auto;
  height: 2.25rem;
}

.download-guide__route-stop > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.download-guide__stop-number {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 2px solid var(--color-deep-teal);
  background: var(--color-paper-sand);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
}

.download-guide__stop-number--yellow {
  background: var(--color-warm-yellow);
}

.download-guide__route-stop h3,
.download-guide__route-stop p {
  margin: 0;
}

.download-guide__route-stop h3 {
  margin-bottom: var(--space-3);
}

.download-guide__route-stop p {
  max-width: 54ch;
}

.download-guide__route-stop--end {
  background: var(--color-deep-teal);
  border-color: var(--color-deep-teal);
  color: var(--color-white-signal);
}

.download-guide__route-stop--end h3 {
  color: var(--color-white-signal);
}

.download-guide__context-media {
  width: 100%;
  margin: 0 0 var(--space-7);
}

.download-guide__context-heading {
  width: 58.3333%;
  min-width: 0;
}

.download-guide__context-heading p {
  max-width: 54ch;
}

.download-guide__context-grid {
  grid-template-columns: 5fr 2fr 5fr;
  gap: var(--space-5);
  margin-top: var(--space-6);
  align-items: start;
}

.download-guide__route-copy,
.download-guide__cargo-inset {
  min-width: 0;
}

.download-guide__route-copy p {
  max-width: 46ch;
}

.download-guide__pullquote {
  min-width: 0;
  margin: 0;
  border-inline-start-color: var(--color-burnt-orange);
  padding-left: var(--space-4);
  color: var(--color-deep-teal);
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
}

.download-guide__pullquote p {
  margin: 0;
  max-width: 18ch;
}

.download-guide__cargo-inset {
  display: grid;
  gap: var(--space-4);
  background: var(--color-sun-bleached);
  border: 1px solid var(--color-border);
  padding: var(--space-5);
}

.download-guide__cargo-inset h3,
.download-guide__cargo-inset p {
  margin: 0;
}

.download-guide__cargo-inset p {
  max-width: 46ch;
}

.download-guide__questions-intro {
  width: 41.6667%;
  min-width: 0;
}

.download-guide__questions-intro p {
  max-width: 52ch;
}

.download-guide__qa-stack {
  display: grid;
  gap: var(--space-5);
  width: 50%;
  min-width: 0;
  margin: var(--space-7) 16.6667% 0 auto;
}

.download-guide__qa-item {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  border-left: 2px solid var(--color-deep-teal);
  padding: 0 0 0 var(--space-4);
}

.download-guide__qa-item > * {
  min-width: 0;
}

.download-guide__qa-marker {
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 800;
}

.download-guide__qa-item h3,
.download-guide__qa-item p {
  margin: 0;
}

.download-guide__qa-item h3 {
  margin-bottom: var(--space-3);
  max-width: 24ch;
}

.download-guide__qa-item p {
  max-width: 56ch;
}

.download-guide__next-grid {
  grid-template-columns: 4fr 3fr 3fr 4fr;
  gap: var(--space-5);
  align-items: stretch;
}

.download-guide__next-intro {
  grid-column: 1;
}

.download-guide__next-intro p {
  max-width: 54ch;
}

.download-guide__next-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  box-shadow: var(--shadow-offset);
  padding: var(--space-5);
  color: var(--color-road-charcoal);
  text-decoration: none;
  transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.download-guide__next-card:hover {
  border-bottom: 2px solid var(--color-burnt-orange);
  color: var(--color-road-charcoal);
  transform: translateY(-2px);
}

.download-guide__next-card--wide {
  grid-column: 4;
}

.download-guide__next-card h3,
.download-guide__next-card p {
  color: var(--color-deep-teal);
}

.download-guide__next-card p {
  max-width: 40ch;
}

.download-guide__card-arrow {
  align-self: end;
  color: var(--color-burnt-orange);
  font-size: 1.75rem;
}

.download-guide__split-links {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-3);
}

.download-guide__split-links a {
  display: block;
  min-height: 2.75rem;
  padding-block: var(--space-2);
  font-weight: 700;
}

.download-guide__source-heading {
  width: 50%;
  min-width: 0;
}

.download-guide__source-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  width: 83.3333%;
  margin: var(--space-6) auto 0;
}

.download-guide__independence-note,
.download-guide__trademark-note {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-5);
}

.download-guide__independence-note h3,
.download-guide__independence-note p,
.download-guide__trademark-note h3,
.download-guide__trademark-note p {
  margin: 0;
}

.download-guide__independence-note p,
.download-guide__trademark-note p {
  max-width: 52ch;
}

.download-guide__source-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--color-warm-yellow);
}

.download-guide__trademark-note {
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
}

.download-guide__closing {
  border-top: 2px solid var(--color-burnt-orange);
}

.download-guide__closing-block {
  display: grid;
  justify-items: center;
  gap: var(--space-4);
  width: 50%;
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.download-guide__closing-block .route-label {
  margin-bottom: 0;
}

.download-guide__closing-block .route-label::after {
  display: none;
}

.download-guide__closing-block .route-label::before {
  width: 2rem;
  height: 2px;
  background: currentColor;
  content: "";
}

.download-guide__closing-block h2 {
  max-width: 18ch;
}

.download-guide__closing-block > p:not(.download-guide__secondary-path) {
  max-width: 50ch;
}

.download-guide__closing-button {
  width: auto;
  padding-inline: var(--space-6);
}

.download-guide__secondary-path {
  max-width: 42ch;
}

@media (max-width: 61.24rem) {
  .download-guide__tickets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .download-guide__fit-ticket--route {
    margin-top: 0;
  }

  .download-guide__tickets > :nth-child(3) {
    grid-column: 1 / -1;
    width: calc(50% - (var(--space-5) / 2));
  }
}

@media (max-width: 57.49rem) {
  .download-guide__hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .download-guide__hero-panel,
  .download-guide__hero-media {
    grid-column: 1;
    min-width: 0;
  }

  .download-guide__hero-media {
    margin-top: 0;
  }

  .download-guide__context-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .download-guide__pullquote p {
    max-width: 22ch;
  }

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

  .download-guide__next-intro,
  .download-guide__next-card--wide {
    grid-column: 1 / -1;
  }
}

@media (max-width: 51.24rem) {
  .download-guide__checklist-intro,
  .download-guide__questions-intro,
  .download-guide__fit-intro,
  .download-guide__context-heading,
  .download-guide__source-heading {
    width: 100%;
  }

  .download-guide__route-list {
    width: 100%;
    margin-inline: 0;
  }

  .download-guide__route-stop {
    grid-template-columns: 3.5rem minmax(0, 1fr);
  }

  .download-guide__route-stop::before {
    left: 1.75rem;
  }
}

@media (max-width: 48.74rem) {
  .download-guide__evidence-grid,
  .download-guide__source-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .download-guide__live-note,
  .download-guide__source-grid {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 47.49rem) {
  .download-guide__qa-stack {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .download-guide__closing-block {
    width: 87.5%;
  }
}

@media (max-width: 38.74rem) {
  .download-guide__next-grid,
  .download-guide__tickets {
    grid-template-columns: minmax(0, 1fr);
  }

  .download-guide__tickets > :nth-child(3) {
    grid-column: 1;
    width: 100%;
  }

  .download-guide__hero-media,
  .download-guide__context-media {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .download-guide__hero-media figcaption,
  .download-guide__context-media figcaption {
    width: calc(100% - (2 * var(--container-padding)));
    margin-left: var(--container-padding);
  }

  .download-guide__route-stop {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .download-guide__route-stop::before {
    left: 1.125rem;
  }

  .download-guide__stop-number {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1rem;
  }

  .download-guide__qa-item {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-3);
  }

  .download-guide__hero-panel {
    padding: var(--space-5);
  }

  .download-guide__listing-panel,
  .download-guide__interpretation-panel,
  .download-guide__independence-note,
  .download-guide__trademark-note {
    padding: var(--space-4);
  }

  .download-guide__closing-block {
    width: 100%;
  }

  .download-guide__closing-button {
    width: 100%;
  }

  .download-guide__secondary-path a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
  }
}

@media (max-width: 29.99rem) {
  .download-guide__trace,
  .download-guide__stamp {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .download-guide__next-card:hover {
    transform: none;
  }
}


.tdg-page{overflow:hidden}.tdg-page .section{position:relative}.tdg-hero__grid,.tdg-load__grid,.tdg-tight__grid,.tdg-check__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);align-items:start}.tdg-hero__copy{grid-column:1 / span 5;min-width:0;display:grid;gap:var(--space-4)}.tdg-hero__copy h1{max-width:17ch;margin:0}.tdg-hero__lead{max-width:48ch;margin:0;font-size:var(--text-lead);line-height:1.55}.tdg-source-ticket{width:100%;max-width:26.25rem;display:grid;gap:var(--space-3);margin:0}.tdg-source-ticket p{margin:0;max-width:44ch}.tdg-hero__action{justify-self:start}.tdg-hero__media{grid-column:6 / span 7;min-width:0;margin:0}.tdg-hero__media .media-frame{width:100%}.tdg-hero__media figcaption{max-width:56ch}.tdg-rhythm__inner{position:relative}.tdg-rhythm__intro{width:50%;min-width:0}.tdg-rhythm__intro p{max-width:58ch}.tdg-rhythm__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.tdg-principle{min-width:0;display:grid;gap:var(--space-3)}.tdg-principle h3,.tdg-principle p{margin:0}.tdg-principle p{max-width:40ch}.tdg-principle__number{color:var(--color-warm-yellow);font-family:var(--font-heading);font-size:3.5rem;font-weight:800;line-height:1}.tdg-principle__pull{color:var(--color-burnt-orange);font-weight:700}.tdg-rhythm__inner::after{position:absolute;right:0;bottom:1rem;width:24%;height:1px;background:repeating-linear-gradient(90deg,var(--color-muted-terracotta) 0 .375rem,transparent .375rem .75rem);content:""}.tdg-steering__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);align-items:start}.tdg-steering__article{grid-column:1 / span 7;min-width:0}.tdg-steering__article>p{max-width:68ch}.tdg-steering__rail{grid-column:8 / span 5;min-width:0;border-left:2px solid var(--color-muted-terracotta);padding-left:var(--space-4)}.tdg-steering__rail p{max-width:25ch}.tdg-steering__notes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);min-width:0}.tdg-manoeuvre{grid-column:1 / span 5;min-width:0;display:grid;gap:var(--space-3);margin:0}.tdg-manoeuvre--orange{grid-column:8 / span 5;border-left:2px solid var(--color-burnt-orange)}.tdg-manoeuvre h3,.tdg-manoeuvre p{margin:0}.tdg-manoeuvre p{max-width:38ch}.tdg-steering__quote{grid-column:8 / span 5;justify-self:end;max-width:13ch;margin:0}.tdg-load__copy{grid-column:1 / span 5;min-width:0}.tdg-load__copy p{max-width:56ch}.tdg-load__media{grid-column:6 / span 7;min-width:0;margin:0}.tdg-load__media figcaption{max-width:54ch}.tdg-load__habits{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);min-width:0;margin-top:var(--space-5)}.tdg-load-ticket{min-width:0;display:grid;gap:var(--space-3);margin:0}.tdg-load-ticket h3,.tdg-load-ticket p{margin:0}.tdg-load-ticket p{max-width:36ch}.tdg-load-ticket__marker{color:var(--color-deep-teal);font-family:var(--font-heading);font-size:1.5rem;font-weight:800}.tdg-tight__intro{grid-column:1 / span 4;min-width:0}.tdg-tight__intro p{max-width:52ch}.tdg-tight__stops{grid-column:5 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);min-width:0}.tdg-stop{min-width:0;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);border-left:2px solid var(--color-deep-teal);padding-left:var(--space-3)}.tdg-stop__number{color:var(--color-burnt-orange);font-family:var(--font-heading);font-size:1.75rem;font-weight:800}.tdg-stop h3{font-size:1.75rem}.tdg-stop p{max-width:44ch}.tdg-stop__reminder{margin-bottom:0!important;color:var(--color-white-signal);background:var(--color-deep-teal);padding:var(--space-3);font-weight:700}.tdg-routes__intro{width:50%;min-width:0}.tdg-routes__intro p{max-width:60ch}.tdg-route-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.tdg-route-card{min-width:0;display:grid;gap:var(--space-3);margin:0}.tdg-route-card h3,.tdg-route-card p{margin:0}.tdg-route-card p{max-width:38ch}.tdg-route-card small{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.tdg-recovery__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6)}.tdg-recovery__actions{grid-column:1 / span 7;min-width:0}.tdg-recovery__actions>.text-lead{max-width:52ch}.tdg-recovery-list{display:grid;gap:var(--space-5);margin-top:var(--space-6);padding:0;list-style:none;counter-reset:recovery}.tdg-recovery-list li{display:grid;gap:var(--space-2);max-width:52ch;border-bottom:1px solid var(--color-border);padding:0 0 var(--space-5) 3.25rem;position:relative}.tdg-recovery-list li::before{position:absolute;left:0;color:var(--color-burnt-orange);content:counter(recovery,decimal-leading-zero);counter-increment:recovery;font-family:var(--font-heading);font-size:2rem;font-weight:800}.tdg-recovery-list h3,.tdg-recovery-list p{margin:0}.tdg-reassurance{margin-top:var(--space-7);padding-block:var(--space-7)}.tdg-reassurance__copy{max-width:48ch;margin-inline:auto;display:grid;gap:var(--space-4)}.tdg-reassurance__copy p{margin:0;text-align:left}.tdg-check__intro{grid-column:1 / span 5;min-width:0}.tdg-check__intro p{max-width:54ch}.tdg-checklist{grid-column:6 / -1;min-width:0;display:grid;gap:0;margin:0}.tdg-checklist__row{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:var(--space-3);align-items:start;min-width:0;border-bottom:1px solid var(--color-border);padding-block:var(--space-3)}.tdg-checklist__row:last-child{border-bottom:2px solid var(--color-deep-teal)}.tdg-checklist__row span{display:grid;width:1.75rem;height:1.75rem;place-items:center;background:var(--color-warm-yellow);color:var(--color-deep-teal);font-weight:800}.tdg-checklist__row p{max-width:46ch;margin:0}.tdg-next__intro{width:41.666%;min-width:0}.tdg-next__intro p{max-width:52ch}.tdg-next__tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.tdg-destination{min-width:0;display:grid;gap:var(--space-3);min-height:14rem;margin:0;text-decoration:none}.tdg-destination h3,.tdg-destination p{margin:0}.tdg-destination p{max-width:34ch}.tdg-destination>span:last-child{align-self:end;color:var(--color-deep-teal);font-weight:700;text-decoration:underline;text-decoration-color:var(--color-burnt-orange);text-underline-offset:.16em}.tdg-destination:hover{box-shadow:var(--shadow-offset);transform:translateY(-2px)}.tdg-install{padding-block:var(--space-9)}.tdg-install__copy{max-width:50ch;margin-inline:auto;display:grid;justify-items:center;gap:var(--space-4);text-align:center}.tdg-install__copy h2,.tdg-install__copy p,.tdg-install__copy small{margin:0}.tdg-install__copy h2{max-width:14ch}.tdg-install__copy p{max-width:50ch;text-align:left}.tdg-install__copy small{max-width:44ch;text-align:left;color:var(--color-white-signal)}
@media (max-width:61.24rem){.tdg-hero__grid,.tdg-load__grid,.tdg-tight__grid,.tdg-check__grid{grid-template-columns:repeat(8,minmax(0,1fr))}.tdg-hero__copy{grid-column:1 / span 4}.tdg-hero__media{grid-column:5 / span 4}.tdg-load__copy{grid-column:1 / span 4}.tdg-load__media{grid-column:5 / span 4}.tdg-load__habits{grid-template-columns:repeat(2,minmax(0,1fr))}.tdg-load-ticket:nth-child(3){grid-column:1 / span 1}.tdg-tight__intro{grid-column:1 / -1}.tdg-tight__stops{grid-column:1 / -1;grid-template-columns:1fr}.tdg-stop{max-width:44ch}.tdg-check__intro,.tdg-checklist{grid-column:1 / -1}.tdg-checklist{margin-top:var(--space-5)}.tdg-rhythm__principles{grid-template-columns:repeat(2,minmax(0,1fr))}.tdg-steering__grid,.tdg-recovery__grid{grid-template-columns:repeat(8,minmax(0,1fr))}.tdg-steering__article{grid-column:1 / -1}.tdg-steering__rail{grid-column:1 / -1}.tdg-steering__notes{grid-template-columns:repeat(8,minmax(0,1fr))}.tdg-manoeuvre{grid-column:1 / span 4}.tdg-manoeuvre--orange{grid-column:5 / span 4}.tdg-steering__quote{grid-column:5 / span 4}.tdg-recovery__actions{grid-column:1 / -1}.tdg-next__intro,.tdg-routes__intro,.tdg-rhythm__intro{width:100%}}
@media (max-width:47.49rem){.tdg-hero{padding-top:var(--space-7)}.tdg-hero__grid,.tdg-load__grid,.tdg-tight__grid,.tdg-check__grid,.tdg-steering__grid,.tdg-recovery__grid{grid-template-columns:1fr;gap:var(--space-5)}.tdg-hero__copy,.tdg-hero__media,.tdg-load__copy,.tdg-load__media,.tdg-tight__intro,.tdg-tight__stops,.tdg-check__intro,.tdg-checklist,.tdg-steering__article,.tdg-steering__rail,.tdg-steering__notes,.tdg-steering__quote,.tdg-recovery__actions{grid-column:1}.tdg-hero__media,.tdg-load__media{width:calc(100% + (2 * var(--container-padding)));margin-left:calc(-1 * var(--container-padding))}.tdg-hero__copy h1{max-width:17ch;font-size:clamp(2.625rem,12vw,3.625rem)}.tdg-hero__lead{max-width:42ch}.tdg-source-ticket{max-width:none}.tdg-hero__action{justify-self:stretch}.tdg-rhythm__principles,.tdg-load__habits,.tdg-route-cards,.tdg-next__tickets{grid-template-columns:1fr;gap:var(--space-4)}.tdg-rhythm__principles{margin-top:var(--space-6);border-left:2px solid var(--color-deep-teal);padding-left:var(--space-4)}.tdg-rhythm__inner::after{display:none}.tdg-principle{max-width:44ch}.tdg-steering__notes{grid-template-columns:1fr}.tdg-manoeuvre,.tdg-manoeuvre--orange{grid-column:1}.tdg-steering__quote{justify-self:start;max-width:13ch}.tdg-load__habits{margin-top:0}.tdg-load-ticket:nth-child(3){grid-column:auto}.tdg-stop{max-width:none}.tdg-route-cards{margin-top:var(--space-6)}.tdg-recovery-list li{max-width:none}.tdg-next__tickets{margin-top:var(--space-6)}.tdg-destination{min-height:0}.tdg-install{padding-block:var(--space-8)}.tdg-install__copy{justify-items:stretch;text-align:left}.tdg-install__copy h2{max-width:14ch}.tdg-install__copy .route-label{justify-self:start}.tdg-install__copy .button{text-align:center}}
@media (max-width:29.99rem){.tdg-principle__number{font-size:2.75rem}.tdg-route-card .meta{letter-spacing:.08em}.tdg-rhythm__principles{padding-left:var(--space-3)}}
@media (prefers-reduced-motion:reduce){.tdg-destination:hover{transform:none}}


.full-review-page {
  overflow: hidden;
}

.full-review-page .section {
  position: relative;
}

.full-review-page .route-label {
  margin-block-end: var(--space-3);
}

.fr-hero {
  padding-block-start: clamp(var(--space-7), 8vw, var(--space-10));
}

.fr-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(var(--space-5), 4vw, var(--space-8));
  align-items: start;
}

.fr-hero__copy,
.fr-hero__media,
.fr-verdict__copy,
.fr-verdict__side,
.fr-loop__content,
.fr-loop__note,
.fr-handling__copy,
.fr-handling__panel,
.fr-manifest__copy,
.fr-manifest__card,
.fr-roadbook__unit,
.fr-fit__panel,
.fr-source__statement,
.fr-source__boundary {
  min-width: 0;
}

.fr-hero__copy {
  display: grid;
  gap: var(--space-4);
  align-content: start;
}

.fr-hero__copy > * {
  margin: 0;
}

.fr-hero__identity {
  max-width: 54ch;
  color: var(--color-deep-teal);
  font-size: var(--text-label);
  font-weight: 600;
  line-height: 1.45;
}

.fr-hero h1 {
  max-width: 18ch;
  font-size: clamp(3rem, 6vw, 5.5rem);
}

.fr-hero__lead {
  max-width: 58ch;
  font-size: var(--text-lead);
  line-height: 1.55;
}

.fr-hero__source {
  max-width: 58ch;
}

.fr-hero__actions {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
  min-width: 0;
}

.fr-hero__external {
  max-width: 52ch;
  color: var(--color-road-charcoal);
  font-size: var(--text-label);
  line-height: 1.45;
}

.fr-hero__media {
  width: 100%;
  margin-block-start: var(--space-6);
}

.fr-hero__media .media-frame {
  width: 100%;
}

.fr-hero__caption {
  max-width: 58ch;
  margin-block-start: var(--space-3);
  border-inline-start: 2px solid var(--color-burnt-orange);
  padding-inline-start: var(--space-3);
}

.fr-verdict {
  border-top: 1px solid var(--color-border);
}

.fr-verdict__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: 8.333%;
  align-items: start;
}

.fr-verdict__copy {
  grid-column: 1;
}

.fr-verdict__copy h2,
.fr-verdict__copy > p:last-child {
  max-width: 60ch;
}

.fr-verdict__side {
  grid-column: 2;
  display: grid;
  gap: var(--space-5);
}

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

.fr-theme-ticket__list > li {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
  border-top: 1px solid var(--color-border);
  padding: var(--space-2) 0 0;
}

.fr-theme-ticket__list strong {
  color: var(--color-deep-teal);
  font-size: var(--text-label);
  line-height: 1.25;
}

.fr-theme-ticket__list span {
  font-size: var(--text-meta);
  line-height: 1.35;
}

.fr-verdict__evidence {
  display: grid;
  gap: var(--space-3);
  border-left: 2px solid var(--color-warm-yellow);
  padding: var(--space-5);
}

.fr-verdict__evidence > * {
  margin: 0;
}

.fr-verdict__evidence p:last-child {
  max-width: 58ch;
}

.fr-loop {
  background: linear-gradient(90deg, transparent 0, transparent 9%, rgb(196 84 45 / 15%) 9%, rgb(196 84 45 / 15%) calc(9% + 2px), transparent calc(9% + 2px));
}

.fr-loop__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 7fr) minmax(0, 3fr);
  gap: var(--space-5);
  align-items: start;
}

.fr-loop__rail {
  grid-column: 1;
  width: 2px;
  min-height: 30rem;
  justify-self: center;
  background: var(--color-burnt-orange);
}

.fr-loop__content {
  grid-column: 2;
}

.fr-loop__content > h2 {
  max-width: 18ch;
}

.fr-loop__stops {
  display: grid;
  gap: var(--space-7);
}

.fr-stop {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
}

.fr-stop__number {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border: 2px solid var(--color-burnt-orange);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
}

.fr-stop h3,
.fr-stop p {
  max-width: 66ch;
}

.fr-loop__note {
  grid-column: 3;
  margin-block-start: 11rem;
}

.fr-loop__note h3,
.fr-loop__note p {
  max-width: 38ch;
}

.fr-handling {
  background: var(--color-sun-bleached);
}

.fr-handling__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: 8.333%;
  align-items: start;
}

.fr-handling__copy {
  grid-column: 1;
  display: grid;
  gap: var(--space-6);
}

.fr-handling__copy > * {
  margin: 0;
}

.fr-handling__copy h2,
.fr-handling__copy p {
  max-width: 62ch;
}

.fr-handling__panel {
  grid-column: 2;
  display: grid;
  gap: var(--space-4);
  padding: clamp(var(--space-5), 3vw, var(--space-6));
}

.fr-handling__panel > * {
  margin: 0;
}

.fr-handling__prompts {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.fr-handling__prompts > li {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  border-top: 1px solid rgb(255 249 236 / 30%);
  padding: var(--space-3) 0 0;
}

.fr-handling__prompts span {
  color: var(--color-warm-yellow);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
}

.fr-handling__prompts p {
  max-width: 34ch;
  margin: 0;
  color: var(--color-white-signal);
}

.fr-roadbook {
  border-block: 1px solid var(--color-border);
}

.fr-roadbook > .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.fr-roadbook__intro {
  grid-column: 1 / span 5;
  z-index: 1;
  display: grid;
  gap: var(--space-3);
  margin-block-start: var(--space-6);
  background: var(--color-sun-bleached);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-offset);
  padding: var(--space-6);
}

.fr-roadbook__intro > * {
  margin: 0;
}

.fr-roadbook__intro h2 {
  max-width: 17ch;
}

.fr-roadbook__intro p {
  max-width: 58ch;
}

.fr-roadbook__media {
  grid-column: 6 / span 7;
  width: 100%;
}

.fr-roadbook__media .media-frame {
  width: 100%;
}

.fr-roadbook__analysis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);
  column-gap: 16.667%;
  margin-block-start: var(--space-4);
}

.fr-roadbook__unit {
  min-width: 0;
}

.fr-roadbook__unit h3,
.fr-roadbook__unit p:not(.meta) {
  max-width: 48ch;
}

.fr-roadbook__unit:first-child {
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-4);
}

.fr-roadbook__unit:last-child {
  border-top: 2px solid var(--color-deep-teal);
  padding-top: var(--space-4);
}

.fr-roadbook__unit blockquote {
  max-width: 36ch;
}

.fr-roadbook__limit {
  grid-column: 1 / -1;
  margin-block-start: var(--space-3);
  border-inline-start: 2px solid var(--color-warm-yellow);
  padding: var(--space-5);
}

.fr-roadbook__limit p {
  max-width: 64ch;
  margin: 0;
}

.fr-manifest__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: 8.333%;
  align-items: start;
}

.fr-manifest__copy {
  grid-column: 1;
}

.fr-manifest__copy h2 {
  max-width: 18ch;
}

.fr-manifest__copy h3,
.fr-manifest__copy > p {
  max-width: 66ch;
}

.fr-manifest__copy blockquote {
  max-width: 36ch;
}

.fr-manifest__card {
  grid-column: 2;
  display: grid;
  gap: var(--space-3);
  margin-block-start: 10rem;
}

.fr-manifest__card > * {
  margin: 0;
}

.fr-manifest__card h3,
.fr-manifest__card p {
  max-width: 38ch;
}

.fr-fit {
  background: var(--color-sun-bleached);
}

.fr-fit > .container > h2 {
  max-width: 18ch;
}

.fr-fit__panels {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);
  column-gap: 16.667%;
  align-items: stretch;
}

.fr-fit__panel {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
  border: 1px solid var(--color-border);
  padding: clamp(var(--space-5), 3vw, var(--space-6));
}

.fr-fit__panel > * {
  margin: 0;
}

.fr-fit__panel--may {
  background: var(--color-white-signal);
  border-top: 4px solid var(--color-warm-yellow);
}

.fr-fit__panel--verify {
  border-top: 4px solid var(--color-warm-yellow);
}

.fr-fit__panel .meta {
  color: var(--color-burnt-orange);
}

.fr-fit__panel--verify .meta {
  color: var(--color-warm-yellow);
}

.fr-fit__panel h3,
.fr-fit__panel p,
.fr-fit__panel ul {
  max-width: 40ch;
}

.fr-fit__panel ul {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}

.fr-fit__note {
  max-width: 58ch;
  margin: var(--space-6) auto 0;
  border-top: 4px double var(--color-burnt-orange);
  padding-top: var(--space-4);
}

.fr-fit__note p {
  margin: 0;
}

.fr-source__band {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  border-inline-start: 2px solid var(--color-warm-yellow);
  padding: clamp(var(--space-6), 5vw, var(--space-8));
}

.fr-source__statement {
  grid-column: 1 / span 8;
}

.fr-source__statement h2,
.fr-source__statement p:last-child {
  max-width: 62ch;
}

.fr-source__boundary {
  grid-column: 2 / span 6;
  border: 1px solid var(--color-border-strong);
  background: var(--color-sun-bleached);
  color: var(--color-road-charcoal);
  padding: var(--space-5);
}

.fr-source__boundary .meta {
  margin: 0 0 var(--space-3);
}

.fr-source__boundary p:last-child {
  max-width: 62ch;
  margin: 0;
}

.fr-final__panel {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 44rem);
  margin-inline: auto;
  background: var(--color-warm-yellow);
  border: 1px solid var(--color-deep-teal);
  box-shadow: var(--shadow-offset);
  padding: clamp(var(--space-6), 5vw, var(--space-8));
}

.fr-final__panel > * {
  margin: 0;
}

.fr-final__panel h2 {
  max-width: 17ch;
}

.fr-final__panel > p:not(.fr-final__independent) {
  max-width: 50ch;
}

.fr-final__panel .button {
  width: max-content;
  min-width: 13.75rem;
}

.fr-final__independent {
  border-top: 1px solid var(--color-deep-teal);
  padding-top: var(--space-3);
}

.fr-route-reveal {
  transform-origin: left center;
  animation: fr-route-draw 600ms ease-out both;
}

@keyframes fr-route-draw {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (max-width: 63.99rem) {
  .fr-hero__grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
    gap: var(--space-5);
  }

  .fr-hero h1 {
    font-size: clamp(2.75rem, 6.5vw, 4.5rem);
  }

  .fr-verdict__grid,
  .fr-handling__grid,
  .fr-manifest__grid {
    column-gap: var(--space-5);
  }

  .fr-loop__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 2fr);
  }

  .fr-loop__note {
    margin-block-start: 14rem;
  }

  .fr-roadbook > .container {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .fr-roadbook__intro {
    grid-column: 1 / span 4;
    margin-block-start: 0;
  }

  .fr-roadbook__media {
    grid-column: 5 / span 4;
  }

  .fr-roadbook__analysis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .fr-source__band {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .fr-source__statement {
    grid-column: 1 / span 6;
  }

  .fr-source__boundary {
    grid-column: 1 / span 5;
  }
}

@media (max-width: 59.99rem) {
  .fr-loop__grid {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .fr-loop__rail {
    grid-column: 1;
    min-height: 100%;
  }

  .fr-loop__content {
    grid-column: 2;
  }

  .fr-loop__note {
    grid-column: 2;
    width: 100%;
    margin-block-start: 0;
  }

  .fr-handling__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .fr-handling__copy,
  .fr-handling__panel {
    grid-column: 1;
  }

  .fr-handling__panel {
    width: 100%;
  }
}

@media (max-width: 54.99rem) {
  .fr-hero__grid,
  .fr-verdict__grid,
  .fr-manifest__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .fr-hero__copy,
  .fr-hero__media,
  .fr-verdict__copy,
  .fr-verdict__side,
  .fr-manifest__copy,
  .fr-manifest__card {
    grid-column: 1;
  }

  .fr-hero__media {
    margin-block-start: 0;
  }

  .fr-hero__copy {
    order: 1;
  }

  .fr-hero__media {
    order: 2;
  }

  .fr-manifest__card {
    width: 100%;
    margin-block-start: 0;
  }
}

@media (max-width: 47.99rem) {
  .fr-hero {
    padding-block-start: var(--space-7);
  }

  .fr-hero h1 {
    max-width: 18ch;
    font-size: clamp(2.625rem, 11vw, 3.625rem);
  }

  .fr-hero__lead,
  .fr-hero__identity {
    max-width: none;
  }

  .fr-hero__media {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }

  .fr-hero__media .media-frame img {
    aspect-ratio: 16 / 9;
  }

  .fr-hero__caption {
    margin-inline: var(--container-padding);
  }

  .fr-theme-ticket__list {
    grid-template-columns: 1fr;
  }

  .fr-loop {
    background: none;
  }

  .fr-loop__grid {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: var(--space-3);
  }

  .fr-loop__content > h2,
  .fr-manifest__copy h2,
  .fr-fit > .container > h2 {
    font-size: clamp(2rem, 8vw, 2.5rem);
  }

  .fr-stop {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: var(--space-3);
  }

  .fr-stop__number {
    width: 2.5rem;
    height: 2.5rem;
  }

  .fr-roadbook > .container {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .fr-roadbook__intro,
  .fr-roadbook__media,
  .fr-roadbook__analysis,
  .fr-roadbook__limit {
    grid-column: 1;
  }

  .fr-roadbook__intro {
    padding: var(--space-5);
  }

  .fr-roadbook__media {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }

  .fr-roadbook__media .media-frame img {
    aspect-ratio: 16 / 9;
  }

  .fr-roadbook__media figcaption {
    margin-inline: var(--container-padding);
  }

  .fr-roadbook__analysis {
    grid-template-columns: 1fr;
    gap: var(--space-6);
    margin-block-start: 0;
  }

  .fr-fit__panels {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .fr-source__band {
    grid-template-columns: 1fr;
    padding: var(--space-5);
  }

  .fr-source__statement,
  .fr-source__boundary {
    grid-column: 1;
  }

  .fr-source__boundary {
    width: 100%;
  }

  .fr-final__panel {
    width: 100%;
    padding: var(--space-5);
  }

  .fr-final__panel .button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 29.99rem) {
  .fr-loop__rail {
    display: none;
  }

  .fr-loop__grid {
    grid-template-columns: 1fr;
  }

  .fr-loop__content,
  .fr-loop__note {
    grid-column: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fr-route-reveal {
    animation: none;
  }
}


.gameplay-features-page {
  overflow: hidden;
}

.gameplay-features-page .section {
  position: relative;
}

.gameplay-features-page .gf-section-dek {
  color: var(--color-road-charcoal);
  font-size: var(--text-lead);
  line-height: 1.55;
}

.gameplay-features-page .gf-hero__grid,
.gameplay-features-page .gf-loop__grid,
.gameplay-features-page .gf-environments__grid,
.gameplay-features-page .gf-cargo__grid,
.gameplay-features-page .gf-source__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
}

.gameplay-features-page .gf-hero__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  align-self: center;
}

.gameplay-features-page .gf-hero__copy h1 {
  max-width: 18ch;
}

.gameplay-features-page .gf-hero__copy .text-lead {
  max-width: 54ch;
}

.gameplay-features-page .gf-hero__media {
  grid-column: 6 / span 7;
  width: 100%;
  min-width: 0;
  margin: var(--space-5) 0 0;
}

.gameplay-features-page .gf-route-art {
  position: relative;
}

.gameplay-features-page .gf-route-art::before {
  position: absolute;
  z-index: -1;
  top: -1.5rem;
  left: -2.5rem;
  width: 5rem;
  height: 5rem;
  border-top: 2px dashed var(--color-burnt-orange);
  border-left: 2px dashed var(--color-burnt-orange);
  border-radius: 100% 0 0;
  content: "";
  opacity: 0.75;
}

.gameplay-features-page .gf-caption-strip {
  margin: 0;
  border-inline: 1px solid var(--color-deep-teal);
  border-bottom: 1px solid var(--color-deep-teal);
  background: var(--color-sun-bleached);
  padding: var(--space-3) var(--space-4);
  color: var(--color-road-charcoal);
  font-size: var(--text-label);
  line-height: 1.45;
}

.gameplay-features-page .gf-hero__media .gf-caption-strip {
  width: 72%;
}

.gameplay-features-page .gf-hero__action {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  min-width: 0;
}

.gameplay-features-page .gf-external-note {
  color: var(--color-deep-teal);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.gameplay-features-page .gf-loop__prose {
  grid-column: 1 / span 7;
  min-width: 0;
}

.gameplay-features-page .gf-loop__prose > .gf-section-dek {
  max-width: 62ch;
}

.gameplay-features-page .gf-loop__unit {
  max-width: 54ch;
}

.gameplay-features-page .gf-loop__unit + .gf-loop__unit {
  position: relative;
  margin-top: var(--space-7);
}

.gameplay-features-page .gf-loop__unit + .gf-loop__unit::before {
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 4rem;
  height: 2px;
  background: var(--color-warm-yellow);
  content: "";
}

.gameplay-features-page .gf-loop__ticket {
  grid-column: 9 / span 4;
  align-self: end;
  min-width: 0;
}

.gameplay-features-page .gf-loop__ticket h3 {
  font-size: var(--text-section);
}

.gameplay-features-page .gf-environments__media {
  grid-column: 1 / span 7;
  width: 100%;
  min-width: 0;
}

.gameplay-features-page .gf-environments__copy {
  grid-column: 8 / span 5;
  min-width: 0;
}

.gameplay-features-page .gf-environments__copy > .gf-section-dek {
  max-width: 52ch;
}

.gameplay-features-page .gf-route-stops {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  min-width: 0;
}

.gameplay-features-page .gf-route-stop {
  position: relative;
  min-width: 0;
  padding-left: var(--space-5);
}

.gameplay-features-page .gf-route-stop::before {
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 2px;
  height: calc(100% + var(--space-5));
  background: var(--color-muted-terracotta);
  content: "";
}

.gameplay-features-page .gf-route-stop:last-child::before {
  height: 2.25rem;
}

.gameplay-features-page .gf-route-stop h3 {
  margin-block-end: var(--space-3);
  font-size: var(--text-section);
}

.gameplay-features-page .gf-route-stop p {
  max-width: 50ch;
}

.gameplay-features-page .gf-cargo__copy {
  grid-column: 1 / span 7;
  min-width: 0;
}

.gameplay-features-page .gf-cargo__copy > .gf-section-dek,
.gameplay-features-page .gf-cargo__unit {
  max-width: 56ch;
}

.gameplay-features-page .gf-cargo__media {
  grid-column: 8 / span 5;
  width: 100%;
  min-width: 0;
  margin: var(--space-7) 0 0;
  align-self: start;
}

.gameplay-features-page .gf-cargo__unit--closing {
  border-left: 2px solid var(--color-burnt-orange);
  padding-left: var(--space-5);
}

.gameplay-features-page .gf-evidence-card {
  display: grid;
  gap: var(--space-3);
  max-width: 40ch;
  margin: var(--space-6) 0;
  background: var(--color-deep-teal);
  padding: var(--space-5);
  color: var(--color-white-signal);
}

.gameplay-features-page .gf-evidence-card h3,
.gameplay-features-page .gf-evidence-card .meta {
  margin: 0;
  color: var(--color-white-signal);
}

.gameplay-features-page .gf-evidence-card p {
  margin: 0;
}

.gameplay-features-page .gf-missions__shell {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-width: 0;
}

.gameplay-features-page .gf-missions__intro {
  grid-column: 2 / span 7;
  min-width: 0;
}

.gameplay-features-page .gf-missions__intro .gf-section-dek {
  max-width: 56ch;
}

.gameplay-features-page .gf-mission-list {
  display: grid;
  grid-column: 2 / span 8;
  grid-template-columns: minmax(3.5rem, 1fr) minmax(0, 7fr);
  row-gap: var(--space-6);
  min-width: 0;
}

.gameplay-features-page .gf-mission-item {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(3.5rem, 1fr) minmax(0, 7fr);
  gap: var(--space-4);
  min-width: 0;
}

.gameplay-features-page .gf-mission-item__number {
  width: 100%;
  min-width: 0;
  border-top: 2px solid var(--color-burnt-orange);
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  padding-top: var(--space-2);
}

.gameplay-features-page .gf-mission-item__copy {
  min-width: 0;
}

.gameplay-features-page .gf-mission-item__copy p {
  max-width: 60ch;
}

.gameplay-features-page .gf-missions__quote {
  grid-column: 3 / span 5;
  max-width: 30ch;
  margin-top: var(--space-6);
}

.gameplay-features-page .gf-source__facts {
  grid-column: 1 / span 6;
  min-width: 0;
}

.gameplay-features-page .gf-source__facts > p {
  max-width: 38ch;
}

.gameplay-features-page .gf-source__link {
  display: inline-block;
  color: var(--color-warm-yellow);
  font-weight: 700;
}

.gameplay-features-page .gf-source__interpretation {
  display: grid;
  grid-column: 8 / span 5;
  gap: var(--space-3);
  min-width: 0;
  border-top: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
  color: var(--color-road-charcoal);
}

.gameplay-features-page .gf-source__interpretation > * {
  margin: 0;
}

.gameplay-features-page .gf-source__interpretation h3,
.gameplay-features-page .gf-source__interpretation .meta {
  color: var(--color-deep-teal);
}

.gameplay-features-page .gf-source__interpretation p {
  max-width: 38ch;
}

.gameplay-features-page .gf-fit__intro {
  max-width: 55ch;
}

.gameplay-features-page .gf-fit__tickets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
}

.gameplay-features-page .gf-fit-ticket {
  position: relative;
  min-width: 0;
  height: 100%;
}

.gameplay-features-page .gf-fit-ticket::before {
  position: absolute;
  top: -1px;
  left: var(--space-5);
  width: 3.5rem;
  height: 5px;
  background: var(--color-burnt-orange);
  content: "";
}

.gameplay-features-page .gf-fit-ticket--routes::before {
  background: var(--color-deep-teal);
}

.gameplay-features-page .gf-fit-ticket--verify::before {
  background: var(--color-warm-yellow);
}

.gameplay-features-page .gf-fit-ticket h3 {
  font-size: var(--text-section);
}

.gameplay-features-page .gf-fit-ticket p {
  max-width: 38ch;
}

.gameplay-features-page .gf-related__intro {
  max-width: 55ch;
}

.gameplay-features-page .gf-related__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

.gameplay-features-page .gf-related-strip {
  display: grid;
  grid-template-columns: minmax(6rem, 2fr) minmax(0, 6fr) minmax(2rem, 1fr);
  grid-column: 1 / span 10;
  gap: var(--space-4);
  min-width: 0;
  align-items: center;
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
  color: var(--color-deep-teal);
  text-decoration: none;
  transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
}

.gameplay-features-page .gf-related-strip--two {
  grid-column: 3 / span 10;
  background: transparent;
}

.gameplay-features-page .gf-related-strip--three {
  grid-column: 1 / span 10;
}

.gameplay-features-page .gf-related-strip:hover {
  border-color: var(--color-burnt-orange);
  color: var(--color-deep-teal);
  transform: translateY(-2px);
}

.gameplay-features-page .gf-related-strip__content {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.gameplay-features-page .gf-related-strip__content strong {
  font-family: var(--font-heading);
  font-size: var(--text-section);
  line-height: 1;
}

.gameplay-features-page .gf-related-strip__content span {
  max-width: 46ch;
  color: var(--color-road-charcoal);
  font-size: var(--text-body);
  line-height: var(--leading-body);
}

.gameplay-features-page .gf-related-strip__arrow {
  justify-self: end;
  min-width: 0;
  color: var(--color-burnt-orange);
  font-size: 1.75rem;
  line-height: 1;
  transition: transform var(--transition-fast);
}

.gameplay-features-page .gf-related-strip:hover .gf-related-strip__arrow {
  transform: translateX(0.25rem);
}

.gameplay-features-page .gf-install {
  background: var(--color-deep-teal);
  color: var(--color-white-signal);
}

.gameplay-features-page .gf-install__inner {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  align-items: end;
}

.gameplay-features-page .gf-install__copy {
  grid-column: 1 / span 5;
  min-width: 0;
}

.gameplay-features-page .gf-install__copy h2,
.gameplay-features-page .gf-install__copy .gf-external-note {
  color: var(--color-white-signal);
}

.gameplay-features-page .gf-install__copy h2 {
  max-width: 17ch;
}

.gameplay-features-page .gf-install__copy p {
  max-width: 48ch;
}

.gameplay-features-page .gf-install__button {
  grid-column: 6 / span 3;
  justify-self: start;
  min-width: 0;
}

.gameplay-features-page .gf-editorial-note {
  padding-block: var(--space-7);
}

.gameplay-features-page .gf-editorial-note__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: calc((100% - (11 * var(--space-6))) / 12 * 7 + (6 * var(--space-6)));
  min-width: 0;
  border: 1px solid var(--color-deep-teal);
  background: var(--color-sun-bleached);
  padding: var(--space-5);
}

.gameplay-features-page .gf-editorial-note__panel > * {
  margin: 0;
}

.gameplay-features-page .gf-editorial-note__panel h2 {
  font-size: var(--text-section);
}

.gameplay-features-page .gf-editorial-note__panel p {
  max-width: 62ch;
}

@media (max-width: 64.99rem) {
  .gameplay-features-page .gf-environments__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-environments__media,
  .gameplay-features-page .gf-environments__copy {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-environments__copy {
    margin-top: var(--space-5);
  }

  .gameplay-features-page .gf-route-stops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-route-stop:nth-child(3) {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-fit__tickets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-fit-ticket--verify {
    grid-column: 1 / -1;
  }
}

@media (max-width: 61.24rem) {
  .gameplay-features-page .gf-hero__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-hero__copy,
  .gameplay-features-page .gf-hero__media {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-hero__media {
    margin-top: 0;
  }

  .gameplay-features-page .gf-hero__copy h1 {
    max-width: 18ch;
  }

  .gameplay-features-page .gf-loop__grid,
  .gameplay-features-page .gf-cargo__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-loop__prose,
  .gameplay-features-page .gf-loop__ticket,
  .gameplay-features-page .gf-cargo__copy,
  .gameplay-features-page .gf-cargo__media {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-cargo__media {
    margin-top: 0;
  }
}

@media (max-width: 59.99rem) {
  .gameplay-features-page .gf-missions__shell {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-missions__intro,
  .gameplay-features-page .gf-mission-list,
  .gameplay-features-page .gf-missions__quote {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-source__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-source__facts,
  .gameplay-features-page .gf-source__interpretation {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-source__interpretation {
    margin-top: var(--space-2);
  }

  .gameplay-features-page .gf-related__list {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .gameplay-features-page .gf-related-strip,
  .gameplay-features-page .gf-related-strip--two,
  .gameplay-features-page .gf-related-strip--three {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-install__inner {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 56.24rem) {
  .gameplay-features-page .gf-loop__grid {
    gap: var(--space-5);
  }

  .gameplay-features-page .gf-loop__ticket {
    margin-top: 0;
  }

  .gameplay-features-page .gf-related-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .gameplay-features-page .gf-related-strip__arrow {
    justify-self: start;
  }
}

@media (max-width: 53.74rem) {
  .gameplay-features-page .gf-install__copy,
  .gameplay-features-page .gf-install__button {
    grid-column: 1 / -1;
  }

  .gameplay-features-page .gf-install__button {
    justify-self: start;
  }
}

@media (max-width: 51.24rem) {
  .gameplay-features-page .gf-source__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .gameplay-features-page .gf-source__facts,
  .gameplay-features-page .gf-source__interpretation {
    grid-column: 1;
  }
}

@media (max-width: 43.74rem) {
  .gameplay-features-page .gf-hero {
    padding-bottom: var(--space-7);
  }

  .gameplay-features-page .gf-hero__grid,
  .gameplay-features-page .gf-loop__grid,
  .gameplay-features-page .gf-environments__grid,
  .gameplay-features-page .gf-cargo__grid,
  .gameplay-features-page .gf-missions__shell,
  .gameplay-features-page .gf-source__grid,
  .gameplay-features-page .gf-install__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .gameplay-features-page .gf-hero__copy,
  .gameplay-features-page .gf-hero__media,
  .gameplay-features-page .gf-loop__prose,
  .gameplay-features-page .gf-loop__ticket,
  .gameplay-features-page .gf-environments__media,
  .gameplay-features-page .gf-environments__copy,
  .gameplay-features-page .gf-cargo__copy,
  .gameplay-features-page .gf-cargo__media,
  .gameplay-features-page .gf-missions__intro,
  .gameplay-features-page .gf-mission-list,
  .gameplay-features-page .gf-missions__quote,
  .gameplay-features-page .gf-source__facts,
  .gameplay-features-page .gf-source__interpretation,
  .gameplay-features-page .gf-install__copy,
  .gameplay-features-page .gf-install__button {
    grid-column: 1;
  }

  .gameplay-features-page .gf-hero__copy h1 {
    max-width: 18ch;
    font-size: clamp(2.625rem, 12vw, 3.375rem);
  }

  .gameplay-features-page .gf-hero__copy .text-lead,
  .gameplay-features-page .gf-loop__prose > .gf-section-dek,
  .gameplay-features-page .gf-loop__unit,
  .gameplay-features-page .gf-environments__copy > .gf-section-dek,
  .gameplay-features-page .gf-route-stop p,
  .gameplay-features-page .gf-cargo__copy > .gf-section-dek,
  .gameplay-features-page .gf-cargo__unit,
  .gameplay-features-page .gf-missions__intro .gf-section-dek,
  .gameplay-features-page .gf-mission-item__copy p,
  .gameplay-features-page .gf-source__facts > p,
  .gameplay-features-page .gf-source__interpretation p,
  .gameplay-features-page .gf-fit-ticket p,
  .gameplay-features-page .gf-install__copy p,
  .gameplay-features-page .gf-editorial-note__panel p {
    max-width: none;
  }

  .gameplay-features-page .gf-hero__media,
  .gameplay-features-page .gf-environments__media,
  .gameplay-features-page .gf-cargo__media {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .gameplay-features-page .gf-hero__media .gf-caption-strip {
    width: 100%;
    padding-inline: var(--container-padding);
  }

  .gameplay-features-page .gf-environments__media .gf-caption-strip,
  .gameplay-features-page .gf-cargo__media .gf-caption-strip {
    padding-inline: var(--container-padding);
  }

  .gameplay-features-page .gf-route-art::before {
    display: none;
  }

  .gameplay-features-page .gf-route-stops,
  .gameplay-features-page .gf-fit__tickets {
    grid-template-columns: minmax(0, 1fr);
  }

  .gameplay-features-page .gf-route-stop:nth-child(3),
  .gameplay-features-page .gf-fit-ticket--verify {
    grid-column: 1;
  }

  .gameplay-features-page .gf-mission-list,
  .gameplay-features-page .gf-mission-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .gameplay-features-page .gf-mission-item {
    gap: var(--space-3);
  }

  .gameplay-features-page .gf-mission-item__number {
    width: 3rem;
  }

  .gameplay-features-page .gf-missions__quote {
    margin-left: 0;
  }

  .gameplay-features-page .gf-evidence-card,
  .gameplay-features-page .gf-source__interpretation {
    padding: var(--space-4);
  }

  .gameplay-features-page .gf-related__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .gameplay-features-page .gf-related-strip,
  .gameplay-features-page .gf-related-strip--two,
  .gameplay-features-page .gf-related-strip--three {
    grid-column: 1;
    padding: var(--space-4);
  }

  .gameplay-features-page .gf-editorial-note__panel {
    width: 100%;
    padding: var(--space-4);
  }
}

@media (max-width: 29.99rem) {
  .gameplay-features-page .gf-install__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .gameplay-features-page .gf-route-art::before {
    transform: scale(0.7);
    transform-origin: bottom right;
    transition: opacity 220ms ease-out, transform 220ms ease-out;
    opacity: 0;
  }

  .gameplay-features-page .gf-route-art.is-route-visible::before {
    transform: scale(1);
    opacity: 0.75;
  }
}


.home-page {
  background: var(--color-paper-sand);
}

.home-page .section {
  position: relative;
}

.home-page .home-hero__grid,
.home-page .home-loop__grid,
.home-page .home-terrain__grid,
.home-page .home-missions__grid,
.home-page .home-handling__grid,
.home-page .home-challenges__grid,
.home-page .home-final__grid {
  display: grid;
  min-width: 0;
}

.home-hero__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-7);
  align-items: center;
}

.home-hero__copy {
  min-width: 0;
  max-width: 50ch;
}

.home-hero__copy h1 {
  max-width: 18ch;
}

.home-hero__lead {
  max-width: 50ch;
  font-size: var(--text-lead);
  line-height: 1.55;
}

.home-hero__source {
  max-width: 45ch;
}

.home-hero__actions {
  max-width: 34rem;
}

.home-hero__media {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.home-hero__media .media-frame {
  width: 100%;
}

.home-hero__caption,
.home-terrain__caption,
.home-challenges__caption {
  margin: var(--space-3) 0 0;
  border-inline-start: 2px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  padding: var(--space-3) var(--space-4);
}

.home-loop__grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: start;
}

.home-loop__article {
  grid-column: 1;
  min-width: 0;
  max-width: 64ch;
}

.home-loop__dek {
  max-width: 54ch;
}

.home-loop__blocks {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  min-width: 0;
}

.home-loop__blocks > * {
  min-width: 0;
}

.home-loop__cargo-block {
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-5);
}

.home-loop__cargo-block p,
.home-loop__blocks p {
  max-width: 64ch;
}

.home-loop__evidence {
  grid-column: 2;
  min-width: 0;
  max-width: 48ch;
  margin-top: var(--space-9);
}

.home-loop__trace {
  grid-column: 3;
  width: 2px;
  min-height: 16rem;
  justify-self: center;
  background: repeating-linear-gradient(to bottom, var(--color-deep-teal) 0 0.45rem, transparent 0.45rem 0.9rem);
}

.home-terrain__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-7);
  align-items: start;
}

.home-terrain__story,
.home-terrain__media {
  min-width: 0;
  width: 100%;
}

.home-terrain__dek {
  max-width: 54ch;
}

.home-terrain__observations {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  min-width: 0;
}

.home-terrain__observations article {
  min-width: 0;
  max-width: 52ch;
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-4);
}

.home-pin,
.home-tip > span {
  display: inline-flex;
  min-width: 2rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-3);
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-weight: 800;
}

.home-terrain__media .media-frame {
  width: 100%;
}

.home-missions__grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  gap: var(--space-7);
  align-items: end;
}

.home-missions__prose {
  min-width: 0;
  max-width: 62ch;
}

.home-missions__blocks {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

.home-missions__blocks > * {
  min-width: 0;
}

.home-missions__ticket {
  width: 100%;
  min-width: 0;
  max-width: 42ch;
}

.home-handling__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 5fr) minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}

.home-handling__heading {
  grid-column: 1 / span 2;
  min-width: 0;
  max-width: 54ch;
}

.home-handling__dek {
  max-width: 50ch;
}

.home-handling__column {
  grid-column: 1;
  display: grid;
  gap: var(--space-7);
  min-width: 0;
  max-width: 50ch;
}

.home-handling__column > * {
  min-width: 0;
}

.home-handling__inset {
  grid-column: 3;
  min-width: 0;
  max-width: 50ch;
  margin-top: var(--space-7);
  border-inline-start: 4px solid var(--color-warm-yellow);
  background: var(--color-sun-bleached);
  color: var(--color-road-charcoal);
  padding: var(--space-5);
}

.home-handling__inset h3,
.home-handling__inset .meta {
  color: var(--color-deep-teal);
}

.home-handling__annotation {
  grid-column: 3 / span 2;
  min-width: 0;
  max-width: 38ch;
  margin: var(--space-7) 0 0;
  color: var(--color-white-signal);
  font-size: var(--text-label);
}

.home-challenges__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-7);
  align-items: start;
}

.home-challenges__content,
.home-challenges__media {
  min-width: 0;
  width: 100%;
}

.home-challenges__dek {
  max-width: 54ch;
}

.home-challenges__stops {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  min-width: 0;
  border-inline-start: 2px solid var(--color-deep-teal);
  padding-inline-start: var(--space-5);
}

.home-stop {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
}

.home-stop > span {
  width: 2.25rem;
  min-width: 0;
  height: 2.25rem;
  display: grid;
  place-items: center;
  background: var(--color-burnt-orange);
  color: var(--color-white-signal);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
}

.home-stop > div {
  min-width: 0;
  max-width: 46ch;
}

.home-challenges__media .media-frame {
  width: 100%;
}

.home-tips__heading {
  max-width: 54ch;
}

.home-tips__dek {
  max-width: 50ch;
}

.home-tips__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-7);
}

.home-tip {
  min-width: 0;
  width: 100%;
  max-width: none;
}

.home-tip:nth-child(1),
.home-tip:nth-child(3) {
  grid-column: 1 / span 5;
}

.home-tip:nth-child(2),
.home-tip:nth-child(4) {
  grid-column: 7 / span 5;
}

.home-tip p {
  max-width: 40ch;
}

.home-review__panel {
  border-top: 2px solid var(--color-burnt-orange);
  border-inline-start: 6px solid var(--color-deep-teal);
  background: var(--color-sun-bleached);
  padding: clamp(var(--space-5), 5vw, var(--space-8));
}

.home-review__lead {
  max-width: 55ch;
}

.home-review__lenses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-7);
  min-width: 0;
  margin-top: var(--space-7);
}

.home-review__lenses > article {
  min-width: 0;
  max-width: 48ch;
}

.home-review__lenses .button {
  width: fit-content;
}

.home-fit__heading {
  max-width: 54ch;
}

.home-fit__dek {
  max-width: 52ch;
}

.home-fit__lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-7);
}

.home-fit__lanes > article {
  min-width: 0;
  width: 100%;
  max-width: 42ch;
  border-top: 2px solid var(--color-deep-teal);
  padding-top: var(--space-4);
}

.home-fit__lanes > article:nth-child(2) {
  border-top-color: var(--color-burnt-orange);
}

.home-fit__lanes > article:nth-child(3) {
  border-top-color: var(--color-warm-yellow);
}

.home-fit__note {
  max-width: 55ch;
  margin-top: var(--space-7);
  border-inline-start: 2px solid var(--color-muted-terracotta);
  padding-inline-start: var(--space-4);
}

.home-final__grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 6fr) minmax(0, 2fr);
  gap: var(--space-5);
  align-items: center;
}

.home-final__copy {
  grid-column: 2;
  min-width: 0;
  max-width: 50ch;
}

.home-final__copy h2 {
  max-width: 16ch;
}

.home-final__copy > p:not(.home-final__source) {
  max-width: 50ch;
}

.home-final__button {
  width: fit-content;
}

.home-final__source {
  max-width: 48ch;
  margin-top: var(--space-5);
  color: var(--color-white-signal);
  font-size: var(--text-label);
}

.home-final__marker {
  grid-column: 3;
  min-width: 0;
  color: var(--color-warm-yellow);
  font-family: var(--font-heading);
  font-size: clamp(4rem, 8vw, 7rem);
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 67.49rem) {
  .home-hero__grid,
  .home-terrain__grid,
  .home-challenges__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .home-hero__copy,
  .home-terrain__story,
  .home-challenges__content {
    width: 100%;
    max-width: none;
  }

  .home-hero__media,
  .home-terrain__media,
  .home-challenges__media {
    grid-row: auto;
  }

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

  .home-terrain__observations article:nth-child(3) {
    grid-column: 1 / -1;
  }

  .home-challenges__media {
    grid-row: 1;
  }

  .home-challenges__content {
    grid-row: 2;
  }

  .home-loop__grid {
    grid-template-columns: minmax(0, 6fr) minmax(0, 2fr);
  }

  .home-loop__trace {
    display: none;
  }

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

  .home-handling__heading {
    grid-column: 1 / -1;
  }

  .home-handling__column {
    grid-column: 1;
  }

  .home-handling__inset,
  .home-handling__annotation {
    grid-column: 2;
  }

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

  .home-missions__ticket {
    max-width: 430px;
  }

  .home-tips__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .home-tip:nth-child(1),
  .home-tip:nth-child(3) {
    grid-column: 1 / span 4;
  }

  .home-tip:nth-child(2),
  .home-tip:nth-child(4) {
    grid-column: 5 / span 4;
  }

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

  .home-fit__lanes > article:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 59.99rem) {
  .home-loop__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-loop__article,
  .home-loop__evidence {
    grid-column: 1;
    width: 100%;
    max-width: 64ch;
  }

  .home-loop__evidence {
    margin-top: 0;
  }

  .home-review__lenses {
    gap: var(--space-5);
  }

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

  .home-final__copy {
    grid-column: 1;
  }

  .home-final__marker {
    display: none;
  }
}

@media (max-width: 51.24rem) {
  .home-handling__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-handling__heading,
  .home-handling__column,
  .home-handling__inset,
  .home-handling__annotation {
    grid-column: 1;
    width: 100%;
    max-width: none;
  }

  .home-handling__inset,
  .home-handling__annotation {
    margin-top: 0;
  }

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

  .home-review__lenses > article {
    max-width: none;
  }
}

@media (max-width: 47.99rem) {
  .home-hero {
    padding-top: var(--space-6);
  }

  .home-hero__grid {
    gap: var(--space-5);
  }

  .home-hero__copy h1 {
    max-width: 18ch;
    font-size: clamp(2.625rem, 12vw, 3.625rem);
  }

  .home-hero__lead,
  .home-hero__source,
  .home-terrain__dek,
  .home-challenges__dek,
  .home-tips__dek,
  .home-fit__dek,
  .home-final__copy > p:not(.home-final__source) {
    max-width: none;
  }

  .home-hero__media,
  .home-terrain__media,
  .home-challenges__media {
    width: calc(100% + (2 * var(--container-padding)));
    margin-inline: calc(-1 * var(--container-padding));
  }

  .home-hero__caption,
  .home-terrain__caption,
  .home-challenges__caption {
    margin-inline: var(--container-padding);
  }

  .home-terrain__observations,
  .home-fit__lanes {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-terrain__observations article:nth-child(3),
  .home-fit__lanes > article:nth-child(3) {
    grid-column: 1;
  }

  .home-missions__ticket {
    max-width: none;
  }

  .home-challenges__stops {
    padding-inline-start: var(--space-4);
  }

  .home-tips__grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-6);
  }

  .home-tip:nth-child(1),
  .home-tip:nth-child(2),
  .home-tip:nth-child(3),
  .home-tip:nth-child(4) {
    grid-column: 1;
  }

  .home-review__panel {
    border-inline-start-width: 3px;
    padding: var(--space-5);
  }

  .home-final__copy h2 {
    font-size: clamp(2.25rem, 11vw, 3rem);
  }
}

@media (max-width: 26.24rem) {
  .home-hero__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .home-hero__actions > .button,
  .home-final__button,
  .home-review__lenses .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-loop__trace {
    background: var(--color-deep-teal);
  }
}


.routes-cargo-page {
  --page-max: 77.5rem;
}

.routes-cargo-page .container {
  width: min(100% - (2 * var(--container-padding)), var(--page-max));
}

.routes-cargo-page .routes-hero__grid,
.routes-cargo-page .conditions__grid,
.routes-cargo-page .next-stops__grid,
.routes-cargo-page .source-note__grid {
  display: grid;
  min-width: 0;
}

.routes-cargo-page .routes-hero__grid {
  grid-template-columns: minmax(21.25rem, 5fr) minmax(32.5rem, 7fr);
  gap: var(--space-6);
  align-items: center;
}

.routes-cargo-page .routes-hero__copy,
.routes-cargo-page .routes-hero__media,
.routes-cargo-page .conditions__reading,
.routes-cargo-page .conditions__rail,
.routes-cargo-page .next-stops__content,
.routes-cargo-page .next-stops__cta,
.routes-cargo-page .source-note__basis,
.routes-cargo-page .source-note__verify {
  min-width: 0;
  width: 100%;
}

.routes-cargo-page .routes-hero__copy {
  display: grid;
  gap: var(--space-4);
  align-content: center;
  position: relative;
  z-index: 1;
}

.routes-cargo-page .routes-hero__copy > :is(h1, p) {
  margin: 0;
}

.routes-cargo-page .routes-hero__copy h1 {
  max-width: 16ch;
}

.routes-cargo-page .routes-hero__copy .text-lead {
  max-width: 50ch;
}

.routes-cargo-page .routes-hero__actions {
  margin-top: var(--space-2);
}

.routes-cargo-page .routes-hero__media {
  margin: 0;
}

.routes-cargo-page .routes-hero__media .media-frame {
  width: 100%;
}

.routes-cargo-page .routes-hero__caption {
  max-width: 22.5rem;
  margin: var(--space-3) 0 0;
  border-inline-start: 2px solid var(--color-burnt-orange);
  padding-inline-start: var(--space-3);
}

.routes-cargo-page .routes-pin {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-inline-end: var(--space-2);
  border: 2px solid var(--color-deep-teal);
  border-radius: 50%;
  background: var(--color-warm-yellow);
  vertical-align: -0.08em;
}

.routes-cargo-page .route-lens__intro {
  width: min(100%, 56ch);
}

.routes-cargo-page .route-lens__intro > :is(h2, p) {
  margin-block: 0;
}

.routes-cargo-page .route-lens__intro {
  display: grid;
  gap: var(--space-4);
}

.routes-cargo-page .route-lens__ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6) var(--space-8);
  position: relative;
  margin-top: var(--space-7);
  padding-inline: var(--space-6);
}

.routes-cargo-page .route-lens__ledger::before {
  position: absolute;
  top: 1.25rem;
  bottom: 1.25rem;
  left: 50%;
  width: 1px;
  background: repeating-linear-gradient(to bottom, var(--color-deep-teal) 0 0.5rem, transparent 0.5rem 1rem);
  content: "";
  opacity: 0.35;
}

.routes-cargo-page .route-stop {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
}

.routes-cargo-page .route-stop:nth-child(even) {
  margin-top: var(--space-7);
}

.routes-cargo-page .route-stop__marker {
  display: grid;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--color-deep-teal);
  background: var(--color-warm-yellow);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: 1;
}

.routes-cargo-page .route-stop__content {
  min-width: 0;
  max-width: 50ch;
}

.routes-cargo-page .route-stop__content > :is(h3, p) {
  margin-block: 0;
}

.routes-cargo-page .route-stop__content {
  display: grid;
  gap: var(--space-3);
}

.routes-cargo-page .route-stop__content h3 {
  font-size: var(--text-subsection);
}

.routes-cargo-page .route-stop__sublines {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  color: var(--color-deep-teal);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.routes-cargo-page .route-stop__sublines span {
  min-width: 0;
  border-top: 1px solid var(--color-muted-terracotta);
  padding-top: var(--space-2);
}

.routes-cargo-page .route-stop__annotation {
  border-inline-start: 2px solid var(--color-muted-terracotta);
  color: var(--color-muted-terracotta);
  padding-inline-start: var(--space-3);
}

.routes-cargo-page .conditions__grid {
  grid-template-columns: minmax(0, 7fr) minmax(13.75rem, 3fr);
  gap: var(--space-8);
  align-items: start;
}

.routes-cargo-page .conditions__reading {
  max-width: 64ch;
}

.routes-cargo-page .conditions__reading > :is(h2, p) {
  margin-block: 0;
}

.routes-cargo-page .conditions__reading {
  display: grid;
  gap: var(--space-5);
}

.routes-cargo-page .conditions__dek {
  max-width: 56ch;
}

.routes-cargo-page .conditions__rule {
  width: 100%;
  height: 2px;
  background: var(--color-burnt-orange);
}

.routes-cargo-page .conditions__reading article {
  display: grid;
  gap: var(--space-3);
}

.routes-cargo-page .conditions__reading article > :is(h3, p) {
  margin: 0;
}

.routes-cargo-page .conditions__route-note {
  color: var(--color-muted-terracotta);
  font-weight: 600;
}

.routes-cargo-page .conditions__rail {
  padding-top: clamp(7rem, 13vw, 11rem);
}

.routes-cargo-page .conditions__rail blockquote {
  max-width: 26ch;
  margin: 0;
  background: var(--color-sun-bleached);
  box-shadow: var(--shadow-offset);
  padding: var(--space-5);
}

.routes-cargo-page .visual-checkpoint__figure {
  margin: 0;
}

.routes-cargo-page .visual-checkpoint__details {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: var(--space-6);
  margin-top: var(--space-4);
}

.routes-cargo-page .visual-checkpoint__details > p {
  margin: 0;
  min-width: 0;
}

.routes-cargo-page .visual-checkpoint__caption {
  max-width: 55ch;
}

.routes-cargo-page .visual-checkpoint__source {
  max-width: 42ch;
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  padding: var(--space-4);
}

.routes-cargo-page .load-check__intro {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 56ch);
}

.routes-cargo-page .load-check__intro > :is(h2, div) {
  margin: 0;
}

.routes-cargo-page .load-check__lead {
  display: grid;
  gap: var(--space-3);
}

.routes-cargo-page .load-check__lead p {
  max-width: 56ch;
  margin: 0;
}

.routes-cargo-page .load-check__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.routes-cargo-page .load-item {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-4);
}

.routes-cargo-page .load-item > :is(h3, p, a) {
  grid-column: 2;
  margin: 0;
  min-width: 0;
}

.routes-cargo-page .load-item {
  row-gap: var(--space-3);
}

.routes-cargo-page .load-item__number {
  grid-row: 1 / span 3;
  color: var(--color-burnt-orange);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

.routes-cargo-page .load-item h3 {
  font-size: clamp(1.6rem, 2.5vw, 2rem);
}

.routes-cargo-page .terrain-sequence__intro {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 56ch);
}

.routes-cargo-page .terrain-sequence__intro > :is(h2, p) {
  margin: 0;
}

.routes-cargo-page .terrain-sequence__stops {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  position: relative;
  margin-top: var(--space-7);
}

.routes-cargo-page .terrain-sequence__stops::before {
  position: absolute;
  top: 1.25rem;
  right: 7%;
  left: 7%;
  height: 2px;
  background: var(--color-deep-teal);
  content: "";
  opacity: 0.4;
}

.routes-cargo-page .terrain-stop {
  display: grid;
  grid-template-rows: 2.5rem auto;
  gap: var(--space-4);
  min-width: 0;
  outline: none;
}

.routes-cargo-page .terrain-stop__number {
  display: grid;
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid var(--color-deep-teal);
  background: var(--color-paper-sand);
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.routes-cargo-page .terrain-stop:hover .terrain-stop__number,
.routes-cargo-page .terrain-stop:focus-visible .terrain-stop__number {
  background: var(--color-burnt-orange);
  color: var(--color-white-signal);
}

.routes-cargo-page .terrain-stop__content {
  min-width: 0;
  max-width: 40ch;
}

.routes-cargo-page .terrain-stop__content > :is(h3, p) {
  margin: 0;
}

.routes-cargo-page .terrain-stop__content {
  display: grid;
  gap: var(--space-3);
}

.routes-cargo-page .terrain-stop h3 {
  font-size: clamp(1.6rem, 2.4vw, 2rem);
}

.routes-cargo-page .terrain-sequence__note {
  width: min(100%, 52ch);
  margin-top: var(--space-7);
}

.routes-cargo-page .mission-band {
  padding-block: clamp(var(--space-9), 8vw, var(--space-10));
}

.routes-cargo-page .mission-band__intro {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 58ch);
}

.routes-cargo-page .mission-band__intro > :is(h2, p) {
  margin: 0;
}

.routes-cargo-page .mission-band__articles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-7);
}

.routes-cargo-page .mission-band__articles article {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  border-top: 1px solid rgb(255 249 236 / 45%);
  padding-top: var(--space-4);
}

.routes-cargo-page .mission-band__articles article > :is(p, h3, a) {
  margin: 0;
}

.routes-cargo-page .mission-band__articles .meta {
  color: var(--color-warm-yellow);
}

.routes-cargo-page .mission-band__articles h3 {
  font-size: clamp(1.6rem, 2.4vw, 2rem);
}

.routes-cargo-page .mission-band__source {
  width: fit-content;
  min-height: 2.75rem;
  padding-top: var(--space-2);
}

.routes-cargo-page .fit-guide__heading {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 56ch);
}

.routes-cargo-page .fit-guide__heading h2 {
  margin: 0;
}

.routes-cargo-page .fit-guide__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-7);
}

.routes-cargo-page .fit-card,
.routes-cargo-page .fit-guide__caveat {
  min-width: 0;
}

.routes-cargo-page .fit-card {
  display: grid;
  gap: var(--space-3);
}

.routes-cargo-page .fit-card > :is(h3, p) {
  margin: 0;
}

.routes-cargo-page .fit-card p {
  max-width: 45ch;
}

.routes-cargo-page .fit-card--route {
  border-top: 2px solid var(--color-burnt-orange);
  padding-top: var(--space-5);
}

.routes-cargo-page .fit-card--mission {
  border-inline-start: 2px solid var(--color-deep-teal);
  padding-inline-start: var(--space-5);
}

.routes-cargo-page .fit-guide__caveat {
  align-self: end;
  max-width: 52ch;
  border-inline-start: 2px solid var(--color-muted-terracotta);
  color: var(--color-road-charcoal);
  padding: var(--space-4) 0 var(--space-4) var(--space-4);
}

.routes-cargo-page .next-stops__grid {
  grid-template-columns: minmax(0, 7fr) minmax(18.75rem, 4fr);
  gap: var(--space-7);
  align-items: start;
}

.routes-cargo-page .next-stops__content {
  display: grid;
  gap: var(--space-4);
}

.routes-cargo-page .next-stops__content > :is(h2, p) {
  margin: 0;
}

.routes-cargo-page .next-stops__content .text-lead {
  max-width: 48ch;
}

.routes-cargo-page .next-stops__tickets {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.routes-cargo-page .next-ticket {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: var(--space-2) var(--space-4);
  min-width: 0;
  min-height: 2.75rem;
  border: 1px solid var(--color-border);
  background: var(--color-sun-bleached);
  box-shadow: var(--shadow-offset);
  padding: var(--space-4);
  text-decoration: none;
  transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.routes-cargo-page .next-ticket > * {
  min-width: 0;
}

.routes-cargo-page .next-ticket .meta {
  grid-row: 1 / span 2;
}

.routes-cargo-page .next-ticket strong {
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  line-height: 1;
}

.routes-cargo-page .next-ticket span:last-child {
  color: var(--color-road-charcoal);
}

.routes-cargo-page .next-ticket:hover {
  border-bottom: 2px solid var(--color-burnt-orange);
  box-shadow: 0 2px 0 var(--color-burnt-orange);
  transform: translateY(-2px);
}

.routes-cargo-page .next-stops__cta {
  display: grid;
  gap: var(--space-4);
  border: 1px solid var(--color-deep-teal);
  background: var(--color-warm-yellow);
  padding: var(--space-5);
}

.routes-cargo-page .next-stops__cta > :is(p, h3, a) {
  margin: 0;
}

.routes-cargo-page .next-stops__cta p:not(.meta) {
  max-width: 42ch;
}

.routes-cargo-page .source-note__grid {
  grid-template-columns: minmax(0, 7fr) minmax(17.5rem, 4fr);
  gap: var(--space-7);
  align-items: start;
}

.routes-cargo-page .source-note__basis,
.routes-cargo-page .source-note__verify {
  display: grid;
  gap: var(--space-4);
}

.routes-cargo-page .source-note__basis > :is(h2, p),
.routes-cargo-page .source-note__verify > :is(h3, p, a) {
  margin: 0;
}

.routes-cargo-page .source-note__basis p {
  max-width: 50ch;
}

.routes-cargo-page .source-note__verify p {
  max-width: 42ch;
}

@media (max-width: 67.49rem) {
  .routes-cargo-page .routes-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .routes-cargo-page .routes-hero__copy {
    max-width: 34rem;
  }

  .routes-cargo-page .routes-hero__media {
    grid-row: 2;
  }

  .routes-cargo-page .route-lens__ledger {
    gap: var(--space-6) var(--space-5);
    padding-inline: 0;
  }

  .routes-cargo-page .conditions__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .routes-cargo-page .conditions__rail {
    padding-top: 0;
  }

  .routes-cargo-page .conditions__rail blockquote {
    max-width: 32ch;
  }

  .routes-cargo-page .load-check__items,
  .routes-cargo-page .mission-band__articles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .routes-cargo-page .load-item:last-child,
  .routes-cargo-page .mission-band__articles article:last-child {
    grid-column: 1 / -1;
    max-width: 42rem;
  }

  .routes-cargo-page .terrain-sequence__stops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-7);
  }

  .routes-cargo-page .terrain-sequence__stops::before {
    display: none;
  }

  .routes-cargo-page .next-stops__grid,
  .routes-cargo-page .source-note__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .routes-cargo-page .next-stops__cta,
  .routes-cargo-page .source-note__verify {
    max-width: 42rem;
  }
}

@media (max-width: 56.24rem) {
  .routes-cargo-page .route-lens__ledger {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
    padding-inline-start: var(--space-6);
  }

  .routes-cargo-page .route-lens__ledger::before {
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .routes-cargo-page .route-stop:nth-child(even) {
    margin-top: 0;
  }

  .routes-cargo-page .fit-guide__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .routes-cargo-page .fit-guide__caveat {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 42.49rem) {
  .routes-cargo-page .routes-hero {
    padding-bottom: var(--space-7);
  }

  .routes-cargo-page .routes-hero__copy h1 {
    max-width: 12ch;
    font-size: clamp(2.625rem, 12vw, 3.625rem);
  }

  .routes-cargo-page .routes-hero__copy .text-lead,
  .routes-cargo-page .route-lens__intro,
  .routes-cargo-page .conditions__reading,
  .routes-cargo-page .load-check__intro,
  .routes-cargo-page .terrain-sequence__intro,
  .routes-cargo-page .mission-band__intro,
  .routes-cargo-page .fit-guide__heading {
    width: 100%;
    max-width: none;
  }

  .routes-cargo-page .routes-hero__media {
    width: 100vw;
    margin-left: calc(-1 * var(--container-padding));
  }

  .routes-cargo-page .routes-hero__caption {
    width: calc(100% - (2 * var(--container-padding)));
    max-width: none;
    margin-inline: var(--container-padding);
  }

  .routes-cargo-page .route-lens__ledger {
    padding-inline-start: var(--space-5);
  }

  .routes-cargo-page .route-lens__ledger::before {
    left: 0.5rem;
  }

  .routes-cargo-page .route-stop {
    grid-template-columns: 1.5rem minmax(0, 1fr);
  }

  .routes-cargo-page .route-stop__marker {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    font-size: 0.68rem;
  }

  .routes-cargo-page .route-stop__sublines {
    grid-template-columns: minmax(0, 1fr);
  }

  .routes-cargo-page .conditions__rail blockquote {
    max-width: none;
  }

  .routes-cargo-page .visual-checkpoint .container {
    width: 100%;
  }

  .routes-cargo-page .visual-checkpoint__figure .media-frame {
    border-inline: 0;
  }

  .routes-cargo-page .visual-checkpoint__details {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    width: min(100% - (2 * var(--container-padding)), var(--page-max));
    margin-inline: auto;
  }

  .routes-cargo-page .load-check__items,
  .routes-cargo-page .mission-band__articles,
  .routes-cargo-page .terrain-sequence__stops {
    grid-template-columns: minmax(0, 1fr);
  }

  .routes-cargo-page .load-item:last-child,
  .routes-cargo-page .mission-band__articles article:last-child {
    grid-column: auto;
    max-width: none;
  }

  .routes-cargo-page .terrain-sequence__stops {
    gap: var(--space-6);
    padding-inline-start: var(--space-5);
  }

  .routes-cargo-page .terrain-sequence__stops::after {
    position: absolute;
    top: 1.25rem;
    bottom: 1.25rem;
    left: 1rem;
    width: 2px;
    background: var(--color-deep-teal);
    content: "";
    opacity: 0.4;
  }

  .routes-cargo-page .terrain-stop {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    grid-template-rows: auto;
    position: relative;
    z-index: 1;
  }

  .routes-cargo-page .terrain-stop__content {
    max-width: none;
  }

  .routes-cargo-page .next-ticket {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .routes-cargo-page .next-ticket .meta {
    grid-row: auto;
  }

  .routes-cargo-page .next-stops__cta .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .routes-cargo-page .next-ticket:hover {
    transform: none;
  }

  .routes-cargo-page .terrain-stop__number {
    transition: none;
  }
}


.beginner-tips-page {
  background: var(--color-paper-sand);
}

.beginner-tips-page .bt-hero__grid,
.beginner-tips-page .bt-image-feature__grid,
.beginner-tips-page .bt-closing__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
}

.beginner-tips-page .bt-hero__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--space-4);
}

.beginner-tips-page .bt-hero__copy > * { margin: 0; }
.beginner-tips-page .bt-hero h1 { max-width: 18ch; }
.beginner-tips-page .bt-hero__dek { max-width: 56ch; }
.beginner-tips-page .bt-hero__source { max-width: 38ch; display: grid; gap: var(--space-2); }
.beginner-tips-page .bt-hero__source p { margin: 0; }

.beginner-tips-page .bt-hero__media {
  grid-column: 6 / span 7;
  min-width: 0;
  width: 100%;
  margin-block-start: var(--space-6);
  display: grid;
  gap: var(--space-3);
}

.beginner-tips-page .bt-hero__media .caption { margin: 0; }
.beginner-tips-page .bt-external-button { width: max-content; min-width: 0; }

.beginner-tips-page .bt-control__inner { display: grid; gap: var(--space-7); min-width: 0; }
.beginner-tips-page .bt-control__intro { width: 58.333%; min-width: 0; }
.beginner-tips-page .bt-control__intro > * { margin: 0; }
.beginner-tips-page .bt-control__intro { display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-control__intro .text-lead { max-width: 54ch; }

.beginner-tips-page .bt-practice-list { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; margin-inline-start: 8.333%; }
.beginner-tips-page .bt-practice { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 6fr); gap: var(--space-5); min-width: 0; }
.beginner-tips-page .bt-stop-number { grid-column: 1; width: max-content; min-width: 0; color: var(--color-deep-teal); font-family: var(--font-heading); font-size: clamp(3rem, 6vw, 5rem); font-weight: 800; line-height: .8; text-shadow: 3px 3px 0 var(--color-warm-yellow); transition: transform var(--transition-fast); }
.beginner-tips-page .bt-practice:hover .bt-stop-number { transform: translateX(2px); }
.beginner-tips-page .bt-practice__body { grid-column: 2; min-width: 0; max-width: 60ch; }
.beginner-tips-page .bt-practice__body h3 { margin-block-end: var(--space-3); }
.beginner-tips-page .bt-practice__body p:last-of-type { margin-block-end: 0; }
.beginner-tips-page .bt-practice--note .evidence-note { display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-practice--note .evidence-note > * { margin: 0; }

.beginner-tips-page .bt-route-sketch { position: relative; width: min(100%, 18rem); height: 4.25rem; margin-block-start: var(--space-5); overflow: hidden; }
.beginner-tips-page .bt-route-sketch span { position: absolute; border: 2px solid var(--color-burnt-orange); border-color: var(--color-burnt-orange) transparent transparent var(--color-burnt-orange); border-radius: 50%; transform: rotate(20deg); }
.beginner-tips-page .bt-route-sketch span:nth-child(1) { width: 7rem; height: 3rem; left: .25rem; top: 1.2rem; }
.beginner-tips-page .bt-route-sketch span:nth-child(2) { width: 8rem; height: 3.5rem; left: 5rem; top: .3rem; transform: rotate(-25deg); }
.beginner-tips-page .bt-route-sketch span:nth-child(3) { width: .75rem; height: .75rem; right: 1rem; top: 1.65rem; border: 0; border-radius: 0; background: var(--color-warm-yellow); transform: rotate(45deg); }

.beginner-tips-page .bt-delivery__intro { width: 50%; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-delivery__intro > * { margin: 0; }
.beginner-tips-page .bt-delivery__intro .text-lead { max-width: 54ch; }
.beginner-tips-page .bt-ticket-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-block-start: var(--space-7); }
.beginner-tips-page .bt-delivery-ticket { min-width: 0; display: grid; align-content: start; gap: var(--space-3); }
.beginner-tips-page .bt-delivery-ticket > * { margin: 0; }
.beginner-tips-page .bt-delivery-ticket--one { grid-column: 2 / span 3; }
.beginner-tips-page .bt-delivery-ticket--two { grid-column: 5 / span 3; margin-block-start: var(--space-5); }
.beginner-tips-page .bt-delivery-ticket--three { grid-column: 8 / span 3; }
.beginner-tips-page .bt-delivery-ticket h3 { font-size: var(--text-section); }

.beginner-tips-page .bt-terrain__intro { width: 50%; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-terrain__intro > * { margin: 0; }
.beginner-tips-page .bt-terrain__intro .text-lead { max-width: 54ch; }
.beginner-tips-page .bt-terrain-layout { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-block-start: var(--space-7); }
.beginner-tips-page .bt-terrain-layout::before { position: absolute; z-index: 0; top: 28%; left: 14%; width: 72%; height: 42%; border: 2px dashed var(--color-muted-terracotta); border-left: 0; border-right: 0; content: ""; opacity: .6; transition: clip-path 600ms ease-out; }
.beginner-tips-page .bt-terrain-layout:not(.is-drawn)::before { clip-path: inset(0 100% 0 0); }
.beginner-tips-page .bt-terrain-note,
.beginner-tips-page .bt-terrain-media { position: relative; z-index: 1; min-width: 0; }
.beginner-tips-page .bt-terrain-media { grid-column: 3 / span 7; grid-row: 1 / span 2; width: 100%; margin-block: var(--space-7) 0; }
.beginner-tips-page .bt-terrain-media .caption { margin: var(--space-3) 0 0; }
.beginner-tips-page .bt-terrain-note { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); align-content: start; }
.beginner-tips-page .bt-terrain-note h3 { margin-block-end: var(--space-2); font-size: var(--text-section); }
.beginner-tips-page .bt-terrain-note p { margin: 0; }
.beginner-tips-page .bt-terrain-marker { display: grid; width: 2rem; height: 2rem; place-items: center; background: var(--color-burnt-orange); color: var(--color-white-signal); font-family: var(--font-heading); font-weight: 800; line-height: 1; }
.beginner-tips-page .bt-terrain-note--highway { grid-column: 1 / span 3; grid-row: 1; }
.beginner-tips-page .bt-terrain-note--rural { grid-column: 10 / span 3; grid-row: 1; }
.beginner-tips-page .bt-terrain-note--mountain { grid-column: 3 / span 4; grid-row: 3; }
.beginner-tips-page .bt-terrain-note--offroad { grid-column: 7 / span 4; grid-row: 3; padding: var(--space-4); background: var(--color-deep-teal); color: var(--color-white-signal); }
.beginner-tips-page .bt-terrain-note--offroad h3 { color: var(--color-white-signal); }
.beginner-tips-page .bt-terrain-note--offroad .bt-terrain-marker { background: var(--color-warm-yellow); color: var(--color-deep-teal); }

.beginner-tips-page .bt-heavy__evidence { margin-inline: calc((100% - 100vw) / 2); padding: var(--space-7) max(var(--container-padding), calc((100vw - var(--container-max)) / 2)); }
.beginner-tips-page .bt-heavy__evidence-copy { width: 58.333%; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-heavy__evidence-copy > * { margin: 0; }
.beginner-tips-page .bt-heavy__evidence-copy p:last-child { max-width: 52ch; }
.beginner-tips-page .bt-heavy__guidance { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: var(--space-7); min-width: 0; margin-block-start: var(--space-8); margin-inline-start: 8.333%; }
.beginner-tips-page .bt-heavy-practice { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 6fr) minmax(0, 2fr); gap: var(--space-5); min-width: 0; }
.beginner-tips-page .bt-heavy-number { grid-column: 1; color: var(--color-burnt-orange); font-family: var(--font-heading); font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 800; line-height: .8; }
.beginner-tips-page .bt-heavy-copy { grid-column: 2; min-width: 0; max-width: 58ch; }
.beginner-tips-page .bt-heavy-copy h3 { margin-block-end: var(--space-3); }
.beginner-tips-page .bt-heavy-copy p:last-child { margin: 0; }
.beginner-tips-page .bt-heavy-quote { grid-column: 3; min-width: 0; align-self: center; }
.beginner-tips-page .bt-heavy-quote blockquote { margin: 0; }
.beginner-tips-page .bt-heavy-rule { border: 2px solid var(--color-burnt-orange); padding: var(--space-4); }

.beginner-tips-page .bt-recovery__inner { display: grid; gap: var(--space-7); min-width: 0; }
.beginner-tips-page .bt-recovery__intro { width: 50%; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-recovery__intro > * { margin: 0; }
.beginner-tips-page .bt-recovery__intro .text-lead { max-width: 50ch; }
.beginner-tips-page .bt-recovery-list { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--space-7); min-width: 0; }
.beginner-tips-page .bt-recovery-step { grid-column: 2 / span 7; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 6fr); gap: var(--space-5); min-width: 0; position: relative; }
.beginner-tips-page .bt-recovery-step:not(:last-child)::after { position: absolute; top: 3rem; bottom: calc(-1 * var(--space-7)); left: 1rem; border-left: 1px solid var(--color-deep-teal); content: ""; }
.beginner-tips-page .bt-recovery-marker { position: relative; z-index: 1; display: grid; width: 2rem; height: 2rem; place-items: center; background: var(--color-warm-yellow); color: var(--color-deep-teal); font-family: var(--font-heading); font-weight: 800; }
.beginner-tips-page .bt-recovery-marker--finish { background: var(--color-burnt-orange); color: var(--color-white-signal); }
.beginner-tips-page .bt-recovery-step > div:last-child { min-width: 0; max-width: 54ch; }
.beginner-tips-page .bt-recovery-step h3 { margin-block-end: var(--space-3); }
.beginner-tips-page .bt-recovery-step p:last-child { margin: 0; }
.beginner-tips-page .bt-road-cue { position: relative; width: min(100%, 26.25rem); height: 4rem; margin-block-start: var(--space-5); border: 1px solid var(--color-border); background: var(--color-sun-bleached); }
.beginner-tips-page .bt-road-cue__line { position: absolute; top: 1.9rem; left: 1rem; width: calc(100% - 4rem); border-top: 2px dashed var(--color-deep-teal); transform: rotate(-5deg); }
.beginner-tips-page .bt-road-cue__arrow { position: absolute; top: .65rem; right: 1.1rem; color: var(--color-burnt-orange); font-size: 2rem; font-weight: 700; }
.beginner-tips-page .bt-road-cue small { position: absolute; bottom: .35rem; left: .6rem; color: var(--color-deep-teal); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }

.beginner-tips-page .bt-mistakes__intro { width: 50%; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-mistakes__intro > * { margin: 0; }
.beginner-tips-page .bt-mistakes__intro .text-lead { max-width: 52ch; }
.beginner-tips-page .bt-comparisons { display: grid; gap: 0; min-width: 0; margin-block-start: var(--space-7); }
.beginner-tips-page .bt-comparison { display: grid; grid-template-columns: 4fr 1fr 5fr; gap: var(--space-4); min-width: 0; padding-block: var(--space-5); border-top: 1px solid var(--color-border-strong); }
.beginner-tips-page .bt-comparison:last-child { border-bottom: 1px solid var(--color-border-strong); }
.beginner-tips-page .bt-comparison__avoid,
.beginner-tips-page .bt-comparison__try { min-width: 0; }
.beginner-tips-page .bt-comparison__avoid h3,
.beginner-tips-page .bt-comparison__try h3 { margin-block-end: var(--space-2); font-size: var(--text-section); }
.beginner-tips-page .bt-comparison__avoid p:last-child,
.beginner-tips-page .bt-comparison__try p:last-child { margin: 0; }
.beginner-tips-page .bt-comparison__try .meta { color: var(--color-burnt-orange); }
.beginner-tips-page .bt-comparison__divider { position: relative; min-width: 0; }
.beginner-tips-page .bt-comparison__divider::before { position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed var(--color-muted-terracotta); content: ""; }
.beginner-tips-page .bt-comparison:hover .bt-comparison__try h3 { text-decoration: underline; text-decoration-color: var(--color-burnt-orange); text-decoration-thickness: 2px; text-underline-offset: .18em; }

.beginner-tips-page .bt-summary__intro { width: 50%; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-summary__intro > * { margin: 0; }
.beginner-tips-page .bt-phase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-7); min-width: 0; margin-block: var(--space-7); }
.beginner-tips-page .bt-phase { position: relative; min-width: 0; padding-inline-start: var(--space-5); }
.beginner-tips-page .bt-phase:not(:last-child)::after { position: absolute; top: 1rem; left: calc(100% + var(--space-3)); width: calc(var(--space-7) - var(--space-6)); border-top: 2px dashed var(--color-muted-terracotta); content: ""; }
.beginner-tips-page .bt-phase__marker { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; margin-inline-start: calc(-1 * var(--space-5)); margin-block-end: var(--space-3); background: var(--color-deep-teal); color: var(--color-white-signal); font-family: var(--font-heading); font-weight: 800; }
.beginner-tips-page .bt-phase__marker--yellow { background: var(--color-warm-yellow); color: var(--color-deep-teal); }
.beginner-tips-page .bt-phase__marker--finish { background: var(--color-burnt-orange); color: var(--color-white-signal); }
.beginner-tips-page .bt-phase h3 { margin-block-end: var(--space-3); font-size: var(--text-section); }
.beginner-tips-page .bt-phase p { margin: 0; max-width: 30ch; }
.beginner-tips-page .bt-reading-note { width: 41.667%; min-width: 0; display: grid; gap: var(--space-2); }
.beginner-tips-page .bt-reading-note > * { margin: 0; }

.beginner-tips-page .bt-image-feature__media { grid-column: 1 / span 8; min-width: 0; width: 100%; }
.beginner-tips-page .bt-visual-caption { display: grid; gap: var(--space-2); margin: 0; padding: var(--space-3) var(--space-4); background: var(--color-sun-bleached); }
.beginner-tips-page .bt-image-feature__copy { grid-column: 9 / span 4; min-width: 0; align-self: end; display: grid; gap: var(--space-4); margin-block-end: var(--space-5); padding: var(--space-5); background: var(--color-sun-bleached); }
.beginner-tips-page .bt-image-feature__copy > * { margin: 0; }
.beginner-tips-page .bt-image-feature__copy h2 { max-width: 18ch; }
.beginner-tips-page .bt-image-feature__copy .text-lead { max-width: 52ch; }
.beginner-tips-page .bt-feature-note { display: grid; gap: var(--space-2); border-top: 2px solid var(--color-burnt-orange); padding-top: var(--space-4); }
.beginner-tips-page .bt-feature-note > * { margin: 0; }
.beginner-tips-page .bt-feature-note h3 { font-size: var(--text-section); }

.beginner-tips-page .bt-closing { position: relative; overflow: hidden; }
.beginner-tips-page .bt-closing__content { grid-column: 2 / span 7; min-width: 0; display: grid; gap: var(--space-4); }
.beginner-tips-page .bt-closing__content > * { margin: 0; }
.beginner-tips-page .bt-closing__content .text-lead { max-width: 48ch; }
.beginner-tips-page .bt-closing__note { max-width: 48ch; border-top: 1px solid rgb(255 249 236 / 35%); padding-top: var(--space-4); color: var(--color-white-signal); font-size: var(--text-label); }
.beginner-tips-page .bt-closing__motif { grid-column: 9 / span 4; position: relative; min-height: 16rem; min-width: 0; overflow: hidden; }
.beginner-tips-page .bt-closing__motif span { position: absolute; border: 3px solid var(--color-warm-yellow); opacity: .7; }
.beginner-tips-page .bt-closing__motif span:nth-child(1) { width: 14rem; height: 6rem; right: 1rem; bottom: 3rem; border-radius: 0 0 2rem 0; }
.beginner-tips-page .bt-closing__motif span:nth-child(2) { width: 8rem; height: 4rem; right: 4rem; bottom: 8rem; border-color: var(--color-burnt-orange); }
.beginner-tips-page .bt-closing__motif span:nth-child(3) { width: 18rem; height: 18rem; right: -7rem; bottom: -10rem; border-radius: 50%; border-color: var(--color-muted-terracotta); }

@media (max-width: 63.99rem) {
  .beginner-tips-page .bt-hero__grid,
  .beginner-tips-page .bt-image-feature__grid,
  .beginner-tips-page .bt-closing__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .beginner-tips-page .bt-hero__copy { grid-column: 1 / -1; }
  .beginner-tips-page .bt-hero__media { grid-column: 1 / -1; margin-block-start: 0; }
  .beginner-tips-page .bt-control__intro,
  .beginner-tips-page .bt-delivery__intro,
  .beginner-tips-page .bt-terrain__intro,
  .beginner-tips-page .bt-recovery__intro,
  .beginner-tips-page .bt-mistakes__intro,
  .beginner-tips-page .bt-summary__intro { width: 75%; }
  .beginner-tips-page .bt-ticket-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .beginner-tips-page .bt-delivery-ticket--one { grid-column: 1 / span 4; }
  .beginner-tips-page .bt-delivery-ticket--two { grid-column: 5 / span 4; margin-block-start: 0; }
  .beginner-tips-page .bt-delivery-ticket--three { grid-column: 1 / span 4; }
  .beginner-tips-page .bt-terrain-layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .beginner-tips-page .bt-terrain-layout::before { display: none; }
  .beginner-tips-page .bt-terrain-media { grid-column: 1 / -1; grid-row: 1; margin: 0; }
  .beginner-tips-page .bt-terrain-note--highway { grid-column: 1 / span 4; grid-row: 2; }
  .beginner-tips-page .bt-terrain-note--rural { grid-column: 5 / span 4; grid-row: 2; }
  .beginner-tips-page .bt-terrain-note--mountain { grid-column: 1 / span 4; grid-row: 3; }
  .beginner-tips-page .bt-terrain-note--offroad { grid-column: 5 / span 4; grid-row: 3; }
  .beginner-tips-page .bt-heavy__evidence-copy { width: 75%; }
  .beginner-tips-page .bt-heavy__guidance { margin-inline-start: 0; }
  .beginner-tips-page .bt-image-feature__media { grid-column: 1 / -1; }
  .beginner-tips-page .bt-image-feature__copy { grid-column: 2 / span 6; margin-block: 0; }
  .beginner-tips-page .bt-closing__content { grid-column: 1 / -1; }
  .beginner-tips-page .bt-closing__motif { display: none; }
}

@media (max-width: 56.24rem) {
  .beginner-tips-page .bt-hero__grid { gap: var(--space-5); }
  .beginner-tips-page .bt-hero__media { order: 2; }
  .beginner-tips-page .bt-hero__copy { order: 1; }
  .beginner-tips-page .bt-hero__media .button { order: 3; }
  .beginner-tips-page .bt-practice-list { margin-inline-start: 0; }
  .beginner-tips-page .bt-phase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
  .beginner-tips-page .bt-phase:nth-child(2)::after { display: none; }
  .beginner-tips-page .bt-reading-note { width: 75%; }
}

@media (max-width: 53.11rem) {
  .beginner-tips-page .bt-comparison { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .beginner-tips-page .bt-comparison__divider { height: 2px; width: 100%; background: var(--color-muted-terracotta); }
  .beginner-tips-page .bt-comparison__divider::before { display: none; }
}

@media (max-width: 47.49rem) {
  .beginner-tips-page .bt-hero__grid,
  .beginner-tips-page .bt-image-feature__grid,
  .beginner-tips-page .bt-closing__grid { grid-template-columns: minmax(0, 1fr); }
  .beginner-tips-page .bt-hero__copy,
  .beginner-tips-page .bt-hero__media,
  .beginner-tips-page .bt-image-feature__media,
  .beginner-tips-page .bt-image-feature__copy,
  .beginner-tips-page .bt-closing__content { grid-column: 1; }
  .beginner-tips-page .bt-hero__media { width: 100vw; margin-inline: calc((100% - 100vw) / 2); }
  .beginner-tips-page .bt-hero__media .caption,
  .beginner-tips-page .bt-hero__media .button { width: min(100% - (2 * var(--container-padding)), var(--container-max)); margin-inline: auto; }
  .beginner-tips-page .bt-hero__media .media-frame { border-inline: 0; }
  .beginner-tips-page .bt-hero h1 { font-size: clamp(2.625rem, 13vw, 3.375rem); }
  .beginner-tips-page .bt-control__intro,
  .beginner-tips-page .bt-delivery__intro,
  .beginner-tips-page .bt-terrain__intro,
  .beginner-tips-page .bt-recovery__intro,
  .beginner-tips-page .bt-mistakes__intro,
  .beginner-tips-page .bt-summary__intro,
  .beginner-tips-page .bt-heavy__evidence-copy { width: 100%; }
  .beginner-tips-page .bt-practice-list,
  .beginner-tips-page .bt-ticket-grid,
  .beginner-tips-page .bt-terrain-layout,
  .beginner-tips-page .bt-heavy__guidance,
  .beginner-tips-page .bt-recovery-list { grid-template-columns: minmax(0, 1fr); }
  .beginner-tips-page .bt-practice { grid-column: 1; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .beginner-tips-page .bt-stop-number,
  .beginner-tips-page .bt-practice__body { grid-column: 1; }
  .beginner-tips-page .bt-delivery-ticket--one,
  .beginner-tips-page .bt-delivery-ticket--two,
  .beginner-tips-page .bt-delivery-ticket--three { grid-column: 1; }
  .beginner-tips-page .bt-terrain-media { grid-column: 1; grid-row: 1; width: 100vw; margin-inline: calc((100% - 100vw) / 2); }
  .beginner-tips-page .bt-terrain-media .media-frame { border-inline: 0; }
  .beginner-tips-page .bt-terrain-note--highway,
  .beginner-tips-page .bt-terrain-note--rural,
  .beginner-tips-page .bt-terrain-note--mountain,
  .beginner-tips-page .bt-terrain-note--offroad { grid-column: 1; grid-row: auto; }
  .beginner-tips-page .bt-terrain-note--highway { grid-row: 2; }
  .beginner-tips-page .bt-terrain-note--rural { grid-row: 3; }
  .beginner-tips-page .bt-terrain-note--mountain { grid-row: 4; }
  .beginner-tips-page .bt-terrain-note--offroad { grid-row: 5; }
  .beginner-tips-page .bt-heavy__evidence { padding-block: var(--space-6); }
  .beginner-tips-page .bt-heavy__guidance { margin-block-start: var(--space-7); gap: var(--space-6); }
  .beginner-tips-page .bt-heavy-practice { grid-column: 1; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .beginner-tips-page .bt-heavy-number,
  .beginner-tips-page .bt-heavy-copy,
  .beginner-tips-page .bt-heavy-quote { grid-column: 1; }
  .beginner-tips-page .bt-recovery-step { grid-column: 1; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .beginner-tips-page .bt-recovery-step:not(:last-child)::after { top: 2rem; left: 1rem; bottom: calc(-1 * var(--space-6)); }
  .beginner-tips-page .bt-phase-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .beginner-tips-page .bt-phase:not(:last-child)::after { top: 3.5rem; bottom: calc(-1 * var(--space-5)); left: .125rem; width: 0; border-top: 0; border-left: 1px solid var(--color-deep-teal); }
  .beginner-tips-page .bt-reading-note { width: 100%; }
  .beginner-tips-page .bt-image-feature__media { width: 100vw; margin-inline: calc((100% - 100vw) / 2); }
  .beginner-tips-page .bt-image-feature__media .media-frame { border-inline: 0; }
  .beginner-tips-page .bt-image-feature__copy { padding: 0; background: transparent; }
  .beginner-tips-page .bt-external-button { width: 100%; }
}

@media (max-width: 26.24rem) {
  .beginner-tips-page .bt-terrain-note { grid-template-columns: minmax(0, 1fr); }
  .beginner-tips-page .bt-terrain-marker { margin-block-end: var(--space-1); }
}

@media (prefers-reduced-motion: reduce) {
  .beginner-tips-page .bt-terrain-layout::before { transition: none; }
  .beginner-tips-page .bt-practice:hover .bt-stop-number { transform: none; }
}


.thank-you {
  display: grid;
  align-items: center;
  min-height: clamp(31rem, 68vh, 44rem);
  padding-block: clamp(var(--space-8), 10vw, var(--space-10));
}

.thank-you__panel {
  position: relative;
  max-width: 52rem;
  margin-inline: auto;
  border: 1px solid var(--color-border-strong);
  border-top: 3px solid var(--color-burnt-orange);
  background: var(--color-sun-bleached);
  box-shadow: var(--shadow-offset);
  padding: clamp(var(--space-6), 6vw, var(--space-8));
  text-align: center;
}

.thank-you__panel::after {
  display: block;
  width: min(12rem, 45%);
  height: 2px;
  margin: var(--space-6) auto 0;
  background: var(--color-warm-yellow);
  content: "";
}

.thank-you__panel .route-label {
  justify-content: center;
}

.thank-you__copy {
  max-width: 42rem;
  margin-inline: auto;
  text-align: center;
}

.thank-you__actions {
  justify-content: center;
  margin-top: var(--space-6);
}

@media (max-width: 47.99rem) {
  .thank-you {
    min-height: 0;
    padding-block: var(--space-8);
  }

  .thank-you__panel {
    padding: var(--space-6) var(--space-4);
  }

  .thank-you__actions {
    margin-top: var(--space-5);
  }
}