/* MM Design Framework external Etch CSS. Source: Etch Main. Hash: dfdb2cc8cce870ed84df8a5b6ac5d737e824f4be02ff151b5e63a3d0c7f77352 */
/* MMDF_START: mm-core-colour-tokens */
:root {
  --mm-color-black: #000000;
  --mm-color-border-faint: rgba(0, 0, 0, 0.07);
  --mm-color-border-soft: rgba(0, 0, 0, 0.09);
  --mm-color-brand-red-overlay: rgba(255, 0, 0, 0.19);
  --mm-color-glass: rgba(255, 255, 255, 0.19);
  --mm-color-heading: #040404;
  --mm-color-ink: #020202;
  --mm-color-link: #2978ff;
  --mm-color-primary: #b00000;
  --mm-color-primary-hover: #870000;
  --mm-color-secondary: #00152e;
  --mm-color-text: #484848;
  --mm-color-white: #ffffff;
}
/* MMDF_END: mm-core-colour-tokens */

/* MMDF_START: best-judgement-colour-tokens */
:root {
  --mm-color-brand-border: rgba(176, 0, 0, 0.72);
  --mm-color-brand-hover-border: rgba(208, 0, 0, 0.36);
  --mm-color-brand-hover-overlay: rgba(208, 0, 0, 0.28);
  --mm-color-brand-overlay-soft: rgba(176, 0, 0, 0.24);
  --mm-color-brand-overlay-strong: rgba(176, 0, 0, 0.34);
  --mm-color-overlay-clear: rgba(5, 7, 11, 0);
  --mm-color-overlay-medium: rgba(5, 7, 11, 0.38);
  --mm-color-overlay-soft: rgba(5, 7, 11, 0.28);
  --mm-color-overlay-solid: rgba(5, 7, 11, 0.98);
  --mm-color-overlay-strong: rgba(5, 7, 11, 0.82);
  --mm-color-overlay-subtle: rgba(5, 7, 11, 0.08);
  --mm-color-panel-overlay: rgba(10, 12, 17, 0.72);
  --mm-color-panel-overlay-soft: rgba(8, 9, 13, 0.5);
  --mm-color-panel-overlay-strong: rgba(16, 12, 16, 0.84);
  --mm-color-shadow-medium: rgba(0, 0, 0, 0.34);
  --mm-color-shadow-soft: rgba(0, 0, 0, 0.28);
  --mm-color-shadow-strong: rgba(0, 0, 0, 0.38);
}
/* MMDF_END: best-judgement-colour-tokens */

/* MMDF_START: accepted-colour-tokens */
:root {
  --mm-color-brand-muted: rgba(176, 0, 0, 0.12);
  --mm-color-error: #b00000;
  --mm-color-error-border: #e5a3a3;
  --mm-color-error-contrast: #ffffff;
  --mm-color-error-surface: #fff1f1;
  --mm-color-error-text: #8a0000;
  --mm-color-info: #397fff;
  --mm-color-info-border: #b8d2ff;
  --mm-color-info-contrast: #ffffff;
  --mm-color-info-surface: #eef5ff;
  --mm-color-info-text: #174a9c;
  --mm-color-success: #1f7a3a;
  --mm-color-success-border: #b7dfc2;
  --mm-color-success-contrast: #ffffff;
  --mm-color-success-surface: #edf8f0;
  --mm-color-success-text: #155c2a;
  --mm-color-surface-hover: #151a24;
  --mm-color-surface-inverse: #ffffff;
  --mm-color-tertiary: #f5c000;
  --mm-color-text-muted: rgba(255, 255, 255, 0.58);
  --mm-color-warning: #a86500;
  --mm-color-warning-border: #f0cd84;
  --mm-color-warning-contrast: #ffffff;
  --mm-color-warning-surface: #fff6df;
  --mm-color-warning-text: #714600;
}
/* MMDF_END: accepted-colour-tokens */

/* MMDF_START: family-scale-tokens */
:root {
  --mm-color-border-on-dark-faint: rgba(255, 255, 255, 0.055);
  --mm-color-border-on-dark-hairline: rgba(255, 255, 255, 0.045);
  --mm-color-border-on-dark-medium: rgba(255, 255, 255, 0.09);
  --mm-color-border-on-dark-soft: rgba(255, 255, 255, 0.07);
  --mm-color-border-on-dark-strong: rgba(255, 255, 255, 0.16);
  --mm-color-border-on-dark-subtle: rgba(255, 255, 255, 0.06);
}
/* MMDF_END: family-scale-tokens */

/* MMDF_START: cleanup-colour-tokens */
:root {
  --mm-color-border-on-dark: rgba(255, 255, 255, 0.08);
  --mm-color-surface: #05070b;
  --mm-color-surface-muted: #10141c;
}
/* MMDF_END: cleanup-colour-tokens */

/* Trigafilms brand baseline imported from production reference. */
:root {
  --tf-color-brand: #b00000;
  --tf-color-brand-hover: #d00000;
  --tf-color-background: #00152e;
  --tf-color-text: #484848;
  --tf-color-heading: #040404;
  --tf-color-ink: #020202;
  --tf-color-link: #397fff;
  --tf-color-white: #ffffff;
  --tf-color-black: #000000;
  --tf-color-red-overlay: rgba(255, 0, 0, 0.19);
  --tf-color-glass: rgba(255, 255, 255, 0.19);
  --tf-color-border-soft: rgba(0, 0, 0, 0.09);
  --tf-color-border-faint: rgba(0, 0, 0, 0.07);
  --tf-font-body: Montserrat, Arial, Helvetica, sans-serif;
  --tf-font-heading: Montserrat, Arial, Helvetica, sans-serif;
  --tf-container-width: 1280px;
  --tf-section-padding: 70px;
  --tf-section-padding-mobile: 50px;
}

html {
  visibility: visible;
}

body {
  color: var(--mm-color-text);
  font-family: var(--tf-font-body);
  letter-spacing: 0;
}

a {
  color: var(--mm-color-link);
  text-decoration: none;
}

a:hover,
a:focus-visible {
  color: var(--mm-color-primary);
}

h1,
h2,
h3,
.tf-heading {
  color: var(--mm-color-heading);
  font-family: var(--tf-font-heading);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.12;
}

h1,
.tf-h1 {
  font-size: 38px;
}

h2,
.tf-h2 {
  font-size: 30px;
}

h3,
.tf-h3 {
  font-size: 20px;
  font-weight: 500;
}

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

.tf-container {
  margin-inline: auto;
  max-width: var(--tf-container-width);
  padding-inline: 24px;
  width: 100%;
}

.tf-surface-dark {
  background: var(--mm-color-secondary);
  color: var(--mm-color-white);
}

.tf-surface-dark h1,
.tf-surface-dark h2,
.tf-surface-dark h3,
.tf-surface-dark .tf-heading {
  color: var(--mm-color-white);
}

