@font-face {
      font-family: 'Atyp Display Light';
      src:
        url("/static/aura/assets/media-a7fb458aaf4cfd3d.woff2") format('woff2'),
        url("/static/aura/assets/media-a7fb458aaf4cfd3d.woff2") format('woff2');
      font-display: swap;
      font-style: normal;
      font-weight: 300;
    }

    .hero__title,
    .hero__subtitle,
    .hero__actions .button--hero-cta {
      font-family: 'Atyp Display Light', Arial, sans-serif;
      letter-spacing: 0;
      font-kerning: normal;
      font-feature-settings: "kern" 1;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .hero__title {
      max-width: 660px;
      font-weight: 300;
      font-size: clamp(38px, 4.25vw, 60px);
      line-height: 1.02;
    }

    .hero__subtitle {
      max-width: 580px;
      margin-top: 22px;
      font-weight: 300;
      font-size: clamp(21px, 1.65vw, 26px);
      line-height: 1.28;
    }

    .hero__actions .button--hero-cta,
    .button--header-cta {
      min-width: 260px;
      font-weight: 300;
      font-size: 13px;
      line-height: 1.2;
    }

    .button--header-cta {
      font-family: 'Atyp Display Light', Arial, sans-serif;
      letter-spacing: 0;
    }

    @media (min-width: 960px) {
      .hero {
        padding-top: 112px;
        padding-bottom: 54px;
      }

      .hero__layout {
        grid-template-columns: minmax(0, 0.9fr) minmax(560px, 1.1fr);
        gap: clamp(18px, 2.2vw, 30px);
        transform: translateY(-42px);
      }

      .hero__copy {
        max-width: 680px;
      }

      .hero__aside {
        width: min(100%, 760px);
      }
    }

    @media (max-width: 959px) {
      :root[data-hero-version="v2"] .hero__backdrop-image {
        object-position: 58% 30%;
      }

      .hero__title {
        max-width: 560px;
        font-size: clamp(34px, 7.8vw, 52px);
        line-height: 1;
      }

      .hero__subtitle,
      :root[data-hero-version="v2"] .hero__subtitle {
        max-width: 100%;
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.24;
      }

      .hero__actions .button--hero-cta {
        min-height: 52px;
        width: 100%;
        min-width: 0;
        font-size: 13px;
      }
    }

    @media (max-width: 639px) {
      .hero__title {
        font-size: clamp(32px, 9.6vw, 43px);
      }

      .hero__subtitle,
      :root[data-hero-version="v2"] .hero__subtitle {
        font-size: 15px;
        line-height: 1.24;
      }

      :root[data-hero-version="v2"] .hero {
        padding-bottom: max(18px, env(safe-area-inset-bottom));
      }

      :root[data-hero-version="v2"] .hero__copy {
        transform: translateY(12px);
      }

      :root[data-hero-version="v2"] .hero__actions {
        margin-top: 12px;
      }
    }

    body[data-program-page="zhenskiy-den"] {
      --program-fluid-gutter: clamp(16px, 4vw, 64px);
    }

    body[data-program-page="zhenskiy-den"] .hero > .container {
      box-sizing: border-box !important;
      width: 100%;
      max-width: none;
      margin-inline: 0;
      padding-inline: var(--program-fluid-gutter);
    }

    @media (min-width: 960px) {
      body[data-program-page="zhenskiy-den"] .hero__layout {
        grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
        gap: clamp(24px, 3.6vw, 58px);
      }

      body[data-program-page="zhenskiy-den"] .hero__copy {
        max-width: 740px;
      }

      body[data-program-page="zhenskiy-den"] .hero__title {
        max-width: 720px;
        font-size: clamp(42px, 4.65vw, 72px);
      }

      body[data-program-page="zhenskiy-den"] .hero__subtitle {
        max-width: 640px;
        font-size: clamp(22px, 1.7vw, 28px);
      }

      body[data-program-page="zhenskiy-den"] .hero__actions .button--hero-cta {
        min-height: 62px;
        padding-inline: 34px;
      }

      body[data-program-page="zhenskiy-den"] .hero__aside {
        width: min(100%, clamp(540px, 45vw, 820px));
      }
    }

    @media (max-width: 1199px) {
      body[data-program-page="zhenskiy-den"] {
        --program-fluid-gutter: clamp(16px, 4vw, 48px);
      }

      body[data-program-page="zhenskiy-den"] .hero__layout {
        grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
        gap: clamp(24px, 3vw, 38px);
      }

      body[data-program-page="zhenskiy-den"] .hero__title {
        font-size: clamp(38px, 4.8vw, 58px);
      }
    }

    @media (max-width: 959px) {
      body[data-program-page="zhenskiy-den"] {
        --program-fluid-gutter: clamp(18px, 4vw, 32px);
      }

      body[data-program-page="zhenskiy-den"] .hero__layout {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      body[data-program-page="zhenskiy-den"] .hero__copy {
        width: min(100%, 760px);
      }

      body[data-program-page="zhenskiy-den"] .hero__title {
        max-width: 640px;
        font-size: clamp(36px, 7.6vw, 56px);
      }

      body[data-program-page="zhenskiy-den"] .hero__subtitle,
      :root[data-hero-version="v2"] body[data-program-page="zhenskiy-den"] .hero__subtitle {
        font-size: clamp(16px, 2.5vw, 20px);
      }

      body[data-program-page="zhenskiy-den"] .hero__actions .button--hero-cta {
        min-height: 56px;
      }
    }

    @media (max-width: 639px) {
      body[data-program-page="zhenskiy-den"] {
        --program-fluid-gutter: 15px;
      }

      body[data-program-page="zhenskiy-den"] .hero__copy {
        width: 100%;
      }

      body[data-program-page="zhenskiy-den"] .hero__title {
        font-size: clamp(32px, 9.4vw, 42px);
      }

      body[data-program-page="zhenskiy-den"] .hero__subtitle,
      :root[data-hero-version="v2"] body[data-program-page="zhenskiy-den"] .hero__subtitle {
        font-size: 15px;
      }

      body[data-program-page="zhenskiy-den"] .hero__actions .button--hero-cta {
        min-height: 52px;
      }
    }