@media (min-width: 768px) {
    
    .hero {
      min-height: auto;
      padding-top: 50px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .about__image-wrapper {
      float: left;
      width: 45%;
      height: 20%;
      display: block;
      margin-top: 2%;
      margin-right: 3%;
      border-radius: 25px;
    }

    .content-inner {
      padding-top: 20px; 
      padding-bottom: 20px;
    }

    .types {
      margin-top: 30px;
    }

    .hero__image-wrapper {
      height: 600px;
      width: 90%;
      max-width: 1000px;
      border-radius: 35px;
      margin: 0 auto;
    }

    .hero__text-wrapper {
      position: relative;
      bottom: auto;
      left: auto;
      margin-top: -250px;
      padding: 40px 0;
    }

    .hero__subtitle {
        color: var(--color-text);
    }
    
    .hero__text-wrapper::before {
        backdrop-filter: blur(45px);
        -webkit-backdrop-filter: blur(25px);
        mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 100%); 
    }
    
    .hero__title {
        font-size: 6.8rem;
        font-weight: 320;
    }

    .section__content { 
      padding: 0 43px;
    }

    .important .section__content { 
      padding: 0;
    }

    .text { 
      text-align: justify;
      margin-bottom: 35px;
    }

    .format__container { 
      display: flex; 
      justify-content: space-between; align-items: center; gap: 40px; padding: 0 30px; }
    
    .format__text {
      flex: 1;
    }

    .button {
      width: auto; 
      margin-bottom: 0; 
    }

    .footer__legal {
      flex-direction: row;
      justify-content: center;
      height: 70px;
      gap: 5px;
    }

    .footer__separator {
      display: inline;
    }

    .footer__link {
      display: inline;
    }

    .slider-container {
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }

    .slide img {
        border-radius: 0;
    }
}/* =========================================
   ИСПРАВЛЕНИЕ НОВОГО ПЕРВОГО ЭКРАНА
   ========================================= */

@media (min-width: 768px) {

    .page-wrapper .hero {
        position: relative;
        display: grid;
        grid-template-columns: 52% 48%;
        flex-direction: initial;
        align-items: stretch;
        min-height: 720px;
        padding: 0;
        margin-bottom: 0;
        overflow: hidden;
    }

    .page-wrapper .hero__image-wrapper {
        position: relative;
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        max-width: none;
        height: 720px;
        margin: 0;
        border-radius: 0;
        overflow: hidden;
        z-index: 1;
    }

    .page-wrapper .hero__photo {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center 24%;
    }

    .page-wrapper .hero__text-wrapper {
        position: relative;
        grid-column: 1;
        grid-row: 1;
        bottom: auto;
        left: auto;
        width: auto;
        max-width: none;
        min-height: 720px;
        margin: 0;
        padding: 110px 7vw 80px 10vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        z-index: 3;
    }

    .page-wrapper .hero__title {
        max-width: 600px;
        margin: 0 0 28px;
        color: #171514;
        font-size: clamp(44px, 4.1vw, 66px);
        line-height: 1.08;
        text-align: left;
    }

    .page-wrapper .hero__subtitle {
        max-width: 590px;
        margin: 0;
        padding: 0;
        color: #373230;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.75;
        text-align: left;
    }
}

/* Финальная настройка первого экрана — компьютер */
@media (min-width: 768px) {

    .page-wrapper .hero {
        grid-template-columns: 50% 50%;
        min-height: 680px;
    }

    .page-wrapper .hero__image-wrapper {
        width: 100%;
        height: 680px;
    }

    .page-wrapper .hero__photo {
        object-fit: cover;
        object-position: 52% 20%;
    }

    .page-wrapper .hero__text-wrapper {
        min-height: 680px;
        padding: 80px 4vw 65px 7vw;
    }

    .page-wrapper .hero__title {
        max-width: 650px;
        font-size: clamp(40px, 3.55vw, 58px);
        line-height: 1.08;
        letter-spacing: -0.025em;
    }

    .page-wrapper .hero__subtitle {
        max-width: 560px;
        font-size: 14px;
        line-height: 1.7;
    }

    .page-wrapper .hero__button {
        min-height: 50px;
        padding: 0 25px;
        font-size: 12px;
    }
}

/* Финальная мобильная версия первого экрана */

@media (max-width: 700px) {
    .page-wrapper .hero {
        display: flex;
        flex-direction: column;
        min-height: auto;
        background: #f3f1ec;
    }

    .page-wrapper .hero__image-wrapper {
        order: 1;
        width: 100%;
        height: 390px;
    }

    .page-wrapper .hero__photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 52% 20%;
    }

    .page-wrapper .hero__text-wrapper {
        order: 2;
        width: 100%;
        min-height: auto;
        padding: 34px 22px 42px;
        background: #f3f1ec;
        color: #4c4743;
    }

    .page-wrapper .hero__label {
        color: #9b6f67;
        font-size: 11px;
    }

    .page-wrapper .hero__title {
        max-width: none;
        margin-top: 12px;
        color: #2f332d;
        font-size: 36px;
        line-height: 1.08;
        letter-spacing: -0.025em;
        text-align: left;
    }

    .page-wrapper .hero__subtitle {
        max-width: none;
        color: #4c4743;
        font-size: 15px;
        line-height: 1.65;
        text-align: left;
    }

    .page-wrapper .hero__button {
        display: flex;
        width: 100%;
        min-height: 50px;
        padding: 0 20px;
        background: #a85f57;
        color: #ffffff;
        text-decoration: none;
    }

    .page-wrapper .hero__meta {
        color: #4c4743;
        font-size: 11px;
    }

    .page-wrapper .brand-symbol {
        width: 40px;
        height: 40px;
        margin-bottom: 14px;
    }
}/* ===== ОБРАЗОВАНИЕ: ФИНАЛЬНАЯ ВЁРСТКА ===== */

.education-info,
.education-info .section__content,
.education-info .content-inner,
.education-info .slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

.education-info .content-inner {
    display: block !important;
}

.education-info .slider-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: start !important;
    justify-content: stretch !important;
    margin: 0 !important;
}

.education-info .slider-container,
.education-info .slider-container.vertical-look {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

@media (max-width: 700px) {
    .education-info .slider-wrapper {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
}