@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --tm-bg: #121212;
    --tm-surface: #1b1b1a;
    --tm-surface-strong: #252524;
    --tm-text: #f1f1ed;
    --tm-muted: #aaa9a4;
    --tm-border: #393938;
    --tm-border-strong: #d7d7d1;
    --tm-accent: #ef6f66;
    --tm-accent-soft: #4a2422;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --tm-bg: #121212;
  --tm-surface: #1b1b1a;
  --tm-surface-strong: #252524;
  --tm-text: #f1f1ed;
  --tm-muted: #aaa9a4;
  --tm-border: #393938;
  --tm-border-strong: #d7d7d1;
  --tm-accent: #ef6f66;
  --tm-accent-soft: #4a2422;
}

@media (min-width: 701px) {
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .tm-home-featured {
      display: block;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #111;
      color: #fff;
    }
    :root:not([data-theme="light"]) .tm-home-featured__media,
    :root:not([data-theme="light"]) .tm-home-featured__media img,
    :root:not([data-theme="light"]) .tm-home-featured__media .tm-image-placeholder {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }
    :root:not([data-theme="light"]) .tm-home-featured::after {
      position: absolute;
      inset: 38% 0 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 28%, rgba(0, 0, 0, 0.82) 100%);
      content: "";
      pointer-events: none;
    }
    :root:not([data-theme="light"]) .tm-home-featured__body {
      position: absolute;
      z-index: 1;
      inset: 0;
      justify-content: flex-end;
      padding: 1.25rem 1.35rem 1.35rem;
      border: 0;
    }
    :root:not([data-theme="light"]) .tm-featured-label {
      position: absolute;
      top: 1rem;
      left: 1.35rem;
      margin: 0;
    }
    :root:not([data-theme="light"]) .tm-home-featured h1 a,
    :root:not([data-theme="light"]) .tm-home-featured__meta .tm-kicker { color: #fff; }
    :root:not([data-theme="light"]) .tm-home-featured__meta .tm-meta { color: #e3e3df; }
    :root:not([data-theme="light"]) .tm-home-featured--placeholder .tm-image-placeholder { background: #55585d; color: #d7d8da; }
  }
  :root[data-theme="dark"] .tm-home-featured {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #111;
    color: #fff;
  }
  :root[data-theme="dark"] .tm-home-featured__media,
  :root[data-theme="dark"] .tm-home-featured__media img,
  :root[data-theme="dark"] .tm-home-featured__media .tm-image-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  :root[data-theme="dark"] .tm-home-featured::after {
    position: absolute;
    inset: 38% 0 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 28%, rgba(0, 0, 0, 0.82) 100%);
    content: "";
    pointer-events: none;
  }
  :root[data-theme="dark"] .tm-home-featured__body {
    position: absolute;
    z-index: 1;
    inset: 0;
    justify-content: flex-end;
    padding: 1.25rem 1.35rem 1.35rem;
    border: 0;
  }
  :root[data-theme="dark"] .tm-featured-label { position: absolute; top: 1rem; left: 1.35rem; margin: 0; }
  :root[data-theme="dark"] .tm-home-featured h1 a,
  :root[data-theme="dark"] .tm-home-featured__meta .tm-kicker { color: #fff; }
  :root[data-theme="dark"] .tm-home-featured__meta .tm-meta { color: #e3e3df; }
  :root[data-theme="dark"] .tm-home-featured--placeholder .tm-image-placeholder { background: #55585d; color: #d7d8da; }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .tm-brand-lockup .tm-wordmark a::before,
  :root:not([data-theme="light"]) .tm-footer-brand .tm-wordmark a::before {
    background-image: url("/assets/6167550e510e8bdb24b73dc342643ef3bc620117406d61d264f0dc19d43f4e07.png");
  }
}
:root[data-theme="dark"] .tm-brand-lockup .tm-wordmark a::before,
:root[data-theme="dark"] .tm-footer-brand .tm-wordmark a::before {
  background-image: url("/assets/6167550e510e8bdb24b73dc342643ef3bc620117406d61d264f0dc19d43f4e07.png");
}
