.tt-spotlight-page {
  overflow: clip;
}
.tt-spotlight-campaign {
  width: 100%;
}
.tt-spotlight-campaign__hero {
  position: relative;
  display: grid;
  min-height: clamp(420px, 62vw, 820px);
  overflow: hidden;
  isolation: isolate;
}
.tt-spotlight-campaign__hero-image,
.tt-spotlight-campaign__hero-copy {
  grid-area: 1;
}
.tt-spotlight-campaign__hero-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  margin: 0;
}
.tt-spotlight-campaign__hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tt-spotlight-campaign__hero-copy {
  align-self: end;
  width: 100%;
  max-width: 760px;
  padding: clamp(32px, 7vw, 96px);
}
.tt-spotlight-campaign__nav {
  position: sticky;
  top: 38px;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px clamp(18px, 3vw, 44px);
  margin: 0;
  padding: 16px 24px;
}
.admin-bar .tt-spotlight-campaign__nav {
  top: 84px;
}
.tt-spotlight-campaign__section {
  padding: clamp(44px, 7vw, 96px) clamp(16px, 4vw, 64px) 0;
  scroll-margin-top: 96px;
}
.tt-spotlight-campaign__section:last-child {
  padding-bottom: clamp(52px, 8vw, 112px);
}
.tt-spotlight-campaign__grid {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 782px) {
  .tt-spotlight-campaign__nav {
    top: 42px;
  }
  .admin-bar .tt-spotlight-campaign__nav {
    top: 88px;
  }
}
@media screen and (min-width: 783px) {
  .tt-spotlight-campaign__nav {
    top: 42px;
  }
  .admin-bar .tt-spotlight-campaign__nav {
    top: 74px;
  }
}
@media only screen and (min-width: 992px) {
  .tt-spotlight-campaign__nav {
    top: 38px;
  }
  .admin-bar .tt-spotlight-campaign__nav {
    top: 70px;
  }
}
@media (max-width: 575px) {
  .tt-spotlight-campaign__nav {
    gap: 8px 18px;
    padding-inline: 16px;
  }
}
.tt-spotlight-card-modal.tt-spotlight-campaign--metal-month-2026 {
  background-color: #fff;
  max-height: 90% !important;
}
.tt-spotlight-card-modal.tt-spotlight-campaign--metal-month-2026.tt-spotlight-card-modal--preview-hero {
  max-width: calc(1456px + 476px);
}
.tt-spotlight-card-modal.tt-spotlight-campaign--metal-month-2026.tt-spotlight-card-modal--preview-one {
  max-width: calc(1456px + 476px);
}
.tt-spotlight-card-modal.tt-spotlight-campaign--metal-month-2026.tt-spotlight-card-modal--preview-wide {
  max-width: calc(740px + 476px);
}
.tt-spotlight-card-modal.tt-spotlight-campaign--metal-month-2026.tt-spotlight-card-modal--preview-standard {
  max-width: calc(473px + 476px);
}
.tt-spotlight-card-modal.tt-spotlight-campaign--metal-month-2026.tt-spotlight-card-modal--preview-compact {
  max-width: calc(350px + 476px);
}
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 1480px;
  }
}
body.tt-spotlight-theme--metal-month-2026,
.tt-spotlight-post,
.tt-spotlight-page {
  background: #eee9e3;
  color: #040404;
}
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--standard h2,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--standard h2,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--compact h2,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--compact h2,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--standard h3,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--standard h3,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--compact h3,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--compact h3,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--standard h4,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--standard h4,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--compact h4,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--compact h4 {
  color: #fff;
  font-size: 48px;
  line-height: 42px;
}
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--standard p,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--standard p,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--compact p,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--compact p {
  color: #fff;
}
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--wide h2,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--wide h2,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--wide h3,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--wide h3,
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--wide h4,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--wide h4 {
  color: #fff;
  /*
                font-size: 48px;
                line-height: 43px;

                @media @wide {
                    font-size: 76px;
                    line-height: 74px;
                }*/
  font-size: clamp(3rem, 3vw, 3.75rem);
  line-height: 1;
}
.tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--wide p,
.tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--wide p {
  color: #fff;
  margin-top: 2px;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 1400px) {
  .tt-spotlight-card.tt-spotlight-card--type-product.tt-spotlight-card--wide p,
  .tt-spotlight-card.tt-spotlight-card--type-youtube.tt-spotlight-card--wide p {
    font-size: 22px;
    line-height: 28px;
  }
}
.tt-spotlight-card--type-product.tt-spotlight-card--wide {
  color: #eee9e3;
}
.tt-spotlight-card--type-product.tt-spotlight-card--wide .tt-spotlight-card__product-copy p {
  max-width: 80%;
}
.tt-spotlight-compact.tt-spotlight-theme--metal-month-2026 span {
  color: #ef5b49;
}
.tt-spotlight-campaign--metal-month-2026 {
  background: #eee9e3;
  color: #040404;
}
.tt-spotlight-campaign--metal-month-2026 h1:not(.not-responsive):not(.components-modal__header-heading) {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #151412;
  font-size: 74px;
  line-height: 56px;
  padding-top: 14px;
}
@media (min-width: 576px) {
  .tt-spotlight-campaign--metal-month-2026 h1:not(.not-responsive):not(.components-modal__header-heading) {
    font-size: 100px;
    line-height: 75px;
    padding-top: 42px;
  }
}
@media only screen and (min-width: 992px) {
  .tt-spotlight-campaign--metal-month-2026 h1:not(.not-responsive):not(.components-modal__header-heading) {
    font-size: 166px;
    line-height: 122px;
  }
}
@media only screen and (min-width: 1200px) {
  .tt-spotlight-campaign--metal-month-2026 h1:not(.not-responsive):not(.components-modal__header-heading) {
    font-size: 200px;
    line-height: 150px;
  }
}
@media only screen and (min-width: 1400px) {
  .tt-spotlight-campaign--metal-month-2026 h1:not(.not-responsive):not(.components-modal__header-heading) {
    font-size: 240px;
    line-height: 180px;
  }
}
.tt-spotlight-campaign--metal-month-2026 .red-heading {
  display: block;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #97211F;
  font-size: 18px;
  line-height: 18px;
  margin-left: 2px;
}
@media (min-width: 576px) {
  .tt-spotlight-campaign--metal-month-2026 .red-heading {
    font-size: 24px;
    line-height: 20px;
    margin-left: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .tt-spotlight-campaign--metal-month-2026 .red-heading {
    font-size: 32px;
    line-height: 24px;
    margin-left: 6px;
  }
}
@media only screen and (min-width: 1200px) {
  .tt-spotlight-campaign--metal-month-2026 .red-heading {
    font-size: 48px;
    line-height: 44px;
    margin-left: 8px;
  }
}
.tt-spotlight-campaign--metal-month-2026 .font-bebas-neue,
.tt-spotlight-campaign--metal-month-2026 .font-bebas-neue strong {
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-campaign__header .header-container {
  height: 50px;
  background-image: url('https://cdn.toontrack.com/app/uploads/jpg/mm-top-image.jpg');
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height: 150px;
}
@media (min-width: 576px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-campaign__header .header-container {
    min-height: 230px;
  }
}
@media only screen and (min-width: 768px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-campaign__header .header-container {
    background-image: url('https://cdn.toontrack.com/app/uploads/jpg/mm-top-photo.jpg');
    min-height: 230px;
  }
}
@media only screen and (min-width: 992px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-campaign__header .header-container {
    min-height: 320px;
  }
}
@media only screen and (min-width: 1200px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-campaign__header .header-container {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1400px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-campaign__header .header-container {
    min-height: 540px;
  }
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section {
  padding-top: 1rem;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark {
  background-color: #151412;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark h1,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark h1,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark h2,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark h2,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark h3,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark h3,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark h4,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark h4,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark h5,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark h5,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark p,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark p {
  color: #eee9e3 !important;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark .custom-tag,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark .custom-tag {
  background-color: #97211F;
  color: #eee9e3;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark .tt-spotlight-card,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark .tt-spotlight-card,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row.mm-dark .tt-spotlight-grid-editor__slot,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-section.mm-dark .tt-spotlight-grid-editor__slot {
  border-color: #2C2C2C;
  background-color: #151412;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card {
  border: 1px solid #BEBAB6;
  background: #eee9e3;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h2,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h3,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h4 {
  font-family: 'ConduitITCW01-ExtraBold_731262', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h2 {
  font-size: 48px;
  line-height: 43px;
}
@media only screen and (min-width: 992px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h2 {
    font-size: 76px;
    line-height: 60px;
  }
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h3 {
  font-size: 36px;
  line-height: 30px;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card h4 {
  font-size: 24px;
  line-height: 24px;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--hero:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2 {
  color: #040404;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--wide:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2 {
  color: #040404;
  font-size: 36px;
  line-height: 30px;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--standard:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--compact:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2 {
  color: #040404;
  font-size: 24px;
  line-height: 24px;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card p {
  color: inherit;
  font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--hero:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) p,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--wide:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) p,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--standard:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) p,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--compact:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) p {
  color: #040404;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card .mm-red {
  color: #97211F !important;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card .custom-tag {
  display: inline-flex;
  flex: 0 0 auto;
  /* align-items: center; */
  /* justify-content: center; */
  padding: 2px 9px;
  background: #040404;
  color: #eee9e3;
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.no-border {
  border: none !important;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) h2,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) h3,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) h4,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) p {
  color: #eee9e3;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) p {
  min-height: 1.4em;
  margin: 0;
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) h2 {
  font-size: 48px;
  line-height: 43px;
}
@media only screen and (min-width: 992px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-card.tt-spotlight-card--one:not(.tt-spotlight-card--type-product) h2 {
    font-size: 50px;
    line-height: 43px;
  }
}
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid__row--feature-trio .tt-spotlight-card--wide:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2,
.tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row--feature-trio .tt-spotlight-card--wide:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2 {
  font-size: 48px;
  line-height: 43px;
}
@media only screen and (min-width: 768px) {
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid__row--feature-trio .tt-spotlight-card--wide:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2,
  .tt-spotlight-campaign--metal-month-2026 .tt-spotlight-grid-editor__row--feature-trio .tt-spotlight-card--wide:not(.tt-spotlight-card--type-product):not(.tt-spotlight-card--type-youtube) h2 {
    font-size: 53px;
    line-height: 43px;
  }
}