/* Compiled shared styles; ordinary CSS, no Tailwind runtime required. */

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-outline-style: solid;
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-6xl: 72rem;
    --text-xs: .875rem;
    --text-xs--line-height: 1.5;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-snug: 1.375;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-body), sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-bg: var(--color-bg);
    --color-surface: var(--color-surface);
    --color-text: var(--color-text);
    --color-brand: var(--color-brand);
    --color-border: var(--color-border);
    --color-on-brand: var(--color-on-brand);
    --font-display: var(--font-body), sans-serif;
    --font-article: "Faustina", Georgia, serif;
    --text-small: .9375rem;
    --text-small--line-height: 1.5;
    --text-body: 1.0625rem;
    --text-body--line-height: 1.6;
    --text-wordmark: 1.625rem;
    --text-wordmark--line-height: 1;
    --text-title: 2.25rem;
    --text-title--line-height: 1.1;
    --text-article: clamp(2.5rem, 5vw, 4.5rem);
    --text-article--line-height: 1;
    --text-article--letter-spacing: -.025em;
    --text-article--font-weight: 600;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-\[calc\(6rem\+21px\)\] {
    top: calc(6rem + 21px);
  }

  .right-0 {
    right: 0;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }

  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-auto {
    margin-top: auto;
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-30 {
    height: calc(var(--spacing) * 30);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[calc\(2\.75rem\*1\.3\)\] {
    height: 3.575rem;
  }

  .h-\[calc\(4rem\+20px\)\] {
    height: calc(4rem + 20px);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-\[27px\] {
    width: 27px;
  }

  .w-\[36px\] {
    width: 36px;
  }

  .w-\[85\%\] {
    width: 85%;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }

  .max-w-\[40rem\] {
    max-width: 40rem;
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-\[36rem\] {
    min-width: 36rem;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-mt-\[calc\(7rem\+20px\)\] {
    scroll-margin-top: calc(7rem + 20px);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

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

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-cols-\[3\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 3.25rem minmax(0, 1fr);
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

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

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

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-control {
    border-radius: var(--radius);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#111111\]\/15 {
    border-color: oklab(17.7638% -2.23517e-8 0 / .15);
  }

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

  .border-brand {
    border-color: var(--color-brand);
  }

  .border-gold {
    border-color: var(--color-accent-gold);
  }

  .border-transparent {
    border-color: #0000;
  }

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

  .bg-\[\#16A34A\] {
    background-color: #16a34a;
  }

  .bg-\[\#111111\] {
    background-color: #111;
  }

  .bg-\[\#111111\]\/0 {
    background-color: oklab(0% 0 0 / 0);
  }

  .bg-\[\#111111\]\/80 {
    background-color: oklab(17.7638% -2.23517e-8 0 / .8);
  }

  .bg-\[\#EDEDED\] {
    background-color: #ededed;
  }

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

  .bg-border {
    background-color: var(--color-border);
  }

  .bg-brand, .bg-brand\/10 {
    background-color: var(--color-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/10 {
      background-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
    }
  }

  .bg-on-brand {
    background-color: var(--color-on-brand);
  }

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

  .bg-transparent {
    background-color: #0000;
  }

  .bg-trust-zeer-hoog {
    background-color: var(--trust-zeer-hoog);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .object-right {
    object-position: right;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-52 {
    padding-right: calc(var(--spacing) * 52);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-article {
    font-family: Faustina, Georgia, serif;
  }

  .font-sans {
    font-family: var(--font-body), sans-serif;
  }

  .text-article {
    font-size: var(--text-article);
    line-height: var(--tw-leading, var(--text-article--line-height));
    letter-spacing: var(--tw-tracking, var(--text-article--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-article--font-weight));
  }

  .text-body {
    font-size: var(--text-body);
    line-height: var(--tw-leading, var(--text-body--line-height));
  }

  .text-small {
    font-size: var(--text-small);
    line-height: var(--tw-leading, var(--text-small--line-height));
  }

  .text-title {
    font-size: var(--text-title);
    line-height: var(--tw-leading, var(--text-title--line-height));
  }

  .text-wordmark {
    font-size: var(--text-wordmark);
    line-height: var(--tw-leading, var(--text-wordmark--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-balance {
    text-wrap: balance;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#9A9A9A\] {
    color: #9a9a9a;
  }

  .text-\[\#111111\] {
    color: #111;
  }

  .text-\[\#C8C8C8\] {
    color: #c8c8c8;
  }

  .text-\[\#EDEDED\] {
    color: #ededed;
  }

  .text-brand {
    color: var(--color-brand);
  }

  .text-gold {
    color: var(--color-accent-gold);
  }

  .text-on-brand, .text-on-brand\/60 {
    color: var(--color-on-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-on-brand\/60 {
      color: color-mix(in oklab, var(--color-on-brand) 60%, transparent);
    }
  }

  .text-secondary {
    color: var(--color-text-secondary);
  }

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

  .text-trust-zeer-hoog {
    color: var(--trust-zeer-hoog);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100 {
    opacity: 1;
  }

  .focus-ring:focus-visible {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter\! {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .\[hostname\:port\] {
    hostname: port;
  }

  @media (hover: hover) {
    .group-hover\:bg-\[\#111111\]\/25:is(:where(.group):hover *) {
      background-color: oklab(17.7638% -2.23517e-8 0 / .25);
    }

    .group-hover\:text-brand:is(:where(.group):hover *) {
      color: var(--color-brand);
    }
  }

  .placeholder\:text-secondary::placeholder {
    color: var(--color-text-secondary);
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:bg-bg:hover {
      background-color: var(--color-bg);
    }

    .hover\:text-brand:hover {
      color: var(--color-brand);
    }

    .hover\:text-on-brand\/70:hover {
      color: var(--color-on-brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-on-brand\/70:hover {
        color: color-mix(in oklab, var(--color-on-brand) 70%, transparent);
      }
    }

    .hover\:text-text:hover {
      color: var(--color-text);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus\:fixed:focus {
    position: fixed;
  }

  .focus\:top-4:focus {
    top: calc(var(--spacing) * 4);
  }

  .focus\:left-4:focus {
    left: calc(var(--spacing) * 4);
  }

  .focus\:z-50:focus {
    z-index: 50;
  }

  .focus\:bg-bg:focus {
    background-color: var(--color-bg);
  }

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

  .focus\:px-4:focus {
    padding-inline: calc(var(--spacing) * 4);
  }

  .focus\:py-2:focus {
    padding-block: calc(var(--spacing) * 2);
  }

  .focus-visible\:bg-bg:focus-visible {
    background-color: var(--color-bg);
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-\[5px\]:focus-visible {
    outline-offset: 5px;
  }

  .focus-visible\:outline-brand:focus-visible {
    outline-color: var(--color-brand);
  }

  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white);
  }

  @media (hover: hover) {
    .enabled\:hover\:bg-surface:enabled:hover {
      background-color: var(--color-surface);
    }
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-100:disabled {
    opacity: 1;
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:order-2 {
      order: 2;
    }

    .max-lg\:order-4 {
      order: 4;
    }

    .max-lg\:order-6 {
      order: 6;
    }

    .max-lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-0 {
      margin-bottom: 0;
    }

    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:h-40 {
      height: calc(var(--spacing) * 40);
    }

    .sm\:h-72 {
      height: calc(var(--spacing) * 72);
    }

    .sm\:w-1\/2 {
      width: 50%;
    }

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .sm\:w-\[calc\(\(100\%-1rem\)\/2\.15\)\] {
      width: calc(46.5116% - .465116rem);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:pr-60 {
      padding-right: calc(var(--spacing) * 60);
    }

    .sm\:pl-16 {
      padding-left: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:right-8 {
      right: calc(var(--spacing) * 8);
    }

    .md\:h-44 {
      height: calc(var(--spacing) * 44);
    }

    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-\[calc\(5rem\+20px\)\] {
      top: calc(5rem + 20px);
    }

    .lg\:col-start-1 {
      grid-column-start: 1;
    }

    .lg\:col-start-2 {
      grid-column-start: 2;
    }

    .lg\:row-start-1 {
      grid-row-start: 1;
    }

    .lg\:row-start-3 {
      grid-row-start: 3;
    }

    .lg\:mt-0 {
      margin-top: 0;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:h-\[28rem\] {
      height: 28rem;
    }

    .lg\:h-full {
      height: 100%;
    }

    .lg\:min-h-0 {
      min-height: 0;
    }

    .lg\:w-\[calc\(\(100\%-2rem\)\/3\)\] {
      width: calc(33.3333% - .666667rem);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0, 1fr) 20rem;
    }

    .lg\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-rows-\[auto_2rem_auto\] {
      grid-template-rows: auto 2rem auto;
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:items-stretch {
      align-items: stretch;
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-y-0 {
      row-gap: 0;
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:pt-1\.5 {
      padding-top: calc(var(--spacing) * 1.5);
    }

    .lg\:leading-none {
      --tw-leading: 1;
      line-height: 1;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }

    .xl\:hidden {
      display: none;
    }
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
}

:root {
  --color-bg: #f5f5f5;
  --color-surface: #fff;
  --color-text: #111;
  --color-text-secondary: #6b6b6b;
  --color-brand: #d2122e;
  --color-border: #e5e5e5;
  --color-accent-gold: #b8860b;
  --color-on-brand: #fff;
  --trust-zeer-laag: #b91c1c;
  --trust-laag: #d97706;
  --trust-gemiddeld: #ca8a04;
  --trust-hoog: #65a30d;
  --trust-zeer-hoog: #16a34a;
  --radius: .5rem;
  --font-body: "Inter";
  --font-display: var(--font-body), sans-serif;
  color-scheme: light;
}

.dark {
  --color-bg: #121212;
  --color-surface: #1e1e1e;
  --color-text: #ededed;
  --color-text-secondary: #9a9a9a;
  --color-brand: #e5304a;
  --color-border: #2c2c2c;
  color-scheme: dark;
}

body {
  font-size: var(--text-body);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  font-family: var(--font-body), sans-serif;
}

small {
  font-size: max(.875rem, .875em);
}

[data-news-tab][aria-pressed="true"], [data-layout-choice][aria-pressed="true"] {
  border-color: var(--color-brand);
  color: var(--color-text);
}

[data-news-tab][aria-pressed="false"], [data-layout-choice][aria-pressed="false"] {
  color: var(--color-text-secondary);
  border-color: #0000;
}

[data-comment-sort][aria-pressed="true"] {
  border-bottom-color: var(--color-brand);
  color: var(--color-brand);
}

[data-comment-sort][aria-pressed="false"] {
  color: var(--color-text-secondary);
  border-bottom-color: #0000;
}

[data-group-sort][aria-pressed="true"] {
  background: var(--color-brand);
  color: var(--color-on-brand);
  border-color: #0000;
}

[data-group-sort][aria-pressed="false"] {
  border-color: var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

[data-phase-panel], [data-phase-title] {
  display: none;
}

html:not([data-phase]) [data-phase-panel="pre_match"], html[data-phase="pre_match"] [data-phase-panel="pre_match"], html[data-phase="live"] [data-phase-panel="live"], html[data-phase="halftime"] [data-phase-panel="halftime"], html[data-phase="post_match"] [data-phase-panel="post_match"], html:not([data-phase]) [data-phase-title="pre_match"], html[data-phase="pre_match"] [data-phase-title="pre_match"], html[data-phase="live"] [data-phase-title="live"], html[data-phase="halftime"] [data-phase-title="halftime"], html[data-phase="post_match"] [data-phase-title="post_match"] {
  display: flex;
}

[data-phase-title] {
  flex-direction: column;
}

html:not([data-phase]) [data-phase-choice="pre_match"], html[data-phase="pre_match"] [data-phase-choice="pre_match"], html[data-phase="live"] [data-phase-choice="live"], html[data-phase="halftime"] [data-phase-choice="halftime"], html[data-phase="post_match"] [data-phase-choice="post_match"] {
  background: var(--color-brand);
  color: var(--color-on-brand);
  border-color: #0000;
}

.site-text-toggle {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  min-width: 36px;
  min-height: 36px;
  color: var(--color-text);
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
  display: inline-flex;
}

.site-text-toggle[aria-pressed="true"] {
  border-color: var(--color-brand);
  color: var(--color-brand);
  background: var(--color-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .site-text-toggle[aria-pressed="true"] {
    background: color-mix(in srgb,var(--color-brand) 5%,var(--color-surface));
  }
}

.site-text-toggle:focus-visible {
  outline: 3px solid var(--color-brand);
  outline-offset: 3px;
}

body[data-text-size="large"] main {
  --text-body: 1.1875rem;
  --text-small: 1.0625rem;
  font-size: 19px;
}

body[data-text-size="large"] main :is(p, li, label, input, select, textarea, button, a, small, .a-count, .a-badge) {
  font-size: max(1em, 16px);
}

@media (max-width: 400px) {
  header .site-text-toggle {
    min-width: 30px;
    min-height: 32px;
    font-size: 14px;
  }

  header:has(.site-text-toggle) a[href="/shop"] {
    display: none;
  }
}

body[data-text-size="large"] .club .home-layout > * {
  min-width: 0;
}

body[data-text-size="large"] .club .feed-tabs {
  flex-wrap: wrap;
  display: flex;
}

body[data-text-size="large"] .club :is(p, a, button, label) {
  overflow-wrap: anywhere;
}

.footer-twelfth-logo {
  aspect-ratio: 1199 / 1312;
  background: linear-gradient(#fff 0 40%, #e00016 40% 61%, #fff 61% 100%);
  flex-shrink: 0;
  width: 144px;
  max-width: 100%;
  display: block;
  -webkit-mask: url("/media/the-twelfth-logo.png") center / contain no-repeat;
  mask: url("/media/the-twelfth-logo.png") center / contain no-repeat;
}

.footer-store-badges {
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 300px;
  margin-top: 8px;
  display: flex;
}

.footer-store-badges svg {
  aspect-ratio: 1020 / 280;
  background: #000;
  border: 1px solid #666;
  border-radius: 5px;
  flex: 1 1 0;
  width: calc(50% - 4px);
  min-width: 0;
  height: auto;
  display: block;
  overflow: hidden;
}

footer .footer-disclaimer {
  font-size: 13px;
  line-height: 1.6;
}

.footer-instagram {
  vertical-align: middle;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.footer-instagram svg {
  flex-shrink: 0;
}

html body select:not([multiple]):not([size]) {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23686b70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-position: right 12px center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  padding-right: 40px !important;
}

@media (forced-colors: active) {
  html body select:not([multiple]):not([size]) {
    appearance: auto !important;
    background-image: none !important;
  }
}

.column-byline {
  border-top: 2px solid var(--color-brand);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  gap: 24px;
  margin: 24px 0;
  padding: 24px 0;
  display: flex;
}

.column-byline > img, .column-portrait-placeholder {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 112px;
  height: 112px;
}

.column-portrait-placeholder {
  background: var(--color-bg);
  place-items: center;
  font-size: 36px;
  display: grid;
}

.column-kicker {
  letter-spacing: 2px;
  color: var(--color-brand);
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.column-byline strong {
  margin: 8px 0;
  font-size: 28px;
  line-height: 1.2;
  display: block;
}

.column-byline p {
  color: var(--color-text-secondary);
  font-size: 16px;
  line-height: 1.6;
}

@media (max-width: 550px) {
  .column-byline {
    gap: 16px;
  }

  .column-byline > img, .column-portrait-placeholder {
    width: 80px;
    height: 80px;
  }

  .column-byline strong {
    font-size: 23px;
  }
}

.verified-member-badge {
  vertical-align: middle;
  flex: 0 0 24px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-flex;
}

.verified-member-badge > img {
  width: 24px;
  max-width: none;
  height: 24px;
  display: block;
}

.comment-meta > a:has(.verified-member-badge) {
  align-items: center;
  gap: 5px;
  max-width: 100%;
  display: inline-flex;
}

.member-profile-name {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}


/* Homepage-only refinements. Shared article and community styles stay intact. */
.home-page { --home-meta: 0.9375rem; }
.home-page [hidden] { display: none !important; }
.home-page h2 { letter-spacing: -0.025em; }
.home-page .home-section-heading { font-size: calc(var(--text-wordmark) + 0.125rem); font-weight: 800; line-height: 1.15; }
.home-section-heading > [data-copy] {
  position: relative;
  display: inline-block;
  isolation: isolate;
  padding-bottom: 0.38em;
}
.home-section-heading > [data-copy]::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset-inline: -0.08em;
  /* Reserve space for the stroke below the text, with gently uneven edges. */
  bottom: 0;
  height: 0.34em;
  background: rgb(255 35 68 / 90%);
  clip-path: polygon(0 7%, 23% 5%, 46% 7%, 73% 3%, 100% 4%, 99.7% 94%, 76% 97%, 51% 95%, 26% 98%, 0.3% 96%);
}
.home-page table,
.home-page .home-news-time,
.home-page .home-news-count,
.home-page .home-feature-meta { font-variant-numeric: tabular-nums; }

.home-community-cta { position: relative; isolation: isolate; overflow: hidden; padding: 2rem; border-radius: 8px; background: #17201b; color: #fff; }
.home-community-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; z-index: -2; }
.home-community-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #09110fc9, #09110f26), linear-gradient(0deg, #09110f66, transparent); }
.home-community-panel { max-width: 38rem; padding: 1.75rem; background: rgb(15 24 21 / 86%); border: 1px solid #ffffff38; border-radius: 6px; }
@supports (backdrop-filter: blur(10px)) { .home-community-panel { background: rgb(15 24 21 / 70%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } }
.home-community-eyebrow { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #ff8696; }
.home-community-panel h2 { margin-top: 0.625rem; font-size: clamp(1.875rem, 3vw, 2.5rem); line-height: 1.12; font-weight: 800; }
.home-community-description { margin-top: 0.875rem; max-width: 33rem; font-size: 1rem; line-height: 1.65; color: #ffffffed; }
.home-community-benefits { display: flex; flex-wrap: wrap; gap: 0.625rem 1rem; margin-top: 1.125rem; font-size: 0.9375rem; }
.home-community-benefits li { display: inline-flex; align-items: center; gap: 0.4rem; }
.home-community-benefits li > span[aria-hidden] { color: #ff8696; }
.home-community-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 48px; margin-top: 1.5rem; padding: 0.75rem 1rem; border-radius: 4px; background: #fff; color: #14201a; font-size: 1rem; font-weight: 700; }
.home-community-button:hover { background: #ffe9ed; }
.home-page[data-text-size="large"] .home-community-description,
.home-page[data-text-size="large"] .home-community-benefits { font-size: 1.0625rem; }
@media (max-width: 640px) { .home-community-cta { padding: 1rem; } .home-community-panel { padding: 1.25rem; } .home-community-button { width: 100%; } }
@media (prefers-reduced-transparency: reduce) { .home-community-panel { background: #101a16; backdrop-filter: none; -webkit-backdrop-filter: none; } }

.home-ticker-inner {
  max-width: 72rem;
  min-height: 32px;
  margin-inline: auto;
  padding-inline: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: .875rem;
}
.home-ticker-score { display: inline-flex; align-items: center; gap: 0.625rem; white-space: nowrap; }
.home-ticker-score strong { margin-inline: 0.25rem; font-variant-numeric: tabular-nums; }
.home-live-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.home-ticker-minute { padding-left: 0.625rem; border-left: 1px solid #ffffff50; font-variant-numeric: tabular-nums; }
.home-ticker-live { font-weight: 600; }
.home-languages { display: flex; gap: 0.125rem; align-items: center; font-size: .875rem; letter-spacing: 0.06em; }
.home-languages > span { opacity: 0.45; }
.home-languages button { min-width: 32px; min-height: 32px; cursor: pointer; }
.home-languages button[aria-pressed="false"] { opacity: 0.85; }
.home-languages button[aria-pressed="true"] { font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.home-languages button:focus-visible,
.home-ticker-score:focus-visible { outline: 2px solid white; outline-offset: -2px; }

.home-header-inner { gap: 1rem; }
.home-header nav[aria-label] button,
.home-header nav[aria-label] > a { font-size: 0.9375rem; }
.home-header-actions > button,
.home-header [data-mobile-toggle] { width: 40px; height: 40px; flex-shrink: 0; }
.home-header-actions > [data-theme-toggle] { width: 34px; height: 34px; }
.home-text-toggle { border: 1px solid var(--color-border); border-radius: 50%; font-size: .875rem; cursor: pointer; }
.home-text-toggle > span > span { font-size: 0.9375rem; margin-left: 1px; }
.home-text-toggle[aria-pressed="true"] { color: var(--color-brand); background: color-mix(in srgb, var(--color-brand) 8%, var(--color-surface)); border-color: var(--color-brand); }
.home-header-actions { gap: 0.375rem; }
.home-shop { display: inline-flex; align-items: center; height: 40px; padding-inline: 0.875rem; font-size: 0.9375rem; font-weight: 500; }
.home-shop:hover { color: var(--color-brand); }
.home-join { height: 40px; padding-inline: 1.125rem; font-size: 0.9375rem; }
.home-page #mobile-nav { max-height: calc(100dvh - 104px); overflow-y: auto; }
.home-page #mobile-nav > a { min-height: 40px; display: flex; align-items: center; }

.home-match-score {
  font-family: "Inter", sans-serif;
  font-size: clamp(2.625rem, 4vw, 3.5rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.015em;
  font-variant-numeric: lining-nums tabular-nums;
}
/* Opaque fallback retains contrast if backdrop-filter is unavailable. */
.home-glass-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border: 1px solid #ffffff30;
  border-radius: 999px;
  background: #191919e8;
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  .home-glass-badge { background: #1919199e; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
}
@media (prefers-reduced-transparency: reduce) {
  .home-glass-badge { background: #191919; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.home-feature-meta { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; font-size: var(--home-meta); color: #ffffffd9; }

.home-membership {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-content: space-between;
  gap: 0.625rem;
  padding: 1rem;
  border: 1px solid var(--color-border);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--color-surface);
}
.home-eyebrow { font-size: .875rem; line-height: 1.2; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-brand); }
.dark .home-eyebrow { color: #fa8191; }
.home-membership h2 { margin-top: 0.375rem; font-size: 1.125rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.025em; }
.home-member-benefits { margin-top: 0.375rem; color: var(--color-text-secondary); font-size: var(--home-meta); line-height: 1.4; }
.home-membership-price { font-size: 1.875rem; font-weight: 600; line-height: 1.1; letter-spacing: -0.04em; font-variant-numeric: lining-nums; }
.home-membership-price > span { font-size: .875rem; font-weight: 400; letter-spacing: 0; color: var(--color-text-secondary); }
.home-member-button {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 0.875rem;
  border-radius: 5px;
  background: var(--color-brand);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  transition: filter 150ms;
}
.home-member-button:hover { filter: brightness(0.94); }

/* Launch campaign: bold stacked type and a quiet, oversized club number. */
.home-launch { position: relative; isolation: isolate; overflow: hidden; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem; padding: 1rem; border-radius: var(--radius); background: #ce0b2b; color: #fff; }
.home-launch::before { content: ""; position: absolute; z-index: -1; width: 5rem; height: 180%; top: -40%; right: 1rem; transform: rotate(25deg); background: #ffffff06; pointer-events: none; }
.home-launch-number { position: absolute; z-index: -1; top: -0.5rem; right: -1.75rem; font-size: 11rem; line-height: 1; font-weight: 800; letter-spacing: -0.1em; transform: rotate(-8deg); color: #ffffff08; -webkit-text-stroke: 1px #ffffff26; pointer-events: none; }
.home-page .home-launch-title { font-size: 1.875rem; font-weight: 800; line-height: 0.96; letter-spacing: -0.055em; }
.home-launch-title > span { display: block; }
.home-launch-title > span:last-child { color: #ffc8d2; }
.home-launch-copy { max-width: 16rem; font-size: 1rem; line-height: 1.4; color: #fff; }
.home-launch-copy strong { font-weight: 700; }
.home-launch-button { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.5rem 0.75rem; background: #fff; color: #aa0924; border-radius: 3px; font-size: .9375rem; font-weight: 700; }
.home-launch-button:hover { background: #ffe8ed; }
.home-launch-button:focus-visible { outline-color: #fff; }
.home-page[data-text-size="large"] .home-launch-title { font-size: 2rem; }
.home-page[data-text-size="large"] .home-launch-copy,
.home-page[data-text-size="large"] .home-launch-button { font-size: 1rem; }
@media (max-width: 1023px) { .home-launch { min-height: 260px; padding: 1.25rem; gap: 0.75rem; } .home-page .home-launch-title { font-size: 2.25rem; } .home-launch-copy { max-width: 23rem; font-size: 1rem; } .home-launch-button { min-height: 44px; font-size: .9375rem; } .home-launch-number { font-size: 15rem; right: 0.5rem; } .home-page[data-text-size="large"] .home-launch-title { font-size: 2.375rem; } }

.home-page [data-video-scroller] > li > a > span:last-child > span:last-child { font-size: var(--home-meta); }
.home-page [data-video-scroller] .text-xs { font-size: .875rem; }
.home-page [data-video-previous]:disabled,
.home-page [data-video-next]:disabled { opacity: 1; background: var(--color-surface); color: var(--color-text-secondary); border-color: var(--color-border); cursor: default; }
.home-page [data-video-previous], .home-page [data-video-next] { width: 40px; height: 40px; flex-shrink: 0; background: var(--color-brand); color: #fff; border-color: var(--color-brand); cursor: pointer; }
.home-page [data-video-previous]:enabled:hover,
.home-page [data-video-next]:enabled:hover { background: var(--color-brand); filter: brightness(0.9); }
.home-page [data-video-previous] svg,
.home-page [data-video-next] svg { width: 20px; height: 20px; stroke-width: 2.5; }
.home-page [data-news] > div:first-child { justify-content: space-between; }
.home-page [data-news] [data-layout-choice] { width: 40px; height: 40px; }
.home-page [data-news] [data-news-tab] { min-height: 44px; font-size: var(--home-meta); }
.home-page [data-news] input { font-size: var(--home-meta); }
.home-page [data-layout="list"] [data-news-row] > a { gap: 0.625rem; }
.home-page .home-news-time { width: 2.75rem; font-size: var(--home-meta); font-weight: 400; color: var(--color-text-secondary); }
.home-page .home-news-count { font-size: var(--home-meta); font-weight: 400; color: var(--color-text-secondary); }
.home-news-headline { letter-spacing: -0.012em; }
.home-news-badge {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  border: 1px solid var(--color-border);
  border-radius: 3px;
  color: var(--color-text-secondary);
  background: var(--color-bg);
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.home-news-badge-live { border-color: transparent; background: var(--color-brand); color: white; }
/* Status and format each have a stable colour, supported by a label and icon. */
.home-news-badge[data-badge="updated"] { color: #291b00; background: #ffc52f; border-color: #ffc52f; }
.home-news-badge[data-badge="video"] { color: #fff; background: #006cdb; border-color: #006cdb; }
.home-news-badge[data-badge="podcast"] { color: #fff; background: #8138ce; border-color: #8138ce; }
.home-page [data-layout="thumbnails"] [data-news-row] .text-small { font-size: var(--home-meta); }
.home-more-news { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; margin-top: 1rem; min-height: 44px; padding: 0.625rem 1rem; border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text); font-size: 0.875rem; font-weight: 600; }
.home-more-news:hover { background: var(--color-surface); border-color: var(--color-text-secondary); }

.home-match-card { display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; border-radius: var(--radius); background: #111; color: #ededed; }
.home-match-card > span:first-child { font-size: .875rem; }
.home-mini-score { font-size: 1.25rem; font-variant-numeric: tabular-nums; margin-inline: 0.25rem; }
.home-match-status { display: inline-flex; align-items: center; gap: 0.5rem; color: #dedede; font-size: .9375rem; }
.home-match-status .home-live-dot { color: #f25468; }
.home-match-card > span:last-child { background: transparent; border: 1px solid #ffffff40; color: #fff; min-height: 36px; font-size: .9375rem; font-weight: 500; }
.home-match-card:hover > span:last-child { border-color: #ffffff80; }
.home-match-inner { display: flex; flex-direction: column; height: 100%; }
.home-match-card { flex: 1; justify-content: space-between; }
@media (min-width: 1024px) {
  .home-match-column { padding-top: calc(2.25rem + 1rem); }
  .home-videos > div { height: 100%; }
  .home-videos [data-video-scroller] { flex: 1; }
}
.home-page aside[aria-label] { border-style: solid; border-color: transparent; border-radius: 3px; background: transparent; }
.home-page aside[aria-label] p:first-child { font-size: .875rem; font-weight: 500; letter-spacing: 0.12em; }
.home-page aside[aria-label] p:last-child { font-size: .875rem; }

.home-tifo-art { background: #eadfd5; }
.home-tifo-lettering { position: absolute; inset: 16% 8% auto; color: #aa1931; font-family: "Inter", sans-serif; font-weight: 700; font-size: clamp(2rem, 5vw, 4rem); line-height: 0.95; letter-spacing: -0.01em; }
.home-tifo-art img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
.home-campaign-label { position: absolute; top: 0.75rem; right: 0.75rem; padding: 0.25rem 0.5rem; border-radius: 3px; background: #111e; color: #fff; font-size: .875rem; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; }
.home-secondary-button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: 5px; font-size: 0.875rem; font-weight: 600; }
.home-secondary-button:hover { background: var(--color-bg); border-color: var(--color-text-secondary); }
.home-campaigns > li { display: flex; flex-direction: column; }
.home-campaign-body { flex: 1; }
.home-campaign-body > a { margin-top: auto; flex-shrink: 0; min-height: 44px; }

/* The poll is a question and choices, never a results chart. */
.home-poll-heading { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 26px; }
.home-forum-table { table-layout: fixed; }
.home-forum-table th:first-child { width: 47%; }
.home-forum-table th:nth-child(2) { width: 12%; }
.home-forum-table th:nth-child(3) { width: 13%; }
.home-forum-table th:last-child { width: 28%; }
.home-forum-table td:first-child, .home-forum-table td:last-child { overflow-wrap: anywhere; }
.home-poll-heading h2 { font-size: 1.5rem; }
.home-poll-open { display: inline-flex; align-items: center; gap: 0.375rem; color: #36744d; font-size: .875rem; font-weight: 600; flex-shrink: 0; }
.dark .home-poll-open { color: #9ad4af; }
.home-poll-card { margin-top: 1rem; padding: 1.25rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); }
.home-poll-card fieldset { min-width: 0; }
.home-poll-card legend { margin: 0.75rem 0 1rem; padding: 0; font-size: 1.125rem; line-height: 1.4; font-weight: 600; letter-spacing: -0.025em; }
.home-poll-options { display: grid; gap: 0.625rem; }
.home-poll-option { display: flex; align-items: center; gap: 0.625rem; min-height: 48px; padding: 0.75rem; border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text); font-size: 0.9375rem; line-height: 1.4; cursor: pointer; transition: border-color 150ms, background 150ms; }
.home-poll-option:hover { border-color: var(--color-text-secondary); }
.home-poll-option:has(input:checked) { border-color: var(--color-brand); background: color-mix(in srgb, var(--color-brand) 6%, var(--color-surface)); }
.home-poll-option:has(input:focus-visible) { outline: 2px solid var(--color-brand); outline-offset: 2px; }
.home-poll-option input { width: 17px; height: 17px; flex-shrink: 0; accent-color: var(--color-brand); }
.home-poll-submit { margin-top: 1rem; min-height: 44px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.625rem 0.875rem; background: var(--color-brand); color: #fff; border-radius: 5px; font-size: 0.9375rem; font-weight: 600; cursor: pointer; }
.home-poll-submit:hover { filter: brightness(0.92); }
.home-poll-note { margin-top: 1rem; padding-top: 0.875rem; border-top: 1px solid var(--color-border); font-size: .9375rem; color: var(--color-text-secondary); line-height: 1.5; }
.home-poll-confirmation { min-height: 295px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; outline: none; }
.home-poll-check { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--color-brand) 10%, var(--color-surface)); color: var(--color-brand); }
.home-poll-confirmation h3 { font-size: 1.125rem; line-height: 1.4; font-weight: 600; }
.home-poll-confirmation p { font-size: 0.9375rem; color: var(--color-text-secondary); }
.home-poll-change { min-height: 40px; color: var(--color-brand); text-decoration: underline; text-underline-offset: 4px; font-size: 0.875rem; cursor: pointer; }

/* Mock display inventory: no ad scripts, tracking, external links or sticky units. */
.home-page aside.home-ad { padding: 0; width: 100%; }
.home-ad-label { display: flex; align-items: center; justify-content: space-between; max-width: 970px; margin: 0 auto 0.375rem; color: var(--color-text-secondary); font-size: .875rem; text-transform: uppercase; letter-spacing: 0.07em; }
.home-ad-info { font-size: .9375rem; }
.home-ad-creative { max-width: 970px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.125rem 1.5rem; min-height: 90px; background: #e7e9e5; color: #26332f; border: 1px solid #d8dcd5; text-align: left; }
.home-ad-brand { font-size: 1.125rem; font-weight: 700; letter-spacing: 0.05em; flex-shrink: 0; }
.home-ad-brand > span { display: block; margin-top: 0.25rem; font-size: .875rem; font-weight: 400; letter-spacing: 0; color: #58635e; }
.home-ad-message { min-width: 0; }
.home-ad-message > strong { display: block; font-size: 1.25rem; line-height: 1.25; letter-spacing: -0.03em; font-weight: 600; }
.home-ad-message > span { display: block; margin-top: 0.25rem; font-size: .875rem; color: #58635e; }
.home-ad-cta { padding: 0.625rem 0.75rem; border: 1px solid #829087; border-radius: 3px; font-size: .875rem; font-weight: 600; flex-shrink: 0; }
.home-ad-rectangle .home-ad-creative { min-height: 250px; flex-direction: column; align-items: flex-start; justify-content: space-between; background: #eee7dc; border-color: #e1d5c2; padding: 1.5rem; }
.home-ad-rectangle .home-ad-message strong { max-width: 11ch; font-size: 1.875rem; }
.home-ad-connect .home-ad-creative { background: #e8edf2; border-color: #d5dee7; color: #293c51; }
.dark .home-ad-creative { background: #252d28; border-color: #39463d; color: #d9e5dc; }
.dark .home-ad-brand > span, .dark .home-ad-message > span { color: #aab9af; }
.dark .home-ad-rectangle .home-ad-creative { background: #312d26; border-color: #514635; }
.dark .home-ad-connect .home-ad-creative { background: #26303b; border-color: #3a4e63; }

/* Larger text changes type rather than zooming the entire page and grid. */
.home-page[data-text-size="large"] { --text-body: 1.1875rem; --text-small: 1.0625rem; --text-wordmark: 1.75rem; --home-meta: 1rem; }
.home-page[data-text-size="large"] .home-news-headline { font-size: 1.1875rem; }
.home-page[data-text-size="large"] .home-news-badge { font-size: .875rem; }
.home-page[data-text-size="large"] .home-news-time { width: 3rem; }
.home-page[data-text-size="large"] .home-member-benefits,
.home-page[data-text-size="large"] .home-match-status,
.home-page[data-text-size="large"] .home-match-card > span:last-child { font-size: 1rem; }
.home-page[data-text-size="large"] .home-membership h2,
.home-page[data-text-size="large"] .home-poll-card legend { font-size: 1.25rem; }
.home-page[data-text-size="large"] .home-poll-option,
.home-page[data-text-size="large"] .home-poll-submit,
.home-page[data-text-size="large"] .home-member-button,
.home-page[data-text-size="large"] .home-more-news,
.home-page[data-text-size="large"] .home-secondary-button { font-size: 1.0625rem; }
.home-page[data-text-size="large"] .home-poll-note { font-size: 0.875rem; }
.home-page[data-text-size="large"] [data-news] [data-news-tab] { font-size: 0.9375rem; }

@media (max-width: 1023px) {
  .home-page .home-ad-rectangle { display: none; }
  .home-content-grid > [data-news] { order: 0; }
  .home-content-grid > .home-videos { order: 1; }
  .home-membership { grid-template-columns: 1fr auto; align-items: center; gap: 0.625rem 1rem; }
  .home-membership-copy { grid-column: 1 / -1; }
  .home-membership h2 { font-size: 1rem; }
  .home-member-benefits { margin-top: 0.25rem; font-size: .875rem; }
  .home-membership-price { font-size: 1.5rem; }
  .home-member-button { min-width: 110px; }
}
@media (max-width: 639px) {
  .home-ad-creative { padding: 1rem; gap: 1rem; min-height: 100px; }
  .home-ad-brand { font-size: 0.875rem; max-width: 80px; }
  .home-ad-message > strong { font-size: 1rem; }
  .home-ad-message > span { font-size: .875rem; }
  .home-ad-cta { display: none; }
  .home-page[data-text-size="large"] [data-news] [role="group"] > div:first-child { gap: 0.75rem; flex-wrap: wrap; }
  .home-page[data-text-size="large"] .home-member-benefits { font-size: 0.9375rem; }
  .home-ticker-inner { padding-inline: 1rem; gap: 0.25rem; }
  .home-ticker-score { gap: 0.375rem; }
  .home-ticker-live { display: none; }
  .home-header-inner { height: 72px; gap: 0.375rem; }
  .home-header-inner > a img { height: 48px; }
  .home-header-actions { gap: 0.25rem; }
  .home-header-actions .home-shop { display: none; }
  .home-join { padding-inline: 0.875rem; font-size: .9375rem; }
  .home-feature { height: 132px; }
  .home-feature > span:last-child > span:first-child { font-size: 0.9375rem; }
  .home-page [data-news] [role="group"] > div:first-child { gap: 1rem; }
  .home-page [data-news] [data-news-tab] { font-size: .875rem; }
  /* Headlines get their own line; metadata never squeezes them to a few letters. */
  .home-page [data-layout="list"] [data-news-row] > a { display: grid; grid-template-columns: auto 1fr auto; gap: 0.5rem; padding: 0.875rem 1rem; }
  .home-news-time { grid-column: 1; grid-row: 1; }
  .home-page [data-layout="list"] .home-news-badge { grid-column: 2; grid-row: 1; justify-self: start; }
  .home-news-count { grid-column: 3; grid-row: 1; }
  .home-news-headline { grid-column: 1 / -1; grid-row: 2; font-size: 1rem; line-height: 1.4; }
}
@media (max-width: 399px) {
  .home-header-actions > button[data-label-en="Search"] { display: none; }
}
@media (min-width: 1024px) {
  .home-page[data-text-size="large"] .home-hero-grid { height: 31rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-page *, .home-page *::before, .home-page *::after { scroll-behavior: auto !important; transition-duration: 0s !important; }
}

/* Clear photography above, a dependable dark reading surface below. */
.home-image-shade { background: linear-gradient(to top, #000 0%, #000e 20%, #0009 42%, #0002 67%, transparent 82%); pointer-events: none; }
.home-image-shade-small { background: linear-gradient(to top, #000 0%, #000d 22%, #0006 52%, transparent 85%); }
.home-ticker-label { display: flex; align-items: center; gap: 0.4rem; font-size: .875rem; font-weight: 800; letter-spacing: 0.08em; flex-shrink: 0; }
.home-ticker-window { flex: 1; min-width: 0; overflow: hidden; mask-image: linear-gradient(to right, transparent, black 12px, black calc(100% - 12px), transparent); }
.home-ticker-track { display: flex; width: max-content; animation: home-scores 32s linear infinite; }
.home-ticker-group { display: flex; align-items: center; gap: 2rem; padding-right: 2rem; flex-shrink: 0; }
.home-ticker-score { min-height: 32px; }
.home-ticker-window:hover .home-ticker-track,
.home-ticker-window:focus-within .home-ticker-track,
.home-ticker[data-paused="true"] .home-ticker-track { animation-play-state: paused; }
.home-ticker-pause { flex-shrink: 0; width: 28px; height: 32px; cursor: pointer; font-size: 0.875rem; }
.home-ticker-pause[aria-pressed="true"] { background: #ffffff25; }
@keyframes home-scores { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .home-ticker-track { animation: none; }
  .home-ticker-group[aria-hidden] { display: none; }
  .home-ticker-window { overflow-x: auto; }
  .home-ticker-pause { display: none; }
}
/* Membership ticket: perforation and a club-number watermark. */
.home-membership .home-membership-watermark { position: absolute; right: 0.5rem; bottom: 2.5rem; font: 800 7rem/1 "Inter", sans-serif; color: var(--color-brand); opacity: 0.07; transform: rotate(-8deg); pointer-events: none; }
.home-membership > * { position: relative; }
.home-membership-copy { padding-bottom: 0.625rem; border-bottom: 1px dashed color-mix(in srgb, var(--color-brand) 35%, var(--color-border)); }
.home-ballot-heading { display: flex; align-items: center; gap: 0.625rem; padding-bottom: 0.75rem; border-bottom: 1px dashed var(--color-border); }
.home-ballot-mark { display: grid; place-items: center; width: 25px; height: 25px; border: 1.5px solid currentColor; border-radius: 2px; font-size: 1.125rem; transform: rotate(-7deg); }
.home-ad-footer .home-ad-creative { background: #f3d647; border-color: #e0c235; color: #25230e; }
.home-ad-footer .home-ad-brand > span, .home-ad-footer .home-ad-message > span { color: #585126; }
.home-ad-footer .home-ad-cta { border-color: #716627; }


/* Mission: an editorial supporter manifesto, using the shared Ajax12 shell. */
.mission-page { background: var(--color-surface); }
.mission-main { --mission-muted: #565656; }
.dark .mission-main { --mission-muted: #b7b7b7; }
.mission-wrap { width: min(100% - 4rem, 68rem); margin-inline: auto; }
.mission-main [id] { scroll-margin-top: 140px; }
.mission-eyebrow { font-size: .875rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; line-height: 1.6; }
.mission-main h2 { font-size: clamp(2rem, 3.4vw, 2.8rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.12; }
.mission-main h2 em { color: var(--color-brand); font-style: normal; }
.mission-hero { position: relative; overflow: hidden; isolation: isolate; background: #c8102e; color: #fff; }
.mission-hero-content { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: center; gap: 56px; padding-block: 56px 66px; }
.mission-hero .mission-eyebrow { display: flex; align-items: center; gap: 14px; color: #fff; }
.mission-hero .mission-eyebrow > span[aria-hidden] { opacity: .6; }
.mission-hero h1 { max-width: 750px; margin-top: 24px; font-size: clamp(3.5rem, 6.8vw, 6rem); font-weight: 800; line-height: .98; letter-spacing: -.065em; }
.mission-hero h1 em { font-style: normal; color: #ffd2d9; }
.mission-hero-description { margin-top: 24px; font-size: 1.125rem; line-height: 1.5; font-weight: 500; }
.mission-volunteers { min-width: 0; padding: 24px; border: 1px solid #ffffff40; border-radius: 6px; background: #900a23f5; }
.mission-volunteers .mission-eyebrow { color: #ffd2d9; font-size: .6875rem; }
.mission-main .mission-volunteers h2 { margin-top: 12px; font-size: 1.5rem; letter-spacing: -.035em; }
.mission-volunteers > p:not(.mission-eyebrow) { margin-top: 12px; font-size: .9375rem; line-height: 1.7; }
.mission-contact { display: grid; gap: 12px; margin-top: 20px; }
.mission-contact-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mission-contact label { display: grid; gap: 6px; min-width: 0; font-size: .8125rem; font-weight: 600; }
.mission-contact input, .mission-contact select, .mission-contact textarea { width: 100%; min-width: 0; border: 1px solid #ffffff60; border-radius: 4px; padding: 10px 12px; background: #fff; color: #171717; font: inherit; font-size: .875rem; font-weight: 400; line-height: 1.5; color-scheme: light; }
.mission-contact input, .mission-contact select { min-height: 44px; }
.mission-contact textarea { resize: vertical; min-height: 72px; }
.mission-contact textarea::placeholder { color: #656565; }
.mission-contact input:focus-visible, .mission-contact select:focus-visible, .mission-contact textarea:focus-visible, .mission-contact-submit:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.mission-contact-submit { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 10px 14px; background: #fff; color: #900a23; border-radius: 4px; font-size: .875rem; font-weight: 700; cursor: pointer; }
.mission-contact-submit:hover { background: #ffecf0; }
.mission-contact-note, .mission-contact-status { font-size: .75rem; line-height: 1.6; color: #ffe1e7; }
.mission-contact-status { border-top: 1px solid #ffffff40; padding-top: 12px; }
.mission-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 36px; padding: 14px 20px; min-height: 50px; border-radius: 4px; background: var(--color-brand); color: #fff; font-size: .9375rem; font-weight: 700; transition: background .2s, transform .2s; }
.mission-button:hover { background: #b01029; transform: translateY(-2px); }
.mission-button > span[aria-hidden] { font-size: 1.35rem; line-height: 1; }
.mission-button-white { background: #fff; color: #a50923; margin-top: 28px; }
.mission-button-white:hover { background: #ffecf0; }
.mission-hero-art { position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.mission-hero-art > span { position: absolute; right: max(0px, calc((100vw - 1200px)/2)); top: -72px; font-size: clamp(440px, 53vw, 750px); font-weight: 800; line-height: 1; letter-spacing: -.1em; color: #ffffff0d; -webkit-text-stroke: 2px #ffffff24; transform: rotate(-8deg); }
.mission-stripe { position: absolute; right: 15%; top: -30%; height: 160%; width: 90px; transform: rotate(22deg); background: #ffffff06; }
.mission-hero-crowd { position: absolute; z-index: 1; bottom: -1px; right: 0; width: 72%; height: auto; opacity: .55; pointer-events: none; }
.mission-subnav { border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.mission-subnav > div { display: flex; align-items: center; gap: 32px; min-height: 66px; }
.mission-subnav a { padding-block: 20px; font-size: .875rem; font-weight: 700; }
.mission-subnav a:hover { color: var(--color-brand); }
.mission-subnav a:last-of-type { color: var(--color-brand); }
.mission-subnav-note { margin-left: auto; color: var(--mission-muted); font-size: .875rem; }
.mission-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-block: 88px 44px; }
.mission-intro .mission-eyebrow, .mission-goals .mission-eyebrow, .mission-cta .mission-eyebrow { color: var(--color-brand); margin-bottom: 20px; }
.mission-intro-copy { padding-top: 2px; }
.mission-intro-copy p { font-size: 1rem; line-height: 1.8; color: var(--mission-muted); }
.mission-intro-copy .mission-lead { margin-bottom: 16px; color: var(--color-text); font-size: 1.25rem; font-weight: 600; line-height: 1.55; letter-spacing: -.02em; }
.mission-manifesto { display: flex; align-items: center; gap: 28px; background: color-mix(in srgb, var(--color-brand) 4%, var(--color-surface)); padding: 26px 32px; border-left: 3px solid var(--color-brand); }
.mission-stars { color: var(--color-brand); white-space: nowrap; letter-spacing: 4px; font-size: 1.1rem; }
.mission-manifesto p { font-size: .9375rem; line-height: 1.7; }
.mission-manifesto strong { font-weight: 700; }
.mission-manifesto-mark { color: var(--color-brand); font-size: 1.75rem; font-weight: 800; letter-spacing: -.08em; margin-left: auto; }
.mission-goals { padding-block: 80px 88px; }
.mission-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 36px; }
.mission-section-heading > p { max-width: 280px; font-size: .9375rem; line-height: 1.6; color: var(--mission-muted); }
.mission-goal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.mission-goal { padding: 24px 28px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface); }
.mission-goal-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.mission-goal-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: color-mix(in srgb, var(--color-brand) 6%, var(--color-surface)); color: var(--color-brand); }
.mission-goal-number { color: color-mix(in srgb, var(--color-text) 26%, var(--color-surface)); font-size: 1.75rem; line-height: 1; font-weight: 800; letter-spacing: -.045em; }
.mission-goal h3 { font-size: 1.15rem; font-weight: 750; line-height: 1.4; letter-spacing: -.025em; margin-bottom: 12px; }
.mission-goal > p { font-size: .9375rem; line-height: 1.8; color: var(--mission-muted); }
.mission-roadmap { padding-block: 76px 36px; background: #151515; color: #f6f6f6; }
.mission-roadmap .mission-eyebrow { color: #ff879a; margin-bottom: 20px; }
.mission-roadmap .mission-section-heading { margin-bottom: 48px; }
.mission-roadmap .mission-section-heading > p { color: #b9b9b9; }
.mission-timeline { display: grid; grid-template-columns: 1fr 1.65fr; gap: 52px; }
.mission-phase { position: relative; border-top: 1px solid #ffffff30; padding-top: 32px; }
.mission-phase-marker { position: absolute; top: -15px; left: 0; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #3b3b3b; color: #fff; font-size: .9rem; }
.mission-phase-live .mission-phase-marker { background: #b3e5c2; color: #193524; }
.mission-phase-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.mission-year { font-size: 2.5rem; line-height: 1; font-weight: 800; letter-spacing: -.04em; }
.mission-status { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; font-size: .875rem; font-weight: 700; border: 1px solid #ffffff35; border-radius: 4px; color: #eee; }
.mission-status-live { background: #a9e9bc13; color: #b3e5c2; border-color: #b3e5c235; }
.mission-status-live > span[aria-hidden] { font-size: .5rem; }
.mission-phase h3 { font-size: 1.5rem; font-weight: 700; letter-spacing: -.03em; }
.mission-phase > p { color: #b9b9b9; font-size: .9375rem; line-height: 1.7; margin-top: 10px; max-width: 480px; }
.mission-live-list { margin-top: 30px; border-block: 1px solid #ffffff1a; }
.mission-live-list li { display: flex; gap: 16px; align-items: start; padding-block: 20px; }
.mission-live-list li + li { border-top: 1px solid #ffffff1a; }
.mission-live-list li > span { color: #b3e5c2; display: grid; place-items: center; border-radius: 50%; width: 24px; height: 24px; background: #b3e5c215; flex-shrink: 0; }
.mission-live-list strong { font-size: 1rem; font-weight: 600; }
.mission-live-list p { color: #b9b9b9; font-size: .875rem; margin-top: 5px; line-height: 1.65; }
.mission-text-link { display: inline-flex; align-items: center; gap: 28px; font-size: .875rem; font-weight: 700; padding-block: 24px; }
.mission-text-link:hover { color: #ff879a; }
.mission-future-list { display: grid; gap: 10px; margin-top: 30px; }
.mission-future-list li { display: flex; align-items: start; gap: 18px; padding: 18px 20px; border: 1px solid #ffffff1a; border-radius: 4px; background: #ffffff04; }
.mission-feature-number { font-size: .875rem; color: #ff879a; font-weight: 700; padding-top: 3px; }
.mission-future-list h4 { font-size: .9375rem; font-weight: 650; line-height: 1.5; }
.mission-future-list p { font-size: 1rem; color: #b9b9b9; line-height: 1.6; margin-top: 4px; }
.mission-feature-arrow { margin-left: auto; color: #777; }
.mission-roadmap-note { color: #aaa; font-size: .9375rem; line-height: 1.7; border-top: 1px solid #ffffff1a; margin-top: 40px; padding-top: 22px; }
.mission-cta { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-block: 80px; }
.mission-cta p:not(.mission-eyebrow) { margin-top: 18px; color: var(--mission-muted); font-size: .9375rem; line-height: 1.6; }
.mission-cta .mission-button { flex-shrink: 0; }
.mission-page footer { margin-top: 0; }
.mission-page[data-text-size="large"] .mission-main p:not(.mission-eyebrow), .mission-page[data-text-size="large"] .mission-future-list h4 { font-size: 1.125rem; }
@media (min-width: 1500px) { .mission-hero-crowd { width: 60%; } }
@media (max-width: 900px) { .mission-intro { gap: 32px; } .mission-subnav-note { display: none; } .mission-hero-crowd { width: 90%; opacity: .4; } .mission-timeline { gap: 32px; grid-template-columns: 1fr 1.4fr; } .mission-manifesto { gap: 20px; } }
@media (max-width: 900px) { .mission-hero-content { grid-template-columns: 1fr; gap: 28px; } .mission-volunteers { width: 100%; max-width: 460px; } }
@media (max-width: 380px) { .mission-contact-row { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
 .mission-wrap { width: calc(100% - 32px); }
 .mission-hero-content { padding-block: 40px 72px; }
 .mission-hero h1 { font-size: clamp(3.3rem, 14vw, 5.5rem); }
 .mission-hero-art > span { right: -50px; top: 65px; font-size: 410px; }
 .mission-hero-crowd { width: 135%; max-width: none; opacity: .32; }
 .mission-hero-description { font-size: 1rem; }
 .mission-subnav > div { gap: 24px; min-height: 60px; }
 .mission-subnav a { font-size: .9375rem; }
 .mission-intro { grid-template-columns: 1fr; gap: 26px; padding-block: 52px 32px; }
 .mission-intro-copy .mission-lead { font-size: 1.125rem; }
 .mission-manifesto { padding: 22px 20px; display: block; }
 .mission-manifesto p { margin-top: 12px; }
 .mission-manifesto-mark { display: none; }
 .mission-section-heading { display: block; margin-bottom: 28px; }
 .mission-section-heading > p { margin-top: 18px; max-width: 100%; }
 .mission-goals { padding-block: 52px; }
 .mission-goal-grid { grid-template-columns: 1fr; gap: 14px; }
 .mission-goal { padding: 24px; }
 .mission-goal-top { margin-bottom: 18px; }
 .mission-roadmap { padding-block: 52px 28px; }
 .mission-timeline { grid-template-columns: 1fr; gap: 48px; }
 .mission-phase-heading { margin-bottom: 18px; }
 .mission-phase-future { padding-top: 28px; }
 .mission-future-list li { padding: 16px; gap: 14px; }
 .mission-cta { flex-direction: column; align-items: start; gap: 28px; padding-block: 52px; }
 .mission-cta .mission-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .mission-button { transition: none; } .mission-button:hover { transform: none; } }


/* Standalone landing page. Kept separate from the original mission page. */
.mission-page { background: #faf9f7; }
.mission-main { --mission-muted: #5c5c5c; }
.mission-wrap { width: min(calc(100% - 64px), 1120px); }
.mission-main [id] { scroll-margin-top: 28px; }
.mission-main h2 { font-size: clamp(2rem, 3.6vw, 3rem); text-wrap: balance; }
.mission-eyebrow { font-size: .75rem; letter-spacing: .14em; }
.mission-hero { background: #be102b; }
.landing-hero-number { position: absolute; z-index: 0; pointer-events: none; user-select: none; left: max(-90px, calc((100vw - 1220px) / 2)); top: 105px; font-size: clamp(350px, 39vw, 580px); line-height: .9; font-weight: 800; letter-spacing: -.1em; color: #ffffff0d; -webkit-text-stroke: 2px #ffffff45; transform: rotate(-8deg); }
.landing-brand-row, .mission-hero-content { position: relative; z-index: 1; }
.landing-brand-row { display: flex; align-items: center; justify-content: space-between; padding-block: 14px; border-bottom: 1px solid #ffffff30; }
.landing-brand-row img { height: 42px; width: auto; }
.landing-languages { display: flex; gap: 8px; align-items: center; font-size: .8125rem; }
.landing-languages button { min-height: 44px; min-width: 44px; padding: 8px; border-radius: 50%; cursor: pointer; }
.landing-languages button[aria-pressed="true"] { background: #ffffff18; font-weight: 800; }
.landing-languages > span { opacity: .45; }
.mission-hero-content { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: 48px; padding-block: 36px; }
.mission-hero-story { padding-top: 24px; min-width: 0; }
.landing-hero-visual { display: grid; min-width: 0; gap: 20px; }
.mission-hero h1 { margin-top: 16px; font-size: clamp(3.5rem, 6vw, 4.75rem); line-height: 1; letter-spacing: -.065em; }
.mission-hero h1 em { color: #ffd6cc; }
.mission-hero-description { font-size: 1rem; line-height: 1.6; margin-top: 18px; }
.landing-hero-actions { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.mission-button { border-radius: 6px; min-height: 44px; padding: 12px 16px; gap: 24px; }
.mission-button-white { margin-top: 0; }
.landing-hero-secondary { display: inline-flex; gap: 14px; align-items: center; min-height: 48px; font-size: .875rem; font-weight: 600; }
.landing-hero-secondary:hover { text-decoration: underline; text-underline-offset: 5px; }
.landing-hero-photo { position: relative; aspect-ratio: 3 / 2; margin: 0; border-radius: 8px; overflow: hidden; background: #710c1d; border: 1px solid #ffffff20; }
.landing-hero-photo > img { display: block; width: 100%; height: auto; }
.landing-newsletter { display: block; margin: 0; max-width: none; min-width: 0; padding: 12px 12px 4px; border: 1px solid #ffffff50; border-radius: 8px; background: #fff; color: #171717; box-shadow: 0 8px 30px #620b1818; }
.landing-newsletter .mission-eyebrow { color: #b50e29; }
.landing-reach-wrap { min-width: 0; width: 100%; margin-top: 0; }
.landing-reach-wrap iframe { width: 100%; max-width: 100%; border: 0; }
.landing-languages button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.mission-intro { gap: 40px; padding-block: 44px 0; }
.mission-intro-copy { padding-top: 0; }
.mission-intro-copy .mission-lead { font-size: 1.125rem; line-height: 1.65; }
.mission-intro-copy p { font-size: .9375rem; line-height: 1.85; }
.mission-hero .landing-hero-mission { position: relative; z-index: 1; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 48px; border-top: 1px solid #ffffff30; padding-block: 32px 40px; }
.mission-hero .landing-hero-mission .mission-eyebrow { color: #ffd6cc; margin-bottom: 16px; }
.mission-hero .landing-hero-mission h2 { font-size: clamp(1.75rem, 2.7vw, 2.25rem); }
.mission-hero .landing-hero-mission h2 em { color: #ffd6cc; }
.mission-hero .landing-hero-mission .mission-intro-copy p { color: #ffe1e7; line-height: 1.75; }
.mission-hero .landing-hero-mission .mission-intro-copy .mission-lead { color: #fff; font-weight: 700; margin-bottom: 12px; }
.landing-newsletter.landing-newsletter-section { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 48px; align-items: start; margin-block: 32px 0; margin-inline: auto; padding: 32px; border-color: #e7e4df; box-shadow: none; }
.landing-newsletter.landing-newsletter-section .mission-eyebrow { margin-bottom: 12px; }
.landing-newsletter.landing-newsletter-section .landing-newsletter-copy > p:not(.mission-eyebrow) { max-width: 360px; margin-top: 16px; color: var(--mission-muted); font-size: .9375rem; line-height: 1.75; }
.mission-goals { padding-block: 36px 44px; }
.mission-section-heading { gap: 32px; margin-bottom: 24px; }
.mission-section-heading > p { font-size: .875rem; }
.mission-goal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mission-goal { min-width: 0; padding: 20px; border-color: #e7e4df; border-radius: 8px; background: #fff; }
.mission-goal-top { margin-bottom: 12px; }
.mission-goal-icon { background: #fcf0f1; width: 32px; height: 32px; }
.mission-goal-number { color: #c9c4bf; font-size: 1.375rem; }
.mission-goal h3 { font-size: 1.0625rem; line-height: 1.45; margin-bottom: 10px; text-wrap: balance; }
.mission-goal > p { font-size: .875rem; line-height: 1.65; }
.mission-goal:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 56px minmax(0, 1fr) minmax(0, 1.3fr); align-items: center; column-gap: 24px; padding-block: 24px; }
.mission-goal:last-child .mission-goal-top { margin: 0; }
.mission-goal:last-child .mission-goal-number { display: none; }
.mission-goal:last-child h3 { margin-bottom: 0; }
.mission-roadmap { position: relative; isolation: isolate; padding-block: 44px 22px; background: #050505; }
.mission-roadmap .mission-section-heading { margin-bottom: 32px; }
.mission-timeline { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; }
.mission-year { font-size: 2.25rem; }
.mission-phase h3 { font-size: 1.375rem; }
.mission-status { font-size: .75rem; }
.landing-progress { height: 5px; margin-block: 4px 26px; overflow: hidden; border-radius: 8px; background: #ffffff20; }
.landing-progress > span { display: block; height: 100%; width: 50%; background: #b3e5c2; border-radius: inherit; }
.mission-future-list { gap: 0; border-top: 1px solid #ffffff20; }
.mission-future-list li { padding: 14px 0; border: 0; border-bottom: 1px solid #ffffff20; border-radius: 0; background: transparent; }
.mission-feature-arrow { display: none; }
.mission-roadmap-note { margin-top: 24px; font-size: .75rem; }
.landing-volunteer-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 40px; padding-block: 44px; }
.landing-volunteer-photo { aspect-ratio: 3 / 1; overflow: hidden; border-radius: 8px; margin-bottom: 20px; background: #e7e4df; }
.landing-volunteer-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
.landing-volunteer-story .mission-eyebrow { color: #bd102c; margin-bottom: 12px; }
.landing-volunteer-story > p:last-child { font-size: .9375rem; line-height: 1.8; color: var(--mission-muted); margin-top: 18px; max-width: 440px; }
.landing-volunteer-section .mission-contact { margin-top: 0; padding: 22px; border: 1px solid #e7e4df; border-radius: 8px; background: #fff; gap: 14px; }
.mission-contact label { gap: 8px; font-size: .8125rem; }
.mission-contact :is(input, select, textarea) { font-size: 1rem; border: 1px solid #d8d4ce; border-radius: 5px; background: #faf9f7; min-height: 48px; padding: 11px 12px; }
.mission-contact textarea { min-height: 88px; }
.mission-contact-submit { min-height: 48px; background: #bd102c; color: #fff; border-radius: 5px; padding: 12px 16px; }
.mission-contact-submit:hover { background: #9b0c23; }
.mission-contact-note, .mission-contact-status { color: #67625d; font-size: .75rem; }
.mission-contact-status { border-color: #e7e4df; }
.mission-contact :is(input, select, textarea):focus-visible, .mission-contact-submit:focus-visible { outline: 2px solid #bd102c; outline-offset: 3px; }
.landing-footer { position: relative; overflow: hidden; isolation: isolate; background: #050505; color: #b9b9b9; padding-block: 28px 140px; }
.landing-footer > div { position: relative; z-index: 2; display: flex; gap: 24px; align-items: center; justify-content: flex-start; }
.landing-footer-logo { position: relative; display: block; width: 96px; aspect-ratio: 1199 / 1312; flex-shrink: 0; }
.landing-footer-logo img { display: block; width: 100%; height: auto; filter: invert(1); }
.landing-footer-logo .landing-footer-logo-accent { position: absolute; inset: 0; clip-path: inset(40% 0 39%); filter: invert(14%) sepia(97%) saturate(5502%) hue-rotate(342deg) brightness(87%) contrast(110%); }
.landing-footer p { font-size: .75rem; line-height: 1.7; text-align: left; }
.landing-footer-crowd { position: absolute; inset: auto 0 0; z-index: 1; display: block; width: 100%; height: auto; opacity: .8; pointer-events: none; }
.mission-roadmap::before, .landing-footer::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .12; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); background-size: 180px 180px; }
.mission-roadmap > .mission-wrap { position: relative; z-index: 1; }
.landing-footer::before { -webkit-mask-image: linear-gradient(to bottom, #000 0 30%, transparent 70%); mask-image: linear-gradient(to bottom, #000 0 30%, transparent 70%); }
@media (max-width: 1100px) {
 .mission-hero .landing-hero-mission, .landing-newsletter.landing-newsletter-section { gap: 32px; }
 .mission-hero-content { gap: 32px; }
 .mission-hero h1 { font-size: clamp(3.25rem, 6vw, 4.75rem); }
 .landing-newsletter { padding: 10px 8px 4px; }
 .mission-goal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .mission-goal:last-child { grid-template-columns: 48px minmax(0, 1fr) minmax(0, 1fr); }
 .landing-volunteer-section, .mission-timeline, .mission-intro { gap: 40px; }
 .mission-contact-row { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
 .mission-hero .landing-hero-mission { grid-template-columns: 1fr; gap: 24px; padding-block: 28px 32px; }
 .landing-newsletter.landing-newsletter-section { grid-template-columns: 1fr; gap: 20px; padding: 24px; margin-top: 24px; }
 .landing-newsletter.landing-newsletter-section .landing-newsletter-copy > p:not(.mission-eyebrow) { max-width: none; }
 .mission-wrap { width: calc(100% - 48px); }
 .mission-hero-content { grid-template-columns: 1fr; gap: 24px; padding-block: 24px; }
 .mission-hero-story { padding-top: 0; }
 .landing-hero-visual { gap: 16px; }
 .landing-hero-number { left: -40px; top: 100px; font-size: clamp(320px, 75vw, 500px); }
 .mission-hero h1 { font-size: clamp(3.25rem, 9vw, 4.5rem); }
 .mission-hero-description { margin-top: 20px; }
 .mission-intro { grid-template-columns: 1fr; gap: 24px; padding-top: 36px; }
 .mission-intro h2 br { display: none; }
 .mission-intro .mission-eyebrow { margin-bottom: 14px; }
 .mission-goals { padding-block: 30px 36px; }
 .mission-goal { padding: 18px; }
 .mission-goal:last-child { display: block; }
 .mission-goal:last-child .mission-goal-top { margin-bottom: 12px; }
 .mission-goal:last-child .mission-goal-number { display: inline; }
 .mission-goal:last-child h3 { margin-bottom: 10px; }
 .mission-timeline { grid-template-columns: 1fr; gap: 32px; }
 .mission-roadmap { padding-block: 36px 20px; }
 .mission-phase-live { max-width: none; }
 .landing-volunteer-section { grid-template-columns: 1fr; gap: 24px; padding-block: 36px; }
 .landing-volunteer-photo { aspect-ratio: 3 / 1; }
 .landing-volunteer-story > p:last-child { max-width: none; }
 .mission-contact-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
 .landing-newsletter.landing-newsletter-section { padding: 20px 12px; }
 .mission-wrap { width: calc(100% - 40px); }
 .landing-brand-row { padding-block: 12px; }
 .landing-brand-row img { height: 38px; }
 .mission-hero h1 { font-size: clamp(3rem, 12vw, 4rem); margin-top: 16px; }
 .mission-hero .mission-eyebrow { gap: 10px; font-size: .6875rem; }
 .mission-hero-description { font-size: 1rem; }
 .landing-hero-actions { gap: 16px; margin-top: 24px; }
 .mission-button { font-size: .875rem; gap: 16px; padding-inline: 16px; }
 .landing-hero-secondary { font-size: .8125rem; gap: 10px; }
 .landing-newsletter { padding: 8px 4px 4px; }
 .landing-newsletter-copy { padding-inline: 10px; }
 .mission-goal-grid { grid-template-columns: 1fr; gap: 12px; }
 .mission-section-heading { display: block; margin-bottom: 26px; }
 .mission-section-heading > p { margin-top: 14px; }
 .mission-goal-top, .mission-goal:last-child .mission-goal-top { margin-bottom: 16px; }
 .mission-goal h3 { text-wrap: initial; }
 .mission-goal > p { font-size: .875rem; }
 .mission-future-list li { gap: 14px; }
 .mission-main .landing-volunteer-section h2 { font-size: 2rem; }
 .landing-volunteer-photo { aspect-ratio: 3 / 1; }
 .landing-volunteer-section .mission-contact { padding: 22px 18px; }
 .mission-contact-row { grid-template-columns: 1fr; gap: 18px; }
 .landing-footer > div { align-items: start; flex-direction: column; gap: 12px; }
 .landing-footer p { text-align: left; }
}
@media (max-width: 360px) { .mission-wrap { width: calc(100% - 32px); } .mission-hero h1 { font-size: 3rem; } .landing-hero-actions { gap: 10px; } }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* Compact card headers and direct contact submission feedback. */
.mission-main h2 { font-size: clamp(1.75rem, 3vw, 2.375rem); }
.mission-goal-grid { gap: 12px; }
.mission-goal:not(:last-child) { display: grid; grid-template-columns: 32px minmax(0, 1fr) 22px; align-content: start; align-items: center; column-gap: 10px; row-gap: 12px; }
.mission-goal:not(:last-child) .mission-goal-top { display: contents; }
.mission-goal:not(:last-child) .mission-goal-icon { grid-column: 1; grid-row: 1; }
.mission-goal:not(:last-child) .mission-goal-number { grid-column: 3; grid-row: 1; font-size: .9375rem; text-align: right; }
.mission-goal:not(:last-child) h3 { grid-column: 2; grid-row: 1; margin: 0; font-size: 1rem; }
.mission-goal:not(:last-child) > p { grid-column: 1 / -1; }
.landing-newsletter-copy { padding: 0; }
.landing-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mission-contact-submit:disabled { cursor: wait; opacity: .65; }
.mission-contact-status { margin-top: 0; }
.mission-contact-status[data-state="success"] { color: #22643a; }
.mission-contact-status[data-state="error"] { color: #a20e28; }
@media (max-width: 560px) {
 .mission-contact-row { grid-template-columns: 1fr; gap: 14px; }
 .landing-volunteer-photo { max-height: 112px; }
 .landing-volunteer-section .mission-contact { padding: 18px; }
}

.landing-newsletter-contact a { color: var(--color-brand); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* Editorial introduction beside the independently hosted Reach form. */
.landing-newsletter-section .landing-newsletter-copy { display: flex; flex-direction: column; align-self: stretch; min-width: 0; min-height: 440px; padding: 28px; border: 1px solid #eee7e2; border-top: 3px solid #be102b; border-radius: 8px; background: #faf7f4; }
.landing-newsletter-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.landing-newsletter-icon { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; color: #be102b; background: #f8e8e8; border-radius: 50%; }
.landing-newsletter-heading .mission-eyebrow { margin: 0 !important; font-size: .6875rem; }
.landing-newsletter-section .landing-newsletter-copy h2 { font-size: clamp(2.125rem, 3.4vw, 3rem); line-height: 1.05; letter-spacing: -.05em; }
.landing-newsletter-section .landing-newsletter-copy h2 em { color: #be102b; font-style: normal; }
.landing-newsletter-section .landing-newsletter-copy > p:not(.mission-eyebrow) { margin-top: 20px; line-height: 1.7; }
.landing-newsletter-section .landing-newsletter-copy > p + p { margin-top: 12px; }
.landing-newsletter-section .landing-newsletter-contact { margin-top: auto; padding-top: 28px; }
.landing-newsletter-contact > p { border-top: 1px solid #e3dad3; padding-top: 20px; color: #67605b; font-size: .8125rem; line-height: 1.65; }
.landing-newsletter-contact .landing-newsletter-email { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; min-height: 44px; font-size: 1rem; color: #a70e28; text-decoration: none; }
.landing-newsletter-email:hover span { text-decoration: underline; text-underline-offset: 4px; }
.landing-newsletter-email svg { flex-shrink: 0; }
@media (max-width: 800px) {
 .landing-newsletter-section .landing-newsletter-copy { min-height: 0; padding: 24px; }
 .landing-newsletter-heading { margin-bottom: 22px; }
 .landing-newsletter-section .landing-newsletter-copy h2 { font-size: 2.25rem; }
 .landing-newsletter-section .landing-newsletter-contact { margin-top: 0; padding-top: 24px; }
}
@media (max-width: 360px) { .landing-newsletter-section .landing-newsletter-copy { padding: 20px; } }

@media (max-width: 560px) { .landing-footer { padding-block: 24px 88px; } }

/* A 36px Ajax stripe: white thirds around the red centre. */
.landing-newsletter-section .landing-newsletter-copy { position: relative; overflow: hidden; border-top: 1px solid #eee7e2; padding-top: 60px; }
.landing-newsletter-section .landing-newsletter-copy::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 36px; border-radius: 7px 7px 0 0; background: linear-gradient(to right, #fff 0 33.333333%, #be102b 33.333333% 66.666667%, #fff 66.666667% 100%); }