/* Theme image toggles — loaded after main.css */

@media only screen and (max-width: 767px) {
  .mxd-header {
    width: calc(100% - 5rem);
  }

  .hero-01-image {
    display: block;
  }

  .hero-01-image.image-01 {
    width: 96px;
    top: -24%;
    left: -6%;
  }

  .hero-01-image.image-02 {
    width: 56px;
    top: -8%;
    right: 0;
  }

  .hero-01-image.image-03 {
    width: 66px;
    bottom: 0;
    left: 6%;
  }

  .hero-01-image img {
    width: 100%;
    height: auto;
  }

  .mxd-stats-cards__image {
    top: 26rem;
  }

  .pin-spacer {
    padding-top: 0 !important;
  }

  .stack-offset {
    height: 5rem;
  }

  .stack-wrapper.in-content-stack {
    margin-top: -9rem;
  }

  .tag-default {
    height: auto;
    min-height: 3.2rem;
    line-height: 1.5;
    padding: 0.55rem 1.2rem;
    white-space: normal;
    text-align: center;
    max-width: 100%;
  }

  .stack-item {
    cursor: pointer;
  }

  .stack-item__flip-btn {
    position: absolute;
    right: 2rem;
    bottom: 6rem;
    z-index: 5;
    pointer-events: auto;
    flex-shrink: 0;
  }

  .stack-item__flip-btn__icon {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background-color: currentColor;
    -webkit-mask-image: url(/img/flip.png);
    mask-image: url(/img/flip.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .stack-item__flip {
    width: 100%;
    height: 100%;
    perspective: 1200px;
  }

  .stack-item__flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s var(--_animbezier);
  }

  .stack-item.is-flipped .stack-item__flip-inner {
    transform: rotateY(180deg);
  }

  .stack-item__face {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .stack-item__face--front {
    z-index: 2;
    transform: rotateY(0deg);
  }

  .stack-item__face--front .mxd-services-stack__inner {
    height: 100%;
  }

  .stack-item__face--back {
    transform: rotateY(180deg);
    overflow: hidden;
    border-radius: var(--_radius-l);
  }

  .stack-item__face--back.radius-dark {
    border-radius: 3.6rem;
  }

  .stack-item__back-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .services-stack__image--desktop {
    display: none !important;
  }

  .mxd-footer__footer-blocks .mxd-point-subtitle {
    font-size: 2rem;
    line-height: 1.3;
  }

  .mxd-footer__footer-blocks .footer-contact-icon {
    font-size: 1.5rem;
  }

  .marquee__item.one-line.item-regular {
    margin-right: 1rem;
  }

  .marquee__item.one-line.item-regular .marquee__text {
    font: normal var(--fw-regular) 3.6rem/1.2 var(--_font-accent);
    margin-right: 1rem;
    letter-spacing: -0.04rem;
  }

  .marquee__item.one-line.item-regular .marquee__image {
    width: 2.8rem;
    height: 2.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .stack-item__flip-btn {
    display: none !important;
  }

  .stack-item__flip,
  .stack-item__flip-inner {
    width: 100%;
    height: 100%;
  }

  .stack-item__face--front {
    position: static;
    height: 100%;
  }

  .stack-item__face--back {
    display: none;
  }
}

.mxd-header__logo .mxd-logo__image.mxd-logo__image--dark {
  display: none;
}

:root[color-scheme="dark"] .mxd-header__logo .mxd-logo__image.mxd-logo__image--light {
  display: none;
}

:root[color-scheme="dark"] .mxd-header__logo .mxd-logo__image.mxd-logo__image--dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([color-scheme="light"]) .mxd-header__logo .mxd-logo__image.mxd-logo__image--light {
    display: none;
  }

  :root:not([color-scheme="light"]) .mxd-header__logo .mxd-logo__image.mxd-logo__image--dark {
    display: block;
  }
}

.mxd-footer__text-wrap .mxd-footer__fullwidth-text.anim-top-to-bottom .mxd-footer__svg-v2.mxd-footer__wordmark--dark {
  display: none;
}

:root[color-scheme="dark"] .mxd-footer__text-wrap .mxd-footer__fullwidth-text.anim-top-to-bottom .mxd-footer__svg-v2.mxd-footer__wordmark--light {
  display: none;
}

:root[color-scheme="dark"] .mxd-footer__text-wrap .mxd-footer__fullwidth-text.anim-top-to-bottom .mxd-footer__svg-v2.mxd-footer__wordmark--dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([color-scheme="light"]) .mxd-footer__text-wrap .mxd-footer__fullwidth-text.anim-top-to-bottom .mxd-footer__svg-v2.mxd-footer__wordmark--light {
    display: none;
  }

  :root:not([color-scheme="light"]) .mxd-footer__text-wrap .mxd-footer__fullwidth-text.anim-top-to-bottom .mxd-footer__svg-v2.mxd-footer__wordmark--dark {
    display: block;
  }
}

.btn-rotating .btn-rotating__image.btn-rotating__image--dark {
  display: none;
}

:root[color-scheme="dark"] .btn-rotating .btn-rotating__image.btn-rotating__image--light {
  display: none;
}

:root[color-scheme="dark"] .btn-rotating .btn-rotating__image.btn-rotating__image--dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([color-scheme="light"]) .btn-rotating .btn-rotating__image.btn-rotating__image--light {
    display: none;
  }

  :root:not([color-scheme="light"]) .btn-rotating .btn-rotating__image.btn-rotating__image--dark {
    display: block;
  }
}

