@media (max-width: 1220px) {
  .sm-site-header__inner {
    width: min(calc(100% - 4rem), 1100px);
  }

  .sm-hero__container,
  .sm-why__container,
  .sm-collab__container {
    grid-template-columns: 1fr;
    gap: 6.4rem;
  }

  .sm-hero__content,
  .sm-collab__content {
    max-width: 78rem;
  }

  .sm-hero__visual {
    width: min(100%, 82rem);
    min-height: 65rem;
    margin: 0 auto;
  }

  .sm-hero__photo-card {
    left: 4rem;
  }

  .sm-why__card {
    max-width: 82rem;
    width: 100%;
    margin-inline: auto;
  }

  .sm-collab__visual {
    width: min(100%, 62rem);
    margin-inline: auto;
  }

  .sm-collab__content {
    margin-inline: auto;
  }

  .sm-services__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .sm-site-header__inner {
    grid-template-columns: 1fr;
    gap: 1.8rem;
    padding: 2rem 0;
    text-align: center;
  }

  .sm-site-header__nav {
    order: 3;
  }

  .sm-site-header__menu {
    flex-wrap: wrap;
    gap: 1.4rem;
  }

  .sm-site-header__cta {
    justify-self: center;
  }

  .sm-why__reason-grid,
  .sm-collab__benefits {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .sm-hero {
    min-height: auto;
    padding: 5.2rem 0 6.4rem;
  }

  .sm-hero__container,
  .sm-why__container,
  .sm-collab__container,
  .sm-services__container {
    width: min(calc(100% - 3.6rem), 1380px);
    gap: 4.6rem;
  }

  .sm-hero__title {
    font-size: clamp(4.8rem, 16vw, 6.8rem);
  }

  .sm-hero__description {
    font-size: 1.58rem;
  }

  .sm-hero__actions,
  .sm-collab__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .sm-hero__actions .sm-btn,
  .sm-collab__actions .sm-btn {
    width: 100%;
  }

  .sm-hero__proof-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .sm-hero__visual {
    min-height: auto;
  }

  .sm-hero__photo-card {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 43rem;
  }

  .sm-hero__affirmation {
    position: relative;
    top: auto;
    right: auto;
    width: calc(100% - 3rem);
    min-height: auto;
    margin: -5.4rem auto 2.2rem;
    padding: 3rem 2.4rem;
  }

  .sm-hero__stats {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    grid-template-columns: 1fr;
  }

  .sm-hero__stat:not(:last-child)::after {
    top: auto;
    right: 8%;
    bottom: 0;
    width: 84%;
    height: 1px;
  }

  .sm-hero__gold-line,
  .sm-why__gold-line,
  .sm-collab__gold-line,
  .sm-services__gold-line {
    opacity: 0.22;
  }

  .sm-why,
  .sm-collab,
  .sm-services {
    padding: 7rem 0;
  }

  .sm-why__card--main,
  .sm-why__card--trust {
    padding: 3.2rem 2.2rem;
    border-radius: 3rem;
  }

  .sm-why__title {
    font-size: clamp(4.2rem, 13vw, 5.8rem);
  }

  .sm-why__intro,
  .sm-why__closing {
    font-size: 1.5rem;
  }

  .sm-why__transform {
    grid-template-columns: 4.4rem 1fr;
    border-radius: 2rem;
  }

  .sm-why__image-card {
    min-height: 23rem;
  }

  .sm-collab__visual {
    min-height: auto;
  }

  .sm-collab__photo-card {
    width: 100%;
    height: 43rem;
  }

  .sm-collab__quote-card {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: -5rem auto 0;
    width: calc(100% - 3rem);
  }

  .sm-collab__title,
  .sm-services__title {
    font-size: clamp(4.4rem, 14vw, 6.6rem);
  }

  .sm-collab__description,
  .sm-services__intro {
    font-size: 1.58rem;
  }

  .sm-services__grid {
    grid-template-columns: 1fr;
  }

  .sm-services__image {
    height: 22rem;
  }
}

@media (max-width: 600px) {
  .sm-hero__badge,
  .sm-why__badge,
  .sm-collab__badge,
  .sm-services__badge {
    font-size: 1.05rem;
    letter-spacing: 0.12em;
  }

  .sm-hero__photo-card,
  .sm-collab__photo-card {
    height: 38rem;
    border-radius: 3.4rem;
  }

  .sm-hero__photo-inner,
  .sm-collab__photo-inner {
    border-radius: 2.3rem;
  }

  .sm-hero__affirmation p {
    font-size: 2.25rem;
  }

  .sm-why__side-title {
    font-size: 3.4rem;
  }

  .sm-collab__quote-card p {
    font-size: 2.05rem;
  }

  .sm-services__card-content {
    padding: 2.4rem 2.2rem 2.6rem;
  }

  .sm-services__card h3 {
    font-size: 2.7rem;
  }
}