.tf-button-primary,
.tf-button-ghost {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-flex;
  font-family: var(--tf-font-body);
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  min-height: 44px;
  padding: 12px 20px;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.tf-button-primary {
  background: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-button-primary:hover,
.tf-button-primary:focus-visible {
  background: var(--mm-color-primary-hover);
  color: var(--mm-color-white);
}

.tf-button-ghost {
  background: var(--mm-color-glass);
  color: var(--mm-color-white);
}

.tf-button-ghost:hover,
.tf-button-ghost:focus-visible {
  background: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-border-soft {
  border-color: var(--mm-color-border-soft);
}

@media (max-width: 767px) {
  h1,
  .tf-h1 {
    font-size: 30px;
  }

  h2,
  .tf-h2 {
    font-size: 26px;
  }

  .tf-section {
    padding-block: var(--tf-section-padding-mobile);
  }

  .tf-container {
    padding-inline: 18px;
  }
}

/* Trigafilms Netflix-style homepage prototype. */
.tf-home {
  background: var(--mm-color-surface);
  color: var(--mm-color-white);
  min-height: 100vh;
  overflow-x: hidden;
  padding-top: 72px;
}

.tf-home h1,
.tf-home h2,
.tf-home h3,
.tf-home p,
.tf-home a,
.tf-home span {
  letter-spacing: 0;
}

.tf-proto-header {
  backdrop-filter: blur(14px);
  background: var(--mm-color-overlay-solid);
  border-bottom: 1px solid var(--mm-color-border-on-dark);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

body.admin-bar .tf-proto-header {
  top: 32px;
}

.tf-proto-header__inner {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  min-height: 72px;
}

.tf-logo {
  color: var(--mm-color-white);
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.tf-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
}

.tf-nav a {
  color: var(--mm-color-white);
  font-size: 14px;
  font-weight: 600;
}

.tf-nav a:hover,
.tf-nav a:focus-visible {
  color: var(--mm-color-white);
}

.tf-header-actions {
  align-items: center;
  display: flex;
  gap: 10px;
}

.tf-menu-toggle {
  display: none;
}

.tf-home-hero {
  min-height: 70vh;
  overflow: hidden;
  position: relative;
}

.tf-home-hero__media {
  inset: 0;
  position: absolute;
  z-index: 0;
}

.tf-home-hero__media img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.72;
  width: 100%;
}

.tf-home-hero__overlay {
  background: linear-gradient(90deg, var(--mm-color-overlay-solid) 0%, var(--mm-color-overlay-strong) 34%, var(--mm-color-overlay-soft) 68%, var(--mm-color-overlay-solid) 100%), linear-gradient(0deg, var(--mm-color-surface) 0%, var(--mm-color-overlay-clear) 32%);
  inset: 0;
  position: absolute;
  z-index: 1;
}

.tf-home-hero__inner {
  align-items: center;
  display: grid;
  min-height: 70vh;
  padding-bottom: 34px;
  padding-top: 0;
  position: relative;
  z-index: 2;
}

.tf-home-hero__content {
  max-width: 660px;
  min-width: 0;
  transform: translateY(-38px);
}

.tf-kicker {
  color: var(--mm-color-primary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.tf-home-hero h1 {
  color: var(--mm-color-white);
  font-size: clamp(36px, 5.4vw, 68px);
  line-height: 0.98;
  margin: 0 0 14px;
  max-width: 700px;
}

.tf-hero-title-line {
  display: block;
}

.tf-home-hero h1 .tf-hero-title-line:first-child {
  color: var(--mm-color-primary-hover);
  font-size: clamp(18px, 2.2vw, 28px);
  font-weight: 800;
  line-height: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.tf-hero-summary {
  color: var(--mm-color-white);
  font-size: clamp(15px, 1.55vw, 18px);
  line-height: 1.45;
  margin: 0 0 24px;
  max-width: 620px;
}

.tf-meta-row {
  align-items: center;
  color: var(--mm-color-text-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 700;
  gap: 10px;
  margin-bottom: 26px;
  text-transform: uppercase;
}

.tf-meta-pill {
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  padding: 5px 8px;
}

.tf-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tf-section-dark {
  background: var(--mm-color-surface);
  border-top: 1px solid var(--mm-color-border-on-dark-faint);
  box-shadow: inset 0 1px var(--mm-color-brand-muted);
  color: var(--mm-color-white);
  padding-block: 42px;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tf-section-releases {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 58%, var(--mm-color-surface) 100%);
}

.tf-section-collections {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 48%, var(--mm-color-surface) 100%);
}

.tf-section-auditions {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 52%, var(--mm-color-surface) 100%);
}

.tf-section-releases:hover,
.tf-section-releases:focus-within {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 58%, var(--mm-color-surface-muted) 100%);
  border-color: var(--mm-color-brand-overlay-soft);
  box-shadow: inset 0 1px var(--mm-color-brand-overlay-soft), inset 0 0 40px var(--mm-color-border-on-dark-hairline);
}

.tf-section-collections:hover,
.tf-section-collections:focus-within {
  background: linear-gradient(180deg, var(--mm-color-surface-muted) 0%, var(--mm-color-surface-muted) 48%, var(--mm-color-surface-muted) 100%);
  border-color: var(--mm-color-brand-overlay-soft);
  box-shadow: inset 0 1px var(--mm-color-brand-overlay-soft), inset 0 0 44px var(--mm-color-border-on-dark-hairline);
}

.tf-section-auditions:hover,
.tf-section-auditions:focus-within {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 52%, var(--mm-color-surface) 100%);
  border-color: var(--mm-color-brand-overlay-soft);
  box-shadow: inset 0 1px var(--mm-color-brand-overlay-soft), inset 0 0 40px var(--mm-color-border-on-dark-hairline);
}

.tf-section-header {
  align-items: end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 18px;
}

.tf-section-header h2 {
  color: var(--mm-color-white);
  font-size: clamp(23px, 3vw, 34px);
  margin: 0;
}

.tf-section-note {
  color: var(--mm-color-text-muted);
  font-size: 14px;
  margin: 0;
  max-width: 480px;
}

.tf-rail {
  display: grid;
  gap: 16px;
  grid-auto-columns: minmax(170px, 220px);
  grid-auto-flow: column;
  overflow-x: auto;
  padding: 4px 2px 20px;
  scroll-snap-type: x proximity;
}

.tf-rail::-webkit-scrollbar {
  height: 8px;
}

.tf-rail::-webkit-scrollbar-thumb {
  background: var(--mm-color-glass);
}

.tf-poster-card {
  background: var(--mm-color-surface-muted);
  border: 1px solid var(--mm-color-border-on-dark);
  color: var(--mm-color-white);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  scroll-snap-align: start;
  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.tf-poster-card:hover,
.tf-poster-card:focus-within {
  background: var(--mm-color-surface-hover);
  border-color: var(--mm-color-brand-border);
  transform: translateY(-4px);
}

.tf-poster-card__image {
  aspect-ratio: 2 / 3;
  background: var(--mm-color-surface-hover);
  display: block;
  width: 100%;
}

.tf-poster-card__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.tf-poster-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
}

.tf-poster-card h3 {
  color: var(--mm-color-white);
  font-size: 15px;
  line-height: 1.25;
  margin: 0;
}

.tf-poster-card p {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
}

.tf-card-tag {
  color: var(--mm-color-primary-hover);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.tf-spotlight-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: 1.2fr 1fr 1fr;
}

.tf-spotlight-card {
  background: var(--mm-color-surface-muted);
  border: 1px solid var(--mm-color-border-on-dark-medium);
  display: grid;
  min-height: 260px;
  overflow: hidden;
  position: relative;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.tf-spotlight-card:hover,
.tf-spotlight-card:focus-within {
  border-color: var(--mm-color-brand-border);
  box-shadow: 0 18px 44px var(--mm-color-shadow-medium);
  transform: translateY(-3px);
}

.tf-spotlight-card:hover img,
.tf-spotlight-card:focus-within img {
  opacity: 0.9;
}

.tf-spotlight-card:first-child {
  grid-row: span 2;
  min-height: 540px;
}

.tf-spotlight-card img {
  height: 100%;
  object-fit: cover;
  opacity: 0.78;
  transition: opacity 180ms ease, transform 220ms ease;
  width: 100%;
}

.tf-spotlight-card__shade {
  background: linear-gradient(0deg, var(--mm-color-overlay-solid), var(--mm-color-overlay-subtle));
  inset: 0;
  position: absolute;
}

.tf-spotlight-card__body {
  align-self: end;
  display: grid;
  gap: 8px;
  padding: 22px;
  position: absolute;
  z-index: 2;
}

.tf-spotlight-card h3 {
  color: var(--mm-color-white);
  font-size: 24px;
  margin: 0;
}

.tf-spotlight-card p {
  color: var(--mm-color-text-muted);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.tf-membership-band {
  background: linear-gradient(120deg, var(--mm-color-surface) 0%, var(--mm-color-surface-muted) 46%, var(--mm-color-surface) 72%, var(--mm-color-surface) 100%);
  border-block: 1px solid var(--mm-color-border-on-dark-medium);
  box-shadow: inset 0 1px var(--mm-color-brand-overlay-soft), inset 0 -1px var(--mm-color-border-on-dark-hairline);
  color: var(--mm-color-white);
  padding-block: 58px;
  transition: background 180ms ease, box-shadow 180ms ease;
}

.tf-membership-band:hover,
.tf-membership-band:focus-within {
  background: linear-gradient(120deg, var(--mm-color-surface) 0%, var(--mm-color-surface-muted) 46%, var(--mm-color-surface) 72%, var(--mm-color-surface) 100%);
  box-shadow: inset 0 1px var(--mm-color-brand-overlay-strong), inset 0 -1px var(--mm-color-border-on-dark-subtle), inset 0 0 46px var(--mm-color-brand-muted);
}

.tf-membership-band__inner {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.tf-membership-band__copy {
  min-width: 0;
}

.tf-membership-band h2 {
  color: var(--mm-color-white);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.05;
  margin: 0 0 10px;
  max-width: none;
  white-space: nowrap;
}

.tf-membership-band p {
  color: var(--mm-color-text-muted);
  font-size: 15px;
  line-height: 1.45;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 980px) {.tf-proto-header__inner{
    align-items: flex-start;
    flex-direction: column;
  }

  .tf-header-actions {
    width: 100%;
  }

  .tf-spotlight-grid {
    grid-template-columns: 1fr 1fr;
  }

  .tf-spotlight-card:first-child {
    grid-column: 1 / -1;
    min-height: 420px;
  }

  .tf-membership-band__inner {
    grid-template-columns: 1fr;
  }

  .tf-membership-band h2 {
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .tf-nav {
    justify-content: flex-start;
  }

  .tf-home-hero__inner {
    padding-bottom: 28px;
    padding-top: 18px;
  }

  .tf-home-hero__content {
    transform: translateY(-18px);
  }

  .tf-action-row a,
  .tf-header-actions a {
    width: 100%;
  }

  .tf-section-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .tf-rail {
    grid-auto-columns: minmax(142px, 68vw);
  }

  .tf-spotlight-grid {
    grid-template-columns: 1fr;
  }

  .tf-spotlight-card,
  .tf-spotlight-card:first-child {
    min-height: 320px;
  }
}

/* Trigafilms image logo sizing. */
.tf-logo--image {
  align-items: center;
  display: inline-flex;
  min-width: 0;
}

.tf-logo--image img {
  display: block;
  height: 42px;
  max-width: 190px;
  object-fit: contain;
  width: auto;
}

.tf-logo--footer img {
  height: 34px;
  max-width: 170px;
}

@media (max-width: 640px) {
  .tf-logo--image img {
    height: 36px;
    max-width: 160px;
  }
}

@media (max-width: 782px) {
  body.admin-bar .tf-proto-header {
    top: 46px;
  }
}

/* Trigafilms redesigned legal footer. */
.tf-site-footer {
  background: var(--mm-color-secondary);
  border-top: 1px solid var(--mm-color-border-on-dark);
  color: var(--mm-color-white);
}.tf-site-footer__main {
  display: grid;
}.tf-footer-title {
  margin: 0 0 14px;
}.tf-footer-copy {
  margin: 0 0 16px;
}.tf-footer-form {
  display: grid;
}

.tf-footer-field,
.tf-footer-consent {
  display: grid;
  gap: 6px;
}

.tf-footer-label {
  color: var(--mm-color-text-muted);
  font-size: 12px;
}.tf-footer-field input {
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  font-family: var(--tf-font-body);
  width: 100%;
}

.tf-footer-field input:focus-visible {
  border-color: var(--mm-color-primary-hover);
  outline: 2px solid var(--mm-color-brand-hover-overlay);
  outline-offset: 0;
}.tf-footer-consent {
  align-items: start;
  grid-template-columns: auto 1fr;
  margin-top: 2px;
}

.tf-footer-consent a,
.tf-footer-legal-nav a,
.tf-footer-nav a {
  color: var(--mm-color-white);
}

.tf-footer-consent a:hover,
.tf-footer-legal-nav a:hover,
.tf-footer-nav a:hover,
.tf-footer-consent a:focus-visible,
.tf-footer-legal-nav a:focus-visible,
.tf-footer-nav a:focus-visible {
  color: var(--mm-color-white);
}

.tf-footer-submit {
  margin-top: 6px;
  width: 100%;
}.tf-footer-poster-grid a,
.tf-footer-clip-grid a {
  border: 1px solid var(--mm-color-border-on-dark);
  display: block;
  overflow: hidden;
  transition: border-color 160ms ease, transform 160ms ease;
}

.tf-footer-poster-grid img,
.tf-footer-clip-grid img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}.tf-footer-nav {
  align-content: start;
  display: grid;
}.tf-footer-nav a {
  font-weight: 600;
}.tf-site-footer__contact {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 34px;
  justify-content: space-between;
}

.tf-site-footer__contact p,
.tf-site-footer__legal p {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  margin: 0;
}.tf-site-footer__legal {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr auto auto;
}

.tf-footer-legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}.tf-footer-legal-nav a {
  font-weight: 600;
}.tf-footer-payments {
  align-items: center;
  color: var(--mm-color-white);
  display: flex;
  font-weight: 800;
  gap: 8px;
}

.tf-footer-payments span:last-child {
  color: var(--mm-color-primary-hover);
}

.tf-site-footer .tf-logo--footer img {
  height: 40px;
  margin-bottom: 18px;
  max-width: 185px;
}

@media (max-width: 1100px) {
}

@media (max-width: 700px) {
  .tf-site-footer__main,
  .tf-site-footer__legal {
    grid-template-columns: 1fr;
  }

  .tf-site-footer__legal,
  .tf-site-footer__contact {
    align-items: flex-start;
    justify-items: start;
  }

  .tf-footer-legal-nav {
    justify-content: flex-start;
  }
}

/* Trigafilms modern footer refinement overrides. */
.tf-site-footer {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 48%, var(--mm-color-surface) 100%);
  border-top: 1px solid var(--mm-color-border-on-dark-soft);
  color: var(--mm-color-white);
}.tf-site-footer__main {
  align-items: start;
  gap: 34px;
  padding-block: 46px 32px;
}

.tf-footer-newsletter {
  max-width: 310px;
}

.tf-footer-newsletter .tf-footer-title {
  color: var(--mm-color-white);
  font-size: 20px;
  line-height: 1.15;
  margin-bottom: 8px;
  text-transform: none;
}

.tf-footer-title {
  color: var(--mm-color-white);
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.tf-footer-copy {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 12px;
}

.tf-footer-form {
  gap: 8px;
  max-width: 280px;
}

.tf-footer-label {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.tf-footer-field input {
  background: var(--mm-color-border-on-dark-faint);
  border-color: var(--mm-color-border-on-dark-strong);
  font-size: 12px;
  min-height: 36px;
  padding: 8px 10px;
}

.tf-footer-field input::placeholder {
  color: var(--mm-color-text-muted);
}

.tf-footer-consent {
  color: var(--mm-color-text-muted);
  font-size: 10.5px;
  gap: 8px;
  line-height: 1.35;
}

.tf-footer-submit {
  font-size: 13px;
  min-height: 38px;
  padding: 9px 14px;
}

.tf-footer-poster-grid a,
.tf-footer-clip-grid a {
  background: var(--mm-color-border-on-dark-hairline);
  border-color: var(--mm-color-border-on-dark);
}

.tf-footer-nav {
  gap: 8px;
}

.tf-footer-nav a {
  color: var(--mm-color-text-muted);
  font-size: 12px;
}

.tf-site-footer__contact {
  border-top: 1px solid var(--mm-color-border-on-dark-faint);
  padding-block: 16px;
}

.tf-site-footer__legal {
  background: var(--mm-color-border-on-dark-hairline);
  border: 1px solid var(--mm-color-border-on-dark-soft);
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 24px;
  min-width: 0;
  padding-block: 14px;
  width: 100%;
}

.tf-footer-legal-nav a {
  color: var(--mm-color-text-muted);
  font-size: 11px;
}

.tf-footer-payments {
  font-size: 15px;
}

@media (max-width: 1100px) {
}

@media (max-width: 700px) {.tf-site-footer__main {
  padding-block: 38px 26px;
}

  .tf-footer-form,
  .tf-footer-newsletter {
    max-width: none;
  }

  .tf-site-footer__legal {
    margin-bottom: 18px;
  }
}

/* Trigafilms footer media scale and hover polish. */
.tf-site-footer {
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tf-site-footer:hover,
.tf-site-footer:focus-within {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface) 48%, var(--mm-color-surface) 100%);
  border-top-color: var(--mm-color-brand-overlay-soft);
  box-shadow: inset 0 1px var(--mm-color-brand-overlay-soft), inset 0 0 46px var(--mm-color-border-on-dark-hairline);
}

.tf-site-footer__main {
  grid-template-columns: minmax(220px, 0.98fr) minmax(165px, 0.58fr) minmax(180px, 0.58fr) minmax(135px, 0.42fr);
}.tf-footer-poster-grid {
  gap: 9px;
}.tf-footer-clip-grid {
  gap: 8px;
}

.tf-footer-payments {
  justify-content: flex-end;
}

.tf-footer-visa {
  display: block;
  height: auto;
  max-height: 18px;
  max-width: 76px;
  object-fit: contain;
  width: auto;
}

@media (max-width: 1100px) {

  .tf-footer-clip-grid {
    max-width: 220px;
  }
}

@media (max-width: 700px) {

  .tf-footer-poster-grid a {
    max-width: 92px;
  }

  .tf-footer-payments {
    justify-content: flex-start;
  }
}

/* Trigafilms footer payment badge scale. */
.tf-footer-visa {
  max-height: 11px;
  max-width: 46px;
}

.tf-footer-payments {
  min-width: 46px;
}

/* Trigafilms footer reference media proportions. */
.tf-site-footer__main {
  gap: 46px;
  grid-template-columns: minmax(250px, 0.95fr) minmax(230px, 0.72fr) minmax(280px, 0.86fr) minmax(140px, 0.44fr);
}

.tf-footer-poster-grid {
  align-items: start;
  column-gap: 30px;
  display: grid;
  grid-template-columns: repeat(2, 104px);
  justify-content: start;
  row-gap: 26px;
}

.tf-footer-poster-grid a {
  background: var(--mm-color-border-on-dark-hairline);
  border: 1px solid var(--mm-color-border-on-dark-subtle);
  max-width: none;
  padding: 0;
  width: 104px;
}

.tf-footer-poster-grid img {
  aspect-ratio: auto;
  display: block;
  height: auto;
  max-height: none;
  object-fit: contain;
  width: 104px;
}

.tf-footer-clip-grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 112px);
  max-width: 244px;
  row-gap: 16px;
}

.tf-footer-clip-grid a {
  background: var(--mm-color-border-on-dark-hairline);
  border: 1px solid var(--mm-color-border-on-dark-subtle);
  width: 112px;
}

.tf-footer-clip-grid img {
  aspect-ratio: auto;
  display: block;
  height: 63px;
  max-height: none;
  object-fit: cover;
  width: 112px;
}

.tf-footer-poster-grid a:hover,
.tf-footer-poster-grid a:focus-visible,
.tf-footer-clip-grid a:hover,
.tf-footer-clip-grid a:focus-visible {
  background: var(--mm-color-brand-muted);
  border-color: var(--mm-color-brand-border);
  box-shadow: 0 12px 28px var(--mm-color-shadow-soft);
  transform: translateY(-2px);
}

@media (max-width: 1100px) {
  .tf-site-footer__main {
    grid-template-columns: minmax(250px, 1fr) minmax(280px, 1fr);
  }
}

@media (max-width: 700px) {
  .tf-footer-poster-grid {
    column-gap: 18px;
    grid-template-columns: repeat(2, 96px);
    row-gap: 20px;
  }

  .tf-footer-poster-grid a,
  .tf-footer-poster-grid img {
    width: 96px;
  }

  .tf-footer-clip-grid {
    grid-template-columns: repeat(2, 106px);
    max-width: 232px;
  }

  .tf-footer-clip-grid a,
  .tf-footer-clip-grid img {
    width: 106px;
  }

  .tf-footer-clip-grid img {
    height: 60px;
  }
}

/* Trigafilms footer stronger hover state. */
.tf-site-footer:hover,
.tf-site-footer:focus-within {
  background: linear-gradient(180deg, var(--mm-color-surface) 0%, var(--mm-color-surface-muted) 48%, var(--mm-color-surface) 100%);
  border-top-color: var(--mm-color-brand-hover-border);
  box-shadow: inset 0 1px var(--mm-color-brand-hover-overlay), inset 0 0 70px var(--mm-color-brand-muted), inset 0 -1px var(--mm-color-border-on-dark-faint);
}

.tf-site-footer:hover .tf-site-footer__legal,
.tf-site-footer:focus-within .tf-site-footer__legal {
  background: var(--mm-color-brand-muted);
  border-color: var(--mm-color-brand-hover-overlay);
}

.tf-site-footer:hover .tf-footer-title,
.tf-site-footer:focus-within .tf-footer-title {
  color: var(--mm-color-white);
}

/* Trigafilms hero purchase placeholder. */
.tf-home-hero__inner {
  gap: 32px;
  grid-template-columns: minmax(0, 660px) minmax(250px, 320px);
  justify-content: space-between;
}.tf-hero-product-panel {
  align-items: center;
  backdrop-filter: blur(14px);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  display: grid;
  min-width: 0;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tf-hero-product-panel__media {
  background: var(--mm-color-border-on-dark-subtle);
  border: 1px solid var(--mm-color-border-on-dark);
  width: 54px;
}

.tf-hero-product-panel__media img {
  display: block;
  height: auto;
  width: 54px;
}

.tf-hero-product-panel__body {
  min-width: 0;
}

.tf-hero-product-panel__label,
.tf-hero-product-panel__price,
.tf-hero-product-panel__note {
  margin: 0;
}

.tf-hero-product-panel__label {
  color: var(--mm-color-text-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}.tf-hero-product-panel__price {
  color: var(--mm-color-white);
  font-weight: 800;
  line-height: 1.1;
}.tf-hero-product-panel__note {
  color: var(--mm-color-text-muted);
  line-height: 1.35;
}.tf-hero-product-panel__button {
  grid-column: 1 / -1;
  opacity: 0.92;
  padding: 9px 14px;
  width: 100%;
}

.tf-hero-product-panel__button:disabled {
  cursor: default;
}

@media (max-width: 980px) {.tf-home-hero__inner {
  align-content: center;
}
}

@media (max-width: 640px) {.tf-hero-product-panel {
  max-width: none;
}

  .tf-hero-product-panel__price {
    font-size: 18px;
  }
}

/* Trigafilms hero purchase card refinement. */
.tf-home-hero__inner {
  grid-template-columns: minmax(0, 660px) minmax(300px, 380px);
}

.tf-hero-product-panel {
  background: var(--mm-color-panel-overlay-soft);
  border-color: var(--mm-color-border-on-dark-strong);
  gap: 16px;
  grid-template-columns: 68px minmax(0, 1fr);
  max-width: 380px;
  padding: 18px;
  transform: translateY(-86px);
}

.tf-hero-product-panel:hover,
.tf-hero-product-panel:focus-within {
  background: var(--mm-color-panel-overlay);
  border-color: var(--mm-color-brand-hover-border);
  box-shadow: 0 20px 54px var(--mm-color-shadow-strong), inset 0 0 34px var(--mm-color-brand-muted);
}

.tf-hero-product-panel__media,
.tf-hero-product-panel__media img {
  width: 68px;
}

.tf-hero-product-panel__body {
  align-self: center;
}

.tf-hero-product-panel__label {
  margin-bottom: 3px;
}

.tf-hero-product-panel__price {
  font-size: 22px;
  margin-bottom: 4px;
}

.tf-hero-product-panel__note {
  font-size: 12px;
}

.tf-hero-product-panel__button {
  min-height: 42px;
  margin-top: 2px;
}

@media (max-width: 980px) {
  .tf-home-hero__inner {
    grid-template-columns: 1fr;
  }

  .tf-hero-product-panel {
    max-width: 380px;
    transform: translateY(-30px);
  }
}

@media (max-width: 640px) {
  .tf-home-hero,
  .tf-home-hero__inner {
    min-height: 720px;
  }

  .tf-hero-product-panel {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 14px;
    transform: translateY(-14px);
  }

  .tf-hero-product-panel__media,
  .tf-hero-product-panel__media img {
    width: 56px;
  }
}

/* Trigafilms 404 template. */
.tf-404-template {
  background: var(--mm-color-surface);
  color: var(--mm-color-white);
  min-height: 100vh;
  overflow-x: hidden;
  padding-top: 72px;
}

.tf-404-hero {
  min-height: calc(100vh - 72px);
  overflow: hidden;
  position: relative;
}

.tf-404-hero__media {
  inset: 0;
  position: absolute;
  z-index: 0;
}

.tf-404-hero__media img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.62;
  width: 100%;
}

.tf-404-hero__overlay {
  background: linear-gradient(90deg, var(--mm-color-overlay-solid) 0%, var(--mm-color-overlay-strong) 42%, var(--mm-color-overlay-medium) 72%, var(--mm-color-overlay-solid) 100%), linear-gradient(0deg, var(--mm-color-surface) 0%, var(--mm-color-overlay-clear) 34%);
  inset: 0;
  position: absolute;
  z-index: 1;
}

.tf-404-hero__inner {
  align-items: center;
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 620px) minmax(240px, 320px);
  justify-content: space-between;
  min-height: calc(100vh - 72px);
  position: relative;
  transform: translateY(-42px);
  z-index: 2;
}

.tf-404-hero__copy {
  min-width: 0;
}

.tf-404-hero .tf-kicker {
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1;
  margin-bottom: 16px;
}

.tf-404-hero h1 {
  color: var(--mm-color-white);
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.98;
  margin: 0 0 14px;
}

.tf-404-hero__text {
  color: var(--mm-color-white);
  font-size: clamp(15px, 1.55vw, 18px);
  line-height: 1.45;
  margin: 0 0 26px;
  max-width: 620px;
}

.tf-404-route-panel {
  backdrop-filter: blur(14px);
  background: var(--mm-color-panel-overlay-soft);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  display: grid;
  gap: 14px;
  padding: 20px;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tf-404-route-panel:hover,
.tf-404-route-panel:focus-within {
  background: var(--mm-color-panel-overlay);
  border-color: var(--mm-color-brand-hover-border);
  box-shadow: 0 20px 54px var(--mm-color-shadow-medium), inset 0 0 34px var(--mm-color-brand-muted);
}

.tf-404-route-panel__label {
  color: var(--mm-color-white);
  font-size: 16px;
  font-weight: 800;
  margin: 0;
}

.tf-404-route-panel__links {
  display: grid;
  gap: 8px;
}

.tf-404-route-panel__links a {
  background: var(--mm-color-border-on-dark-subtle);
  color: var(--mm-color-white);
  font-size: 13px;
  font-weight: 700;
  padding: 10px 12px;
}

.tf-404-route-panel__links a:first-child {
  background: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-404-route-panel__links a:hover,
.tf-404-route-panel__links a:focus-visible {
  background: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-404-route-panel__note {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
}

@media (max-width: 980px) {
  .tf-404-hero__inner {
    align-content: center;
    grid-template-columns: 1fr;
    padding-block: 56px;
    transform: translateY(-24px);
  }

  .tf-404-route-panel {
    max-width: 360px;
  }
}

@media (max-width: 640px) {
  .tf-404-template {
    padding-top: 72px;
  }

  .tf-404-hero,
  .tf-404-hero__inner {
    min-height: 640px;
  }

  .tf-404-route-panel {
    max-width: none;
    padding: 16px;
  }
}

/* MMDF_START: mobile-responsive-refinement */
@media (max-width: 700px) {
  .tf-home,
  .tf-404-template {
    padding-top: 0;
  }

  .tf-proto-header,
  body.admin-bar .tf-proto-header {
    backdrop-filter: blur(10px);
    background: var(--mm-color-surface);
    position: relative;
    top: auto;
  }

  .tf-proto-header__inner {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: auto minmax(0, 1fr) 36px 36px 36px;
    min-height: 0;
    padding-block: 6px;
  }

  .tf-logo--image {
    grid-column: 1;
  }

  .tf-logo--image img {
    height: 30px;
    max-width: 132px;
  }

  .tf-menu-toggle,
  .tf-header-actions a {
    align-items: center;
    aspect-ratio: 1;
    background: var(--mm-color-surface-muted);
    border: 1px solid var(--mm-color-border-on-dark-soft);
    color: var(--mm-color-white);
    cursor: pointer;
    display: inline-flex;
    font-size: 0;
    height: 36px;
    justify-content: center;
    min-height: 0;
    padding: 0;
    width: 36px;
  }

  .tf-menu-toggle {
    font-family: var(--tf-font-body);
    grid-column: 5;
    grid-row: 1;
  }

  .tf-menu-toggle::before {
    content: "☰";
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
  }

  .tf-proto-header.is-menu-open .tf-menu-toggle::before {
    content: "×";
    font-size: 24px;
  }

  .tf-header-actions {
    display: contents;
  }

  .tf-header-actions a:first-child {
    background: var(--mm-color-primary);
    border-color: var(--mm-color-primary);
    grid-column: 3;
    grid-row: 1;
  }

  .tf-header-actions a:last-child {
    background: var(--mm-color-primary);
    border-color: var(--mm-color-primary);
    grid-column: 4;
    grid-row: 1;
  }

  .tf-header-actions a:first-child::before {
    background-color: var(--mm-color-white);
    content: "";
    display: block;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-4.42 0-8 2.24-8 5v1.5c0 .83.67 1.5 1.5 1.5h13c.83 0 1.5-.67 1.5-1.5V19c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-4.42 0-8 2.24-8 5v1.5c0 .83.67 1.5 1.5 1.5h13c.83 0 1.5-.67 1.5-1.5V19c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    width: 18px;
  }

  .tf-header-actions a:last-child::before {
    content: "+";
    font-size: 23px;
    font-weight: 800;
    line-height: 1;
  }

  .tf-nav {
    background: var(--mm-color-surface-muted);
    border: 1px solid var(--mm-color-border-on-dark-soft);
    display: none;
    gap: 0;
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .tf-proto-header.is-menu-open .tf-nav {
    display: grid;
  }

  .tf-nav a {
    border-bottom: 1px solid var(--mm-color-border-on-dark-faint);
    color: var(--mm-color-white);
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 12px;
  }

  .tf-nav a:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .tf-nav a:hover,
  .tf-nav a:focus-visible {
    background: var(--mm-color-brand-muted);
  }

  .tf-home-hero,
  .tf-home-hero__inner {
    min-height: 0;
  }

  .tf-home-hero__inner {
    align-content: start;
    gap: 18px;
    grid-template-columns: 1fr;
    padding-block: 18px 34px;
  }

  .tf-home-hero__content {
    max-width: none;
    transform: none;
  }

  .tf-home-hero h1 {
    font-size: clamp(33px, 9.2vw, 44px);
    line-height: 1.02;
    margin-bottom: 14px;
  }

  .tf-home-hero h1 .tf-hero-title-line:first-child {
    font-size: clamp(16px, 4.2vw, 21px);
  }

  .tf-hero-summary {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 16px;
  }

  .tf-meta-row {
    font-size: 10.5px;
    gap: 6px 9px;
    margin-bottom: 18px;
  }

  .tf-action-row {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tf-action-row a {
    min-height: 42px;
    width: 100%;
  }

  .tf-hero-product-panel {
    grid-template-columns: 54px minmax(0, 1fr);
    margin-top: 0;
    max-width: none;
    padding: 12px;
    transform: none;
    width: 100%;
  }

  .tf-hero-product-panel__media,
  .tf-hero-product-panel__media img {
    width: 54px;
  }

  .tf-section-dark {
    padding-block: 34px;
  }

  .tf-section-header {
    gap: 8px;
    margin-bottom: 16px;
  }

  .tf-section-header h2 {
    font-size: 24px;
  }

  .tf-section-note {
    font-size: 13px;
  }

  .tf-rail {
    gap: 12px;
    grid-auto-columns: minmax(132px, 42vw);
    padding-bottom: 18px;
  }

  .tf-poster-card__body {
    gap: 7px;
    padding: 10px;
  }

  .tf-poster-card h3 {
    font-size: 13px;
  }

  .tf-poster-card p {
    font-size: 11px;
  }

  .tf-card-tag {
    font-size: 10px;
  }

  .tf-spotlight-card,
  .tf-spotlight-card:first-child {
    min-height: 300px;
  }

  .tf-membership-band {
    padding-block: 38px;
  }

  .tf-membership-band__inner {
    gap: 18px;
  }

  .tf-membership-band h2 {
    font-size: 25px;
  }

  .tf-membership-band p {
    font-size: 13px;
  }

  .tf-404-hero,
  .tf-404-hero__inner {
    min-height: 0;
  }

  .tf-404-hero__inner {
    gap: 24px;
    grid-template-columns: 1fr;
    padding-block: 32px 36px;
    transform: none;
  }

  .tf-404-hero h1 {
    font-size: clamp(38px, 11vw, 52px);
  }

  .tf-404-hero__text {
    font-size: 15px;
  }

  .tf-404-route-panel {
    max-width: none;
    padding: 16px;
  }

  .tf-site-footer__main {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
/* MMDF_END: mobile-responsive-refinement */

/* MMDF_START: palette-editor-tokens */
:root {
  --mm-color-accent: #2978ff;
  --mm-color-brand: #b00000;
  --mm-color-brand-contrast: #ffffff;
  --mm-color-brand-hover: #870000;
  --mm-color-red-overlay: rgba(176, 0, 0, 0.72);
}
/* MMDF_END: palette-editor-tokens */

/* MMDF_START: contact-page */
.tf-contact-page {
  background: var(--mm-color-surface);
  color: var(--mm-color-white);
  min-height: 100vh;
  overflow-x: hidden;
}

.tf-contact-hero {
  background: linear-gradient(135deg, var(--mm-color-surface) 0%, var(--mm-color-surface-muted) 48%, var(--mm-color-surface) 100%);
  border-bottom: 1px solid var(--mm-color-border-on-dark-soft);
  color: var(--mm-color-white);
  padding-block: 88px 56px;
}

.tf-contact-hero__inner {
  align-items: end;
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
}

.tf-contact-hero h1 {
  color: var(--mm-color-white);
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.98;
  margin: 0 0 18px;
}

.tf-contact-hero__copy {
  max-width: 760px;
}

.tf-contact-hero__copy p {
  color: var(--mm-color-white);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.45;
  margin: 0;
}

.tf-contact-hero__panel,
.tf-contact-form-card,
.tf-contact-info-card {
  background: var(--mm-color-panel-overlay-soft);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
}

.tf-contact-hero__panel {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.tf-contact-hero__panel p {
  color: var(--mm-color-text-muted);
  line-height: 1.45;
  margin: 0;
}

.tf-contact-hero__panel strong {
  color: var(--mm-color-white);
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

.tf-contact-main {
  background: var(--mm-color-surface);
  padding-block: 56px;
}

.tf-contact-grid {
  align-items: start;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
}

.tf-contact-form-card,
.tf-contact-info-card {
  padding: 24px;
}

.tf-contact-form-card h2,
.tf-contact-info-card h2 {
  color: var(--mm-color-white);
  font-size: 24px;
  margin: 0 0 16px;
}

.tf-contact-info-list {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.tf-contact-info-list li {
  border-bottom: 1px solid var(--mm-color-border-on-dark-faint);
  color: var(--mm-color-text-muted);
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
}

.tf-contact-info-list strong {
  color: var(--mm-color-white);
  font-size: 13px;
  text-transform: uppercase;
}

.tf-contact-info-list a {
  color: var(--mm-color-white);
}

.tf-contact-info-list a:hover,
.tf-contact-info-list a:focus-visible {
  color: var(--mm-color-primary);
}

.tf-contact-map {
  background: var(--mm-color-surface-muted);
  border: 1px solid var(--mm-color-border-on-dark-soft);
  overflow: hidden;
  position: relative;
}

.tf-contact-map iframe {
  border: 0;
  display: block;
  filter: grayscale(1) contrast(1.08) brightness(0.82);
  height: 280px;
  opacity: 0.92;
  width: 100%;
}

.tf-contact-map__pin {
  background: var(--mm-color-primary);
  border: 3px solid var(--mm-color-white);
  border-radius: 50% 50% 50% 0;
  box-shadow: 0 10px 24px var(--mm-color-shadow-medium);
  height: 30px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -100%) rotate(-45deg);
  width: 30px;
  z-index: 2;
}

.tf-contact-map__pin::after {
  background: var(--mm-color-white);
  border-radius: 999px;
  content: "";
  height: 9px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
}

.tf-contact-map__link {
  background: var(--mm-color-border-on-dark-faint);
  color: var(--mm-color-white);
  display: block;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 12px;
  position: relative;
  z-index: 3;
}

.tf-contact-form {
  display: grid;
  gap: 14px;
}

.tf-contact-form__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tf-contact-form label {
  display: grid;
  gap: 7px;
}

.tf-contact-form label span {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.tf-contact-form input,
.tf-contact-form textarea {
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  font: inherit;
  padding: 12px;
  width: 100%;
}

.tf-contact-form textarea {
  resize: vertical;
}

.tf-contact-form input:focus-visible,
.tf-contact-form textarea:focus-visible {
  border-color: var(--mm-color-primary);
  outline: 2px solid var(--mm-color-brand-muted);
  outline-offset: 0;
}

.tf-contact-form__check {
  align-items: start;
  display: grid;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr);
}

.tf-contact-form__check input {
  margin-top: 2px;
  width: auto;
}

.tf-contact-form__check span {
  line-height: 1.45;
  text-transform: none;
}

.tf-contact-form__trap {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.tf-contact-form__turnstile {
  min-height: 65px;
}

.tf-contact-form__notice {
  border: 1px solid var(--mm-color-border-on-dark-soft);
  font-weight: 700;
  margin: 0;
  padding: 12px;
}

.tf-contact-form__notice--success {
  background: var(--mm-color-success-surface);
  color: var(--mm-color-success-text);
}

.tf-contact-form__notice--error {
  background: var(--mm-color-error-surface);
  color: var(--mm-color-error-text);
}

.tf-contact-form__submit {
  justify-self: start;
}

@media (max-width: 900px) {
  .tf-contact-hero__inner,
  .tf-contact-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .tf-contact-hero {
    padding-block: 42px 34px;
  }

  .tf-contact-main {
    padding-block: 34px;
  }

  .tf-contact-form-card,
  .tf-contact-info-card,
  .tf-contact-hero__panel {
    padding: 16px;
  }

  .tf-contact-form__grid {
    grid-template-columns: 1fr;
  }

  .tf-contact-form__submit {
    width: 100%;
  }
}
/* MMDF_END: contact-page */

/* MMDF_START: legal-page */
.tf-legal-page {
  background: var(--mm-color-surface);
  color: var(--mm-color-white);
  min-height: 100vh;
  overflow-x: hidden;
}

.tf-legal-hero {
  background: linear-gradient(135deg, var(--mm-color-surface-muted) 0%, var(--mm-color-surface-hover) 48%, var(--mm-color-surface-muted) 100%);
  border-bottom: 1px solid var(--mm-color-border-on-dark-soft);
  color: var(--mm-color-white);
  padding-block: 104px 38px;
}

.tf-legal-hero__inner {
  align-items: end;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
}

.tf-legal-hero h1 {
  color: var(--mm-color-white);
  font-size: clamp(30px, 3.9vw, 48px);
  line-height: 1.08;
  margin: 0 0 14px;
}

.tf-legal-hero__copy {
  max-width: 760px;
}

.tf-legal-hero__copy p {
  color: var(--mm-color-white);
  font-size: clamp(15px, 1.45vw, 17px);
  line-height: 1.45;
  margin: 0;
}

.tf-legal-hero__panel,
.tf-legal-article,
.tf-legal-sidebar {
  background: var(--mm-color-panel-overlay-soft);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
}

.tf-legal-hero__panel {
  display: grid;
  gap: 12px;
  padding: 20px;
}

.tf-legal-hero__panel p {
  color: var(--mm-color-text-muted);
  line-height: 1.45;
  margin: 0;
}

.tf-legal-hero__panel strong {
  color: var(--mm-color-white);
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

.tf-legal-hero__panel a,
.tf-legal-article a,
.tf-legal-sidebar a:not(.tf-button-primary) {
  color: var(--mm-color-white);
}

.tf-legal-hero__panel a:hover,
.tf-legal-hero__panel a:focus-visible,
.tf-legal-article a:not(.tf-button-primary):hover,
.tf-legal-article a:not(.tf-button-primary):focus-visible,
.tf-legal-sidebar a:not(.tf-button-primary):hover,
.tf-legal-sidebar a:not(.tf-button-primary):focus-visible {
  color: var(--mm-color-primary);
}

.tf-legal-main {
  background: var(--mm-color-surface);
  padding-block: 56px;
}

.tf-legal-grid {
  align-items: start;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
}

.tf-legal-article,
.tf-legal-sidebar {
  padding: 24px;
}

.tf-legal-section {
  border-bottom: 1px solid var(--mm-color-border-on-dark-faint);
  margin-inline: -14px;
  padding: 0 14px 28px;
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

.tf-legal-section:hover {
  background: var(--mm-color-surface-hover);
  box-shadow: 0 0 0 1px var(--mm-color-border-on-dark-faint);
}

.tf-legal-section + .tf-legal-section {
  padding-top: 28px;
}

.tf-legal-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.tf-legal-section h2,
.tf-legal-sidebar h2 {
  color: var(--mm-color-white);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
  margin: 0 0 14px;
}

.tf-legal-section p,
.tf-legal-list li,
.tf-legal-sidebar p {
  color: var(--mm-color-text-muted);
  font-size: 15px;
  line-height: 1.75;
  margin: 0 0 14px;
}

.tf-legal-section p:last-child,
.tf-legal-sidebar p:last-child {
  margin-bottom: 0;
}

.tf-legal-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 22px;
}

.tf-legal-list li {
  margin: 0;
  padding-left: 4px;
}

.tf-legal-signoff {
  color: var(--mm-color-white) !important;
  font-weight: 800;
}

.tf-legal-sidebar {
  position: sticky;
  top: 92px;
}

.tf-legal-nav {
  display: grid;
  gap: 8px;
  margin-bottom: 22px;
}

.tf-legal-nav a {
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-faint);
  display: block;
  font-size: 13px;
  font-weight: 800;
  padding: 11px 12px;
  text-decoration: none;
}

.tf-legal-nav a:hover,
.tf-legal-nav a:focus-visible {
  background: var(--mm-color-surface-hover);
  border-color: var(--mm-color-border-on-dark-soft);
}

.tf-legal-sidebar__note {
  border-top: 1px solid var(--mm-color-border-on-dark-faint);
  display: grid;
  gap: 12px;
  padding-top: 18px;
}

.tf-legal-sidebar__note strong {
  color: var(--mm-color-white);
  font-size: 16px;
}

@media (max-width: 980px) {
  .tf-legal-hero__inner,
  .tf-legal-grid {
    grid-template-columns: 1fr;
  }

  .tf-legal-sidebar {
    position: static;
  }
}

@media (max-width: 700px) {
  .tf-legal-hero {
    padding-block: 92px 28px;
  }

  .tf-legal-main {
    padding-block: 34px;
  }

  .tf-legal-article,
  .tf-legal-sidebar,
  .tf-legal-hero__panel {
    padding: 16px;
  }

  .tf-legal-section {
    margin-inline: -10px;
    padding: 0 10px 22px;
  }

  .tf-legal-section + .tf-legal-section {
    padding-top: 22px;
  }
}
/* MMDF_END: legal-page */

/* MMDF_START: help-page */
.tf-help-page {
  background: var(--mm-color-surface);
  color: var(--mm-color-white);
  min-height: 100vh;
  overflow-x: hidden;
}

.tf-help-hero {
  background: linear-gradient(135deg, var(--mm-color-surface-muted) 0%, var(--mm-color-surface-hover) 48%, var(--mm-color-surface-muted) 100%);
  border-bottom: 1px solid var(--mm-color-border-on-dark-soft);
  color: var(--mm-color-white);
  padding-block: 88px 56px;
}

.tf-help-hero__inner {
  align-items: end;
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
}

.tf-help-hero h1 {
  color: var(--mm-color-white);
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.98;
  margin: 0 0 18px;
}

.tf-help-hero__copy {
  max-width: 760px;
}

.tf-help-hero__copy p {
  color: var(--mm-color-white);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.45;
  margin: 0;
}

.tf-help-hero__panel,
.tf-help-article,
.tf-help-card {
  background: var(--mm-color-panel-overlay-soft);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
}

.tf-help-hero__panel {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.tf-help-hero__panel p,
.tf-help-card p,
.tf-help-faq p {
  color: var(--mm-color-text-muted);
  line-height: 1.65;
  margin: 0;
}

.tf-help-hero__panel strong {
  color: var(--mm-color-white);
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

.tf-help-main {
  background: var(--mm-color-surface);
  padding-block: 56px;
}

.tf-help-grid {
  align-items: start;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 360px);
}

.tf-help-article,
.tf-help-card {
  padding: 24px;
}

.tf-help-sidebar {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 92px;
}

.tf-help-section {
  border-bottom: 1px solid var(--mm-color-border-on-dark-faint);
  margin-inline: -14px;
  padding: 0 14px 30px;
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

.tf-help-section:hover {
  background: var(--mm-color-surface-hover);
  box-shadow: 0 0 0 1px var(--mm-color-border-on-dark-faint);
}

.tf-help-section + .tf-help-section {
  padding-top: 30px;
}

.tf-help-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.tf-help-section h2,
.tf-help-card h2 {
  color: var(--mm-color-white);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
  margin: 0 0 14px;
}

.tf-help-faq {
  border-top: 1px solid var(--mm-color-border-on-dark-faint);
  display: grid;
  gap: 8px;
  padding-block: 16px 0;
}

.tf-help-faq + .tf-help-faq {
  margin-top: 16px;
}

.tf-help-faq h3 {
  color: var(--mm-color-white);
  font-size: 16px;
  line-height: 1.3;
  margin: 0;
}

.tf-help-page a:not(.tf-button-primary):not(.tf-button-ghost) {
  color: var(--mm-color-white);
}

.tf-help-page a:not(.tf-button-primary):not(.tf-button-ghost):hover,
.tf-help-page a:not(.tf-button-primary):not(.tf-button-ghost):focus-visible {
  color: var(--mm-color-primary);
}

.tf-help-nav,
.tf-help-member-links {
  display: grid;
  gap: 8px;
}

.tf-help-nav a,
.tf-help-member-links a {
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-faint);
  display: block;
  font-size: 13px;
  font-weight: 800;
  padding: 11px 12px;
  text-decoration: none;
}

.tf-help-nav a:hover,
.tf-help-nav a:focus-visible,
.tf-help-member-links a:hover,
.tf-help-member-links a:focus-visible,
.tf-help-card:hover {
  background: var(--mm-color-surface-hover);
  border-color: var(--mm-color-border-on-dark-soft);
}

.tf-help-login-form {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.tf-help-login-form label {
  display: grid;
  gap: 7px;
}

.tf-help-login-form label span {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.tf-help-login-form input[type="text"],
.tf-help-login-form input[type="password"] {
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  font: inherit;
  padding: 12px;
  width: 100%;
}

.tf-help-login-form input:focus-visible {
  border-color: var(--mm-color-primary);
  outline: 2px solid var(--mm-color-brand-muted);
  outline-offset: 0;
}

.tf-help-login-form__remember {
  align-items: center;
  display: flex !important;
  gap: 10px;
}

.tf-help-login-form__remember input {
  width: auto;
}

.tf-help-login-form .tf-button-primary {
  width: 100%;
}

.tf-help-guidance,
.tf-help-auth,
.tf-help-nav-card {
  transition: background-color 160ms ease, border-color 160ms ease;
}

@media (max-width: 980px) {
  .tf-help-hero__inner,
  .tf-help-grid {
    grid-template-columns: 1fr;
  }

  .tf-help-sidebar {
    position: static;
  }
}

@media (max-width: 700px) {
  .tf-help-hero {
    padding-block: 42px 34px;
  }

  .tf-help-main {
    padding-block: 34px;
  }

  .tf-help-article,
  .tf-help-card,
  .tf-help-hero__panel {
    padding: 16px;
  }

  .tf-help-section {
    margin-inline: -10px;
    padding: 0 10px 24px;
  }

  .tf-help-section + .tf-help-section {
    padding-top: 24px;
  }
}
/* MMDF_END: help-page */
/* MMDF_START: casting-multistep */
.tf-casting-form {
  gap: 22px;
}

.tf-casting-progress {
  counter-reset: casting-step;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}

.tf-casting-progress li {
  align-items: center;
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-soft);
  color: var(--mm-color-text-muted);
  display: grid;
  font-size: 12px;
  font-weight: 800;
  gap: 7px;
  min-height: 72px;
  padding: 12px;
  position: relative;
  text-align: center;
}

.tf-casting-progress li::before {
  align-items: center;
  background: var(--mm-color-surface-muted);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  border-radius: 999px;
  color: var(--mm-color-white);
  content: attr(data-step-label);
  display: inline-flex;
  font-size: 11px;
  height: 26px;
  justify-content: center;
  justify-self: center;
  width: 26px;
}

.tf-casting-progress li.is-active {
  background: var(--mm-color-primary);
  border-color: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-casting-progress li.is-active::before {
  background: var(--mm-color-white);
  border-color: var(--mm-color-white);
  color: var(--mm-color-primary);
}

.tf-casting-progress li.is-complete {
  border-color: var(--mm-color-brand-overlay-soft);
  color: var(--mm-color-white);
}

.tf-casting-step {
  display: grid;
  gap: 16px;
}

.tf-casting-step[hidden] {
  display: none !important;
}

.tf-casting-step h3 {
  color: var(--mm-color-white);
  font-size: 22px;
  margin: 0 0 4px;
}

.tf-casting-step small {
  color: var(--mm-color-text-muted);
  line-height: 1.45;
}

.tf-casting-step__actions {
  align-items: center;
  border-top: 1px solid var(--mm-color-border-on-dark-faint);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-top: 28px;
  padding-top: 22px;
}

.tf-casting-step__actions button + button,
.tf-casting-step__actions .tf-button-primary + .tf-button-primary {
  margin-left: 8px;
}

.tf-casting-step__actions button:not(.tf-button-primary) {
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  color: var(--mm-color-white);
  cursor: pointer;
  font-family: var(--tf-font-body);
  font-size: 15px;
  font-weight: 700;
  min-height: 44px;
  padding: 12px 18px;
}

.tf-casting-step__actions button:not(.tf-button-primary):hover,
.tf-casting-step__actions button:not(.tf-button-primary):focus-visible {
  background: var(--mm-color-surface-hover);
  border-color: var(--mm-color-border-on-dark-soft);
}

.tf-casting-reference {
  background: var(--mm-color-border-on-dark-faint);
  border: 1px solid var(--mm-color-border-on-dark-strong);
  display: grid;
  gap: 8px;
  margin: 0 0 24px;
  padding: 18px;
}

.tf-casting-reference span {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.tf-casting-reference strong {
  color: var(--mm-color-white);
  display: block;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.1;
}

.tf-legal-section .tf-casting-reference p {
  color: var(--mm-color-text-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}
.tf-legal-section .tf-contact-form__notice {
  border-color: var(--mm-color-border-on-dark-soft);
  line-height: 1.45;
  margin: 0 0 24px;
}

.tf-legal-section .tf-contact-form__notice--success {
  background: var(--mm-color-success-surface);
  color: var(--mm-color-success-text);
}

.tf-legal-section .tf-contact-form__notice--error {
  background: var(--mm-color-error-surface);
  color: var(--mm-color-error-text);
}
@media (max-width: 760px) {
  .tf-casting-progress {
    grid-template-columns: 1fr;
  }

  .tf-casting-progress li {
    min-height: 0;
    text-align: left;
  }

  .tf-casting-step__actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .tf-casting-step__actions button,
  .tf-casting-step__actions .tf-button-primary {
    width: 100%;
  }
}
/* MMDF_END: casting-multistep */

/* MMDF_START: casting-legal-consent-labels */
.tf-contact-form__check span {
  font-weight: 400;
  line-height: 1.45;
  text-transform: none;
}

.tf-contact-form__check a {
  color: var(--mm-color-white);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tf-contact-form__check a:hover,
.tf-contact-form__check a:focus-visible {
  color: var(--mm-color-primary);
}
/* MMDF_END: casting-legal-consent-labels */
/* MMDF_START: ticketing-system */
.tf-ticket-hero {
  align-items: center;
  display: grid;
  gap: clamp(24px, 5vw, 54px);
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
}

.tf-ticket-hero__content,
.tf-ticket-hero__panel,
.tf-ticket-guidance-panel,
.tf-ticket-form-shell,
.tf-ticket-next__inner {
  min-width: 0;
}

.tf-ticket-eyebrow {
  color: var(--tf-color-brand, #b00000);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.tf-surface-dark .tf-ticket-eyebrow {
  color: var(--tf-color-brand-hover, #d00000);
}

.tf-ticket-lede {
  color: inherit;
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.55;
  margin: 0 0 24px;
  max-width: 760px;
}

.tf-ticket-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tf-ticket-hero__panel,
.tf-ticket-guidance-panel,
.tf-ticket-form-shell,
.tf-ticket-next__inner {
  border: 1px solid var(--tf-color-border-soft, rgba(0, 0, 0, 0.09));
  border-radius: 8px;
  background: var(--tf-color-white, #ffffff);
  color: var(--tf-color-text, #484848);
}

.tf-surface-dark .tf-ticket-hero__panel {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: var(--tf-color-white, #ffffff);
}

.tf-ticket-hero__panel {
  display: grid;
  gap: 14px;
  padding: clamp(18px, 3vw, 26px);
}

.tf-ticket-hero__panel p,
.tf-ticket-guidance-panel p,
.tf-ticket-next__inner p {
  line-height: 1.6;
  margin: 0;
}

.tf-ticket-layout {
  align-items: start;
  display: grid;
  gap: clamp(22px, 4vw, 34px);
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr);
}

.tf-ticket-guidance-panel,
.tf-ticket-form-shell,
.tf-ticket-next__inner {
  padding: clamp(18px, 3vw, 28px);
}

.tf-ticket-list {
  display: grid;
  gap: 10px;
  line-height: 1.55;
  margin: 18px 0 0;
  padding-left: 20px;
}

.tf-ticket-form-shell {
  background: #ffffff;
}

.tf-ticket-next {
  background: #f6f6f6;
}

.tf-ticket-next__inner {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.tf-ticket-next__inner h2,
.tf-ticket-next__inner p {
  margin: 0;
}

@media (max-width: 900px) {
  .tf-ticket-hero,
  .tf-ticket-layout,
  .tf-ticket-next__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .tf-ticket-actions,
  .tf-ticket-actions a,
  .tf-ticket-next__inner a {
    width: 100%;
  }
}
/* MMDF_END: ticketing-system */
/* MMDF_START: ticketing-system-polish */
.tf-ticket-page-hero {
  padding-top: calc(var(--tf-section-padding, 70px) + 72px);
}

.tf-ticket-portal-section {
  background: #ffffff;
}

.tf-ticket-form,
.tf-ticket-portal__form {
  display: grid;
  gap: 1rem;
}

.tf-ticket-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tf-ticket-grid__full {
  grid-column: 1 / -1;
}

.tf-ticket-form label,
.tf-ticket-portal__form label {
  color: var(--tf-color-heading, #040404);
  display: grid;
  font-size: 14px;
  font-weight: 700;
  gap: 0.45rem;
  line-height: 1.35;
  min-width: 0;
}

.tf-ticket-form input,
.tf-ticket-form select,
.tf-ticket-form textarea,
.tf-ticket-portal__form input,
.tf-ticket-portal__form textarea {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  color: var(--tf-color-heading, #040404);
  font: inherit;
  min-height: 44px;
  min-width: 0;
  padding: 0.85rem 0.95rem;
  width: 100%;
}

.tf-ticket-form textarea,
.tf-ticket-portal__form textarea {
  min-height: 150px;
  resize: vertical;
}

.tf-ticket-honeypot {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.tf-ticket-notice,
.tf-ticket-portal__notice {
  background: var(--mm-color-success-surface, #edf8f0);
  border: 1px solid var(--mm-color-success-border, #b7dfc2);
  border-radius: 6px;
  color: var(--mm-color-success-text, #155c2a);
  font-weight: 700;
  margin: 0 0 1rem;
  padding: 0.9rem 1rem;
}

.tf-ticket-notice--error,
.tf-ticket-portal__notice--error {
  background: var(--mm-color-error-surface, #fff1f1);
  border-color: var(--mm-color-error-border, #e5a3a3);
  color: var(--mm-color-error-text, #8a0000);
}

.tf-ticket-guidance,
.tf-ticket-file-help {
  color: var(--tf-color-text, #484848);
  line-height: 1.6;
  margin: 0;
}

.tf-ticket-consent {
  align-items: flex-start;
  display: flex !important;
  font-weight: 500 !important;
  gap: 0.7rem !important;
  line-height: 1.55;
}

.tf-ticket-consent input {
  flex: 0 0 auto;
  margin-top: 0.25rem;
  min-height: 0;
  width: auto;
}

.tf-ticket-submit,
.tf-ticket-portal__submit {
  background: var(--tf-color-brand, #b00000);
  border: 0;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 800;
  justify-self: start;
  min-height: 44px;
  padding: 0.9rem 1.2rem;
}

.tf-ticket-submit:hover,
.tf-ticket-submit:focus-visible,
.tf-ticket-portal__submit:hover,
.tf-ticket-portal__submit:focus-visible {
  background: var(--tf-color-brand-hover, #d00000);
  color: #ffffff;
}

.tf-ticket-portal {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.tf-ticket-portal__panel,
.tf-ticket-portal__ticket,
.tf-ticket-portal__empty {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  color: var(--tf-color-text, #484848);
}

.tf-ticket-portal__panel,
.tf-ticket-portal__empty {
  padding: clamp(1.2rem, 3vw, 2rem);
}

.tf-ticket-portal__panel h3,
.tf-ticket-portal__ticket h3 {
  color: var(--tf-color-heading, #040404);
  line-height: 1.2;
  margin: 0 0 0.75rem;
}

.tf-ticket-portal__panel p,
.tf-ticket-portal__empty p,
.tf-ticket-portal__ticket p {
  color: var(--tf-color-text, #484848);
  line-height: 1.65;
  margin: 0;
}

.tf-ticket-portal__overline {
  color: var(--tf-color-brand, #b00000);
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.tf-ticket-portal__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}

.tf-ticket-portal__meta li,
.tf-ticket-portal__badge {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 999px;
  color: var(--tf-color-heading, #040404);
  font-size: 0.82rem;
  font-weight: 800;
  padding: 0.32rem 0.7rem;
}

.tf-ticket-portal__ticket {
  overflow: hidden;
}

.tf-ticket-portal__ticket-header,
.tf-ticket-portal__ticket-body,
.tf-ticket-portal__ticket-actions {
  padding: clamp(1.1rem, 3vw, 1.6rem);
}

.tf-ticket-portal__ticket-header {
  background: #fafafa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tf-ticket-portal__ticket-body {
  display: grid;
  gap: 1rem;
}

.tf-ticket-portal__ticket-actions {
  background: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tf-ticket-next__inner {
  align-items: center;
  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr) auto;
}

.tf-ticket-next__inner h2 {
  line-height: 1.12;
}

.tf-ticket-next__inner p {
  max-width: 680px;
}

@media (max-width: 900px) {
  .tf-ticket-next__inner {
    align-items: start;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .tf-ticket-page-hero {
    padding-top: calc(var(--tf-section-padding-mobile, 50px) + 72px);
  }

  .tf-ticket-grid {
    grid-template-columns: 1fr;
  }

  .tf-ticket-submit,
  .tf-ticket-portal__submit,
  .tf-ticket-next__inner a {
    width: 100%;
  }
}
/* MMDF_END: ticketing-system-polish */

/* MMDF_START: account-help-page */
.tf-account-help-hero {
  padding-top: calc(var(--tf-section-padding, 70px) + 72px);
}

.tf-account-help-hero__inner {
  display: grid;
  gap: 18px;
  max-width: 860px;
}

.tf-account-help__eyebrow {
  color: var(--tf-color-brand-hover, #d00000);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.tf-account-help__lede {
  color: var(--tf-color-white, #ffffff);
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.55;
  margin: 0;
  max-width: 760px;
}

.tf-account-help__actions,
.tf-account-help-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tf-account-help-main {
  background: #ffffff;
}

.tf-account-help-layout {
  align-items: start;
  display: grid;
  gap: clamp(22px, 4vw, 34px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
}

.tf-account-help-article,
.tf-account-help-sidebar,
.tf-account-help-method,
.tf-account-help-card {
  min-width: 0;
}

.tf-account-help-article,
.tf-account-help-sidebar,
.tf-account-help-method {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.tf-account-help-article {
  display: grid;
  gap: 0;
  padding: clamp(18px, 3vw, 28px);
}

.tf-account-help-block {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: grid;
  gap: 14px;
  padding: 0 0 28px;
  scroll-margin-top: 96px;
}

.tf-account-help-block + .tf-account-help-block {
  padding-top: 28px;
}

.tf-account-help-block:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.tf-account-help-block h2,
.tf-account-help-sidebar h2,
.tf-account-help-sidebar h3,
.tf-account-help-method h3 {
  color: var(--tf-color-heading, #040404);
  letter-spacing: 0;
  margin: 0;
}

.tf-account-help-block p,
.tf-account-help-block li,
.tf-account-help-sidebar p,
.tf-account-help-method p,
.tf-account-help-card span {
  color: var(--tf-color-text, #484848);
  line-height: 1.65;
  margin: 0;
}

.tf-account-help-cards,
.tf-account-help-methods {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tf-account-help-card {
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 16px;
  text-decoration: none;
}

.tf-account-help-card strong {
  color: var(--tf-color-heading, #040404);
  font-size: 16px;
}

.tf-account-help-card:hover,
.tf-account-help-card:focus-visible {
  background: #ffffff;
  border-color: rgba(176, 0, 0, 0.28);
  color: var(--tf-color-brand, #b00000);
}

.tf-account-help-method {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.tf-account-help-links a,
.tf-account-help-nav a,
.tf-account-help-sidebar__box a:not(.tf-button-primary) {
  align-items: center;
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 6px;
  color: var(--tf-color-heading, #040404);
  display: inline-flex;
  font-weight: 800;
  min-height: 40px;
  padding: 10px 12px;
  text-decoration: none;
}

.tf-account-help-links a:hover,
.tf-account-help-links a:focus-visible,
.tf-account-help-nav a:hover,
.tf-account-help-nav a:focus-visible {
  background: var(--tf-color-brand, #b00000);
  border-color: var(--tf-color-brand, #b00000);
  color: #ffffff;
}

.tf-account-help-sidebar {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 3vw, 24px);
  position: sticky;
  top: 92px;
}

.tf-account-help-nav {
  display: grid;
  gap: 8px;
}

.tf-account-help-sidebar__box {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: grid;
  gap: 12px;
  padding-top: 18px;
}

@media (max-width: 980px) {
  .tf-account-help-layout {
    grid-template-columns: 1fr;
  }

  .tf-account-help-sidebar {
    position: static;
  }
}

@media (max-width: 700px) {
  .tf-account-help-hero {
    padding-top: calc(var(--tf-section-padding-mobile, 50px) + 72px);
  }

  .tf-account-help-cards,
  .tf-account-help-methods {
    grid-template-columns: 1fr;
  }

  .tf-account-help-links a,
  .tf-account-help__actions a,
  .tf-account-help-sidebar .tf-button-primary {
    width: 100%;
  }
}
/* MMDF_END: account-help-page */

/* MMDF_START: mobile-header-fix */
@media (max-width: 700px) {
  body .tf-proto-header__inner {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto 38px;
    justify-content: stretch;
    min-height: 0;
    padding-block: 8px;
  }

  body .tf-logo--image {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    margin: 0;
    min-width: 0;
  }

  body .tf-logo--image img {
    height: 30px;
    max-width: 132px;
  }

  body .tf-header-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    margin: 0;
    width: auto;
  }

  body .tf-menu-toggle {
    align-items: center;
    aspect-ratio: auto;
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    height: 38px;
    justify-content: center;
    justify-self: end;
    width: 38px;
  }

  body .tf-header-actions a,
  body .tf-header-actions a:first-child,
  body .tf-header-actions a:last-child {
    align-items: center;
    aspect-ratio: auto;
    background: var(--mm-color-surface-muted);
    border: 1px solid var(--mm-color-border-on-dark-soft);
    color: var(--mm-color-white);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    grid-column: auto;
    grid-row: auto;
    height: 38px;
    justify-content: center;
    line-height: 1;
    min-height: 38px;
    min-width: 0;
    padding: 0 10px;
    width: auto;
  }

  body:not(.logged-in) .tf-header-actions .tf-header-auth-account,
  body.logged-in .tf-header-actions .tf-header-auth-signin {
    display: none;
  }

  body.logged-in .tf-header-actions .tf-header-auth-account,
  body:not(.logged-in) .tf-header-actions .tf-header-auth-signin {
    display: inline-flex;
  }

  body .tf-header-actions .tf-header-auth-signin,
  body .tf-header-actions .tf-header-auth-account {
    min-width: 68px;
  }

  body .tf-header-actions .tf-header-auth-signin::before,
  body .tf-header-actions .tf-header-auth-account::before {
    content: none;
    display: none;
    mask: none;
    -webkit-mask: none;
  }

  body .tf-header-actions .tf-button-primary,
  body .tf-header-actions a.tf-button-primary:last-child {
    background: var(--mm-color-primary);
    border-color: var(--mm-color-primary);
    font-size: 0;
    min-width: 38px;
    padding: 0;
    width: 38px;
  }

  body .tf-header-actions .tf-button-primary::before,
  body .tf-header-actions a.tf-button-primary:last-child::before {
    background: transparent;
    color: var(--mm-color-white);
    content: "+";
    display: block;
    font-size: 24px;
    font-weight: 900;
    height: auto;
    line-height: 1;
    mask: none;
    -webkit-mask: none;
    width: auto;
  }

  body .tf-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }
}
/* MMDF_END: mobile-header-fix */
/* MMDF_START: lads-profile-archive */
.tf-lads-page,.tf-lad-single{background:var(--mm-color-surface);color:var(--mm-color-white);min-height:100vh;overflow-x:hidden;padding-top:72px}.tf-lads-page *,.tf-lad-single *{box-sizing:border-box;letter-spacing:0}.tf-lads-hero,.tf-lad-profile-hero{background:var(--mm-color-surface);border-bottom:1px solid var(--mm-color-border-on-dark-faint);color:var(--mm-color-white);overflow:hidden;position:relative}.tf-lads-hero{padding-block:clamp(72px,12vw,132px) clamp(36px,7vw,70px)}.tf-lads-hero__inner{display:grid;gap:18px;max-width:840px}.tf-lads-eyebrow,.tf-lad-eyebrow{color:var(--mm-color-primary-hover);font-size:13px;font-weight:800;margin:0;text-transform:uppercase}.tf-lads-hero h1,.tf-lad-profile-hero h1{color:var(--mm-color-white);font-size:clamp(38px,6vw,72px);line-height:.98;margin:0;max-width:900px}.tf-lads-hero p,.tf-lad-hero-summary,.tf-lad-profile-copy p,.tf-lad-meta-strip,.tf-lads-card p{color:var(--mm-color-text-muted)}.tf-lads-hero p,.tf-lad-hero-summary{font-size:clamp(16px,1.7vw,20px);line-height:1.55;margin:0;max-width:720px}.tf-lads-archive{background:linear-gradient(180deg,var(--mm-color-surface) 0%,var(--mm-color-surface-muted) 54%,var(--mm-color-surface) 100%);padding-block:42px 70px}.tf-lads-toolbar{align-items:end;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.tf-lads-toolbar h2{color:var(--mm-color-white);font-size:clamp(24px,3vw,36px);margin:0}.tf-lads-toolbar p{color:var(--mm-color-text-muted);font-size:14px;line-height:1.5;margin:0;max-width:520px}.tf-lads-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.tf-lads-card{background:var(--mm-color-surface-muted);border:1px solid var(--mm-color-border-on-dark-soft);color:var(--mm-color-white);display:grid;min-width:0;overflow:hidden;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.tf-lads-card:hover,.tf-lads-card:focus-visible{background:var(--mm-color-surface-hover);border-color:var(--mm-color-brand-border);color:var(--mm-color-white);transform:translateY(-4px)}.tf-lads-card__image{aspect-ratio:1/1;background:var(--mm-color-border-on-dark-faint);display:block;overflow:hidden}.tf-lads-card__image img{display:block;height:100%;object-fit:cover;width:100%}.tf-lads-card__placeholder{align-items:center;color:var(--mm-color-text-muted);display:flex;font-size:12px;font-weight:800;height:100%;justify-content:center;line-height:1.25;padding:18px;text-align:center;text-transform:uppercase;width:100%}.tf-lads-card__body{display:grid;gap:8px;padding:14px}.tf-lads-card h3{color:var(--mm-color-white);font-size:18px;line-height:1.2;margin:0}.tf-lads-card p{font-size:12px;line-height:1.45;margin:0}.tf-lad-profile-hero{min-height:min(78vh,760px)}.tf-lad-profile-hero__media{inset:0;position:absolute;z-index:0}.tf-lad-profile-hero__media img{display:block;height:100%;object-fit:cover;object-position:center;opacity:.72;width:100%}.tf-lad-profile-hero__shade{background:linear-gradient(90deg,var(--mm-color-overlay-solid) 0%,var(--mm-color-overlay-strong) 40%,var(--mm-color-overlay-medium) 72%,var(--mm-color-overlay-solid) 100%),linear-gradient(0deg,var(--mm-color-surface) 0%,var(--mm-color-overlay-clear) 42%);inset:0;position:absolute;z-index:1}.tf-lad-profile-hero__inner{align-items:end;display:grid;gap:clamp(24px,5vw,54px);grid-template-columns:minmax(0,1fr) minmax(220px,330px);min-height:min(78vh,760px);padding-block:clamp(72px,12vw,132px) clamp(36px,7vw,70px);position:relative;z-index:2}.tf-lad-profile-hero__content{display:grid;gap:16px;min-width:0}.tf-lad-profile-card{background:rgba(5,7,11,.72);border:1px solid var(--mm-color-border-on-dark-strong);display:grid;gap:14px;padding:14px}.tf-lad-profile-card img{aspect-ratio:1/1;display:block;object-fit:cover;width:100%}.tf-lad-meta-strip{display:flex;flex-wrap:wrap;font-size:12px;font-weight:800;gap:10px;text-transform:uppercase}.tf-lad-profile-main{background:var(--mm-color-surface);padding-block:52px 76px}.tf-lad-profile-layout{align-items:start;display:grid;gap:clamp(24px,4vw,42px);grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.tf-lad-profile-copy{min-width:0}.tf-lad-profile-copy .wp-block-image{margin:30px 0}.tf-lad-profile-copy img{display:block;height:auto;max-width:100%;width:100%}.tf-lad-profile-copy p{font-size:16px;line-height:1.72;margin:0 0 18px}.tf-lad-profile-copy strong{color:var(--mm-color-white)}.tf-lad-profile-copy a{color:var(--mm-color-white);text-decoration:underline;text-underline-offset:3px}.tf-lad-profile-copy a:hover,.tf-lad-profile-copy a:focus-visible{color:var(--mm-color-primary)}.tf-lad-sidebar{display:grid;gap:18px;position:sticky;top:94px}.tf-lad-panel,.tf-lad-trailer{background:var(--mm-color-surface-muted);border:1px solid var(--mm-color-border-on-dark-soft);display:grid;gap:14px;padding:18px}.tf-lad-panel h2,.tf-lad-trailer h2{color:var(--mm-color-white);font-size:18px;margin:0}.tf-lad-panel p{color:var(--mm-color-text-muted);font-size:13px;line-height:1.55;margin:0}.tf-lad-social{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tf-lad-social__icon{align-items:center;background:var(--mm-color-border-on-dark-faint);border:1px solid var(--mm-color-border-on-dark-strong);color:var(--mm-color-white);display:inline-flex;height:42px;justify-content:center;width:42px}.tf-lad-social__icon svg{fill:currentColor;height:20px;width:20px}.tf-lad-social a:hover,.tf-lad-social a:focus-visible{background:var(--mm-color-primary);border-color:var(--mm-color-primary);color:var(--mm-color-white)}.tf-lad-social__icon--locked{opacity:.58}.tf-lad-social__notice{color:var(--mm-color-text-muted);flex-basis:100%;font-size:12px;line-height:1.45}.tf-lad-trailer__frame{aspect-ratio:16/9;background:var(--mm-color-border-on-dark-faint);overflow:hidden}.tf-lad-trailer iframe{border:0;display:block;height:100%;width:100%}@media (max-width:1100px){.tf-lads-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.tf-lad-profile-hero__inner,.tf-lad-profile-layout{grid-template-columns:1fr}.tf-lad-profile-card{max-width:320px}.tf-lad-sidebar{position:static}}@media (max-width:720px){.tf-lads-page,.tf-lad-single{padding-top:58px}.tf-lads-toolbar{align-items:start;flex-direction:column}.tf-lads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-lad-profile-hero,.tf-lad-profile-hero__inner{min-height:auto}.tf-lad-profile-hero__inner{padding-block:54px 36px}}@media (max-width:460px){.tf-lads-grid{grid-template-columns:1fr}}
/* MMDF_END: lads-profile-archive */
/* MMDF_START: lads-two-column-archive */
.tf-lads-template {
  background: #00152e;
  color: var(--mm-color-white);
  min-height: 100vh;
  overflow-x: hidden;
  padding-top: 72px;
}

.tf-lads-template * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.tf-lads-template-hero {
  background: linear-gradient(180deg, #00152e 0%, #031326 100%);
  border-bottom: 1px solid var(--mm-color-border-on-dark-faint);
  color: var(--mm-color-white);
  padding-block: clamp(54px, 8vw, 92px) 30px;
}

.tf-lads-template-hero__inner {
  display: grid;
  gap: 14px;
  max-width: 900px;
}

.tf-lads-template-kicker {
  color: var(--mm-color-primary-hover);
  font-size: 13px;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
}

.tf-lads-template-hero h1 {
  color: var(--mm-color-white);
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
  margin: 0;
}

.tf-lads-template-hero p {
  color: var(--mm-color-text-muted);
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.55;
  margin: 0;
  max-width: 720px;
}

.tf-lads-archive-shell {
  background: #00152e;
  padding-block: 34px 72px;
}

.tf-lads-content-layout {
  align-items: start;
  display: grid;
  gap: clamp(22px, 4vw, 34px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
}

.tf-lads-main-list,
.tf-lads-sidebar {
  min-width: 0;
}

.tf-lads-list {
  display: grid;
  gap: 22px;
}

.tf-lads-list-card {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  min-height: 164px;
  overflow: hidden;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.tf-lads-list-card:hover,
.tf-lads-list-card:focus-within {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(208, 0, 0, 0.58);
  transform: translateY(-2px);
}

.tf-lads-list-card__media {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  color: var(--mm-color-white);
  display: flex;
  justify-content: center;
  min-height: 164px;
  overflow: hidden;
  padding: 16px;
}

.tf-lads-list-card__media img {
  aspect-ratio: 1 / 1;
  background: #07182c;
  border: 10px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  display: block;
  height: auto;
  max-width: 128px;
  object-fit: cover;
  width: 100%;
}

.tf-lads-list-card__missing {
  color: var(--mm-color-text-muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
}

.tf-lads-list-card__body {
  align-content: center;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 24px 28px;
}

.tf-lads-list-card h2 {
  color: var(--mm-color-white);
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.1;
  margin: 0;
}

.tf-lads-list-card h2 a {
  color: inherit;
}

.tf-lads-list-card p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.tf-lads-list-card__button {
  align-items: center;
  background: #020812;
  color: var(--mm-color-white);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  justify-self: start;
  min-height: 34px;
  padding: 9px 14px;
  text-decoration: none;
}

.tf-lads-list-card__button:hover,
.tf-lads-list-card__button:focus-visible {
  background: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-lads-pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 28px;
}

.tf-lads-pagination .page-numbers {
  align-items: center;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--mm-color-white);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  min-height: 38px;
  min-width: 38px;
  padding: 9px 12px;
}

.tf-lads-pagination .page-numbers.current,
.tf-lads-pagination .page-numbers:hover,
.tf-lads-pagination .page-numbers:focus-visible {
  background: var(--mm-color-primary);
  border-color: var(--mm-color-primary);
  color: var(--mm-color-white);
}

.tf-lads-sidebar {
  display: grid;
  gap: 20px;
  position: sticky;
  top: 94px;
}

.tf-lads-side-box {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--mm-color-white);
  display: grid;
  gap: 12px;
  padding: 24px;
}

.tf-lads-side-box--accent {
  background: rgba(255, 255, 255, 0.1);
}

.tf-lads-side-box h2,
.tf-lads-side-box h3 {
  color: var(--mm-color-white);
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.15;
  margin: 0;
}

.tf-lads-side-box p {
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.tf-lads-side-box .tf-button-primary {
  justify-self: stretch;
  min-height: 42px;
}

.tf-lads-ad-slot {
  align-items: center;
  aspect-ratio: 16 / 9;
  background: rgba(255, 255, 255, 0.08);
  border: 1px dashed rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.66);
  display: flex;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .tf-lads-content-layout {
    grid-template-columns: 1fr;
  }

  .tf-lads-sidebar {
    position: static;
  }
}

@media (max-width: 700px) {
  .tf-lads-template {
    padding-top: 58px;
  }

  .tf-lads-list-card {
    grid-template-columns: 128px minmax(0, 1fr);
  }

  .tf-lads-list-card__media {
    min-height: 150px;
    padding: 12px;
  }

  .tf-lads-list-card__media img {
    border-width: 7px;
    max-width: 104px;
  }

  .tf-lads-list-card__body {
    padding: 18px;
  }
}

@media (max-width: 520px) {
  .tf-lads-list-card {
    grid-template-columns: 1fr;
  }

  .tf-lads-list-card__media img {
    max-width: 150px;
  }
}
/* MMDF_END: lads-two-column-archive */