@font-face {
  font-family: "Heatwood";
  src: url("../../fonts/Heatwood.woff2") format("woff2");
  font-display: swap;
}

/* Alternating booth-service collection. The contour canvas and cream section
   remain owned by .msx-section; only the former four-tile grid is replaced. */
.msx-booth-services {
  --msx-service-coral: #d6565f;
  --msx-service-ink: #171917;
  position: relative;
  left: 50%;
  z-index: 4;
  display: grid;
  width: min(70.5vw, 1110px);
  margin: clamp(58px, 6vw, 96px) 0 0;
  gap: clamp(28px, 3vw, 42px);
  opacity: 0;
  transform: translate3d(-50%, 48px, 0);
  transition: transform 1.02s var(--msx-awards-ease) .62s, opacity .8s ease .62s;
}

.msx-awards-shell.is-visible .msx-booth-services {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
}

.msx-booth-service {
  position: relative;
  display: grid;
  min-height: clamp(430px, 38vw, 620px);
  overflow: hidden;
  padding: 2px;
  border: 0;
  border-radius: clamp(22px, 2vw, 30px);
  background: #f4f0e7;
  box-shadow: 0 20px 55px rgba(43, 31, 27, .12), 0 4px 14px rgba(43, 31, 27, .08);
  isolation: isolate;
  transition: transform 350ms cubic-bezier(.22, .61, .36, 1), box-shadow 350ms cubic-bezier(.22, .61, .36, 1);
}

.msx-booth-service::after {
  position: absolute;
  inset: 0;
  z-index: 20;
  border: 2px solid #f4f0e7;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.msx-booth-service--image-left {
  grid-template-areas: "media content";
  grid-template-columns: minmax(0, 56%) minmax(0, 44%);
}

.msx-booth-service--image-right {
  grid-template-areas: "content media";
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
}

.msx-booth-service__media {
  position: relative;
  z-index: 2;
  grid-area: media;
  min-width: 0;
  overflow: hidden;
  background: var(--msx-service-coral);
}

.msx-booth-service__media::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
  pointer-events: none;
}

.msx-booth-service--image-left .msx-booth-service__media::after {
  background: linear-gradient(to right, transparent 0%, transparent 84%, rgba(214, 86, 95, .35) 91%, var(--msx-service-coral) 100%);
}

.msx-booth-service--image-right .msx-booth-service__media::after {
  background: linear-gradient(to left, transparent 0%, transparent 84%, rgba(214, 86, 95, .35) 91%, var(--msx-service-coral) 100%);
}

.msx-booth-service__media img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--msx-service-image-position, 50% 50%);
  transition: transform 520ms cubic-bezier(.22, .61, .36, 1);
}