/* Parallax divider — single image, no repeat on small screens */
.mxd-divider__image.divider-image-1 {
  background-image: none;
}

.mxd-divider__image.divider-image-1 img.parallax-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
}

@media only screen and (max-width: 767px) {
  .mxd-divider__image.divider-image-1 img.parallax-img {
    object-fit: cover !important;
  }
}

/* CTA + footer logo scroll transition */
.mxd-promo {
  position: relative;
  z-index: 1;
}

.mxd-promo__bg {
  background-image: url(/img/support.png);
}

/* CTA promo title — responsive across breakpoints */
.mxd-promo__title {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.8rem, 1.5vw, 1.2rem);
  width: 100%;
  max-width: 100%;
}

.mxd-promo__icon {
  flex-shrink: 0;
  padding-right: 0;
  line-height: 1;
}

.mxd-promo__icon img {
  display: block;
  width: auto;
  height: clamp(2.6rem, 2.5vw + 1.6rem, 5rem);
}

.mxd-promo__caption {
  flex: 1;
  min-width: 0;
  font-size: clamp(2.6rem, 2.2vw + 1.6rem, 6rem);
  line-height: 1.15;
  letter-spacing: -0.06rem;
}

@media only screen and (min-width: 768px) {
  .mxd-promo__title {
    width: 88%;
  }

  .mxd-promo__caption {
    line-height: 1.12;
  }
}

@media only screen and (min-width: 992px) {
  .mxd-promo__title {
    width: 78%;
  }
}

@media only screen and (min-width: 1200px) {
  .mxd-promo__title {
    width: 70%;
  }
}

@media only screen and (min-width: 1400px) {
  .mxd-promo__caption {
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1600px) {
  .mxd-promo__title {
    width: 48%;
  }

  .mxd-promo__caption {
    line-height: 1.25;
  }
}

@media only screen and (max-width: 1439px) {
  .mxd-promo__bg {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .mxd-promo__inner {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 36rem;
  }

  .mxd-promo__content {
    align-items: center;
    margin: 10rem 0;
    gap: 4rem;
  }

  .mxd-promo__title {
    justify-content: center;
    max-width: 34rem;
    margin-inline: auto;
  }

  .mxd-promo__controls {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

.mxd-footer__text-wrap {
  margin-top: -2rem;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .mxd-footer__text-wrap {
    margin-top: -2rem;
  }
}

.mxd-footer__footer-blocks {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

.hero-07-info__controls {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media only screen and (max-width: 767px) {
  .mxd-hero-07__circle {
    height: 400px;
  }

  .hero-07-circle__item {
    padding: 1rem 2rem;
  }

  .mxd-hero-07__info {
    gap: 7rem;
  }

  .hero-07-info__controls {
    margin: 3.2rem;
  }

  .hero-07-circle__container.mobile-row {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .hero-07-circle__item--cta {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .hero-07-info__controls--circle {
    margin: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .hero-07-info__controls {
    align-items: center;
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-07-info__controls {
    align-items: flex-start;
  }
}

/* Hero #07 marquee — reduce text size on mobile and tablet */
@media only screen and (max-width: 767px) {
  .mxd-hero-07__marquee .marquee__item .marquee__text {
    font: normal var(--fw-regular) 3.6rem/1.2 var(--_font-accent) !important;
    margin-right: 1rem;
    letter-spacing: -0.04rem;
  }

  .mxd-hero-07__marquee .marquee__item .marquee__image {
    width: 2.8rem !important;
    height: 2.8rem !important;
  }

  .mxd-hero-07__marquee .marquee__item.one-line.item-regular {
    margin-right: 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .mxd-hero-07__marquee .marquee__item .marquee__text {
    font: normal var(--fw-regular) 5.6rem/1.2 var(--_font-accent) !important;
    margin-right: 1.6rem;
    letter-spacing: -0.04rem;
  }

  .mxd-hero-07__marquee .marquee__item .marquee__image {
    width: 4rem !important;
    height: 4rem !important;
  }
}