:root {
  --c-brand: currentColor;
  --c-bg: white;
  --c-fond: color-mix(in srgb, var(--c-text), transparent 95%);
  --c-text: currentColor;
  --c-text-dimmed: color-mix(in srgb, var(--c-text), transparent 37.5%);
  --c-text-invert: white;
  --c-link: currentColor;
  --c-warn: #c00;
  --c-media: transparent;
}

:root {
  --w-min: 32rem;
  --w-wide: min(calc(100dvw - 2 * var(--w-gutter)), 120rem);
  --w-content: calc(var(--w-wide) / 12 * 10);
  --w-gutter: clamp(1.2rem, 5dvw, 3rem);
  --w-gutter-real: calc((100dvw - var(--w-layout)) / 2);
  --gap-base: clamp(1.2rem, 5dvw, 3rem);
}

:root {
  --wp--preset--spacing--20: 2rem;
  --wp--preset--spacing--30: 3rem;
  --wp--preset--spacing--40: 4rem;
  --wp--preset--spacing--50: 5rem;
  --wp--preset--spacing--60: 6rem;
  --wp--preset--spacing--70: 7rem;
  --wp--preset--spacing--80: 8rem;
}

:root {
  --font-base: sans-serif;
  --space-l: 16rem;
  --space-m: 8rem;
  --space-s: 5rem;
  --space-xs: calc(var(--fs-body-base) * var(--lh-body-base));
  --space-xxs: calc(var(--space-xs) / 2);
  --fs-h1: 4.8rem;
  --fs-h2: 3.6rem;
  --fs-h3: 2.4rem;
  --fs-body-l: 2rem;
  --fs-body-base: 1.6rem;
  --fs-body-s: 1.4rem;
  --fs-body-xs: 1.2rem;
  --fs-media-copyright: 1rem;
  --lh-h1: 1.2;
  --lh-h2: 1.2;
  --lh-h3: 1.2;
  --lh-body-l: 1.4;
  --lh-body-base: 1.4;
  --lh-body-s: 1.4;
  --lh-body-xs: 1.4;
  --lh: var(--lh-body-base);
  --fw-regular: 400;
  --fw-bold: 700;
  --fw: var(--fw-regular);
  --ls-base: normal;
  --ls: var(--ls-base);
  --focus-outline-width: .1rem;
  --focus-outline-offset: .3rem;
  --focus-outline-style: dotted;
  --focus-outline-color: currentColor;
  --speed-s: .1s;
}

@media (min-width:768px) {
  .page-header--has-media {
    aspect-ratio: 2;
    display: grid;
    position: relative;
  }
  .page-header--has-media .page-header__media,
  .page-header--has-media .page-header__content {
    grid-column: 1;
    grid-row: 1;
    position: relative;
  }
}