.f-mt { position: relative; }
.f-mt-light {
  background: var(--brand-bg, #FCFCFC);
  color: var(--brand-ink, #333);
  --f-mt-ink: var(--brand-ink-strong, #1A1A1A);
  --f-mt-quiet: var(--f-quiet-ink);
  --f-mt-rule: color-mix(in oklab, var(--f-ink-base, #1A1A1A), transparent 88%);
}
.f-mt-dark {
  background: var(--brand-surface-dark, #1A1A1A);
  color: var(--brand-ink-on-dark, #FCFCFC);
  --f-mt-ink: var(--brand-ink-on-dark, #FCFCFC);
  --f-mt-quiet: rgba(255, 255, 255, 0.72);
  --f-mt-rule: rgba(255, 255, 255, 0.16);
}
.f-mt-dark h2, .f-mt-dark h3 { color: inherit; }
.f-mt-inner { width: min(1240px, 100%); margin-inline: auto; }
.f-mt-kicker {
  margin: 0 0 14px;
  padding-left: 46px;
  text-indent: -46px;
  font-size: var(--f-text-caption);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--f-accent-ink, var(--brand-accent, #0074C8));
}
.f-mt-kicker::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 3px;
  margin-right: 12px;
  vertical-align: 0.22em;
  background: var(--brand-accent, #0074C8);
}
.f-mt-dark .f-mt-kicker { color: var(--brand-accent-bright, var(--brand-accent, #0A99FF)); }
.f-mt-dark .f-mt-kicker::before { background: var(--brand-accent-bright, var(--brand-accent, #0A99FF)); }
.f-mt-heading {
  margin: 0 0 clamp(16px, 2.5vw, 24px);
  font-size: var(--f-h2);
  line-height: var(--f-lh-h2);
  color: var(--f-mt-ink);
}
.f-mt-body p {
  margin: 0 0 1em;
  max-width: 58ch;
  font-size: var(--f-text);
  line-height: 1.65;
  color: var(--f-mt-quiet);
}
.f-mt-body p:last-child { margin-bottom: 0; }
@property --f-mt-point-done {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
.f-mt-points {
  display: grid;
  gap: var(--f-space-xs);
  margin: var(--f-space-m) 0 0;
  padding: 0;
  list-style: none;
}
.f-mt-points li {
  --f-mt-point-done: 1;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: var(--f-space-xs);
  align-items: start;
}
.f-mt-point-mark {
  width: 24px;
  height: 24px;
  color: color-mix(in oklab,
      var(--brand-accent-bright, var(--brand-accent, #0A99FF))
      calc(40% + var(--f-mt-point-done) * 60%), transparent);
}
.f-mt-point-mark svg { display: block; width: 100%; height: 100%; }
.f-mt-point-mark path {
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--f-mt-point-done));
}
.f-mt-points strong {
  color: color-mix(in oklab,
      var(--f-plaque-ink-on-dark, #FCFCFC)
      calc(var(--f-mt-point-done) * 100%), rgba(255, 255, 255, .42));
  font-size: var(--f-text);
  line-height: var(--f-lh-body);
}
.f-mt-tone-light .f-mt-points strong {
  color: color-mix(in oklab,
      var(--f-plaque-ink-strong, #1A1A1A)
      calc(var(--f-mt-point-done) * 100%), rgba(0, 0, 0, .38));
}
.f-mt-tone-light .f-mt-point-mark {
  color: color-mix(in oklab,
      var(--brand-accent, #0074C8)
      calc(40% + var(--f-mt-point-done) * 60%), transparent);
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .f-mt-points li {
      animation: f-mt-point-check linear both;
      animation-timeline: view();
      animation-range: entry 30% cover 42%;
    }
  }
}
@keyframes f-mt-point-check {
  from { --f-mt-point-done: 0; }
  to { --f-mt-point-done: 1; }
}
.f-mt-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 22px;
  margin-top: clamp(22px, 3vw, 32px);
}
.f-mt-cta { font-size: var(--f-text); padding: 14px 36px; }
.f-mt-cta2 {
  color: var(--f-mt-ink);
  font-weight: 600;
  font-size: var(--f-text-small);
  text-decoration: none;
  border-bottom: 2px solid var(--brand-accent, #0074C8);
  padding-bottom: 2px;
}
.f-mt-cta2:hover { border-bottom-color: var(--f-mt-ink); }
.f-mt-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.f-mt-v-portrait-backdrop {
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(600px, 65vw, 820px);
  padding: clamp(72px, 9vw, 128px) clamp(16px, 4vw, 48px);
  overflow: clip;
}
.f-mt-v-portrait-backdrop .f-mt-backdrop-img {
  position: absolute;
  z-index: 0;
  top: 46.4%;
  right: clamp(24px, 4vw, 72px);
  width: min(62vw, 900px);
  height: auto;
  max-height: 78%;
  object-fit: contain;
  object-position: right center;
  opacity: 0.52;
  mix-blend-mode: multiply;
  transform: translateY(-50%);
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 21%, #000 72%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 21%, #000 72%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%);
  mask-composite: intersect;
}
.f-mt-v-portrait-backdrop .f-mt-backdrop-veil {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg,
      var(--brand-bg, #FCFCFC) 0%,
      var(--brand-bg, #FCFCFC) 46%,
      transparent 78%),
    linear-gradient(180deg,
      var(--brand-bg, #FCFCFC) 0%,
      transparent 14%,
      transparent 84%,
      var(--brand-bg, #FCFCFC) 100%);
}
.f-mt-v-portrait-backdrop .f-mt-inner { position: relative; z-index: 2; }
.f-mt-v-portrait-backdrop .f-mt-copy { width: 50%; max-width: 58ch; }
.f-mt-backdrop-caption {
  position: absolute;
  z-index: 2;
  right: clamp(36px, 7vw, 112px);
  bottom: clamp(18px, 2vw, 28px);
  width: min(36ch, 36%);
  margin: 0;
  padding-top: var(--f-space-xs);
  border-top: 1px solid var(--f-mt-rule);
  font-size: var(--f-text-small);
  line-height: var(--f-lh-small);
  color: var(--f-mt-quiet);
}
.f-mt-backdrop-caption strong {
  display: block;
  margin-bottom: 5px;
  color: var(--f-mt-ink);
  font-weight: 700;
}
.f-mt-side-left.f-mt-v-portrait-backdrop .f-mt-backdrop-img { object-position: left center; }
.f-mt-side-left.f-mt-v-portrait-backdrop .f-mt-backdrop-veil {
  background:
    linear-gradient(270deg,
      var(--brand-bg, #FCFCFC) 0%,
      var(--brand-bg, #FCFCFC) 42%,
      transparent 74%),
    linear-gradient(180deg,
      var(--brand-bg, #FCFCFC) 0%,
      transparent 14%,
      transparent 84%,
      var(--brand-bg, #FCFCFC) 100%);
}
.f-mt-side-left.f-mt-v-portrait-backdrop .f-mt-copy { margin-left: auto; }
@media (max-width: 900px) {
  .f-mt-v-portrait-backdrop {
    align-items: start;
    min-height: 780px;
    padding-top: clamp(108px, 28vw, 124px);
    scroll-margin-top: calc(var(--f-header-h, 80px) + 12px);
  }
  .f-mt-v-portrait-backdrop .f-mt-backdrop-img,
  .f-mt-side-left.f-mt-v-portrait-backdrop .f-mt-backdrop-img {
    inset: auto -8% 34px auto;
    width: 112%;
    height: 46%;
    object-fit: cover;
    object-position: 68% center;
    opacity: 0.46;
    transform: none;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, #000 14%, #000 84%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(90deg, transparent 0%, #000 14%, #000 84%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%);
    mask-composite: intersect;
  }
  .f-mt-v-portrait-backdrop .f-mt-backdrop-veil,
  .f-mt-side-left.f-mt-v-portrait-backdrop .f-mt-backdrop-veil {
    background:
      linear-gradient(180deg,
        var(--brand-bg, #FCFCFC) 0%,
        var(--brand-bg, #FCFCFC) 46%,
        transparent 70%,
        var(--brand-bg, #FCFCFC) 100%),
      linear-gradient(90deg,
        var(--brand-bg, #FCFCFC) 0%,
        color-mix(in srgb, var(--brand-bg, #FCFCFC) 54%, transparent) 38%,
        transparent 76%);
  }
  .f-mt-v-portrait-backdrop .f-mt-copy,
  .f-mt-side-left.f-mt-v-portrait-backdrop .f-mt-copy {
    width: 100%;
    margin-left: 0;
  }
  .f-mt-backdrop-caption {
    right: clamp(18px, 6vw, 30px);
    bottom: 12px;
    width: min(29ch, 76%);
    font-size: var(--f-text-caption);
  }
}
.f-mt-v-band {
  overflow: clip;
  padding-block: clamp(72px, 10vw, 128px);
}
.f-mt-bg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(0.85);
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .f-mt-bg {
      inset: -7% 0;
      height: 114%;
      animation: f-mt-drift linear both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
.f-mt-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,
      color-mix(in oklab, var(--brand-surface-dark, #1A1A1A) 92%, transparent) 0%,
      color-mix(in oklab, var(--brand-surface-dark, #1A1A1A) 80%, transparent) 46%,
      transparent 78%);
}
.f-mt-side-left .f-mt-scrim {
  background: linear-gradient(to left,
      color-mix(in oklab, var(--brand-surface-dark, #1A1A1A) 92%, transparent) 0%,
      color-mix(in oklab, var(--brand-surface-dark, #1A1A1A) 80%, transparent) 46%,
      transparent 78%);
}
.f-mt-v-band .f-mt-inner { position: relative; padding-inline: clamp(16px, 4vw, 48px); }
.f-mt-v-band .f-mt-copy { max-width: 46ch; }
.f-mt-side-left.f-mt-v-band .f-mt-copy { margin-left: auto; }
.f-mt-v-band .f-mt-heading { color: #fff; }
.f-mt-v-band .f-mt-body p { color: rgba(255, 255, 255, 0.94); }
.f-mt-v-band .f-mt-kicker { color: #fff; }
.f-mt-v-band .f-mt-kicker::before { background: var(--brand-accent-bright, var(--brand-accent, #0A99FF)); }
.f-mt-v-band .f-mt-cta2 { color: #fff; }
.f-mt-v-story { padding-block: clamp(56px, 7vw, 96px); }
.f-mt-space-roomy.f-mt-v-story { padding-block: var(--f-space-xl); }
.f-mt-v-story .f-mt-inner { padding-inline: clamp(16px, 4vw, 48px); }
.f-mt-v-story .f-mt-grid { display: grid; gap: clamp(32px, 5vw, 72px); }
@media (min-width: 901px) {
  .f-mt-v-story .f-mt-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .f-mt-v-story.f-mt-side-left .f-mt-beats { order: 2; }
  .f-mt-v-story.f-mt-side-left .f-mt-stick { order: 1; }
}
.f-mt-count {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  margin-right: 10px;
  color: var(--f-mt-quiet);
}
.f-mt-beat { margin-bottom: clamp(48px, 8vw, 96px); }
.f-mt-beat:last-of-type { margin-bottom: 0; }
.f-mt-beat .f-mt-heading { font-size: var(--f-h3); }
.f-mt-beat-frame { overflow: hidden; border-radius: 12px; margin-bottom: 20px; }
.f-mt-beat-frame .f-mt-img { aspect-ratio: 16 / 10; }
.f-mt-stick { display: none; }
@media (min-width: 901px) {
  .f-mt-live .f-mt-beat-frame { display: none; }
  .f-mt-live .f-mt-stick { display: block; }
  .f-mt-stick .f-mt-frame {
    position: sticky;
    top: calc(var(--f-header-h) + 24px);
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 4 / 3;
  }
  .f-mt-space-roomy.f-mt-v-story .f-mt-stick .f-mt-frame {
    top: var(--f-mt-story-sticky-top, calc(var(--f-header-h) + var(--f-space-m)));
  }
  .f-mt-stick-img {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s var(--f-ease, ease);
  }
  .f-mt-stick-img.is-on { opacity: 1; }
  .f-mt-live .f-mt-beat { transition: opacity 0.35s ease; }
  .f-mt-live .f-mt-beat:not(.is-on) { opacity: 0.72; }
  .f-mt-v-story .f-mt-beat { min-height: 46vh; display: flex; flex-direction: column; justify-content: center; }
}
.f-mt-card {
  position: relative;
  padding: clamp(26px, 3.5vw, 44px);
  border-top: 4px solid var(--brand-accent, #0074C8);
  border-radius: 12px;
  background: var(--brand-surface-dark, #1A1A1A);
  color: var(--f-plaque-ink-on-dark, rgba(255, 255, 255, 0.85));
  box-shadow: 0 24px 40px -24px rgba(0, 0, 0, 0.5);
}
.f-mt-card .f-mt-heading { color: #fff; font-size: var(--f-h3); }
.f-mt-card .f-mt-body p { color: var(--f-plaque-ink-on-dark, rgba(255, 255, 255, 0.82)); }
.f-mt-card .f-mt-kicker { color: var(--brand-accent-bright, var(--brand-accent, #0A99FF)); }
.f-mt-card .f-mt-kicker::before { background: var(--brand-accent-bright, var(--brand-accent, #0A99FF)); }
.f-mt-card .f-mt-cta2 { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.5); }
.f-mt-tone-light .f-mt-card {
  background: var(--f-plaque-bg, #FFFFFF);
  color: var(--f-plaque-ink, #333);
  box-shadow: 0 24px 40px -26px rgba(0, 0, 0, 0.4);
}
.f-mt-tone-light .f-mt-card .f-mt-heading { color: var(--f-plaque-ink-strong, #1A1A1A); }
.f-mt-tone-light .f-mt-card .f-mt-body p { color: rgba(0, 0, 0, 0.66); }
.f-mt-tone-light .f-mt-card .f-mt-kicker { color: var(--f-plaque-accent, #1A1A1A); }
.f-mt-tone-light .f-mt-card .f-mt-kicker::before { background: var(--f-plaque-accent, #1A1A1A); }
.f-mt-tone-light .f-mt-card .f-mt-cta2 { color: var(--f-plaque-ink-strong, #1A1A1A); border-bottom-color: var(--f-plaque-accent, #1A1A1A); }
.f-mt-v-stack { padding-block: clamp(56px, 7vw, 96px); }
.f-mt-v-stack .f-mt-inner { padding-inline: clamp(16px, 4vw, 48px); }
.f-mt-stackwrap { position: relative; }
.f-mt-v-stack .f-mt-frame {
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 16 / 9;
  max-height: min(58vh, 560px);
}
.f-mt-v-stack .f-mt-frame .f-mt-img { width: 100%; height: 100%; }
.f-mt-v-stack .f-mt-card {
  width: min(560px, calc(100% - clamp(20px, 4vw, 56px)));
  margin-top: calc(-1 * clamp(72px, 10vw, 140px));
  margin-left: auto;
  margin-right: clamp(20px, 4vw, 56px);
}
.f-mt-side-left.f-mt-v-stack .f-mt-card { margin-left: clamp(20px, 4vw, 56px); margin-right: auto; }
.f-mt-v-stack-tall { padding-block: clamp(56px, 7vw, 96px); }
.f-mt-v-stack-tall .f-mt-inner { padding-inline: clamp(16px, 4vw, 48px); }
@media (min-width: 901px) {
  .f-mt-v-stack-tall .f-mt-grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: center;
  }
  .f-mt-v-stack-tall .f-mt-frame { order: 2; justify-self: start; }
  .f-mt-v-stack-tall .f-mt-card {
    order: 1;
    z-index: 1;
    margin-right: calc(-1 * clamp(48px, 7vw, 120px));
  }
  .f-mt-v-stack-tall.f-mt-side-left .f-mt-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .f-mt-v-stack-tall.f-mt-side-left .f-mt-frame { order: 1; justify-self: end; }
  .f-mt-v-stack-tall.f-mt-side-left .f-mt-card {
    order: 2;
    margin-right: 0;
    margin-left: calc(-1 * clamp(48px, 7vw, 120px));
  }
  .f-mt-v-stack-tall .f-mt-frame {
    aspect-ratio: 4 / 5;
    height: min(74vh, 640px);
    max-width: 100%;
  }
}
.f-mt-v-stack-tall .f-mt-frame {
  overflow: hidden;
  border-radius: 12px;
}
.f-mt-v-glass { padding-block: clamp(56px, 7vw, 96px); }
.f-mt-space-roomy.f-mt-v-glass { padding-block: var(--f-space-xl); }
.f-mt-v-glass .f-mt-inner { padding-inline: clamp(16px, 4vw, 48px); }
.f-mt-v-glass .f-mt-grid { position: relative; }
.f-mt-v-glass .f-mt-frame {
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 16 / 9;
}
.f-mt-v-glass .f-mt-img { width: 100%; height: 100%; object-fit: cover; }
.f-mt-tone-light.f-mt-v-glass {
  --f-mt-glass: linear-gradient(180deg,
      color-mix(in srgb, #fff 14%, transparent) 0,
      color-mix(in srgb, #fff 26%, transparent) 84px,
      color-mix(in srgb, #fff 32%, transparent) 100%);
  --f-mt-glass-edge: rgba(255, 255, 255, 0.62);
}
.f-mt-tone-dark.f-mt-v-glass {
  --f-mt-glass: linear-gradient(180deg,
      color-mix(in srgb, #000 52%, transparent) 0,
      color-mix(in srgb, #000 64%, transparent) 84px,
      color-mix(in srgb, #000 70%, transparent) 100%);
  --f-mt-glass-edge: rgba(255, 255, 255, 0.22);
}
.f-mt-tone-dark.f-mt-v-glass .f-mt-card .f-mt-kicker {
  color: #fff;
}
.f-mt-tone-light.f-mt-v-glass .f-mt-card { color: var(--f-plaque-ink-strong, #1A1A1A); }
.f-mt-tone-light.f-mt-v-glass .f-mt-card .f-mt-heading { color: var(--f-plaque-ink-strong, #1A1A1A); }
.f-mt-tone-light.f-mt-v-glass .f-mt-card .f-mt-body p { color: var(--f-plaque-ink-strong, #1A1A1A); }
.f-mt-tone-light.f-mt-v-glass .f-mt-card .f-mt-kicker,
.f-mt-tone-light.f-mt-v-glass .f-mt-card .f-mt-cta2 { color: var(--f-plaque-accent, #1A1A1A); }
.f-mt-tone-light.f-mt-v-glass .f-mt-card .f-mt-kicker::before { background: var(--f-plaque-accent, #1A1A1A); }
.f-mt-tone-light.f-mt-v-glass .f-mt-card .f-mt-cta2 { border-bottom-color: var(--f-plaque-accent, #1A1A1A); }
.f-mt-v-glass .f-mt-card {
  background: var(--f-mt-glass);
  border: 1px solid var(--f-mt-glass-edge);
  border-top-width: 1px;
  border-radius: 14px;
  box-shadow: 0 24px 60px -32px rgba(0, 0, 0, 0.55);
}
.f-mt-v-glass .f-mt-card { border-top-color: var(--f-mt-glass-edge); }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .f-mt-v-glass .f-mt-grid {
      timeline-scope: --f-mt-glass-photo;
    }
    .f-mt-v-glass .f-mt-frame {
      view-timeline-name: --f-mt-glass-photo;
      view-timeline-axis: block;
    }
    .f-mt-v-glass .f-mt-card {
      animation-name: f-mt-glass-in;
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-timing-function: linear;
      animation-timeline: --f-mt-glass-photo;
      animation-range: entry 15% cover 47%;
    }
  }
}
@keyframes f-mt-glass-in {
  from { opacity: 0; }
}
@media (min-width: 901px) {
  .f-mt-v-glass .f-mt-frame {
    width: 78%;
    margin-inline-start: auto;
  }
  .f-mt-v-glass.f-mt-side-left .f-mt-frame {
    margin-inline-start: 0;
    margin-inline-end: auto;
  }
  .f-mt-v-glass .f-mt-card {
    position: absolute;
    inset-block: clamp(28px, 4vw, 56px);
    inset-inline-start: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: min(46%, 520px);
    backdrop-filter: blur(34px) saturate(1.3);
    -webkit-backdrop-filter: blur(34px) saturate(1.3);
  }
  .f-mt-v-glass.f-mt-side-left .f-mt-card {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
}
@media (max-width: 900px) {
  .f-mt-v-glass .f-mt-frame { aspect-ratio: 4 / 3; max-height: 52vh; }
  .f-mt-v-glass .f-mt-card {
    position: relative;
    z-index: 1;
    width: min(560px, calc(100% - clamp(16px, 5vw, 40px)));
    margin: calc(-1 * clamp(96px, 30vw, 220px)) auto 0;
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
  }
  .f-mt-tone-light.f-mt-v-glass {
    --f-mt-glass: linear-gradient(180deg,
        color-mix(in srgb, #fff 44%, transparent) 0,
        color-mix(in srgb, #fff 48%, transparent) 84px,
        color-mix(in srgb, #fff 52%, transparent) 100%);
  }
}
@media (max-width: 900px) {
  .f-mt-v-stack-tall .f-mt-frame { width: 100%; height: auto; aspect-ratio: 4 / 3; max-height: 52vh; }
  .f-mt-v-stack-tall .f-mt-card {
    width: min(560px, calc(100% - clamp(16px, 5vw, 40px)));
    margin: calc(-1 * clamp(40px, 9vw, 72px)) auto 0;
  }
}
@media (max-width: 900px) {
  .f-mt-v-band { padding-block: 0; min-height: 78vh; display: grid; align-items: end; }
  .f-mt-v-band .f-mt-scrim,
  .f-mt-side-left.f-mt-v-band .f-mt-scrim {
    background: linear-gradient(to top,
        color-mix(in oklab, var(--brand-surface-dark, #1A1A1A) 94%, transparent) 0%,
        color-mix(in oklab, var(--brand-surface-dark, #1A1A1A) 62%, transparent) 55%,
        transparent 85%);
  }
  .f-mt-v-band .f-mt-inner { padding-block: clamp(32px, 8vw, 56px); }
  .f-mt-side-left.f-mt-v-band .f-mt-copy { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .f-mt-bg { animation: none !important; inset: 0; height: 100%; }
  .f-mt-stick-img, .f-mt-live .f-mt-beat { transition: none !important; }
}