@supports ((-webkit-mask-image: linear-gradient(#000, transparent)) or (mask-image: linear-gradient(#000, transparent))) {
  .msx-booth-service--image-left .msx-booth-service__media {
    -webkit-mask-image: linear-gradient(to right, #000 0%, #000 86%, rgba(0, 0, 0, .96) 89%, rgba(0, 0, 0, .72) 93%, rgba(0, 0, 0, .28) 97%, transparent 100%);
    mask-image: linear-gradient(to right, #000 0%, #000 86%, rgba(0, 0, 0, .96) 89%, rgba(0, 0, 0, .72) 93%, rgba(0, 0, 0, .28) 97%, transparent 100%);
  }

  .msx-booth-service--image-right .msx-booth-service__media {
    -webkit-mask-image: linear-gradient(to left, #000 0%, #000 86%, rgba(0, 0, 0, .96) 89%, rgba(0, 0, 0, .72) 93%, rgba(0, 0, 0, .28) 97%, transparent 100%);
    mask-image: linear-gradient(to left, #000 0%, #000 86%, rgba(0, 0, 0, .96) 89%, rgba(0, 0, 0, .72) 93%, rgba(0, 0, 0, .28) 97%, transparent 100%);
  }

  .msx-booth-service__media::after {
    opacity: 0;
  }
}

.msx-booth-service__content {
  position: relative;
  z-index: 1;
  display: flex;
  grid-area: content;
  min-width: 0;
  padding: clamp(34px, 4vw, 64px) clamp(30px, 4.2vw, 68px);
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: var(--msx-service-coral);
  color: var(--msx-service-ink);
}

.msx-booth-service__number {
  margin: 0 0 clamp(12px, 1.4vw, 20px);
  color: rgba(23, 25, 23, .62);
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(10px, .78vw, 12px);
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.3;
  text-transform: uppercase;
}

.msx-booth-service__title {
  max-width: 100%;
  margin: 0;
  color: var(--msx-service-ink);
  font-family: Marcellus, Georgia, serif;
  font-size: clamp(42px, 4.4vw, 72px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .92;
  text-transform: uppercase;
  text-wrap: nowrap;
  white-space: nowrap;
}

.msx-booth-service__tagline {
  margin: clamp(28px, 2.2vw, 36px) 0 0;
  color: #fff;
  font-family: Heatwood, cursive;
  font-size: clamp(24px, 2.2vw, 36px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: .88;
  white-space: nowrap;
  text-shadow: 0 0 14px rgba(255, 255, 255, .16);
}

.msx-booth-service__sr-context,
.cbc-local-experts__sr-context {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.msx-booth-service__description {
  max-width: 46ch;
  margin: clamp(17px, 1.7vw, 25px) 0 0;
  color: rgba(23, 25, 23, .92);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 1.62;
}

.msx-booth-service__features {
  display: grid;
  width: 100%;
  margin-top: clamp(24px, 2.5vw, 38px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(10px, 1.2vw, 18px);
}

.msx-booth-service__feature {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.msx-booth-service__icon-ring {
  display: grid;
  width: clamp(44px, 3.8vw, 56px);
  height: clamp(44px, 3.8vw, 56px);
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 50%;
  place-items: center;
  box-shadow: 0 0 5px rgba(255, 255, 255, .58), 0 0 13px rgba(255, 255, 255, .24), inset 0 0 8px rgba(255, 255, 255, .1);
  transition: box-shadow 350ms cubic-bezier(.22, .61, .36, 1), transform 350ms cubic-bezier(.22, .61, .36, 1);
}

.msx-booth-service__icon {
  width: clamp(22px, 2vw, 29px);
  height: clamp(22px, 2vw, 29px);
  color: #fff;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, .95)) drop-shadow(0 0 7px rgba(255, 255, 255, .72)) drop-shadow(0 0 15px rgba(255, 255, 255, .38));
  transition: filter 350ms cubic-bezier(.22, .61, .36, 1), transform 350ms cubic-bezier(.22, .61, .36, 1);
}

.msx-booth-service__feature-label {
  margin-top: 9px;
  color: rgba(23, 25, 23, .88);
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(8px, .66vw, 10px);
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.msx-booth-service__button {
  display: inline-flex;
  min-height: 48px;
  margin-top: clamp(25px, 2.6vw, 38px);
  padding: 12px 20px;
  border: 1px solid rgba(23, 25, 23, .8);
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: transparent;
  color: var(--msx-service-ink);
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(10px, .8vw, 12px);
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 250ms ease, background 250ms ease, border-color 250ms ease, transform 250ms ease;
}

.msx-booth-service__button-arrow {
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  transition: transform 250ms cubic-bezier(.22, .61, .36, 1);
}

.msx-booth-service:hover,
.msx-booth-service:focus-within {
  box-shadow: 0 28px 64px rgba(43, 31, 27, .16), 0 7px 18px rgba(43, 31, 27, .1);
  transform: translateY(-6px);
}

.msx-booth-service:hover .msx-booth-service__media img,
.msx-booth-service:focus-within .msx-booth-service__media img {
  transform: scale(1.025);
}

.msx-booth-service:hover .msx-booth-service__icon-ring,
.msx-booth-service:focus-within .msx-booth-service__icon-ring {
  box-shadow: 0 0 7px rgba(255, 255, 255, .75), 0 0 18px rgba(255, 255, 255, .34), inset 0 0 10px rgba(255, 255, 255, .14);
  transform: translateY(-2px);
}

.msx-booth-service:hover .msx-booth-service__icon,
.msx-booth-service:focus-within .msx-booth-service__icon {
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1)) drop-shadow(0 0 9px rgba(255, 255, 255, .82)) drop-shadow(0 0 18px rgba(255, 255, 255, .46));
}

.msx-booth-service__button:hover,
.msx-booth-service__button:focus-visible {
  border-color: var(--msx-service-ink);
  background: var(--msx-service-ink);
  color: #fff;
  outline: none;
}

.msx-booth-service__button:hover .msx-booth-service__button-arrow,
.msx-booth-service__button:focus-visible .msx-booth-service__button-arrow {
  transform: translateX(4px);
}

.msx-booth-service__button:focus-visible {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .75);
}

@media (min-width: 1200px) {
  .msx-booth-services {
    width: min(76.8vw, 1248px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 1.5vw, 24px);
  }

  .msx-booth-service {
    min-height: 0;
  }

  .msx-booth-service--image-left,
  .msx-booth-service--image-right {
    grid-template-areas: "media" "content";
    grid-template-columns: 1fr;
  }

  .msx-booth-service--image-left .msx-booth-service__media::after,
  .msx-booth-service--image-right .msx-booth-service__media::after {
    background: linear-gradient(to bottom, transparent 0%, transparent 84%, rgba(214, 86, 95, .35) 92%, var(--msx-service-coral) 100%);
  }

  @supports ((-webkit-mask-image: linear-gradient(#000, transparent)) or (mask-image: linear-gradient(#000, transparent))) {
    .msx-booth-service--image-left .msx-booth-service__media,
    .msx-booth-service--image-right .msx-booth-service__media {
      -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 88%, rgba(0, 0, 0, .75) 94%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 0%, #000 88%, rgba(0, 0, 0, .75) 94%, transparent 100%);
    }
  }

  .msx-booth-service__media {
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .msx-booth-service__content {
    display: grid;
    margin-top: -1px;
    padding: clamp(18px, 1.5vw, 24px) clamp(30px, 2.6vw, 42px) clamp(16px, 1.4vw, 22px);
    grid-template-areas:
      "title title"
      "tagline tagline"
      "features button";
    grid-template-columns: minmax(0, 1fr) clamp(170px, 15vw, 230px);
    align-items: center;
    column-gap: clamp(14px, 1.5vw, 24px);
    row-gap: clamp(6px, .6vw, 10px);
    justify-content: stretch;
  }

  .msx-booth-service__title {
    grid-area: title;
    font-size: clamp(31.5px, 2.835vw, 46.2px);
    letter-spacing: -.035em;
    line-height: .92;
  }

  .msx-booth-service__tagline {
    grid-area: tagline;
    max-width: 100%;
    margin-top: 0;
    font-size: clamp(14.4px, 1.24vw, 20.8px);
    letter-spacing: 0;
    line-height: .86;
    white-space: nowrap;
  }

  .msx-booth-service__features {
    grid-area: features;
    margin-top: clamp(6px, .6vw, 10px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.2vw, 18px);
  }

  .msx-booth-service__icon-ring {
    width: clamp(42px, 3vw, 58px);
    height: clamp(42px, 3vw, 58px);
  }

  .msx-booth-service__icon {
    width: clamp(20px, 1.6vw, 28px);
    height: clamp(20px, 1.6vw, 28px);
  }

  .msx-booth-service__feature-label {
    margin-top: 8px;
    font-size: clamp(8px, .62vw, 10px);
  }

  .msx-booth-service__button {
    grid-area: button;
    width: 100%;
    min-height: 66px;
    margin-top: clamp(6px, .6vw, 10px);
    padding: 12px 10px;
    align-self: center;
    gap: 8px;
    font-size: clamp(8px, .62vw, 10px);
    letter-spacing: .08em;
    white-space: nowrap;
  }

  .msx-booth-service__button-arrow {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  .msx-booth-service__content {
    min-height: clamp(180px, 13.8vw, 210px);
    padding: clamp(14px, 1vw, 18px) clamp(30px, 2.6vw, 42px) clamp(10px, .8vw, 14px);
    grid-template-areas:
      "title"
      "tagline"
      "action";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(66px, 1fr);
    row-gap: clamp(5px, .45vw, 8px);
  }

  .msx-booth-service__features,
  .msx-booth-service__button {
    grid-area: action;
  }

  .msx-booth-service__features {
    width: 100%;
    margin-top: clamp(4px, .35vw, 7px);
    align-self: end;
    gap: clamp(7px, .8vw, 12px);
    opacity: 1;
    visibility: visible;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
    transition:
      opacity 320ms ease,
      filter 420ms ease,
      transform 480ms cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear;
  }

  .msx-booth-service__feature {
    justify-content: start;
  }

  .msx-booth-service__icon-ring {
    width: clamp(38px, 3vw, 48px);
    height: clamp(38px, 3vw, 48px);
  }

  .msx-booth-service__icon {
    width: clamp(18px, 1.45vw, 23px);
    height: clamp(18px, 1.45vw, 23px);
  }

  .msx-booth-service__feature-label {
    max-width: 13ch;
    margin-top: 6px;
    font-size: clamp(7px, .58vw, 9px);
    line-height: 1.2;
  }

  .msx-booth-service__button {
    position: relative;
    justify-self: start;
    align-self: start;
    width: min(48%, 210px);
    min-height: clamp(46px, 3.2vw, 52px);
    margin: clamp(10px, .75vw, 14px) 0 0;
    padding: 8px 18px;
    overflow: hidden;
    border: 2px solid #f4f0e7;
    background: var(--msx-service-ink);
    color: #f4f0e7;
    font-family: Heatwood, cursive;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 14px 30px rgba(23, 25, 23, .13);
    transform: translate3d(0, 14px, 0) scale(.975);
    transition:
      opacity 360ms ease 40ms,
      transform 520ms cubic-bezier(.22, 1, .36, 1) 40ms,
      box-shadow 320ms ease,
      visibility 0s linear 420ms;
  }

  .msx-booth-service__button::before {
    position: absolute;
    inset: 5px;
    border: 1px solid #f4f0e7;
    content: "";
    pointer-events: none;
  }

  .msx-booth-service__button > span:first-child {
    position: relative;
    z-index: 1;
  }

  .msx-booth-service__button-arrow {
    display: none;
  }

  .msx-booth-service:hover .msx-booth-service__features,
  .msx-booth-service:focus-within .msx-booth-service__features {
    opacity: 0;
    visibility: hidden;
    filter: blur(2px);
    transform: translate3d(0, -8px, 0) scale(.985);
    transition:
      opacity 260ms ease,
      filter 340ms ease,
      transform 400ms cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear 300ms;
  }

  .msx-booth-service:hover .msx-booth-service__button,
  .msx-booth-service:focus-within .msx-booth-service__button {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
    transition:
      opacity 380ms ease 100ms,
      transform 560ms cubic-bezier(.22, 1, .36, 1) 80ms,
      box-shadow 320ms ease,
      visibility 0s linear;
  }

  .msx-booth-service:hover .msx-booth-service__button:hover,
  .msx-booth-service:focus-within .msx-booth-service__button:focus-visible {
    box-shadow:
      0 18px 34px rgba(23, 25, 23, .2);
  }
}

/* Homepage mobile refinement: preserve desktop, tighten only the phone layout. */
@media (max-width: 767px) {
  .msx-photo-main {
    top: 12px !important;
  }

  .msx-overlap-card {
    top: clamp(190px, 52vw, 232px) !important;
    transform: translate3d(0, var(--msx-shift, 0), 0) !important;
  }

  .msx-button-wrap--mobile {
    top: clamp(242px, 66vw, 292px) !important;
  }

  .msx-awards-script {
    top: clamp(16px, 4.5vw, 25px) !important;
    left: clamp(126px, 38vw, 164px) !important;
  }

  .msx-section--services-only {
    padding-top: 0;
  }

  .msx-section--services-only .msx-booth-services {
    margin-top: -14px;
    gap: 18px;
  }

  .msx-booth-service__media {
    height: clamp(180px, 52vw, 270px);
  }

  .msx-booth-service__content {
    min-height: 0;
    padding: 12px 18px 16px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .msx-booth-service__title {
    font-size: clamp(23px, 6.6vw, 29px);
  }

  .msx-booth-service__tagline {
    margin-top: 3px;
    font-size: clamp(11px, 3.2vw, 14px);
    line-height: .9;
  }

  .msx-booth-service__features {
    display: none !important;
  }

  .msx-booth-service__button {
    position: relative;
    width: min(160px, 100%);
    min-height: 42px;
    margin-top: 12px;
    padding: 8px 14px;
    border: 2px solid #f4f0e7;
    background: #171917;
    color: #f4f0e7;
    font-family: "Heatwood", "Marcellus", serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
  }

  .msx-booth-service__button::before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid #f4f0e7;
    pointer-events: none;
  }

  .msx-booth-service__button > span:first-child {
    position: relative;
    z-index: 1;
    transform: translateY(.16em);
  }

  .msx-booth-service__button-arrow {
    display: none;
  }

  .msx-booth-services-cta {
    border-color: #fff;
    background: #d6565f;
    color: #fff;
    box-shadow: 0 8px 22px rgba(214, 86, 95, .22);
  }

  .msx-booth-services-cta::before {
    border-color: #fff;
  }
}

/* Mobile-only visual alignment requested for the homepage intro and booth cards. */
@media (max-width: 767px) {
  body.cbc-homepage .msx-heading-mark {
    left: clamp(172px, 55vw, 236px);
  }

  body.cbc-homepage .msx-awards-script {
    left: clamp(146px, 43vw, 188px) !important;
    top: clamp(30px, 8.5vw, 42px) !important;
  }

  body.cbc-homepage .msx-booth-service__content {
    padding-top: 25px !important;
  }

  body.cbc-homepage .msx-booth-service__title {
    font-size: clamp(26.45px, 7.59vw, 33.35px);
  }

  body.cbc-homepage .msx-booth-service__button {
    font-family: Montserrat, Poppins, Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.cbc-homepage .msx-booth-service__button > span:first-child {
    transform: translateY(.08em);
  }

  body.cbc-homepage .msx-booth-services-cta {
    font-family: Montserrat, Poppins, Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.cbc-homepage .msx-booth-services-cta > span {
    transform: translateY(.08em);
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .msx-booth-services {
    width: min(94vw, 980px);
    gap: 30px;
  }

  .msx-booth-service {
    min-height: clamp(500px, 62vw, 590px);
  }

  .msx-booth-service--image-left,
  .msx-booth-service--image-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .msx-booth-service__content {
    padding: clamp(28px, 4vw, 44px) clamp(24px, 3.6vw, 38px);
  }

  .msx-booth-service__title {
    font-size: clamp(23.1px, 3.465vw, 37.8px);
    white-space: nowrap;
  }

  .msx-booth-service__tagline {
    max-width: 100%;
    font-size: clamp(12px, 1.7vw, 17px);
    white-space: nowrap;
  }

  .msx-booth-service__features {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 8px;
  }
}

@media (max-width: 767px) {
  .msx-booth-services {
    width: min(calc(100vw - 36px), 620px);
    margin-top: 46px;
    gap: 24px;
    opacity: 1;
    transform: translateX(-50%);
  }

  .msx-booth-service,
  .msx-booth-service--image-left,
  .msx-booth-service--image-right {
    grid-template-areas: "media" "content";
    grid-template-columns: 1fr;
    min-height: 0;
    border-radius: 22px;
  }

  .msx-booth-service__media {
    height: clamp(270px, 78vw, 420px);
  }

  .msx-booth-service--image-left .msx-booth-service__media::after,
  .msx-booth-service--image-right .msx-booth-service__media::after {
    background: linear-gradient(to bottom, transparent 0%, transparent 84%, rgba(214, 86, 95, .35) 92%, var(--msx-service-coral) 100%);
  }

  @supports ((-webkit-mask-image: linear-gradient(#000, transparent)) or (mask-image: linear-gradient(#000, transparent))) {
    .msx-booth-service--image-left .msx-booth-service__media,
    .msx-booth-service--image-right .msx-booth-service__media {
      -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 88%, rgba(0, 0, 0, .75) 94%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 0%, #000 88%, rgba(0, 0, 0, .75) 94%, transparent 100%);
    }
  }

  .msx-booth-service__content {
    margin-top: -1px;
    padding: 28px 24px 32px;
  }

  .msx-booth-service__title {
    font-size: clamp(21px, 6.3vw, 27.3px);
    white-space: nowrap;
  }

  .msx-booth-service__tagline {
    max-width: 100%;
    font-size: clamp(10px, 3vw, 13px);
    white-space: nowrap;
  }

  .msx-booth-service__description {
    font-size: 14px;
  }

  .msx-booth-service__features {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 6px;
  }

  .msx-booth-service__feature-label {
    font-size: 9px;
  }

  .msx-booth-service__button {
    width: 100%;
    min-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .msx-booth-services,
  .msx-booth-service,
  .msx-booth-service__media img,
  .msx-booth-service__icon-ring,
  .msx-booth-service__icon,
  .msx-booth-service__button,
  .msx-booth-service__button-arrow {
    transition-duration: .001ms !important;
  }

  .msx-booth-service:hover,
  .msx-booth-service:focus-within,
  .msx-booth-service:hover .msx-booth-service__media img,
  .msx-booth-service:focus-within .msx-booth-service__media img {
    transform: none;
  }
}

@font-face {
  font-family: "Oswald SemiBold";
  src: url("../../fonts/Oswald-SemiBold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Uniqueen Bold";
  src: url("../../fonts/Uniqueen-Bold.woff2") format("woff2");
  font-display: swap;
}

.msx-preview-page {
  margin: 0;
  min-height: 100vh;
  background: #f4f0e7;
  overflow-x: clip;
}

.msx-section,
.msx-section * {
  box-sizing: border-box;
}

.msx-section {
  --msx-curve-height: clamp(18px, 2.2vw, 28px);
  --msx-shell-width: 1450px;
  --msx-top-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1000' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 24C240 9 480 0 720 0s480 9 720 24v976H0V24Z'/%3E%3C/svg%3E");
  --msx-bg: #f4f0e7;
  --msx-ink: #1a1f1b;
  --msx-copy: rgba(64, 71, 66, 0.88);
  --msx-coral: #e84a5b;
  --msx-coral-soft: #fca4b1;
  --msx-coral-mark: #ea7182;
  --msx-shadow: 0 28px 60px rgba(27, 25, 20, 0.14);
  --msx-awards-ease: cubic-bezier(.22, 1, .36, 1);
  --msx-main-scroll-travel: 176;
  --msx-overlap-scroll-travel: 262;
  position: relative;
  left: 50%;
  right: 50%;
  z-index: 2;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: calc(-1 * var(--msx-curve-height));
  overflow: visible;
  padding: calc(clamp(36px, 5vw, 58px) + var(--msx-curve-height) + 160px) 0 clamp(18px, 2.4vw, 28px);
  background:
    linear-gradient(180deg, rgba(246, 242, 234, 0.96) 0%, rgba(246, 242, 234, 0.97) 34%, rgba(246, 242, 234, 0.985) 68%, rgba(246, 242, 234, 1) 100%),
    #f4f0e7;
  color: var(--msx-ink);
  font-family: Poppins, system-ui, sans-serif;
  isolation: isolate;
  -webkit-mask-image: var(--msx-top-mask);
  mask-image: var(--msx-top-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.msx-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(clamp(18px, 2.2vw, 28px) * -1);
  z-index: 2;
  height: clamp(18px, 2.2vw, 28px);
  background:
    linear-gradient(180deg, rgba(246, 242, 234, 0.88), rgba(246, 242, 234, 1)),
    #f4f0e7;
  clip-path: ellipse(82% 100% at 50% 0);
  pointer-events: none;
}

.msx-canvas,
.msx-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.msx-canvas {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.msx-overlay {
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.msx-visor,
.msx-visor-bottom {
  display: none;
}

.msx-photo-main-overlap {
  position: absolute;
  top: 145px;
  right: clamp(78px, 6.4vw, 122px);
  left: auto;
  z-index: 4;
  width: clamp(560px, 46vw, 690px);
  margin: 0;
  transform: translate3d(0, var(--msx-shift, 0px), 0);
  pointer-events: auto;
  will-change: transform;
}

.msx-photo-main-overlap img,
.msx-photo-main img,
.msx-overlap-card img,
.msx-overlap-card-overflow img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: filter 320ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.msx-photo-main-overlap img {
  box-shadow: var(--msx-shadow);
}

.msx-photo-main-overlap:hover img,
.msx-photo-main-overlap:focus-within img,
.msx-overlap-card-overflow:hover img,
.msx-overlap-card-overflow:focus-within img {
  filter: grayscale(1);
}

.msx-overlap-card-overflow {
  position: absolute;
  top: 25px;
  right: clamp(308px, 22.4vw, 352px);
  left: auto;
  z-index: 5;
  width: clamp(220px, 22vw, 286px);
  margin: 0;
  transform: translate3d(5px, var(--msx-shift, 0px), 0);
  pointer-events: auto;
  will-change: transform;
}

.msx-overlap-card-overflow img {
  position: absolute;
  left: 0;
  top: clamp(430px, 35vw, 520px);
  margin-left: 0;
  border-radius: 26px;
  box-shadow: 0 28px 48px rgba(17, 17, 17, 0.16);
  transform: translate3d(calc(-100% + 10px), -20px, 0);
}

.msx-wrap {
  position: relative;
  z-index: 3;
  width: min(var(--msx-shell-width), calc(100vw - 32px));
  margin: 0 auto;
  transform: translateY(clamp(-148px, -10vw, -98px));
}

.msx-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 0.98fr);
  gap: clamp(30px, 3.6vw, 64px);
  align-items: start;
}

.msx-copy-col {
  position: relative;
  z-index: 3;
  max-width: 760px;
  padding-top: clamp(30px, 4.6vw, 72px);
  padding-left: clamp(10px, 1.4vw, 16px);
}

.msx-heading-mark {
  position: absolute;
  left: clamp(-12px, -0.8vw, -6px);
  top: clamp(0px, 0.7vw, 10px);
  z-index: 1;
  display: block;
  width: clamp(107px, 10.66vw, 166px);
  height: auto;
  pointer-events: none;
}

.msx-title,
.msx-awards-title {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #1b201c;
  font-family: Montserrat, Poppins, sans-serif;
  font-weight: 900;
  letter-spacing: -0.07em;
  line-height: 0.88;
  text-transform: uppercase;
  text-shadow: none;
}

.msx-title {
  max-width: 780px;
  width: min(62vw, 900px);
  font-size: clamp(38px, 4.85vw, 72px);
  text-wrap: balance;
}

.msx-title-main,
.msx-title-main > span {
  display: block;
}

.msx-title-main {
  font-size: 0.92em;
  font-weight: 800;
}

.msx-title-main > .msx-title-line--mobile {
  display: none;
}

.msx-awards-title {
  font-size: clamp(48px, 8vw, 108px);
}

.msx-title-display {
  display: block;
  color: var(--msx-coral);
  font-family: Marcellus, serif;
  font-size: 0.48em;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.02;
  text-transform: uppercase;
}

.msx-body {
  position: relative;
  z-index: 2;
  max-width: 560px;
  margin: 22px 0 0;
  color: var(--msx-copy);
  font-family: "Open Sans", sans-serif;
  font-size: clamp(15px, 1.08vw, 18px);
  line-height: 1.5;
}

.msx-body p {
  margin: 0 0 16px;
}

.msx-button-wrap {
  position: relative;
  z-index: 2;
  display: inline-block;
  max-width: 100%;
  margin-top: 28px;
}

.msx-button-wrap--mobile {
  display: none;
}

.msx-button {
  --msx-button-bg: var(--msx-coral);
  --msx-button-white: #fff;
  --msx-button-border: clamp(5px, .48vw, 8px);
  --msx-button-script-size: clamp(1.32rem, 1.52vw, 2.2rem);
  --msx-button-main-size: clamp(1.95rem, 2.25vw, 3.2rem);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: clamp(246px, 18vw, 336px);
  min-height: clamp(58px, 4.7vw, 80px);
  padding: clamp(8px, .85vw, 14px) clamp(18px, 1.8vw, 30px);
  overflow: hidden;
  isolation: isolate;
  background: var(--msx-button-bg);
  color: var(--msx-button-white);
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(232, 74, 91, 0.18);
  transition: box-shadow 220ms ease;
}

.msx-button::before {
  content: "";
  position: absolute;
  inset: var(--msx-button-border);
  border: clamp(2px, .22vw, 4px) solid rgba(255, 255, 255, 0.96);
  pointer-events: none;
}

.msx-button:hover,
.msx-button:focus-visible {
  box-shadow:
    0 0 0 1px rgba(252, 164, 177, 0.42),
    0 0 14px rgba(252, 164, 177, 0.18),
    0 0 28px rgba(232, 74, 91, 0.16),
    0 16px 30px rgba(232, 74, 91, 0.18);
}

.msx-button__border-sweep {
  position: absolute;
  inset: var(--msx-button-border);
  z-index: 0;
  width: calc(100% - (var(--msx-button-border) * 2));
  height: calc(100% - (var(--msx-button-border) * 2));
  pointer-events: none;
}

.msx-button__border-base,
.msx-button__border-trace {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.msx-button__border-trace {
  stroke: rgba(255, 255, 255, 0.98);
  stroke-width: 2;
  stroke-dasharray: 160 940;
  stroke-dashoffset: 0;
  opacity: 0;
}

.msx-button:hover .msx-button__border-trace,
.msx-button:focus-visible .msx-button__border-trace {
  animation: stevie-border-stroke 780ms cubic-bezier(.16, 1, .3, 1) forwards;
}

.msx-button__block {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .9vw, 16px);
  flex-wrap: nowrap;
  text-align: center;
  transform: none;
}

.msx-button__main {
  font-family: "Oswald SemiBold", "Oswald", Impact, sans-serif;
  font-size: var(--msx-button-main-size);
  font-weight: 700;
  letter-spacing: .03em;
  line-height: .82;
  text-transform: uppercase;
  transform: none;
}

.msx-button__script {
  font-family: "Heatwood", cursive;
  font-size: var(--msx-button-script-size);
  letter-spacing: 0;
  line-height: .78;
  text-transform: none;
  white-space: nowrap;
  transform: translateY(.14em) rotate(-2deg);
}

.msx-button:hover .msx-button__script,
.msx-button:focus-visible .msx-button__script {
  animation: stevie-script-glow 1.15s ease-out forwards;
}

.msx-media-col {
  position: relative;
  z-index: 4;
  min-height: clamp(650px, 60vw, 880px);
  padding-top: 0;
  margin-top: 0;
}

.msx-photo-main {
  position: absolute;
  top: clamp(-22px, -1.6vw, -8px);
  right: clamp(-24px, -2vw, -8px);
  z-index: 6;
  width: min(100%, 720px);
  margin-block: 1em;
  overflow: hidden;
  box-shadow: var(--msx-shadow);
  transform: translate3d(0, var(--msx-shift, 0px), 0);
  will-change: transform;
}

.msx-photo-main img {
  filter: grayscale(1);
}

.msx-photo-main:hover img,
.msx-photo-main:focus-within img {
  filter: grayscale(0);
  transform: scale(1.015);
}

@media (min-width: 768px) {
  .msx-photo-main,
  .msx-overlap-card {
    display: none;
  }
}

.msx-overlap-card {
  position: absolute;
  left: clamp(-133px, -7vw, -107px);
  bottom: clamp(18px, 3.5vw, 34px);
  z-index: 7;
  width: clamp(220px, 30vw, 328px);
  margin-block: 1em;
  overflow: hidden;
  border-radius: 26px;
  box-shadow: 0 28px 48px rgba(17, 17, 17, 0.16);
  transform: translate3d(0, var(--msx-shift, 0px), 0);
  will-change: transform;
}

.msx-overlap-card img {
  filter: grayscale(1);
}

.msx-overlap-card:hover img,
.msx-overlap-card:focus-within img {
  filter: grayscale(0);
  transform: scale(1.02);
}

.msx-meta {
  position: absolute;
  top: calc(clamp(430px, 31vw, 540px) - 8px);
  right: clamp(-93px, -3.6vw, -39px);
  z-index: 4;
  display: grid;
  gap: 10px;
  width: clamp(420px, 34vw, 560px);
  transform: translateX(-65px);
}

.msx-meta--mobile {
  display: none;
}

.msx-meta-title {
  margin: 0;
  color: var(--msx-coral);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.msx-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msx-list li {
  position: relative;
  padding-left: 18px;
  color: rgba(52, 58, 54, 0.92);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
  white-space: nowrap;
}

.msx-list li::before {
  content: "";
  position: absolute;
  top: 0.58em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(232, 74, 91, 0.45);
}

.msx-awards-shell {
  --msx-awards-shell-shift: 0px;
  position: relative;
  z-index: 2;
  margin-top: clamp(-102px, calc(2.4vw - 120px), -84px);
  margin-bottom: clamp(-18px, -1.2vw, -8px);
  transform: translate3d(var(--msx-awards-shell-shift), 0, 0);
  will-change: transform;
}

.msx-awards-intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(380px, 0.82fr);
  gap: clamp(28px, 4vw, 80px);
  align-items: end;
  min-height: clamp(150px, 20vw, 240px);
}

.msx-awards-title-wrap {
  --msx-awards-base-x: 0px;
  --msx-awards-base-y: -18px;
  --msx-awards-enter-x: -54px;
  --msx-awards-enter-y: 26px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  width: fit-content;
  max-width: 100%;
  min-height: clamp(150px, 18vw, 230px);
  margin-left: clamp(-18px, -1.2vw, -8px);
  opacity: 0;
  transform: translate3d(calc(var(--msx-awards-base-x) + var(--msx-awards-enter-x)), calc(var(--msx-awards-base-y) + var(--msx-awards-enter-y)), 0);
  transition: transform 1.02s var(--msx-awards-ease), opacity 0.82s ease;
  will-change: transform, opacity;
}

.msx-awards-script {
  position: absolute;
  left: 24%;
  top: 56%;
  z-index: 1;
  width: 56%;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-40px, 36px, 0) scale(0.94) rotate(-2deg);
  transform-origin: left center;
  transition: transform 1.08s var(--msx-awards-ease) 0.08s, opacity 0.82s ease 0.08s;
  will-change: transform, opacity;
}

.msx-awards-script img {
  display: block;
  width: 100%;
  height: auto;
  opacity: .58;
}

.msx-awards-title {
  letter-spacing: -0.08em;
  line-height: 0.9;
}

.msx-awards-title em {
  display: block;
  color: #151916;
  font-family: Marcellus, serif;
  font-size: 0.62em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: .98;
  text-transform: uppercase;
}

.msx-awards-lede {
  position: relative;
  z-index: 3;
  max-width: 67.22rem;
  margin: 0 0 44px;
  color: #53564d;
  font-family: "Open Sans", sans-serif;
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: 1.7;
  opacity: 0;
  transform: translate3d(56px, 18px, 0);
  transition: transform 0.96s var(--msx-awards-ease) 0.12s, opacity 0.76s ease 0.12s;
  will-change: transform, opacity;
}

.msx-awards-lower {
  display: grid;
  grid-template-columns: minmax(320px, 560px) minmax(380px, 640px);
  gap: clamp(24px, 3vw, 48px);
  align-items: start;
  justify-content: space-between;
  margin-top: 18px;
}

.msx-awards-left {
  display: grid;
  align-content: start;
  gap: 16px;
  padding-top: clamp(188px, 14vw, 236px);
}

.msx-awards-image-wrap {
  --msx-awards-base-x: 42px;
  --msx-awards-base-y: 0px;
  --msx-awards-enter-x: -52px;
  --msx-awards-enter-y: 36px;
  width: min(42vw, 640px);
  max-width: 100%;
  margin: 28px 0 0;
  opacity: 0;
  transform: translate3d(calc(var(--msx-awards-base-x) + var(--msx-awards-enter-x)), calc(var(--msx-awards-base-y) + var(--msx-awards-enter-y)), 0) scale(0.975);
  transform-origin: center center;
  transition: transform 1.02s var(--msx-awards-ease) 0.2s, opacity 0.78s ease 0.2s;
  will-change: transform, opacity;
}

.msx-awards-image {
  display: block;
  width: 100%;
  height: auto;
}

.msx-awards-stats-col {
  display: grid;
  gap: 38px;
  justify-items: end;
}

.msx-awards-top-marquee {
  position: relative;
  left: 0;
  justify-self: end;
  width: min(100%, 1152px);
  max-width: 100%;
  margin-top: 12px;
  overflow: hidden;
  padding: 8px 0 0;
  opacity: 0;
  transform: translate3d(72px, 16px, 0);
  transition: transform 1s var(--msx-awards-ease) 0.26s, opacity 0.78s ease 0.26s;
  will-change: transform, opacity;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.msx-awards-marquee-track,
.msx-awards-marquee-group {
  display: flex;
  align-items: center;
  gap: 76px;
}

.msx-awards-marquee-track {
  width: max-content;
  will-change: transform;
}

.msx-awards-marquee-group {
  flex-shrink: 0;
}

.msx-awards-logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.msx-awards-logo img {
  display: block;
  width: auto;
  height: clamp(44px, 4vw, 74px);
  object-fit: contain;
}

.msx-awards-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 0;
  align-items: start;
  justify-self: end;
  width: min(100%, 720px);
  margin-top: 34px;
  transform: translateX(48px);
}

.msx-awards-stat {
  --msx-awards-stat-base-x: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 152px;
  padding: 6px 0;
  opacity: 0;
  transform: translate3d(var(--msx-awards-stat-base-x), 34px, 0);
  transition: transform 0.9s var(--msx-awards-ease), opacity 0.7s ease;
  will-change: transform, opacity;
}

.msx-awards-stat:nth-child(2),
.msx-awards-stat:nth-child(4) {
  --msx-awards-stat-base-x: 10px;
}

.msx-awards-stat:nth-child(1) {
  transition-delay: 0.3s;
}

.msx-awards-stat:nth-child(2) {
  transition-delay: 0.38s;
}

.msx-awards-stat:nth-child(3) {
  transition-delay: 0.46s;
}

.msx-awards-stat:nth-child(4) {
  transition-delay: 0.54s;
}

.msx-awards-stat-label {
  max-width: none;
  margin: 0 0 10px;
  color: var(--msx-coral);
  font-size: clamp(14px, 1.15vw, 18px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.msx-awards-stat-value {
  margin: 0;
  color: #1f241d;
  font-family: Montserrat, Poppins, sans-serif;
  font-size: clamp(48px, 5.2vw, 82px);
  font-weight: 800;
  letter-spacing: -0.08em;
  line-height: 0.82;
  text-align: left;
}

.msx-awards-stat-number,
.msx-awards-stat-value-plus {
  display: inline-block;
}

.msx-awards-stat-value-plus {
  margin-left: 0.02em;
  font-size: 1em;
  vertical-align: 0;
}

.msx-awards-shell.is-visible .msx-awards-title-wrap,
.msx-awards-shell.is-visible .msx-awards-script,
.msx-awards-shell.is-visible .msx-awards-lede,
.msx-awards-shell.is-visible .msx-awards-image-wrap,
.msx-awards-shell.is-visible .msx-awards-top-marquee,
.msx-awards-shell.is-visible .msx-awards-stat,
.msx-awards-shell.is-visible .msx-booth-cards {
  opacity: 1;
}

.msx-awards-shell.is-visible .msx-awards-title-wrap,
.msx-awards-shell.is-visible .msx-awards-script,
.msx-awards-shell.is-visible .msx-awards-lede,
.msx-awards-shell.is-visible .msx-awards-top-marquee {
  transform: translate3d(0, 0, 0);
}

.msx-awards-shell.is-visible .msx-awards-image-wrap {
  --msx-awards-enter-x: 0px;
  --msx-awards-enter-y: 0px;
  transform: translate3d(var(--msx-awards-base-x), var(--msx-awards-base-y), 0) scale(1);
}

.msx-awards-shell.is-visible .msx-awards-stat {
  transform: translate3d(var(--msx-awards-stat-base-x), 0, 0);
}

.msx-booth-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 42px) clamp(26px, 3vw, 52px);
  width: min(88vw, 1640px);
  margin: clamp(54px, 6vw, 96px) auto 0;
  opacity: 0;
  transform: translate3d(0, 52px, 0);
  transition: transform 1.02s var(--msx-awards-ease) 0.62s, opacity .8s ease .62s;
}

.msx-awards-shell.is-visible .msx-booth-cards {
  transform: translate3d(0, 0, 0);
}

.msx-booth-card {
  position: relative;
  display: block;
  aspect-ratio: 1.14 / .98;
  overflow: hidden;
  border: clamp(6px, .7vw, 9px) solid var(--msx-coral);
  background: #111;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 28px 64px rgba(29, 23, 20, .12);
  isolation: isolate;
}

.msx-booth-card::before,
.msx-booth-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.msx-booth-card::before {
  inset: 0;
  z-index: 2;
  background: rgba(14, 12, 11, .22);
  opacity: .12;
  transition: opacity 260ms ease;
}

.msx-booth-card::after {
  inset: clamp(18px, 3vw, 44px);
  z-index: 4;
  border: 2px solid rgba(255, 255, 255, .9);
  opacity: 0;
  transform: scale(.975);
  transition: opacity 280ms ease, transform 340ms var(--msx-awards-ease);
}

.msx-booth-card__image,
.msx-booth-card__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.msx-booth-card__image {
  z-index: 1;
}

.msx-booth-card__image img {
  object-fit: cover;
  transition: transform 520ms var(--msx-awards-ease), filter 320ms ease;
}

.msx-booth-card__title {
  position: absolute;
  top: 18%;
  left: 50%;
  z-index: 5;
  width: min(88%, 780px);
  margin: 0;
  color: #fff;
  font-family: "Uniqueen Bold", "Montserrat", Impact, sans-serif;
  font-size: clamp(3.6rem, 6vw, 8.2rem);
  font-weight: 700;
  letter-spacing: .035em;
  line-height: .92;
  text-align: center;
  text-shadow: 4px 5px 4px rgba(0, 0, 0, .72);
  text-transform: uppercase;
  transform: translate(-50%, 0);
  transition: top 320ms var(--msx-awards-ease), transform 320ms var(--msx-awards-ease);
}

.msx-booth-card__title span {
  display: inline;
}

.msx-booth-card__cta {
  --msx-card-button-script-size: clamp(1.32rem, 1.52vw, 2.2rem);
  --msx-card-button-label-size: clamp(1.95rem, 2.25vw, 3.2rem);
  position: absolute;
  left: 50%;
  top: 58%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .9vw, 16px);
  box-sizing: border-box;
  min-width: clamp(246px, 18vw, 336px);
  min-height: clamp(58px, 4.7vw, 80px);
  padding: clamp(8px, .85vw, 14px) clamp(18px, 1.8vw, 30px);
  border: 0;
  border-radius: 0;
  background: var(--msx-coral);
  color: #fff;
  box-shadow: 0 16px 30px rgba(0, 0, 0, .2);
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, 22px);
  transition: opacity 280ms ease, transform 340ms var(--msx-awards-ease);
}

.msx-booth-card__cta::before {
  content: "";
  position: absolute;
  inset: clamp(5px, .48vw, 8px);
  border: clamp(2px, .22vw, 4px) solid rgba(255, 255, 255, .96);
  pointer-events: none;
}

.msx-booth-card__cta-script,
.msx-booth-card__cta-label {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #fff;
  white-space: nowrap;
}

.msx-booth-card__cta-script {
  font-family: "Heatwood", cursive;
  font-size: var(--msx-card-button-script-size);
  letter-spacing: 0;
  line-height: .78;
  text-transform: none;
  transform: translateY(.14em) rotate(-2deg);
}

.msx-booth-card__cta-label {
  font-family: "Oswald SemiBold", "Oswald", Impact, sans-serif;
  font-size: var(--msx-card-button-label-size);
  font-weight: 700;
  letter-spacing: .03em;
  line-height: .82;
  text-transform: uppercase;
}

.msx-booth-card:hover::before,
.msx-booth-card:focus-visible::before {
  opacity: .54;
}

.msx-booth-card:hover::after,
.msx-booth-card:focus-visible::after {
  opacity: 1;
  transform: scale(1);
}

.msx-booth-card:hover .msx-booth-card__image img,
.msx-booth-card:focus-visible .msx-booth-card__image img {
  filter: saturate(.88) brightness(.82);
  transform: scale(1.055);
}

.msx-booth-card:hover .msx-booth-card__title,
.msx-booth-card:focus-visible .msx-booth-card__title {
  top: 13%;
  transform: translate(-50%, 0) scale(.94);
}

.msx-booth-card:hover .msx-booth-card__cta,
.msx-booth-card:focus-visible .msx-booth-card__cta {
  opacity: 1;
  transform: translate(-50%, 0);
}

@keyframes stevie-border-stroke {
  0% {
    opacity: 0;
    stroke-dashoffset: 1100;
  }

  8% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}

@keyframes stevie-script-glow {
  0% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }

  100% {
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.16);
  }
}

@media (min-width: 1280px) {
  .msx-section {
    --msx-desktop-stage-gutter: clamp(18px, 2vw, 36px);
    --msx-desktop-stage-width: min(calc(100vw - var(--msx-desktop-stage-gutter)), 1540px);
    --msx-desktop-stage-inset: calc((100vw - var(--msx-desktop-stage-width)) / 2);
    --msx-desktop-photo-top: calc(var(--msx-desktop-stage-width) * 195 / 1424);
    --msx-desktop-photo-right: calc(var(--msx-desktop-stage-width) * 36 / 1424);
    --msx-desktop-photo-width: calc(var(--msx-desktop-stage-width) * 660 / 1424);
    --msx-desktop-overlap-top: calc(var(--msx-desktop-stage-width) * 545 / 1424);
    --msx-desktop-overlap-right: calc(var(--msx-desktop-stage-width) * 490 / 1424);
    --msx-desktop-overlap-width: calc(var(--msx-desktop-stage-width) * 285 / 1424);
    --msx-desktop-badge-width: calc(var(--msx-desktop-stage-width) * 198 / 1424);
    --msx-desktop-meta-width: calc(var(--msx-desktop-stage-width) * 500 / 1424);
    --msx-desktop-meta-gap: calc(var(--msx-desktop-stage-width) * -118 / 1424);
    --msx-desktop-badge-gap: calc(var(--msx-desktop-stage-width) * 10 / 1424);
    --msx-main-scroll-travel: 72;
    --msx-overlap-scroll-travel: 108;
  }

  .msx-photo-main-overlap {
    top: var(--msx-desktop-photo-top);
    right: calc(var(--msx-desktop-stage-inset) + var(--msx-desktop-photo-right));
    width: var(--msx-desktop-photo-width);
    aspect-ratio: 577 / 369;
    overflow: hidden;
  }

  .msx-photo-main-overlap img {
    height: 100%;
  }

  .msx-overlap-card-overflow {
    top: var(--msx-desktop-overlap-top);
    right: calc(var(--msx-desktop-stage-inset) + var(--msx-desktop-overlap-right));
    width: var(--msx-desktop-overlap-width);
    overflow: hidden;
    border-radius: clamp(18px, 1.9vw, 26px);
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-overlap-card-overflow img {
    position: static;
    height: calc(var(--msx-desktop-overlap-width) * 208 / 285);
    border-radius: inherit;
    transform: none;
  }

  .msx-meta {
    top: calc(var(--msx-desktop-photo-top) + calc(var(--msx-desktop-photo-width) * 369 / 577) + var(--msx-desktop-meta-gap));
    right: auto;
    left: calc(var(--msx-desktop-stage-width) * 245 / 1424);
    width: var(--msx-desktop-meta-width);
    padding-top: 0;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .msx-section {
    --msx-tablet-gutter: clamp(36px, 4.6vw, 64px);
    --msx-tablet-wrap: calc(100vw - var(--msx-tablet-gutter));
    --msx-tablet-shell-inset: calc((100vw - var(--msx-tablet-wrap)) / 2);
    --msx-curve-height: clamp(18px, 2.2vw, 28px);
    padding: calc(clamp(36px, 5vw, 58px) + var(--msx-curve-height) + clamp(118px, 14vw, 156px)) 0 clamp(18px, 2.2vw, 28px);
  }

  .msx-wrap {
    width: min(var(--msx-shell-width), var(--msx-tablet-wrap));
    transform: translateY(calc(var(--msx-tablet-wrap) * -148 / 1450));
  }

  .msx-photo-main-overlap,
  .msx-overlap-card-overflow {
    display: block;
  }

  .msx-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.98fr);
    gap: clamp(20px, calc(var(--msx-tablet-wrap) * 44 / 1450), 48px);
  }

  .msx-copy-col {
    max-width: min(100%, calc(var(--msx-tablet-wrap) * 760 / 1450));
    padding-top: clamp(28px, calc(var(--msx-tablet-wrap) * 72 / 1450), 72px);
    padding-left: clamp(8px, calc(var(--msx-tablet-wrap) * 16 / 1450), 16px);
  }

  .msx-title {
    width: min(68vw, calc(var(--msx-tablet-wrap) * 900 / 1450));
    max-width: none;
    font-size: clamp(34px, calc(var(--msx-tablet-wrap) * 72 / 1450), 72px);
  }

  .msx-body {
    max-width: min(100%, calc(var(--msx-tablet-wrap) * 560 / 1450));
    margin-top: clamp(16px, calc(var(--msx-tablet-wrap) * 22 / 1450), 22px);
    font-size: clamp(13px, calc(var(--msx-tablet-wrap) * 20 / 1450), 18px);
    line-height: 1.43;
  }

  .msx-media-col {
    min-height: clamp(430px, calc(var(--msx-tablet-wrap) * 880 / 1450), 880px);
  }

  .msx-photo-main-overlap {
    top: calc(var(--msx-tablet-wrap) * 145 / 1450);
    right: calc(var(--msx-tablet-shell-inset) + calc(var(--msx-tablet-wrap) * 78 / 1450));
    width: clamp(300px, calc(var(--msx-tablet-wrap) * 690 / 1450), 690px);
  }

  .msx-overlap-card-overflow {
    top: calc(var(--msx-tablet-wrap) * 25 / 1450);
    right: calc(var(--msx-tablet-shell-inset) + calc(var(--msx-tablet-wrap) * 322 / 1450));
    width: clamp(132px, calc(var(--msx-tablet-wrap) * 286 / 1450), 286px);
  }

  .msx-overlap-card-overflow img {
    top: calc(var(--msx-tablet-wrap) * 520 / 1450);
    transform: translate3d(calc(-100% + calc(var(--msx-tablet-wrap) * 10 / 1450)), calc(var(--msx-tablet-wrap) * -20 / 1450), 0);
  }

  .msx-meta {
    top: calc(var(--msx-tablet-wrap) * 506 / 1450);
    right: calc(var(--msx-tablet-shell-inset) - calc(var(--msx-tablet-wrap) * 24 / 1450));
    width: clamp(300px, calc(var(--msx-tablet-wrap) * 520 / 1450), 520px);
    transform: translate3d(calc(var(--msx-tablet-wrap) * -12 / 1450), var(--msx-shift, 0px), 0);
  }

  .msx-list li {
    white-space: normal;
    font-size: clamp(10px, calc(var(--msx-tablet-wrap) * 14 / 1450), 14px);
  }

  .msx-awards-shell {
    margin-top: clamp(-12px, calc(var(--msx-tablet-wrap) * -24 / 1450), -4px);
    margin-bottom: clamp(-10px, calc(var(--msx-tablet-wrap) * -14 / 1450), -4px);
  }

  .msx-awards-intro {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 0.82fr);
    gap: clamp(20px, calc(var(--msx-tablet-wrap) * 80 / 1450), 80px);
    min-height: clamp(120px, calc(var(--msx-tablet-wrap) * 240 / 1450), 240px);
  }

  .msx-awards-title-wrap {
    min-height: clamp(120px, calc(var(--msx-tablet-wrap) * 230 / 1450), 230px);
    margin-left: calc(var(--msx-tablet-wrap) * -18 / 1450);
  }

  .msx-awards-script {
    left: 28%;
    top: 58%;
    width: 54%;
  }

  .msx-awards-title {
    font-size: clamp(46px, calc(var(--msx-tablet-wrap) * 108 / 1450), 108px);
  }

  .msx-awards-lede {
    max-width: min(100%, calc(var(--msx-tablet-wrap) * 670 / 1450));
    margin: 0 0 clamp(28px, calc(var(--msx-tablet-wrap) * 44 / 1450), 44px);
    font-size: clamp(10px, calc(var(--msx-tablet-wrap) * 18 / 1450), 18px);
  }

  .msx-awards-lower {
    grid-template-columns: minmax(0, 0.875fr) minmax(0, 1fr);
  }

  .msx-awards-left {
    padding-top: clamp(108px, calc(var(--msx-tablet-wrap) * 236 / 1450), 236px);
  }

  .msx-awards-image-wrap {
    width: min(100%, clamp(280px, calc(var(--msx-tablet-wrap) * 640 / 1450), 640px));
  }

  .msx-awards-stat {
    min-height: clamp(86px, calc(var(--msx-tablet-wrap) * 152 / 1450), 152px);
  }

  .msx-awards-stat-value {
    font-size: clamp(34px, calc(var(--msx-tablet-wrap) * 82 / 1450), 82px);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .msx-section {
    --msx-shell-width: 1000px;
    overflow: hidden;
    padding: calc(var(--msx-curve-height) + 70px) 0 42px;
  }

  .msx-wrap {
    width: min(var(--msx-shell-width), calc(100vw - 36px));
    transform: none;
  }

  .msx-grid {
    grid-template-columns: 460px 1fr;
    gap: 98px;
    min-height: 450px;
  }

  .msx-copy-col {
    max-width: 460px;
    padding-top: 30px;
    padding-left: 0;
  }

  .msx-heading-mark {
    left: -48px;
    top: -6px;
    width: 94px;
  }

  .msx-title {
    width: 460px;
    max-width: 460px;
    font-size: clamp(46px, 4.35vw, 56px);
    letter-spacing: -0.075em;
    line-height: 0.88;
  }

  .msx-title-display {
    max-width: 448px;
    margin-top: 8px;
    font-size: 0.49em;
    line-height: 1.08;
  }

  .msx-body {
    max-width: 420px;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.4;
  }

  .msx-body p {
    margin-bottom: 0;
  }

  .msx-button-wrap {
    margin-top: 18px;
  }

  .msx-button {
    --msx-button-border: 5px;
    min-width: 182px;
    min-height: 58px;
    padding: 8px 22px;
  }

  .msx-button__main {
    font-size: 1.75rem;
  }

  .msx-button__script {
    font-size: 1.28rem;
  }

  .msx-media-col {
    position: relative;
    min-height: 450px;
  }

  .msx-photo-main-overlap {
    top: 92px;
    right: auto;
    left: calc(50% + 92px);
    width: 390px;
    aspect-ratio: 577 / 369;
    overflow: hidden;
  }

  .msx-photo-main-overlap img {
    height: 100%;
  }

  .msx-overlap-card-overflow {
    top: 320px;
    right: auto;
    left: calc(50% + 34px);
    width: 150px;
    overflow: hidden;
    border-radius: 16px;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-overlap-card-overflow img {
    position: static;
    height: calc(150px * 208 / 285);
    border-radius: inherit;
    box-shadow: none;
    transform: none;
  }

  .msx-meta {
    top: 278px;
    right: auto;
    left: 138px;
    width: 372px;
    gap: 6px;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-meta-title {
    font-size: 10px;
    letter-spacing: .1em;
  }

  .msx-list {
    gap: 6px;
  }

  .msx-list li {
    padding-left: 13px;
    font-size: 9px;
    letter-spacing: .04em;
    line-height: 1.2;
    white-space: nowrap;
  }

  .msx-list li::before {
    top: .48em;
    width: 6px;
    height: 6px;
  }

  .msx-awards-shell {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    border-top: 1px solid rgba(232, 74, 91, .18);
    will-change: transform;
  }

  .msx-awards-intro {
    grid-template-columns: 455px 390px;
    gap: 72px;
    align-items: start;
    min-height: 150px;
  }

  .msx-awards-title-wrap {
    align-items: flex-start;
    min-height: 150px;
    margin-left: 0;
  }

  .msx-awards-title {
    font-size: clamp(58px, 6.25vw, 74px);
    line-height: .86;
  }

  .msx-awards-title em {
    margin-top: 4px;
    font-size: .36em;
    letter-spacing: -0.035em;
  }

  .msx-awards-script {
    left: 82px;
    top: 88px;
    width: 388px;
    transform: translate3d(-36px, 26px, 0) scale(.96) rotate(-4deg);
  }

  .msx-awards-script img {
    opacity: .62;
  }

  .msx-awards-lede {
    max-width: 390px;
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.55;
  }

  .msx-awards-lower {
    grid-template-columns: 455px 390px;
    gap: 72px;
    margin-top: -62px;
  }

  .msx-awards-left {
    padding-top: 142px;
  }

  .msx-awards-image-wrap {
    width: 420px;
    margin: 0 auto;
  }

  .msx-awards-stats-col {
    gap: 20px;
    justify-items: stretch;
  }

  .msx-awards-top-marquee {
    justify-self: stretch;
    width: 390px;
    margin-top: 0;
    padding-top: 0;
  }

  .msx-awards-marquee-track,
  .msx-awards-marquee-group {
    gap: 42px;
  }

  .msx-awards-logo img {
    height: clamp(24px, 2.3vw, 38px);
  }

  .msx-awards-stats-grid {
    width: 350px;
    margin: 34px 0 0 auto;
    gap: 38px 58px;
    transform: none;
  }

  .msx-awards-stat {
    min-height: 78px;
    padding: 0;
  }

  .msx-awards-stat-label {
    margin-bottom: 5px;
    font-size: 10px;
    letter-spacing: .05em;
  }

  .msx-awards-stat-value {
    font-size: clamp(38px, 4.1vw, 48px);
    letter-spacing: -0.08em;
  }

  .msx-booth-cards {
    width: min(710px, calc(100vw - 140px));
    gap: 26px 26px;
    margin-top: -8px;
  }

  .msx-booth-card {
    border-width: 5px;
  }

  .msx-booth-card::after {
    inset: 24px;
  }

  .msx-booth-card__title {
    top: 19%;
    width: 88%;
    font-size: clamp(2.5rem, 4.15vw, 3.3rem);
    line-height: .92;
  }

  .msx-booth-card__cta {
    top: 67%;
    min-width: 170px;
    min-height: 54px;
    padding: 8px 22px;
  }

  .msx-booth-card__cta-script {
    font-size: 1.24rem;
  }

  .msx-booth-card__cta-label {
    font-size: 1.7rem;
  }
}

@media (min-width: 1280px) {
  .msx-section {
    --msx-shell-width: min(1480px, calc(100vw - 36px));
    padding-bottom: 56px;
    overflow-x: hidden;
  }

  .msx-wrap {
    width: var(--msx-shell-width);
    transform: translateY(clamp(-56px, -4vw, -40px));
  }

  .msx-meta-title {
    font-size: 10px;
    letter-spacing: .1em;
  }

  .msx-list {
    gap: 7px;
  }

  .msx-list li {
    padding-left: 13px;
    font-size: clamp(10px, .78vw, 12px);
    letter-spacing: .04em;
    line-height: 1.22;
  }

  .msx-list li::before {
    top: .48em;
    width: 6px;
    height: 6px;
  }

  .msx-media-col {
    min-height: clamp(580px, 42vw, 650px);
  }

  .msx-copy-col {
    padding-top: clamp(18px, 2.8vw, 42px);
  }

  .msx-heading-mark {
    left: clamp(-48px, -2.45vw, -30px);
    top: clamp(-14px, -0.72vw, -7px);
    width: clamp(91px, 6.11vw, 114px);
    transform: rotate(-10deg);
    transform-origin: 50% 50%;
  }

  .msx-title {
    width: min(52vw, 700px);
    max-width: 700px;
    font-size: clamp(59px, 5vw, 78px);
    line-height: .88;
  }

  .msx-title-display {
    max-width: 600px;
    margin-top: 6px;
    font-size: .46em;
    line-height: 1.04;
  }

  .msx-body {
    max-width: min(520px, 42vw);
    margin-top: 14px;
    font-size: clamp(15px, 1.05vw, 18px);
    line-height: 1.48;
  }

  .msx-button-wrap {
    margin-top: 20px;
  }

  .msx-button {
    --msx-button-border: 5px;
    min-width: 210px;
    min-height: 64px;
    padding: 9px 24px;
  }

  .msx-button__main {
    font-size: 1.95rem;
  }

  .msx-button__script {
    font-size: 1.44rem;
  }

  .msx-awards-shell {
    margin-top: clamp(54px, 5.5vw, 98px);
  }

  .msx-awards-intro {
    grid-template-columns: minmax(0, .95fr) minmax(0, .72fr);
    gap: clamp(42px, 4.8vw, 72px);
    min-height: clamp(124px, 10vw, 156px);
  }

  .msx-awards-title-wrap {
    min-height: clamp(124px, 10vw, 156px);
  }

  .msx-awards-title {
    font-size: clamp(82px, 7.2vw, 118px);
  }

  .msx-awards-script {
    left: clamp(154px, 23vw, 300px);
    top: 58%;
    width: clamp(300px, 31vw, 480px);
  }

  .msx-awards-lede {
    max-width: min(100%, 560px);
    margin-bottom: 34px;
    font-size: clamp(15px, 1.05vw, 18px);
    line-height: 1.55;
  }

  .msx-awards-lower {
    grid-template-columns: minmax(0, .95fr) minmax(0, .72fr);
    gap: clamp(42px, 4.8vw, 72px);
    margin-top: -34px;
  }

  .msx-awards-left {
    padding-top: clamp(112px, 9vw, 140px);
  }

  .msx-awards-image-wrap {
    width: min(42vw, 620px);
    margin-top: clamp(26px, 2.3vw, 42px);
  }

  .msx-awards-stats-col {
    justify-items: stretch;
    min-width: 0;
    overflow: hidden;
  }

  .msx-awards-top-marquee {
    justify-self: stretch;
    width: 100%;
    max-width: 100%;
  }

  .msx-awards-marquee-track,
  .msx-awards-marquee-group {
    gap: clamp(32px, 3.1vw, 54px);
  }

  .msx-awards-logo img {
    height: clamp(32px, 2.9vw, 54px);
  }

  .msx-awards-stats-grid {
    justify-self: end;
    width: min(100%, 570px);
    gap: 38px 68px;
    margin-top: 22px;
    transform: none;
  }

  .msx-awards-stat {
    min-height: 116px;
  }

  .msx-awards-stat-label {
    font-size: clamp(12px, .92vw, 15px);
  }

  .msx-awards-stat-value {
    font-size: clamp(52px, 4.8vw, 76px);
  }

  .msx-booth-cards {
    width: min(84vw, 1220px);
    gap: clamp(28px, 2.8vw, 42px);
    margin-top: clamp(28px, 3.2vw, 44px);
  }

  .msx-booth-card__title {
    font-size: clamp(3.6rem, 5vw, 6.4rem);
  }

  .msx-booth-card__cta {
    top: 68%;
    min-width: 210px;
    min-height: 64px;
    padding: 9px 24px;
  }

  .msx-booth-card__cta-script {
    font-size: 1.44rem;
  }

  .msx-booth-card__cta-label {
    font-size: 1.95rem;
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
  .msx-awards-title-wrap {
    margin-left: 0;
    padding-left: clamp(52px, 5vw, 82px);
  }

  .msx-awards-script {
    left: clamp(220px, 25vw, 340px);
  }
}

@media (min-width: 1280px) {
  .msx-media-col > .msx-meta {
    left: auto;
    right: clamp(8px, 1.8vw, 28px);
    width: min(500px, 36vw);
  }

  .msx-awards-stats-grid,
  .msx-booth-cards {
    justify-self: center;
  }
}

@media (max-width: 767px) {
  .msx-section {
    --msx-curve-height: 10px;
    --msx-top-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1000' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 12C240 4 480 0 720 0s480 4 720 12v988H0V12Z'/%3E%3C/svg%3E");
    margin-top: -34px;
    overflow-x: clip;
    padding: 60px 0 42px;
  }

  .msx-section::after {
    bottom: calc(-1 * var(--msx-curve-height));
    height: var(--msx-curve-height);
  }

  .msx-wrap {
    width: calc(100vw - 1.75rem);
    transform: none;
  }

  .msx-photo-main-overlap,
  .msx-overlap-card-overflow {
    display: none;
  }

  .msx-grid,
  .msx-awards-intro,
  .msx-awards-lower {
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 0;
  }

  .msx-copy-col {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-top: 10px;
    padding-left: 0;
    padding-right: .5rem;
    overflow-wrap: break-word;
  }

  .msx-heading-mark {
    left: clamp(202px, 62vw, 276px);
    top: 4px;
    width: clamp(70px, 20.8vw, 91px);
  }

  .msx-title {
    width: min(100%, 354px);
    max-width: 100%;
    font-size: clamp(1.5rem, 6.9vw, 1.95rem);
    line-height: 0.86;
    overflow-wrap: anywhere;
  }

  .msx-title-main > .msx-title-line--desktop {
    display: none;
  }

  .msx-title-main > .msx-title-line--mobile {
    display: block;
  }

  .msx-title-display {
    width: min(100%, 20rem);
    font-size: .58em;
    line-height: 1;
    overflow-wrap: anywhere;
  }

  .msx-body {
    width: min(100%, 354px);
    max-width: 354px;
    font-size: clamp(10.4px, 3vw, 13.4px);
    line-height: 1.36;
    overflow-wrap: break-word;
  }

  .msx-copy-col > .msx-button-wrap {
    display: none;
  }

  .msx-button {
    --msx-button-border: 3px;
    min-width: 150px;
    min-height: 48px;
    padding: 6px 16px 5px;
  }

  .msx-button__main {
    font-size: 1.35rem;
  }

  .msx-button__script {
    font-size: .96rem;
  }

  .msx-media-col {
    position: relative;
    min-height: 0;
    height: clamp(420px, 119vw, 548px);
    margin-top: clamp(24px, 7vw, 36px);
  }

  .msx-button-wrap--mobile {
    position: absolute;
    z-index: 5;
    display: inline-block;
    top: clamp(292px, 82vw, 378px);
    left: clamp(42px, 13vw, 64px);
    margin: 0;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-photo-main {
    position: absolute;
    top: clamp(48px, 15vw, 72px);
    right: auto;
    left: 50%;
    width: min(354px, calc(100vw - 26px));
    margin: 0;
    overflow: hidden;
    transform: translate3d(-50%, var(--msx-shift, 0px), 0);
  }

  .msx-photo-main img {
    filter: grayscale(0);
  }

  .msx-overlap-card {
    position: absolute;
    top: clamp(240px, 68vw, 314px);
    right: clamp(16px, 4.8vw, 26px);
    left: auto;
    bottom: auto;
    width: clamp(118px, 36vw, 158px);
    margin: 0;
    border-radius: 10px;
  }

  .msx-overlap-card img {
    filter: grayscale(0);
  }

  .msx-media-col > .msx-meta {
    display: none;
  }

  .msx-meta--mobile {
    position: static;
    display: grid;
    width: min(356px, calc(100vw - 8px));
    max-width: 356px;
    margin: 0 auto;
    gap: 4px;
    transform: none;
    justify-items: center;
  }

  .msx-meta--mobile .msx-meta-title {
    width: 100%;
    font-size: 7px;
    letter-spacing: .08em;
    text-align: left;
  }

  .msx-meta--mobile .msx-list {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  .msx-meta--mobile .msx-list li {
    padding-left: 8px;
    white-space: nowrap;
    font-size: clamp(5.25px, 1.6vw, 6.6px);
    letter-spacing: .02em;
    line-height: 1.28;
    overflow-wrap: normal;
  }

  .msx-awards-shell {
    margin-top: -70px;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 36px;
    transform: none !important;
  }

  .msx-awards-intro,
  .msx-awards-lower,
  .msx-booth-cards {
    position: relative;
    z-index: 1;
  }

  .msx-awards-title-wrap {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    min-height: 124px;
    margin-left: 0;
  }

  .msx-awards-script {
    left: clamp(170px, 53vw, 228px);
    right: auto;
    top: clamp(4.2rem, calc(8vw + 22px), 5.4rem);
    width: clamp(170px, 54vw, 236px);
    transform: translate3d(-8px, 16px, 0) scale(.96) rotate(-4deg);
  }

  .msx-awards-script img {
    width: 100%;
  }

  .msx-awards-title {
    width: min(100%, 22rem);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(2.45rem, 13vw, 3.35rem);
    line-height: .88;
    text-align: center;
    overflow-wrap: anywhere;
  }

  .msx-awards-title em {
    font-size: .52em;
  }

  .msx-awards-lede {
    width: min(100%, calc(100vw - 5rem));
    max-width: calc(100vw - 5rem);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 28px;
  }

  .msx-awards-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 16px;
  }

  .msx-awards-image-wrap {
    display: flex;
    justify-content: center;
    width: min(318px, calc(100vw - 42px));
    max-width: 318px;
    margin: 28px auto 0;
    overflow: visible;
  }

  .msx-awards-title-wrap,
  .msx-awards-script,
  .msx-awards-lede,
  .msx-awards-image-wrap,
  .msx-awards-top-marquee,
  .msx-awards-stat {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  .msx-awards-stats-col {
    width: 100%;
    min-width: 0;
    justify-items: center;
    gap: 0;
  }

  .msx-awards-top-marquee,
  .msx-awards-stats-grid {
    width: min(320px, calc(100vw - 42px));
    margin-top: 18px;
    transform: none;
  }

  .msx-awards-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 34px;
    width: min(310px, calc(100vw - 48px));
    max-width: 310px;
    margin: 24px auto 24px;
    overflow: visible;
  }

  .msx-awards-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    max-width: none;
    padding: 0 4px;
    justify-items: start;
    text-align: left;
  }

  .msx-awards-stat-value {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
    font-size: clamp(36px, 10vw, 44px);
    text-align: left;
    white-space: nowrap;
  }

  .msx-booth-cards {
    grid-template-columns: 1fr;
    width: clamp(232px, 64vw, 280px);
    max-width: 280px;
    margin-top: clamp(32px, 8vw, 44px);
    opacity: 1;
    transform: none;
  }

  .msx-booth-card {
    aspect-ratio: .9 / 1;
  }

  .msx-booth-card::after {
    inset: 18px;
  }

  .msx-booth-card__title {
    top: 15%;
    width: 96%;
    font-size: clamp(1.75rem, 8.6vw, 2.8rem);
    letter-spacing: 0;
  }

  .msx-booth-card__title span {
    display: block;
  }

  .msx-booth-card__cta {
    top: 61%;
    min-width: 160px;
    min-height: 54px;
    padding: 8px 20px;
    opacity: 1;
    transform: translate(-50%, 0);
  }

  .msx-booth-card__cta-script {
    font-size: 1.16rem;
  }

  .msx-booth-card__cta-label {
    font-size: 1.58rem;
  }
}

@media (min-width: 381px) and (max-width: 430px) {
  .msx-title {
    max-width: none;
    font-size: clamp(1.52rem, 6.2vw, 1.72rem);
  }

  .msx-body {
    width: min(100%, calc(100vw - 5rem));
    max-width: calc(100vw - 5rem);
    padding-right: .5rem;
    font-size: 15px;
    line-height: 1.48;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 767px) {
  html,
  body,
  .msx-preview-page {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .msx-section {
    padding: 58px 0 34px;
    overflow-x: hidden;
  }

  .msx-wrap {
    width: min(404px, 100%);
    margin-right: auto;
    margin-left: auto;
    padding-right: 4px;
    padding-left: 4px;
  }

  .msx-copy-col {
    padding-top: 7px;
    padding-right: 0;
  }

  .msx-heading-mark {
    left: clamp(188px, 63vw, 214px);
    top: 2px;
    width: clamp(62px, 22.1vw, 75px);
  }

  .msx-title {
    width: min(100%, 326px);
    font-size: clamp(1.42rem, 7.65vw, 1.64rem);
    line-height: .79;
    letter-spacing: -0.075em;
  }

  .msx-title-display {
    width: min(100%, 296px);
    margin-top: 4px;
    font-size: clamp(.98rem, 5.2vw, 1.12rem);
    line-height: 1.02;
  }

  .msx-body,
  .msx-body p {
    width: min(100%, 348px);
    max-width: 348px;
  }

  .msx-body {
    margin-top: 4px;
    font-size: clamp(8.6px, 2.55vw, 10.4px);
    line-height: 1.32;
  }

  .msx-media-col {
    display: block;
    position: relative;
    min-height: 0;
    height: clamp(394px, 106vw, 444px);
    margin-top: 34px;
  }

  .msx-photo-main {
    position: absolute;
    top: clamp(58px, 15.8vw, 72px);
    left: clamp(16px, 5.5vw, 26px);
    width: min(354px, calc(100% - 34px));
    aspect-ratio: 267 / 178;
    margin: 0;
    overflow: hidden;
    box-shadow: none;
  }

  .msx-photo-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .msx-button-wrap--mobile {
    position: absolute;
    top: clamp(280px, 78vw, 340px);
    left: clamp(48px, 15vw, 62px);
    display: block;
    width: 74px;
    margin: 0;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
    will-change: transform;
  }

  .msx-button {
    --msx-button-border: 3px;
    min-width: 98px;
    min-height: 34px;
    padding: 4px 10px 3px;
    box-shadow: 0 10px 18px rgba(232, 74, 91, .16);
  }

  .msx-button__block {
    gap: 3px;
  }

  .msx-button__main {
    font-size: .86rem;
    transform: none;
  }

  .msx-button__script {
    font-size: .62rem;
    transform: translateY(.14em) rotate(-2deg);
  }

  .msx-overlap-card {
    position: absolute;
    top: clamp(218px, 60vw, 254px);
    right: clamp(12px, 5vw, 18px);
    width: clamp(112px, 34vw, 140px);
    aspect-ratio: 94 / 82;
    margin: 0;
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
  }

  .msx-overlap-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .msx-awards-shell {
    display: flex;
    flex-direction: column;
    margin-top: -76px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .msx-awards-lower,
  .msx-awards-left {
    display: contents;
  }

  .msx-meta--mobile {
    order: 1;
    display: grid;
    width: min(356px, calc(100vw - 4px));
    max-width: 356px;
    margin: 0 auto;
    gap: 4px;
    justify-items: stretch;
  }

  .msx-meta--mobile .msx-meta-title {
    text-align: left;
    font-size: 7px;
    letter-spacing: .08em;
  }

  .msx-meta--mobile .msx-list {
    gap: 3px;
    width: 100%;
  }

  .msx-meta--mobile .msx-list li {
    padding-left: 8px;
    font-size: clamp(5.45px, 1.62vw, 5.95px);
    letter-spacing: .02em;
    line-height: 1.28;
    white-space: nowrap;
  }

  .msx-meta--mobile .msx-list li::before {
    top: .52em;
    width: 3px;
    height: 3px;
  }

  .msx-awards-stats-col {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
  }

  .msx-awards-top-marquee {
    width: min(340px, 100%);
    margin: 18px auto 0;
    padding: 0;
    overflow: hidden;
    opacity: 1;
    transform: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .msx-awards-marquee-track {
    width: 100%;
    transform: none;
  }

  .msx-awards-marquee-group {
    width: 100%;
    justify-content: space-between;
    gap: 0;
  }

  .msx-awards-marquee-group[aria-hidden="true"] {
    display: none;
  }

  .msx-awards-logo {
    display: none;
  }

  .msx-awards-logo:nth-child(2),
  .msx-awards-logo:nth-child(3),
  .msx-awards-logo:nth-child(4),
  .msx-awards-logo:nth-child(5) {
    display: flex;
  }

  .msx-awards-logo img {
    height: 16px;
  }

  .msx-awards-logo:nth-child(3) img {
    height: 26px;
  }

  .msx-awards-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 22px;
    width: min(300px, calc(100vw - 44px));
    max-width: 300px;
    margin: 24px auto 0;
    overflow: visible;
    transform: none;
  }

  .msx-awards-stat {
    display: flex;
    align-items: flex-start;
    min-height: 0;
    max-width: none;
    padding: 0;
    text-align: left;
  }

  .msx-awards-stat-label {
    margin-bottom: 2px;
    font-size: 7px;
    letter-spacing: .04em;
  }

  .msx-awards-stat-value {
    justify-content: flex-start;
    font-size: clamp(34px, 9.8vw, 39px);
    line-height: .86;
    letter-spacing: -0.08em;
    text-align: left;
  }

  .msx-awards-image-wrap {
    order: 3;
    position: static;
    align-self: center;
    justify-self: center;
    width: min(292px, calc(100vw - 60px));
    max-width: 292px;
    margin: 28px auto 0;
    overflow: visible;
    transform: none;
  }

  .msx-awards-shell.is-visible .msx-awards-image-wrap,
  .msx-awards-shell.is-visible .msx-awards-stat,
  .msx-awards-shell.is-visible .msx-booth-cards {
    transform: none;
  }

  .msx-awards-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .msx-awards-intro {
    order: 4;
    display: block;
    width: 100%;
    min-height: 174px;
    margin-top: 48px;
  }

  .msx-awards-title-wrap {
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-height: 170px;
  }

  .msx-awards-title {
    width: 100%;
    margin: 0;
    padding-left: 0;
    font-size: clamp(2.5rem, 13.6vw, 3rem);
    line-height: .86;
    text-align: left;
    letter-spacing: -0.075em;
  }

  .msx-awards-title em {
    margin-top: 2px;
    font-size: .43em;
    letter-spacing: -0.035em;
  }

  .msx-awards-script {
    left: clamp(166px, 50vw, 214px);
    top: clamp(74px, 21vw, 90px);
    width: clamp(178px, 56vw, 222px);
    transform: translate3d(-8px, 12px, 0) scale(.96) rotate(-4deg);
  }

  .msx-awards-script img {
    opacity: .66;
  }

  .msx-awards-lede {
    display: none;
  }

  .msx-booth-cards {
    order: 5;
    grid-template-columns: 1fr;
    gap: 30px;
    width: clamp(224px, 64vw, 252px);
    max-width: 252px;
    margin: 18px auto 0;
    transform: none !important;
  }

  .msx-booth-card {
    aspect-ratio: 1.14 / .98;
    border-width: 3px;
  }

  .msx-booth-card::after {
    inset: 13px;
  }

  .msx-booth-card:first-child::after {
    opacity: 1;
    transform: scale(1);
  }

  .msx-booth-card__title {
    top: 20%;
    width: 92%;
    font-size: clamp(1.65rem, 7.1vw, 2.05rem);
    letter-spacing: .02em;
    line-height: .9;
  }

  .msx-booth-card__cta {
    display: none !important;
    top: 58%;
    min-width: 96px;
    min-height: 32px;
    padding: 4px 10px;
    opacity: 1;
    transform: translate(-50%, 0);
  }

  .msx-booth-card__cta::before {
    inset: 3px;
    border-width: 2px;
  }

  .msx-booth-card__cta-script {
    font-size: .6rem;
  }

  .msx-booth-card__cta-label {
    font-size: .84rem;
  }

  .msx-booth-card:first-child .msx-booth-card__cta {
    display: none !important;
  }
}

@media (min-width: 381px) and (max-width: 767px) {
  .msx-wrap {
    width: min(430px, calc(100vw - 20px));
  }

  .msx-title {
    width: min(100%, calc(100vw - 42px));
    font-size: clamp(1.64rem, 7vw, 2rem);
  }

  .msx-title-display {
    width: min(100%, calc(100vw - 42px));
    font-size: clamp(1.08rem, 4.7vw, 1.32rem);
  }

  .msx-body,
  .msx-body p {
    width: min(100%, calc(100vw - 36px));
    max-width: none;
    font-size: clamp(10.8px, 2.75vw, 12.8px);
  }

  .msx-media-col {
    height: clamp(424px, 98vw, 478px);
  }

  .msx-photo-main {
    left: clamp(20px, 5vw, 28px);
    width: min(374px, calc(100% - 40px));
  }

  .msx-button-wrap--mobile {
    top: clamp(298px, 76vw, 342px);
    left: clamp(60px, 15vw, 72px);
  }

  .msx-overlap-card {
    top: clamp(226px, 58vw, 268px);
    right: clamp(18px, 5.5vw, 26px);
    width: clamp(124px, 32vw, 152px);
  }

  .msx-meta--mobile {
    width: min(392px, calc(100vw - 30px));
    max-width: none;
  }

  .msx-meta--mobile .msx-list li {
    font-size: clamp(5.9px, 1.5vw, 6.7px);
  }

  .msx-awards-stats-grid {
    width: min(354px, calc(100vw - 48px));
    max-width: 354px;
    gap: 30px 34px;
  }

  .msx-awards-stat-value {
    font-size: clamp(38px, 9.2vw, 45px);
  }

  .msx-awards-image-wrap {
    width: min(340px, calc(100vw - 54px));
    max-width: 340px;
  }

  .msx-awards-title-wrap {
    min-height: clamp(170px, 39vw, 204px);
  }

  .msx-awards-title {
    font-size: clamp(3rem, 11.8vw, 3.7rem);
  }

  .msx-awards-script {
    left: clamp(190px, 49vw, 230px);
    top: clamp(82px, 20vw, 104px);
    width: clamp(210px, 52vw, 250px);
  }

  .msx-booth-cards {
    grid-template-columns: 1fr;
    gap: clamp(28px, 7vw, 34px);
    width: clamp(232px, 64vw, 280px);
    max-width: 280px;
    margin-top: clamp(24px, 6vw, 34px);
  }

  .msx-booth-card {
    aspect-ratio: 1.14 / .98;
  }

  .msx-booth-card__title {
    font-size: clamp(1.72rem, 7.2vw, 2.18rem);
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .msx-section {
    padding: 70px 0 52px;
    overflow-x: hidden;
  }

  .msx-wrap {
    width: min(430px, calc(100vw - 34px));
    transform: none;
  }

  .msx-grid,
  .msx-awards-intro,
  .msx-awards-lower {
    display: block;
    width: 100%;
  }

  .msx-copy-col {
    width: 100%;
    max-width: none;
    padding-top: 8px;
    padding-left: 0;
  }

  .msx-heading-mark {
    left: clamp(248px, 63vw, 286px);
    top: 0;
    width: clamp(75px, 10.4vw, 88px);
  }

  .msx-title {
    width: min(100%, 390px);
    font-size: clamp(2rem, 5vw, 2.35rem);
    line-height: .82;
  }

  .msx-title-main > .msx-title-line--desktop {
    display: none;
  }

  .msx-title-main > .msx-title-line--mobile {
    display: block;
  }

  .msx-title-display {
    width: min(100%, 390px);
    font-size: clamp(1.3rem, 3vw, 1.55rem);
  }

  .msx-body,
  .msx-body p {
    width: min(100%, 390px);
    max-width: none;
    font-size: clamp(13px, 1.9vw, 15px);
    line-height: 1.38;
  }

  .msx-photo-main-overlap,
  .msx-overlap-card-overflow,
  .msx-copy-col > .msx-button-wrap,
  .msx-media-col > .msx-meta {
    display: none;
  }

  .msx-media-col {
    display: block;
    position: relative;
    height: 500px;
    margin-top: 28px;
    min-height: 0;
  }

  .msx-photo-main {
    display: block;
    position: absolute;
    top: 34px;
    left: 16px;
    right: auto;
    width: min(390px, calc(100% - 32px));
    aspect-ratio: 267 / 178;
    margin: 0;
    overflow: hidden;
    box-shadow: none;
  }

  .msx-photo-main img,
  .msx-overlap-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(0);
  }

  .msx-button-wrap--mobile {
    position: absolute;
    z-index: 8;
    top: 318px;
    left: 46px;
    display: block;
    width: 88px;
    margin: 0;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-overlap-card {
    display: block;
    position: absolute;
    top: 278px;
    right: 16px;
    left: auto;
    bottom: auto;
    width: 158px;
    aspect-ratio: 94 / 82;
    margin: 0;
    border-radius: 10px;
    box-shadow: none;
  }

  .msx-awards-shell {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding-top: 0;
    transform: none !important;
  }

  .msx-awards-lower,
  .msx-awards-left {
    display: contents;
  }

  .msx-meta--mobile {
    order: 1;
    position: static;
    top: auto;
    right: auto;
    display: grid;
    width: min(410px, 100%);
    max-width: none;
    margin: 0 auto;
    gap: 6px;
    transform: none;
  }

  .msx-meta--mobile .msx-list li {
    white-space: nowrap;
    font-size: clamp(6.9px, 1vw, 7.5px);
  }

  .msx-awards-stats-col {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .msx-awards-top-marquee {
    width: min(388px, 100%);
    margin: 26px auto 0;
    overflow: hidden;
    opacity: 1;
    transform: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .msx-awards-marquee-track {
    width: 100%;
    transform: none;
  }

  .msx-awards-marquee-group {
    width: 100%;
    justify-content: space-between;
    gap: 0;
  }

  .msx-awards-marquee-group[aria-hidden="true"] {
    display: none;
  }

  .msx-awards-logo {
    display: none;
  }

  .msx-awards-logo:nth-child(2),
  .msx-awards-logo:nth-child(3),
  .msx-awards-logo:nth-child(4),
  .msx-awards-logo:nth-child(5) {
    display: flex;
  }

  .msx-awards-stats-grid {
    order: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 54px;
    width: min(380px, 100%);
    max-width: none;
    margin: 30px auto 0;
    overflow: visible;
    transform: none;
  }

  .msx-awards-stat {
    display: flex;
    align-items: flex-start;
    max-width: none;
    padding: 0;
    text-align: left;
    transform: none !important;
  }

  .msx-awards-stat-value {
    justify-content: flex-start;
    font-size: clamp(48px, 7vw, 56px);
  }

  .msx-awards-image-wrap {
    order: 3;
    position: static;
    align-self: center;
    width: min(388px, 100%);
    max-width: none;
    margin: 34px auto 0;
    overflow: visible;
    opacity: 1;
    transform: none !important;
  }

  .msx-awards-intro {
    order: 4;
    width: 100%;
    min-height: 208px;
    margin-top: 64px;
  }

  .msx-awards-title-wrap {
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 204px;
    margin: 0;
    opacity: 1;
    transform: none;
  }

  .msx-awards-title {
    width: 100%;
    font-size: clamp(3.7rem, 8vw, 4.4rem);
    line-height: .86;
    text-align: left;
  }

  .msx-awards-title em {
    font-size: .43em;
  }

  .msx-awards-script {
    left: 190px;
    top: 92px;
    width: 260px;
    opacity: .66;
    transform: translate3d(-8px, 12px, 0) scale(.96) rotate(-4deg);
  }

  .msx-awards-lede {
    display: none;
  }

  .msx-booth-cards {
    order: 5;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    width: min(410px, 100%);
    max-width: none;
    margin: 24px auto 0;
    opacity: 1;
    transform: none !important;
  }

  .msx-booth-card {
    aspect-ratio: 1.08 / .94;
    border-width: 3px;
  }

  .msx-booth-card__title {
    font-size: clamp(1.35rem, 3.35vw, 1.7rem);
  }
}

/* Cards-only working preview. This keeps the approved cream contour canvas but
   removes the Meet/Awards composition while the service cards are being tuned. */
.msx-preview-page--services-only {
  background: #f4f0e7;
}

.msx-section--services-only {
  left: auto;
  right: auto;
  width: 100%;
  min-height: 100vh;
  margin-right: 0;
  margin-left: 0;
  margin-top: calc(-1 * var(--msx-curve-height));
  padding: calc(clamp(28px, 4vw, 64px) + var(--msx-curve-height)) 0 clamp(28px, 4vw, 64px);
  overflow: hidden;
  -webkit-mask-image: none;
  mask-image: none;
}

.msx-section--services-only::after {
  display: none;
}

.msx-services-only-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.msx-section--services-only .msx-booth-services {
  margin-top: 0;
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
  transition: none;
}

.msx-booth-services-props-accent {
  position: absolute;
  right: calc(50% + min(38.4vw, 555px) + 8px);
  bottom: clamp(190px, 14vw, 270px);
  z-index: 3;
  display: block;
  width: min(
    clamp(112px, 13vw, 250px),
    calc(50vw - min(38.4vw, 555px) - 14px)
  );
  height: auto;
  pointer-events: none;
  user-select: none;
  transform: translate3d(-48px, 0, 0) rotate(-12deg);
  transform-origin: center;
}

.msx-booth-services-cta-wrap {
  position: relative;
  z-index: 4;
  display: flex;
  width: 100%;
  margin: clamp(46px, 5vw, 76px) auto clamp(24px, 3vw, 44px);
  justify-content: center;
}

.msx-booth-services-cta {
  position: relative;
  display: inline-flex;
  width: min(320px, calc(100vw - 48px));
  min-height: clamp(48px, 4vw, 60px);
  padding: 11px 21px;
  border: 2px solid #f4f0e7;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #171917;
  box-shadow: 0 18px 40px rgba(23, 25, 23, .16);
  color: #f4f0e7;
  font-family: Heatwood, cursive;
  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: color 300ms ease, transform 350ms cubic-bezier(.22, 1, .36, 1), box-shadow 350ms ease;
}

.msx-booth-services-cta::before {
  position: absolute;
  inset: 5px;
  border: 1px solid #f4f0e7;
  content: "";
  pointer-events: none;
}

.msx-booth-services-cta > span {
  display: inline-block;
  transform: translateY(.2em);
}

.msx-booth-services-cta:hover,
.msx-booth-services-cta:focus-visible {
  box-shadow: 0 24px 48px rgba(23, 25, 23, .24);
  color: #d7565f;
  outline: none;
  transform: translateY(-4px);
}

@media (max-width: 767px) {
  .msx-section--services-only {
    padding: calc(18px + var(--msx-curve-height)) 0 24px;
  }

  .msx-booth-services-props-accent {
    display: none;
  }

  .msx-booth-services-cta-wrap {
    margin: 38px auto 18px;
  }

  .msx-booth-services-cta {
    width: min(170px, calc(100vw - 36px));
    min-height: 43px;
    padding: 9px 15px;
    font-size: clamp(11px, 3.5vw, 15px);
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .msx-booth-services-props-accent {
    display: none;
  }
}

@media (min-width: 900px) and (max-width: 1279px) {
  .msx-section {
    overflow-x: hidden;
  }

  .msx-wrap {
    width: min(1120px, calc(100vw - 44px));
    transform: none;
  }

  .msx-heading-mark {
    left: 0;
  }

  .msx-meta {
    left: auto;
    right: 0;
    width: min(372px, 37vw);
    transform: none;
  }

  .msx-awards-shell {
    transform: none !important;
  }

  .msx-awards-lower {
    grid-template-columns: minmax(0, 1fr) minmax(340px, .86fr);
    gap: clamp(20px, 3vw, 36px);
  }

  .msx-awards-stats-col {
    justify-items: center;
    width: 100%;
  }

  .msx-awards-stats-grid {
    width: min(430px, 100%);
    justify-self: center;
    transform: none;
  }

  .msx-awards-shell.is-visible .msx-awards-stat {
    transform: none;
  }

  .msx-awards-image-wrap {
    width: min(410px, 100%);
    margin-right: auto;
    margin-left: auto;
  }

  .msx-booth-cards {
    width: min(760px, calc(100vw - 72px));
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
    justify-self: center;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .msx-awards-title-wrap,
  .msx-awards-script,
  .msx-awards-lede,
  .msx-awards-image-wrap,
  .msx-awards-top-marquee,
  .msx-awards-stat,
  .msx-booth-cards {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Final responsive stabilization layer for the integrated section preview. */
@media (max-width: 767px) {
  .msx-section {
    overflow-x: hidden;
  }

  .msx-wrap {
    width: min(430px, calc(100vw - 12px));
    padding-right: 4px;
    padding-left: 4px;
  }

  .msx-title {
    width: min(100%, 354px);
    font-size: clamp(1.48rem, 6.9vw, 1.95rem);
    line-height: .86;
  }

  .msx-title-display {
    width: min(100%, 20rem);
    font-size: .58em;
  }

  .msx-heading-mark {
    left: clamp(198px, 62vw, 276px);
    width: clamp(65px, 20.15vw, 86px);
  }

  .msx-body,
  .msx-body p {
    width: min(100%, 354px);
    max-width: 354px;
    font-size: clamp(10.4px, 3vw, 13.4px);
    line-height: 1.36;
  }

  .msx-media-col {
    height: clamp(430px, 120vw, 552px);
    margin-top: clamp(26px, 7vw, 38px);
  }

  .msx-photo-main {
    top: clamp(50px, 15vw, 74px);
    left: 50%;
    width: min(354px, calc(100vw - 26px));
    transform: translate3d(-50%, var(--msx-shift, 0px), 0);
  }

  .msx-button-wrap--mobile {
    top: clamp(296px, 82.5vw, 382px);
    left: clamp(42px, 13vw, 64px);
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-overlap-card {
    top: clamp(242px, 68vw, 316px);
    right: clamp(16px, 5vw, 26px);
    width: clamp(118px, 36vw, 158px);
  }

  .msx-awards-shell {
    margin-top: -68px;
    padding-top: 0;
    overflow: visible;
  }

  .msx-meta--mobile {
    width: 100%;
    max-width: 348px;
    margin: clamp(-52px, -14vw, -32px) auto 0;
    text-align: center;
    justify-items: center;
  }

  .msx-meta--mobile .msx-meta-title {
    width: 100%;
    font-size: clamp(8.4px, 2.55vw, 9.2px);
    text-align: center;
  }

  .msx-meta--mobile .msx-list {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    justify-items: start;
  }

  .msx-meta--mobile .msx-list li {
    width: fit-content;
    max-width: 100%;
    padding-left: 8px;
    font-size: clamp(8.2px, 2.66vw, 9.6px);
    line-height: 1.28;
    text-align: left;
    white-space: nowrap;
  }

  .msx-awards-top-marquee {
    width: min(320px, calc(100vw - 42px));
    margin: 42px auto 0;
  }

  .msx-awards-marquee-track {
    width: max-content;
    transform: translate3d(0, 0, 0);
  }

  .msx-awards-marquee-group {
    width: auto;
    justify-content: flex-start;
    gap: 42px;
  }

  .msx-awards-marquee-group[aria-hidden="true"] {
    display: flex;
  }

  .msx-awards-stats-grid {
    width: min(310px, calc(100vw - 48px));
    max-width: 310px;
    gap: 28px 34px;
    margin: 44px auto 0;
    justify-self: center;
    overflow: visible;
    transform: translate3d(clamp(4px, 1.7vw, 8px), 0, 0);
  }

  .msx-awards-stats-col {
    align-items: center;
  }

  .msx-awards-stat {
    align-items: flex-start;
    padding: 0 4px;
    text-align: left;
  }

  .msx-awards-stat-value {
    justify-content: flex-start;
    font-size: clamp(36px, 10vw, 44px);
    text-align: left;
  }

  .msx-awards-image-wrap {
    width: min(318px, calc(100vw - 42px));
    max-width: 318px;
    margin: 52px auto 0;
    justify-self: center;
  }

  .msx-awards-intro {
    min-height: clamp(150px, 42vw, 204px);
    margin-top: clamp(66px, 18vw, 88px);
  }

  .msx-awards-title-wrap {
    justify-content: flex-start;
    min-height: clamp(150px, 42vw, 204px);
  }

  .msx-awards-title {
    width: min(100%, 22rem);
    font-size: clamp(2.45rem, 13vw, 3.35rem);
    text-align: left;
  }

  .msx-awards-script {
    left: clamp(170px, 53vw, 228px);
    top: clamp(36px, 11vw, 58px);
    width: clamp(170px, 54vw, 236px);
    transform: translate3d(-8px, 0, 0) scale(.96) rotate(-4deg);
  }

  .msx-booth-cards {
    grid-template-columns: 1fr;
    width: clamp(232px, 64vw, 280px);
    max-width: 280px;
    margin-top: clamp(32px, 8vw, 44px);
  }

  .msx-booth-card {
    aspect-ratio: 1.14 / .98;
  }
}

@media (min-width: 381px) and (max-width: 767px) {
  .msx-photo-main {
    left: 50%;
    width: min(374px, calc(100vw - 34px));
  }

  .msx-button-wrap--mobile {
    top: clamp(310px, 77vw, 386px);
    left: clamp(54px, 14vw, 72px);
  }

  .msx-overlap-card {
    top: clamp(246px, 62vw, 318px);
    right: clamp(18px, 5vw, 28px);
    width: clamp(128px, 34vw, 160px);
  }

  .msx-meta--mobile {
    width: 100%;
    max-width: 392px;
  }

  .msx-meta--mobile .msx-list li {
    font-size: clamp(5.8px, 1.5vw, 6.8px);
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .msx-section {
    overflow-x: hidden;
  }

  .msx-wrap {
    width: min(430px, calc(100vw - 34px));
  }

  .msx-photo-main,
  .msx-button-wrap--mobile,
  .msx-overlap-card {
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }

  .msx-awards-stats-grid,
  .msx-awards-image-wrap,
  .msx-booth-cards {
    justify-self: center;
  }
}

/* Keep the complete awards/booths composition on the Darby-style scroll track. */
.msx-section {
  --msx-main-scroll-travel: 0;
  --msx-overlap-scroll-travel: 0;
}

@media (min-width: 768px) {
  .msx-media-col > .msx-meta {
    z-index: 4;
  }

  .msx-overlap-card-overflow {
    z-index: 6;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .msx-media-col > .msx-meta {
    top: calc(var(--msx-tablet-wrap) * 486 / 1450);
    right: calc(var(--msx-tablet-shell-inset) - calc(var(--msx-tablet-wrap) * 24 / 1450));
    left: auto;
    width: clamp(300px, calc(var(--msx-tablet-wrap) * 520 / 1450), 520px);
    max-width: none;
    transform: translate3d(calc(var(--msx-tablet-wrap) * -12 / 1450), var(--msx-shift, 0px), 0);
  }
}

@media (min-width: 1280px) {
  .msx-section {
    --msx-desktop-meta-gap: calc(var(--msx-desktop-stage-width) * -118 / 1424);
  }

  .msx-media-col > .msx-meta {
    top: calc(
      var(--msx-desktop-photo-top)
      + calc(var(--msx-desktop-photo-width) * 369 / 577)
      + var(--msx-desktop-meta-gap)
    );
    right: auto;
    left: calc(var(--msx-desktop-stage-width) * 245 / 1424);
    width: var(--msx-desktop-meta-width);
    max-width: none;
    transform: translate3d(0, var(--msx-shift, 0px), 0);
  }
}

@media (max-width: 767px) {
  .msx-media-col > .msx-meta {
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
  }
}

.msx-awards-shell {
  --msx-awards-shell-shift-y: 0px;
  transform: translate3d(var(--msx-awards-shell-shift), 0, 0) !important;
}

/* Keep the complete awards block visually closer to the following booth cards
   while preserving its existing horizontal scroll travel. */
@media (min-width: 768px) and (max-width: 1279px) {
  .msx-awards-shell {
    --msx-awards-shell-shift-y: clamp(18px, 2vw, 28px);
    transform: translate3d(var(--msx-awards-shell-shift), var(--msx-awards-shell-shift-y), 0) !important;
  }
}

@media (min-width: 1280px) {
  .msx-awards-shell {
    --msx-awards-shell-shift-y: clamp(28px, 3.2vw, 52px);
    transform: translate3d(var(--msx-awards-shell-shift), var(--msx-awards-shell-shift-y), 0) !important;
  }
}

/* Lower the secondary overlapping image without changing its scale or x-position. */
@media (min-width: 768px) {
  .msx-overlap-card-overflow {
    transform: translate3d(0, calc(var(--msx-shift, 0px) + clamp(14px, 1.1vw, 20px)), 0);
  }
}

@media (max-width: 767px) {
  .msx-overlap-card {
    transform: translate3d(0, calc(var(--msx-shift, 0px) + clamp(10px, 3vw, 14px)), 0);
  }
}

/*
 * Homepage contour system
 *
 * The Meet, booth-service, and social-sharing sections share one canvas so the
 * animated contour field never restarts at a section boundary.  `clip` on the
 * inline axis avoids creating the nested vertical scroll container caused by
 * `overflow-x: hidden` + `overflow-y: visible`.
 */
.cbc-contour-system {
  position: relative;
  width: 100%;
  overflow: clip visible;
  background: #f4f0e7;
  isolation: isolate;
}

.cbc-contour-system__canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  pointer-events: none;
}

.cbc-contour-system > .cb-hero,
.cbc-contour-system > .msx-section,
.cbc-contour-system > .social-share-demo {
  position: relative;
  z-index: 1;
}

.cbc-contour-system > .msx-section {
  margin-top: 0;
  overflow-x: clip !important;
  overflow-y: visible !important;
  background: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.cbc-contour-system > .msx-section::after {
  display: none;
}

.cbc-contour-system .msx-canvas,
.cbc-contour-system .msx-overlay {
  display: none;
}

.cbc-contour-system.is-contour-ready > .social-share-demo {
  background: transparent;
}

/* Booth-card hover CTA: compact approved button with optical script alignment. */
.msx-booth-service__button > span:first-child {
  display: inline-block;
  transform: translateY(.24em);
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  .msx-booth-service__button {
    width: min(38%, 172px);
    min-height: clamp(40px, 2.65vw, 45px);
    padding: 6px 14px;
    font-size: clamp(12px, 1vw, 15px);
  }

  .msx-booth-service__button::before {
    inset: 4px;
  }
}

/* Final mobile placement: lift only the three-piece media composition. */
@media (max-width: 767px) {
  .msx-media-col {
    position: relative;
    top: -56px;
  }
}

/* Final mobile booth-card proportions based on the approved compact mockup. */
@media (max-width: 767px) {
  .msx-section--services-only .msx-booth-services {
    margin-top: -10px;
    gap: 18px;
  }

  .msx-booth-service,
  .msx-booth-service--image-left,
  .msx-booth-service--image-right {
    border-radius: 22px;
  }

  .msx-booth-service__media {
    height: auto;
    aspect-ratio: 3 / 2;
    background: var(--msx-service-coral);
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .msx-booth-service__media::after {
    display: none;
  }

  .msx-booth-service__media img,
  .msx-booth-service:hover .msx-booth-service__media img,
  .msx-booth-service:focus-within .msx-booth-service__media img {
    object-fit: contain;
    object-position: center;
    transform: none;
  }

  .msx-booth-service__content {
    min-height: 148px;
    margin-top: 0;
    padding: 16px 20px 22px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .msx-booth-service__title {
    margin: 0;
    font-size: clamp(27px, 8vw, 32px);
    line-height: .9;
    letter-spacing: -.045em;
  }

  .msx-booth-service__tagline {
    margin: -2px 0 0;
    font-size: clamp(21px, 6.5vw, 26px);
    line-height: .82;
  }

  .msx-booth-service__features {
    display: none !important;
  }

  .msx-booth-service__button {
    position: relative;
    display: inline-flex;
    width: clamp(144px, 43vw, 172px);
    min-height: 38px;
    margin: 15px 0 0;
    padding: 6px 12px;
    overflow: hidden;
    border: 2px solid #f4f0e7;
    background: #171917;
    color: #f4f0e7;
    font-family: "Heatwood", "Marcellus", serif;
    font-size: clamp(19px, 5.8vw, 23px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
    transform: none;
  }

  .msx-booth-service__button::before {
    position: absolute;
    inset: 4px;
    border: 1px solid #f4f0e7;
    content: "";
    pointer-events: none;
  }

  .msx-booth-service__button > span:first-child {
    position: relative;
    z-index: 1;
    transform: translateY(.14em);
  }

  .msx-booth-service__button-arrow {
    display: none;
  }
}

/*
 * Keep the camera mark locked to the desktop headline anchor on tablets.
 * Tablet rules previously removed its rotation and pulled it onto the text.
 */
@media (min-width: 768px) and (max-width: 1279px) {
  body.cbc-homepage .msx-heading-mark {
    left: clamp(-48px, -2.45vw, -30px);
    top: clamp(-14px, -0.72vw, -7px);
    width: clamp(91px, 6.11vw, 114px);
    transform: rotate(-10deg);
    transform-origin: 50% 50%;
  }
}

/* Mobile booth cards: approved portrait-forward proportions and compact copy panel. */
@media (max-width: 767px) {
  .msx-section--services-only .msx-booth-services,
  .msx-booth-services {
    width: min(calc(100vw - 16px), 620px);
    gap: 22px;
  }

  .msx-booth-service,
  .msx-booth-service--image-left,
  .msx-booth-service--image-right {
    padding: 2px;
    border-radius: 22px;
    transform: none;
  }

  .msx-booth-service__media {
    height: auto;
    aspect-ratio: 1.15 / 1;
    overflow: hidden;
    background: var(--msx-service-coral);
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .msx-booth-service__media::after,
  .msx-booth-service--image-left .msx-booth-service__media::after,
  .msx-booth-service--image-right .msx-booth-service__media::after {
    display: block;
    background: linear-gradient(
      to bottom,
      transparent 0%,
      transparent 88%,
      rgba(214, 86, 95, .12) 92%,
      rgba(214, 86, 95, .68) 97%,
      var(--msx-service-coral) 100%
    );
  }

  .msx-booth-service__media img,
  .msx-booth-service:hover .msx-booth-service__media img,
  .msx-booth-service:focus-within .msx-booth-service__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--msx-service-image-position, 50% 50%);
    transform: none;
  }

  .msx-booth-service__content {
    min-height: 0;
    margin-top: -1px;
    padding: 32px 28px 34px;
    align-items: stretch;
    justify-content: flex-start;
  }

  .msx-booth-service__title {
    width: 100%;
    margin: 0;
    font-size: clamp(23px, 6.6vw, 29px);
    letter-spacing: -.045em;
    line-height: .9;
    white-space: nowrap;
  }

  .msx-booth-service__tagline {
    width: 100%;
    max-width: none;
    margin: -3px 0 0;
    font-size: clamp(11px, 3.2vw, 14px);
    line-height: .9;
    white-space: nowrap;
  }

  .msx-booth-service__features {
    display: none !important;
  }

  .msx-booth-service__button {
    position: relative;
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    margin: 18px 0 0;
    padding: 9px 16px 11px;
    overflow: hidden;
    border: 2px solid #f4f0e7;
    align-self: stretch;
    background: #171917;
    color: #f4f0e7;
    font-family: "Heatwood", "Marcellus", serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
    transform: none;
  }

  .msx-booth-service__button::before {
    position: absolute;
    inset: 5px;
    border: 1px solid #f4f0e7;
    content: "";
    pointer-events: none;
  }

  .msx-booth-service__button > span:first-child {
    position: relative;
    z-index: 1;
    display: inline-block;
    transform: translateY(.11em);
  }

  .msx-booth-service__button-arrow {
    display: none;
  }
}