/* ==========================================================================
   DESKTOP STYLES - Стили для десктопных устройств (от 1754569px)
   ========================================================================== */

/* Показать только десктопную версию */
@media (min-width: 769px) {
    .desktop-only {
        display: block !important;
    }
    
    .mobile-only {
        display: none !important;
    }
}

/* Скрыть мобильную версию на десктопе */
@media (min-width: 481px) {
    .mobile-frame {
        display: none !important;
    }
    
    .mobile-menu-overlay {
        display: none !important;
    }
}

/* Desktop Frame Container - Адаптивная ширина */
.desktop-frame {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: #FFFFFD;
    position: relative;
    min-height: 100vh;
}

/* ==========================================================================
   NAVBAR - Оригинальный дизайн с адаптивностью
   ========================================================================== */

.navbar {
    position: absolute;
    width: 100%;
    height: 97px;
    top: 0;
    left: 0;
    background-color: #fffffd;
}

.overlap-2 {
    position: absolute;
    width: 242px;
    height: 64px;
    top: 11px;
    left: 6.25%; /* 120px из 1920px */
}

.text-wrapper-7 {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    color: #251a1f;
    font-size: 48px;
    letter-spacing: -2.88px;
    line-height: normal;
}

.text-wrapper-8 {
    position: absolute;
    top: 28px;
    left: 83.1%; /* 1596px из 1920px */
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    color: #b91414;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31.1px;
    white-space: nowrap;
}

.text-wrapper-9 {
    left: 46.6%; /* 895px из 1920px */
    position: absolute;
    top: 28px;
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    color: #251a1f;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31.1px;
    white-space: nowrap;
}

.text-wrapper-10 {
    left: 56.7%; /* 1089px из 1920px */
    position: absolute;
    top: 28px;
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    color: #251a1f;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31.1px;
    white-space: nowrap;
}

.text-wrapper-11 {
    left: 63.7%; /* 1223px из 1920px */
    position: absolute;
    top: 28px;
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    color: #251a1f;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31.1px;
    white-space: nowrap;
}

.text-wrapper-12 {
    left: 69.8%; /* 1340px из 1920px */
    position: absolute;
    top: 28px;
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    color: #251a1f;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31.1px;
    white-space: nowrap;
}

.frame-4 {
    position: absolute;
    top: 28px;
    left: 35.2%; /* 676px из 1920px */
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.text-wrapper-13 {
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    color: #251a1f;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31.1px;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.frame-4:hover .text-wrapper-13 {
    color: #B91414;
}

.dropdown-arrow {
    width: 6.36px;
    height: 6.36px;
    position: relative;
    transition: transform 0.3s ease;
}

.dropdown-arrow::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #251a1f;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: border-top-color 0.3s ease;
}

.frame-4:hover .dropdown-arrow::after {
    border-top-color: #B91414;
}

.frame-4:hover .dropdown-arrow {
    transform: rotate(180deg);
}

/* ==========================================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ NAVBAR - только при меньших экранах
   ========================================================================== */

/* Hover эффекты */
.text-wrapper-7:hover,
.text-wrapper-9:hover, 
.text-wrapper-10:hover, 
.text-wrapper-11:hover, 
.text-wrapper-12:hover,
.frame-4:hover .text-wrapper-13 {
    color: #B91414;
}

.text-wrapper-8:hover {
    color: #8a1010;
}

/* Адаптивные стили - только размеры шрифтов и скрытие элементов */
@media (max-width: 1440px) {
    .text-wrapper-7 {
        font-size: 42px;
        letter-spacing: -2.5px;
    }
    
    .text-wrapper-8, .text-wrapper-9, .text-wrapper-10, .text-wrapper-11, .text-wrapper-12, .text-wrapper-13 {
        font-size: 20px;
        letter-spacing: -0.8px;
    }
}

/* Скрыть лишние элементы на небольших экранах */
@media (max-width: 1200px) {
    .text-wrapper-11, .text-wrapper-12 {
        display: none;
    }
    
    .text-wrapper-8, .text-wrapper-9, .text-wrapper-10, .text-wrapper-13 {
        font-size: 18px;
        letter-spacing: -0.6px;
    }
    
    .text-wrapper-7 {
        font-size: 36px;
        letter-spacing: -2px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 1024px) {
    .text-wrapper-7 {
        font-size: 32px;
    }
    
    .text-wrapper-8, .text-wrapper-9, .text-wrapper-10, .text-wrapper-13 {
        font-size: 16px;
    }
}

/* Минимальный размер - скрыть еще больше */
@media (max-width: 900px) {
    .text-wrapper-10 {
        display: none;
    }
}

/* Cookie banner для десктопа */
.cookie-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 400px;
    border-radius: 12px;
    padding: 24px;
}

.cookie-text {
    font-size: 14px;
    line-height: 21px;
}

/* Tablet and small laptop responsive adjustments */
@media (min-width: 769px) and (max-width: 1366px) {
    .desktop-logo {
        font-size: 40px;
        line-height: 54px;
        width: 200px;
        height: 54px;
    }
    
    .desktop-nav-dropdown .desktop-nav-item,
    .desktop-nav > a,
    .desktop-phone {
        font-size: 18px;
        line-height: 26px;
    }
    
    .desktop-nav-dropdown {
        gap: 5px;
    }
    
    .desktop-header {
        height: 80px;
    }
    
    .desktop-nav {
        height: 80px;
    }
    
    .desktop-nav-dropdown,
    .desktop-nav > a:nth-child(2),
    .desktop-nav > a:nth-child(3), 
    .desktop-nav > a:nth-child(4),
    .desktop-nav > a:nth-child(5) {
        top: 26px;
    }
    
    .desktop-phone {
        top: 26px;
    }
}

/* Hide some navigation items on very small desktops/large tablets */
@media (min-width: 769px) and (max-width: 1024px) {
    .desktop-nav > a:nth-child(4),
    .desktop-nav > a:nth-child(5) {
        display: none;
    }
    
    .desktop-phone {
        font-size: 16px;
    }
}

.cookie-actions {
    width: auto;
}

.cookie-accept,
.cookie-settings {
    font-size: 14px;
    padding: 10px 20px;
}

/* Desktop Hero Section - точно как в Figma экспорте */
.overlap {
    position: relative;
    width: 100%;
    height: 1326px;
}

.bg {
    position: absolute;
    width: 68.5%; /* 1316px from 1920px */
    height: 1104px;
    top: 0;
    left: 31.5%; /* 604px from 1920px */
    object-fit: cover;
}

.bg-fa-ba {
    position: absolute;
    width: 31.5%; /* 604px from 1920px */
    height: 1104px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.rectangle {
    position: absolute;
    width: 100%;
    height: 1004px;
    top: 97px;
    left: 0;
    background: linear-gradient(
        90deg,
        rgba(45, 38, 31, 1) 0%,
        rgba(54, 44, 31, 1) 25%,
        rgba(54, 44, 31, 0.8) 40%,
        rgba(12, 9, 6, 0) 55%
    );
}

.rectangle-2 {
    position: absolute;
    width: 410px;
    height: 92px;
    top: 803px;
    left: 6.25%; /* 120px from 1920px */
    background-color: #ffffff;
}

.text-wrapper-3 {
    position: absolute;
    top: 834px;
    left: 6.25%; /* выровнял с остальным текстом */
    font-family: var(--font-primary);
    font-weight: 500;
    color: #b91414;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: normal;
    padding-left: 48px; /* отступ внутри кнопки */
}

/* Hero Button - Responsive */
@media screen and (max-width: 1440px) {
    .rectangle-2 {
        width: 350px;
        height: 80px;
        left: 5%;
        top: 780px; /* поднял выше */
    }
    
    .text-wrapper-3 {
        left: 5%;
        font-size: 20px;
        letter-spacing: -0.40px;
        padding-left: 40px;
        top: calc(780px + 30px); /* центрируем относительно кнопки */
    }
}

@media screen and (max-width: 1024px) {
    .rectangle-2 {
        width: 280px;
        height: 70px;
        left: 4%;
        top: 720px; /* поднял выше */
    }
    
    .text-wrapper-3 {
        left: 4%;
        font-size: 18px;
        letter-spacing: -0.36px;
        padding-left: 32px;
        top: calc(720px + 26px); /* центрируем относительно кнопки */
    }
}

.p {
    position: absolute;
    width: 597px;
    top: 565px;
    left: 6.25%; /* 120px from 1920px */
    font-family: var(--font-primary);
    font-weight: 400;
    color: #ffffff;
    font-size: 26px;
    letter-spacing: -0.52px;
    line-height: 39px;
}

/* Statistics Section - Base 1920px */
.frame-wrapper {
    position: absolute;
    width: 100%;
    max-width: 1920px;
    height: 225px;
    top: 1101px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #b91414;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-2 {
    display: inline-flex;
    align-items: center;
    gap: 140px;
    position: relative;
    top: 0; /* убрал top чтобы центрировать вертикально */
    left: 0; /* убрал left чтобы центрировать горизонтально */
}

.frame-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    flex: 0 0 auto;
    padding: 10px 0; /* добавил равные отступы сверху и снизу */
}

.text-wrapper-4 {
    position: relative;
    width: fit-content;
    font-family: var(--font-serif);
    font-weight: 500;
    color: #ffffff;
    font-size: 60px;
    text-align: center;
    letter-spacing: -2.40px;
    line-height: normal;
}

.text-wrapper-5 {
    position: relative;
    align-self: stretch;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.40px;
    line-height: 1.4; /* изменил на относительную высоту */
}

.text-wrapper-6 {
    position: relative;
    width: fit-content;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.40px;
    line-height: 1.4; /* изменил на относительную высоту */
    white-space: nowrap;
}

.line {
    position: relative;
    width: 1px;
    height: 88px;
    background: rgba(255, 255, 255, 0.4);
}

/* Hero Description - Responsive */
@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .p {
        width: 512px; /* 640px * 0.8 = 512px */
        font-size: 23px; /* 29px * 0.8 = 23px */
        letter-spacing: -0.46px; /* -0.58px * 0.8 = -0.46px */
        line-height: 35px; /* 44px * 0.8 = 35px */
        left: 5.5%;
        top: 520px;
    }
    
}

@media screen and (max-width: 1440px) {
    .p {
        width: 480px;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 33px;
        left: 5%;
        top: 510px; /* опустил ниже для гармонии */
    }
}

@media screen and (max-width: 1024px) {
    .p {
        width: 360px;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 28px;
        left: 4%;
        top: 400px; /* опустил ниже для гармонии */
    }
}

.element-2 {
    position: absolute;
    top: 304px;
    left: 6.25%; /* 120px from 1920px */
    font-family: var(--font-serif);
    font-weight: 500;
    color: #ffffff;
    font-size: 106px;
    letter-spacing: -4.24px;
    line-height: 106px;
}

/* Hero Title - Responsive */
@media screen and (min-width: 1501px) and (max-width: 1920px) {
    .element-2 {
        font-size: 90px; /* 106px * 0.85 = 90px */
        letter-spacing: -3.6px; /* -4.24px * 0.85 = -3.6px */
        line-height: 90px; /* 106px * 0.85 = 90px */
        left: 5.5%;
    }
}

@media screen and (max-width: 1440px) {
    .element-2 {
        font-size: 84px;
        letter-spacing: -3.36px;
        line-height: 84px;
        left: 5%;
    }
}

@media screen and (max-width: 1024px) {
    .element-2 {
        font-size: 64px;
        letter-spacing: -2.56px;
        line-height: 64px;
        left: 4%;
        top: 250px;
    }
}

.frame-2 {
    display: inline-flex;
    align-items: center;
    gap: 140px;
    position: relative;
    top: 0;
    left: 0;
}

.frame-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    flex: 0 0 auto;
    padding: 10px 0; /* добавил равные отступы сверху и снизу */
}

.text-wrapper-4 {
    position: relative;
    width: fit-content;
    font-family: var(--font-serif);
    font-weight: 500;
    color: #ffffff;
    font-size: 60px;
    text-align: center;
    letter-spacing: -2.40px;
    line-height: normal;
}

.text-wrapper-5 {
    position: relative;
    align-self: stretch;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.40px;
    line-height: 1.4; /* изменил на относительную высоту */
}

.text-wrapper-6 {
    position: relative;
    width: fit-content;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.40px;
    line-height: 1.4; /* изменил на относительную высоту */
    white-space: nowrap;
}

.line {
    position: relative;
    width: 1px;
    height: 88px;
    background: rgba(255, 255, 255, 0.4);
}

/* MacBook and smaller screens (от 1440 до 1900px включительно) */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .frame-wrapper {
        height: 225px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .frame-2 {
        gap: 80px;
    }
    
    .text-wrapper-4 {
        font-size: 48px;
        letter-spacing: -1.92px;
    }
    
    .text-wrapper-5,
    .text-wrapper-6 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 22px;
    }
    
    .line {
        height: 70px;
    }
}

/* iPad Pro and smaller */
@media screen and (max-width: 1024px) {
    .frame-wrapper {
        height: 160px;
    }
    
    .frame-2 {
        gap: 40px;
    }
    
    .text-wrapper-4 {
        font-size: 36px;
        letter-spacing: -1.44px;
    }
    
    .text-wrapper-5,
    .text-wrapper-6 {
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 20px;
    }
    
    .line {
        height: 60px;
    }
}

/* Hero Right Image */
.hero-right-image {
    position: absolute;
    width: 639px;
    height: 639px;
    top: 766px;
    left: 1258px;
    background-image: url('/src/images/hero-right-image.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

/* Hero Right Image - Responsive */
@media screen and (max-width: 1440px) {
    .hero-right-image {
        width: 480px;
        height: 480px;
        left: calc(100vw - 320px); /* еще больше сдвинул правее */
    }
}

@media screen and (max-width: 1024px) {
    .hero-right-image {
        width: 320px;
        height: 320px;
        left: calc(100vw - 220px); /* еще больше сдвинул правее */
        top: 650px;
    }
}


/* Directions Section */
.text-wrapper-31 {
    position: relative;
    margin-top: 149px; /* 1475px - 1326px */
    margin-left: 6.25%; /* 120px from 1920px */
    font-family: var(--font-serif);
    font-weight: 500;
    color: #251a1f;
    font-size: 64px;
    letter-spacing: -2.56px;
    line-height: normal;
}

/* Directions Container */
.directions-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 514px;
    margin: 24px auto 0;
    left: 50%;
    transform: translateX(-50%);
}

/* Directions - Responsive */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .text-wrapper-31 {
        font-size: 48px;
        letter-spacing: -1.92px;
        margin-left: 5%;
        margin-top: 80px;
    }
    
    .directions-container {
        height: 390px; /* соответствует новой высоте карточек */
        padding: 0 20px;
        margin-top: 35px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1439px) {
    .text-wrapper-31 {
        font-size: 42px;
        letter-spacing: -1.68px;
        margin-left: 4%;
        margin-top: 70px;
    }
    
    .directions-container {
        height: 344px; /* соответствует новой высоте карточек */
        padding: 0 15px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .text-wrapper-31 {
        font-size: 36px;
        letter-spacing: -1.44px;
        margin-left: 4%;
        margin-top: 100px;
    }
    
    .directions-container {
        height: auto;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 40px;
        position: relative;
        left: 0;
    }
}

/* Direction Cards - Base Styles */
.overlap-wrapper {
    position: absolute;
    width: 566px;
    height: 514px;
    top: 0;
    left: 4.7%; /* 90px from 1920px */
    background-color: rgba(57, 7, 7, 0.02);
}

.div-wrapper {
    position: absolute;
    width: 566px;
    height: 514px;
    top: 0;
    left: 35.2%; /* 676px from 1920px */
    background-color: rgba(57, 7, 7, 0.02);
}

.overlap-group-wrapper {
    position: absolute;
    width: 568px;
    height: 514px;
    top: 0;
    left: 65.7%; /* 1262px from 1920px */
    background-color: rgba(57, 7, 7, 0.02);
}

/* First Card Inner Elements Base */
.overlap-4 {
    position: relative;
    width: 536px;
    height: 514px;
    left: 30px;
}

.overlap-5 {
    position: absolute;
    width: 536px;
    height: 514px;
    top: 0;
    left: 0;
}

.frame-5 {
    position: absolute;
    width: 382px;
    height: 514px;
    top: 0;
    left: 154px;
    object-fit: cover;
}

.text-wrapper-20 {
    position: absolute;
    width: 378px;
    top: 29px;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #251a1f;
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 46.8px;
}

.text-wrapper-21 {
    width: 484px;
    top: 168px;
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(37, 26, 31, 0.71);
    position: absolute;
    left: 0;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-22 {
    position: absolute;
    top: 455px;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 500;
    color: #b91414;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

/* Direction Cards - Responsive для больших экранов 1440-1900px */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .overlap-wrapper {
        width: 430px; /* 566px * 0.76 = 430px */
        height: 390px; /* 514px * 0.76 = 390px */
        left: 4.7%;
    }
    
    .div-wrapper {
        width: 430px; /* 566px * 0.76 = 430px */
        height: 390px; /* 514px * 0.76 = 390px */
        left: calc(4.7% + 430px + 1.5%);
    }
    
    .overlap-group-wrapper {
        width: 432px; /* 568px * 0.76 = 432px */
        height: 390px; /* 514px * 0.76 = 390px */
        left: calc(4.7% + 430px + 1.5% + 430px + 1.5%);
    }
    
    /* Внутренние элементы первой карточки */
    .overlap-wrapper .overlap-4 {
        width: 407px; /* 536px * 0.76 = 407px */
        height: 390px; /* 514px * 0.76 = 390px */
        left: 23px; /* 30px * 0.76 = 23px */
    }
    
    .overlap-wrapper .overlap-5 {
        width: 407px; /* 536px * 0.76 = 407px */
        height: 390px; /* 514px * 0.76 = 390px */
    }
    
    .overlap-wrapper .frame-5 {
        width: 290px; /* 382px * 0.76 = 290px */
        height: 390px; /* 514px * 0.76 = 390px */
        left: 117px; /* 154px * 0.76 = 117px */
    }
    
    .overlap-wrapper .text-wrapper-20 {
        width: 287px; /* 378px * 0.76 = 287px */
        top: 22px; /* 29px * 0.76 = 22px */
        font-size: 27px; /* 36px * 0.76 = 27px */
        letter-spacing: -0.55px; /* -0.72px * 0.76 = -0.55px */
        line-height: 35.6px; /* 46.8px * 0.76 = 35.6px */
    }
    
    .overlap-wrapper .text-wrapper-21 {
        width: 368px; /* 484px * 0.76 = 368px */
        top: 128px; /* 168px * 0.76 = 128px */
        font-size: 17px; /* 22px * 0.76 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.76 = -0.33px */
        line-height: 26.8px; /* 35.2px * 0.76 = 26.8px */
    }
    
    .overlap-wrapper .text-wrapper-22 {
        top: 346px; /* 455px * 0.76 = 346px */
        font-size: 17px; /* 22px * 0.76 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.76 = -0.33px */
        line-height: 26.8px; /* 35.2px * 0.76 = 26.8px */
    }
    
    /* Внутренние элементы второй карточки */
    .div-wrapper .overlap-8 {
        width: 407px; /* 536px * 0.76 = 407px */
        height: 390px; /* 514px * 0.76 = 390px */
        left: 23px; /* 30px * 0.76 = 23px */
    }
    
    .div-wrapper .overlap-9 {
        width: 407px; /* 536px * 0.76 = 407px */
        height: 385px; /* 507px * 0.76 = 385px */
        top: 5px; /* 7px * 0.76 = 5px */
    }
    
    .div-wrapper .frame-7 {
        width: 286px; /* 377px * 0.76 = 286px */
        height: 380px; /* 500px * 0.76 = 380px */
        top: 5px; /* 7px * 0.76 = 5px */
        left: 121px; /* 159px * 0.76 = 121px */
    }
    
    .div-wrapper .text-wrapper-26 {
        width: 237px; /* 312px * 0.76 = 237px */
        top: 17px; /* 22px * 0.76 = 17px */
        font-size: 27px; /* 36px * 0.76 = 27px */
        letter-spacing: -0.55px; /* -0.72px * 0.76 = -0.55px */
        line-height: 35.6px; /* 46.8px * 0.76 = 35.6px */
    }
    
    .div-wrapper .text-wrapper-27 {
        width: 365px; /* 481px * 0.76 = 365px */
        top: 128px; /* 168px * 0.76 = 128px */
        font-size: 17px; /* 22px * 0.76 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.76 = -0.33px */
        line-height: 26.8px; /* 35.2px * 0.76 = 26.8px */
    }
    
    .div-wrapper .text-wrapper-25 {
        top: 346px; /* 455px * 0.76 = 346px */
        font-size: 17px; /* 22px * 0.76 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.76 = -0.33px */
        line-height: 26.8px; /* 35.2px * 0.76 = 26.8px */
    }
    
    /* Внутренние элементы третьей карточки */
    .overlap-group-wrapper .overlap-6 {
        width: 409px; /* 538px * 0.76 = 409px */
        height: 369px; /* 485px * 0.76 = 369px */
        top: 22px; /* 29px * 0.76 = 22px */
        left: 23px; /* 30px * 0.76 = 23px */
    }
    
    .overlap-group-wrapper .overlap-7 {
        width: 409px; /* 538px * 0.76 = 409px */
        height: 369px; /* 485px * 0.76 = 369px */
    }
    
    .overlap-group-wrapper .frame-6 {
        width: 294px; /* 387px * 0.76 = 294px */
        height: 369px; /* 485px * 0.76 = 369px */
        left: 115px; /* 151px * 0.76 = 115px */
    }
    
    .overlap-group-wrapper .text-wrapper-23 {
        width: 265px; /* 349px * 0.76 = 265px */
        top: 17px; /* 22px * 0.76 = 17px */
        font-size: 27px; /* 36px * 0.76 = 27px */
        letter-spacing: -0.55px; /* -0.72px * 0.76 = -0.55px */
        line-height: 35.6px; /* 46.8px * 0.76 = 35.6px */
    }
    
    .overlap-group-wrapper .text-wrapper-24 {
        width: 385px; /* 506px * 0.76 = 385px */
        top: 128px; /* 168px * 0.76 = 128px */
        font-size: 17px; /* 22px * 0.76 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.76 = -0.33px */
        line-height: 26.8px; /* 35.2px * 0.76 = 26.8px */
    }
    
    .overlap-group-wrapper .text-wrapper-25 {
        top: 304px; /* 400px * 0.76 = 304px */
        font-size: 17px; /* 22px * 0.76 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.76 = -0.33px */
        line-height: 26.8px; /* 35.2px * 0.76 = 26.8px */
    }
}

/* Direction Cards - Responsive для средних экранов 1025-1439px */
@media screen and (min-width: 1025px) and (max-width: 1439px) {
    .overlap-wrapper {
        width: 380px; /* 566px * 0.67 = 380px для лучшего размещения */
        height: 344px; /* 514px * 0.67 = 344px */
        left: 4%;
    }
    
    .div-wrapper {
        width: 380px; /* 566px * 0.67 = 380px */
        height: 344px; /* 514px * 0.67 = 344px */
        left: calc(4% + 380px + 2%);
    }
    
    .overlap-group-wrapper {
        width: 382px; /* 568px * 0.67 = 382px */
        height: 344px; /* 514px * 0.67 = 344px */
        left: calc(4% + 380px + 2% + 380px + 2%);
    }
    
    /* Внутренние элементы первой карточки */
    .overlap-wrapper .overlap-4 {
        width: 359px; /* 536px * 0.67 = 359px */
        height: 344px; /* 514px * 0.67 = 344px */
        left: 20px; /* 30px * 0.67 = 20px */
    }
    
    .overlap-wrapper .overlap-5 {
        width: 359px; /* 536px * 0.67 = 359px */
        height: 344px; /* 514px * 0.67 = 344px */
    }
    
    .frame-5 {
        width: 256px; /* 382px * 0.67 = 256px */
        height: 344px; /* 514px * 0.67 = 344px */
        left: 103px; /* 154px * 0.67 = 103px */
    }
    
    .text-wrapper-20 {
        width: 253px; /* 378px * 0.67 = 253px */
        top: 19px; /* 29px * 0.67 = 19px */
        font-size: 24px; /* 36px * 0.67 = 24px */
        letter-spacing: -0.48px; /* -0.72px * 0.67 = -0.48px */
        line-height: 31.4px; /* 46.8px * 0.67 = 31.4px */
    }
    
    .text-wrapper-21 {
        width: 324px; /* 484px * 0.67 = 324px */
        top: 113px; /* 168px * 0.67 = 113px */
        font-size: 15px; /* 22px * 0.67 = 15px */
        letter-spacing: -0.29px; /* -0.44px * 0.67 = -0.29px */
        line-height: 23.6px; /* 35.2px * 0.67 = 23.6px */
    }
    
    .text-wrapper-22 {
        top: 305px; /* 455px * 0.67 = 305px */
        font-size: 15px; /* 22px * 0.67 = 15px */
        letter-spacing: -0.29px; /* -0.44px * 0.67 = -0.29px */
        line-height: 23.6px; /* 35.2px * 0.67 = 23.6px */
    }
    
    /* Внутренние элементы второй карточки */
    .div-wrapper .overlap-8 {
        width: 359px; /* 536px * 0.67 = 359px */
        height: 344px; /* 514px * 0.67 = 344px */
        left: 20px; /* 30px * 0.67 = 20px */
    }
    
    .div-wrapper .overlap-9 {
        width: 359px; /* 536px * 0.67 = 359px */
        height: 340px; /* 507px * 0.67 = 340px */
        top: 5px; /* 7px * 0.67 = 5px */
    }
    
    .div-wrapper .frame-7 {
        width: 253px; /* 377px * 0.67 = 253px */
        height: 335px; /* 500px * 0.67 = 335px */
        top: 5px; /* 7px * 0.67 = 5px */
        left: 107px; /* 159px * 0.67 = 107px */
    }
    
    .div-wrapper .text-wrapper-26 {
        width: 209px; /* 312px * 0.67 = 209px */
        top: 15px; /* 22px * 0.67 = 15px */
        font-size: 24px; /* 36px * 0.67 = 24px */
        letter-spacing: -0.48px; /* -0.72px * 0.67 = -0.48px */
        line-height: 31.4px; /* 46.8px * 0.67 = 31.4px */
    }
    
    .div-wrapper .text-wrapper-27 {
        width: 322px; /* 481px * 0.67 = 322px */
        top: 113px; /* 168px * 0.67 = 113px */
        font-size: 15px; /* 22px * 0.67 = 15px */
        letter-spacing: -0.29px; /* -0.44px * 0.67 = -0.29px */
        line-height: 23.6px; /* 35.2px * 0.67 = 23.6px */
    }
    
    .div-wrapper .text-wrapper-25 {
        top: 305px; /* 455px * 0.67 = 305px */
        font-size: 15px; /* 22px * 0.67 = 15px */
        letter-spacing: -0.29px; /* -0.44px * 0.67 = -0.29px */
        line-height: 23.6px; /* 35.2px * 0.67 = 23.6px */
    }
    
    /* Внутренние элементы третьей карточки */
    .overlap-group-wrapper .overlap-6 {
        width: 360px; /* 538px * 0.67 = 360px */
        height: 325px; /* 485px * 0.67 = 325px */
        top: 19px; /* 29px * 0.67 = 19px */
        left: 20px; /* 30px * 0.67 = 20px */
    }
    
    .overlap-group-wrapper .overlap-7 {
        width: 360px; /* 538px * 0.67 = 360px */
        height: 325px; /* 485px * 0.67 = 325px */
    }
    
    .overlap-group-wrapper .frame-6 {
        width: 259px; /* 387px * 0.67 = 259px */
        height: 325px; /* 485px * 0.67 = 325px */
        left: 101px; /* 151px * 0.67 = 101px */
    }
    
    .overlap-group-wrapper .text-wrapper-23 {
        width: 234px; /* 349px * 0.67 = 234px */
        top: 15px; /* 22px * 0.67 = 15px */
        font-size: 24px; /* 36px * 0.67 = 24px */
        letter-spacing: -0.48px; /* -0.72px * 0.67 = -0.48px */
        line-height: 31.4px; /* 46.8px * 0.67 = 31.4px */
    }
    
    .overlap-group-wrapper .text-wrapper-24 {
        width: 339px; /* 506px * 0.67 = 339px */
        top: 113px; /* 168px * 0.67 = 113px */
        font-size: 15px; /* 22px * 0.67 = 15px */
        letter-spacing: -0.29px; /* -0.44px * 0.67 = -0.29px */
        line-height: 23.6px; /* 35.2px * 0.67 = 23.6px */
    }
    
    .overlap-group-wrapper .text-wrapper-25 {
        top: 268px; /* 400px * 0.67 = 268px */
        font-size: 15px; /* 22px * 0.67 = 15px */
        letter-spacing: -0.29px; /* -0.44px * 0.67 = -0.29px */
        line-height: 23.6px; /* 35.2px * 0.67 = 23.6px */
    }
}

@media screen and (max-width: 1024px) {
    .overlap-wrapper {
        position: relative;
        width: 100%;
        max-width: 600px;
        height: 350px;
        left: 0;
        margin: 0 auto;
    }
    
    .overlap-4 {
        width: 280px;
        height: 300px;
        left: 15px;
    }
    
    .overlap-5 {
        width: 280px;
        height: 300px;
    }
    
    .frame-5 {
        width: 200px;
        height: 300px;
        left: 80px;
    }
    
    .text-wrapper-20 {
        width: 200px;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 28px;
        top: 20px;
    }
    
    .text-wrapper-21 {
        width: 260px;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
        top: 110px;
    }
    
    .text-wrapper-22 {
        top: 260px;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
    }
}

/* Базовые стили первой карточки перенесены выше */

/* .div-wrapper базовый стиль перенесен выше */

/* Стили второй карточки теперь используют scale выше */

@media screen and (max-width: 1024px) {
    .div-wrapper {
        position: relative;
        width: 100%;
        max-width: 600px;
        height: 350px;
        left: 0;
        margin: 0 auto;
    }
    
    .overlap-8 {
        width: 280px;
        height: 300px;
        left: 15px;
    }
    
    .overlap-9 {
        width: 280px;
        height: 300px;
        top: 3px;
    }
    
    .frame-7 {
        width: 200px;
        height: 290px;
        top: 3px;
        left: 80px;
    }
    
    .text-wrapper-26 {
        width: 180px;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 28px;
        top: 18px;
    }
    
    .text-wrapper-27 {
        width: 260px;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
        top: 105px;
    }
}

.overlap-8 {
    position: relative;
    width: 536px;
    height: 514px;
    left: 30px;
}

.overlap-9 {
    position: absolute;
    width: 536px;
    height: 507px;
    top: 7px;
    left: 0;
}

.frame-7 {
    position: absolute;
    width: 377px;
    height: 500px;
    top: 7px;
    left: 159px;
    object-fit: cover;
}

.text-wrapper-26 {
    position: absolute;
    width: 312px;
    top: 22px;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #251a1f;
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 46.8px;
    white-space: nowrap;
}

.text-wrapper-27 {
    width: 502px;
    top: 161px;
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(37, 26, 31, 0.71);
    position: absolute;
    left: 0;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

/* .overlap-group-wrapper базовый стиль перенесен выше */

/* Стили третьей карточки теперь используют scale выше */

@media screen and (max-width: 1024px) {
    .overlap-group-wrapper {
        position: relative;
        width: 100%;
        max-width: 600px;
        height: 350px;
        left: 0;
        margin: 0 auto;
    }
    
    .overlap-6 {
        width: 280px;
        height: 280px;
        top: 15px;
        left: 15px;
    }
    
    .overlap-7 {
        width: 280px;
        height: 280px;
    }
    
    .frame-6 {
        width: 200px;
        height: 280px;
        left: 80px;
    }
    
    .text-wrapper-23 {
        width: 220px;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 28px;
    }
    
    .text-wrapper-24 {
        width: 260px;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
    }
    
    .text-wrapper-25 {
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
    }
}

.overlap-6 {
    position: relative;
    width: 538px;
    height: 485px;
    top: 29px;
    left: 30px;
}

.overlap-7 {
    position: absolute;
    width: 538px;
    height: 485px;
    top: 0;
    left: 0;
}

.frame-6 {
    width: 377px;
    height: 484px;
    top: 1px;
    left: 161px;
    position: absolute;
    object-fit: cover;
}

.text-wrapper-23 {
    position: absolute;
    width: 400px;
    top: 1px;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #251a1f;
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 46.8px;
}

.text-wrapper-24 {
    width: 488px;
    top: 140px;
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(37, 26, 31, 0.71);
    position: absolute;
    left: 0;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-25 {
    position: absolute;
    top: 426px;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 500;
    color: #b91414;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

/* About Section - Restored from Backup */
.about-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 1000px; /* достаточно места для всех элементов */
    margin: 148px auto 0; /* отступ от directions + центрирование */
    left: 50%;
    transform: translateX(-50%);
}

.text-wrapper-28 {
    position: absolute;
    top: 0;
    left: 6.25%; /* 120px from 1920px */
    font-family: var(--font-serif);
    font-weight: 500;
    color: #160816;
    font-size: 64px;
    letter-spacing: -2.56px;
    line-height: normal;
}

/* About Section - Responsive */
@media screen and (max-width: 1440px) {
    .about-container {
        height: 800px;
        margin-top: 120px;
    }
    
    .text-wrapper-28 {
        font-size: 48px;
        letter-spacing: -1.92px;
        left: 5%;
    }
}

/* Fix for 1536px with fractional devicePixelRatio */
@media screen and (min-width: 1536px) {
    .about-container {
        left: 0;
        transform: none;
        margin: 148px auto 0;
        height: 900px;
    }
    
    /* Fix cases section spacing at 1536px to match about section */
    .cases-container {
        left: 0 !important;
        transform: none !important;
        margin: 159px auto 0 !important; /* 145px * (1536/1400) = 159px */
    }
}

@media screen and (max-width: 1024px) {
    .about-container {
        height: 1200px; /* больше места для колонки на iPad */
        margin-top: 80px;
    }
    
    .text-wrapper-28 {
        font-size: 36px;
        letter-spacing: -1.44px;
        left: 4%;
    }
}

.frame {
    position: absolute;
    width: 56%; /* увеличил чтобы убрать белую щель */
    height: 338px;
    top: 154px; /* отступ от заголовка */
    left: 4.7%; /* 90px from 1920px */
    background-color: #b91414;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Quote Frame - Responsive */
@media screen and (max-width: 1440px) {
    .frame {
        width: 52%;
        height: 280px;
        top: 120px;
        left: 4%;
    }
}

@media screen and (max-width: 1024px) {
    .frame {
        width: 90%;
        height: 220px;
        top: 100px;
        left: 5%;
    }
}

.overlap-group {
    position: absolute;
    width: 1192px;
    height: 1280px;
    top: -569px;
    left: -76px;
    pointer-events: none;
}

.element {
    position: relative;
    width: 929px;
    max-width: 929px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 38.4px;
    z-index: 2;
    margin: 0;
    padding: 0 40px;
    text-align: left; /* выравнивание по левому краю */
}

/* Quote Text - Responsive */
@media screen and (max-width: 1440px) {
    .element {
        width: 700px;
        max-width: 700px;
        font-size: 18px; /* уменьшил чтобы помещался */
        letter-spacing: -0.36px;
        line-height: 28px;
        padding: 0 30px;
        text-align: left;
    }
}

@media screen and (max-width: 1024px) {
    .element {
        width: 450px;
        max-width: 450px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        padding: 0 20px;
        text-align: left;
    }
}

.text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Times New Roman", serif;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.07);
    font-size: 679.4px;
    letter-spacing: -20.38px;
    line-height: 1087px;
    white-space: nowrap;
    z-index: 1;
    pointer-events: none; /* кавычки не должны блокировать взаимодействие */
}

.text-wrapper-2 {
    position: absolute;
    top: 193px;
    left: 852px;
    font-family: "Times New Roman", serif;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.07);
    font-size: 679.4px;
    letter-spacing: -20.38px;
    line-height: 1087px;
    white-space: nowrap;
    z-index: 1;
    pointer-events: none; /* кавычки не должны блокировать взаимодействие */
}

/* Responsive для правой кавычки - MacBook */
@media screen and (max-width: 1440px) {
    .text-wrapper-2 {
        left: 651px; /* на 5% правее: 620px + (620px * 0.05) = 651px */
        top: 154px; /* на 10% ниже: 140px + (140px * 0.10) = 154px */
        font-size: 475px; /* пропорционально: 679px * 0.7 */
        transform: none; /* убрал transform */
    }
}

/* Responsive для правой кавычки - iPad */
@media screen and (max-width: 1024px) {
    .text-wrapper-2 {
        left: 400px; /* пропорционально для 90% блока */
        top: 100px;
        font-size: 350px;
        transform: none;
    }
}

.snapedit {
    position: absolute;
    width: 684px;
    height: 966px;
    top: 26px; /* относительно контейнера */
    left: 60%; /* 1150px from 1920px */
    object-fit: cover;
    filter: saturate(1.09) contrast(1) brightness(1) sepia(0.18) hue-rotate(0deg) saturate(1.06) contrast(1) brightness(0.93);
    z-index: 2; /* фото выше кавычек */
}

/* Lawyer Photo - Responsive */
@media screen and (max-width: 1440px) {
    .snapedit {
        width: 480px;
        height: 680px;
        top: 20px;
        left: 56%; /* чуть ближе к красному блоку */
    }
}

@media screen and (max-width: 1024px) {
    .snapedit {
        width: 90%;
        height: 400px;
        top: 340px; /* под красным блоком */
        left: 5%;
        object-position: center top;
    }
}

.text-wrapper-32 {
    position: absolute;
    width: 269px;
    top: 552px;
    left: 8.9%; /* 171px from 1920px */
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 40px;
    letter-spacing: -0.80px;
    line-height: 48px;
}

.text-wrapper-33 {
    position: absolute;
    top: 670px;
    left: 8.9%; /* 171px from 1920px */
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(22, 8, 22, 0.7);
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

.text-wrapper-34 {
    position: absolute;
    width: 375px;
    top: 791px; /* относительно frame */
    left: 8.9%; /* 171px from 1920px */
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 40px;
    letter-spacing: -0.80px;
    line-height: 48px;
}

.text-wrapper-35 {
    position: absolute;
    width: 363px;
    top: 791px; /* относительно frame */
    left: 35.2%; /* 675px from 1920px */
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 40px;
    letter-spacing: -0.80px;
    line-height: 48px;
}

.text-wrapper-36 {
    position: absolute;
    top: 909px; /* относительно frame */
    left: 8.9%; /* 171px from 1920px */
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(22, 8, 22, 0.7);
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

.text-wrapper-37 {
    position: absolute;
    width: 253px;
    top: 552px; /* относительно frame */
    left: 35.2%; /* 675px from 1920px */
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 40px;
    letter-spacing: -0.80px;
    line-height: 48px;
}

.text-wrapper-38 {
    position: absolute;
    width: 318px;
    top: 670px; /* относительно frame */
    left: 35.2%; /* 675px from 1920px */
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(22, 8, 22, 0.7);
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-39 {
    position: absolute;
    width: 206px;
    top: 909px; /* относительно frame */
    left: 35.2%; /* 675px from 1920px */
    font-family: var(--font-primary);
    font-weight: 500;
    color: rgba(22, 8, 22, 0.7);
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

/* About Features Grid Container - MacBook Responsive */
@media screen and (max-width: 1440px) {
    /* MacBook - сетка 2x2 внутри области красного блока (52% ширины) */
    
    /* Первый ряд левый */
    .text-wrapper-32 {
        position: absolute;
        width: 24%; /* половина от 52% области */
        top: 450px;
        left: 6%; /* сдвинул правее к белому тексту */
        font-size: 32px;
        letter-spacing: -0.64px;
        line-height: 36px;
        white-space: pre-line;
    }
    
    .text-wrapper-33 {
        position: absolute;
        top: 526px; /* заголовок + 2 строки + отступ */
        left: 6%; /* сдвинул правее к белому тексту */
        width: 24%;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 24px;
    }
    
    /* Первый ряд правый */
    .text-wrapper-37 {
        position: absolute;
        width: 30%; /* увеличил еще больше для 2 строк */
        top: 450px;
        left: 32%; /* сдвинул правее пропорционально левым блокам */
        font-size: 32px;
        letter-spacing: -0.64px;
        line-height: 36px;
        white-space: pre-line;
    }
    
    .text-wrapper-38 {
        position: absolute;
        top: 526px; /* заголовок + 2 строки + отступ */
        left: 32%; /* сдвинул правее пропорционально левым блокам */
        width: 30%; /* увеличил ширину для соответствия заголовку */
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 24px;
    }
    
    /* Второй ряд левый */
    .text-wrapper-34 {
        position: absolute;
        width: 24%;
        top: 580px; /* отступ между рядами */
        left: 6%; /* сдвинул правее к белому тексту */
        font-size: 32px;
        letter-spacing: -0.64px;
        line-height: 36px;
        white-space: pre-line;
    }
    
    .text-wrapper-36 {
        position: absolute;
        top: 656px; /* заголовок + 2 строки + отступ */
        left: 6%; /* сдвинул правее к белому тексту */
        width: 24%;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 24px;
    }
    
    /* Второй ряд правый */
    .text-wrapper-35 {
        position: absolute;
        width: 30%; /* увеличил ширину еще больше для 2 строк */
        top: 580px; /* отступ между рядами */
        left: 32%; /* сдвинул правее пропорционально левым блокам */
        font-size: 32px;
        letter-spacing: -0.64px;
        line-height: 36px;
        white-space: pre-line;
    }
    
    .text-wrapper-39 {
        position: absolute;
        width: 30%; /* увеличил ширину для соответствия заголовку */
        top: 656px; /* заголовок + 2 строки + отступ */
        left: 32%; /* сдвинул правее пропорционально левым блокам */
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1024px) {
    /* iPad - в колонку */
    .text-wrapper-32 {
        width: 90%;
        top: 580px;
        left: 5%;
        font-size: 28px;
        letter-spacing: -0.56px;
        line-height: 34px;
    }
    
    .text-wrapper-33 {
        top: 620px;
        left: 5%;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
    }
    
    .text-wrapper-37 {
        width: 90%;
        top: 670px;
        left: 5%;
        font-size: 28px;
        letter-spacing: -0.56px;
        line-height: 34px;
    }
    
    .text-wrapper-38 {
        width: 90%;
        top: 710px;
        left: 5%;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
    }
    
    .text-wrapper-34 {
        width: 90%;
        top: 760px;
        left: 5%;
        font-size: 28px;
        letter-spacing: -0.56px;
        line-height: 34px;
    }
    
    .text-wrapper-36 {
        top: 800px;
        left: 5%;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
    }
    
    .text-wrapper-35 {
        width: 90%;
        top: 850px;
        left: 5%;
        font-size: 28px;
        letter-spacing: -0.56px;
        line-height: 34px;
    }
    
    .text-wrapper-39 {
        width: 90%;
        top: 890px;
        left: 5%;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
    }
}

.desktop-stat-divider {
    width: 1px;
    height: 88px;
    background: rgba(255, 255, 255, 0.4);
}

/* Desktop Directions Section */
.desktop-directions {
    position: absolute;
    width: 1920px;
    height: 686px;
    top: 1326px;
    left: 0;
    background: #FFFFFD;
    padding: 150px 0 0 0;
}

.desktop-directions-title {
    position: absolute;
    width: 681px;
    height: 85px;
    top: 150px;
    left: 120px;
    font-family: var(--font-serif);
    font-size: 64px;
    font-weight: 500;
    line-height: 85px;
    color: #251A1F;
    letter-spacing: -3.2px;
}

.desktop-directions-grid {
    position: absolute;
    width: 1740px;
    height: 514px;
    top: 322px;
    left: 90px;
    display: flex;
    gap: 20px;
}

.desktop-direction-card {
    position: relative;
    width: 566px;
    height: 514px;
    background: rgba(57, 8, 8, 0.02);
    overflow: hidden;
}

.desktop-direction-card.middle {
    width: 568px;
}

.desktop-direction-icon {
    position: absolute;
    width: 582px;
    height: 582px;
    top: 0;
    left: 184px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.desktop-direction-icon.middle {
    width: 502px;
    height: 502px;
    top: 30px;
    left: 191px;
}

.desktop-direction-icon.right {
    width: 502px;
    height: 502px;
    top: 37px;
    left: 191px;
}

.desktop-direction-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(57, 8, 8, 0.02);
}

.desktop-direction-title {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 400px;
    height: 94px;
    font-family: var(--font-serif);
    font-size: 40px;
    font-weight: 500;
    line-height: 47px;
    color: #251A1F;
    z-index: 2;
}

.desktop-direction-title.first {
    width: 378px;
}

.desktop-direction-title.last {
    width: 312px;
}

.desktop-direction-description {
    position: absolute;
    top: 169px;
    left: 30px;
    width: 502px;
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(37, 26, 31, 0.71);
    z-index: 2;
}

.desktop-direction-description.first {
    width: 484px;
    height: 210px;
}

.desktop-direction-description.middle {
    width: 488px;
    height: 105px;
}

.desktop-direction-description.last {
    height: 175px;
}

.desktop-direction-link {
    position: absolute;
    top: 456px;
    left: 30px;
    width: 111px;
    height: 35px;
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    color: #B91414;
    text-decoration: none;
    z-index: 2;
    transition: color var(--transition-normal);
}

.desktop-direction-link:hover {
    color: #8a1010;
}

/* Cases Section Styles */
.cases-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 1400px; /* достаточно места для всех кейсов */
    margin: 145px auto 0; /* отступ от about + центрирование */
    left: 50%;
    transform: translateX(-50%);
}

.text-wrapper-29 {
    position: absolute;
    width: 105px;
    height: 85px;
    top: 0;
    left: 6.25%; /* 120px from 1920px */
    font-family: var(--font-serif);
    font-weight: 500;
    color: #160816;
    font-size: 64px;
    letter-spacing: -3.2px;
    line-height: 85px;
    white-space: nowrap;
}

.text-wrapper-78 {
    position: absolute;
    top: 0;
    left: 85.9%; /* 1650px from 1920px */
    font-family: var(--font-primary);
    font-weight: 500;
    color: #B91414;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 31px;
    white-space: nowrap;
}

/* Case 1 - Fighter */
.overlap-3 {
    position: absolute;
    width: 566px;
    height: 549px;
    top: 153px; /* отступ от заголовка */
    left: 4.7%; /* 90px from 1920px */
}

.rectangle-3 {
    position: absolute;
    width: 565px;
    height: 132px;
    top: 417px;
    left: 1px;
    background-color: #d9d9d9;
}

.rectangle-4 {
    position: absolute;
    width: 566px;
    height: 549px;
    top: 0;
    left: 0;
    background-color: #fbfaf8;
}

.div-2 {
    position: absolute;
    width: 566px;
    height: 132px;
    top: 417px;
    left: 0;
    background-color: rgba(185, 20, 20, 0.08);
}

.text-wrapper-14 {
    position: absolute;
    width: 427px;
    top: 32px;
    left: 34px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 46.8px;
}

.text-wrapper-15 {
    position: absolute;
    top: 141px;
    left: 30px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

.text-wrapper-16 {
    position: absolute;
    width: 505px;
    top: 288px;
    left: 34px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-17 {
    position: absolute;
    top: 243px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 31.2px;
    white-space: nowrap;
}

.text-wrapper-18 {
    position: absolute;
    top: 436px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #b91414;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 31.2px;
    white-space: nowrap;
}

.text-wrapper-19 {
    position: absolute;
    width: 407px;
    top: 481px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

/* Case 2 - Company Leader */
.overlap-10 {
    position: absolute;
    width: 566px;
    height: 549px;
    top: 153px;
    left: 35.2%; /* 676px from 1920px */
    background-color: #fbfaf8;
}

.text-wrapper-40 {
    position: absolute;
    width: 114px;
    top: 19px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #b91414;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 31.2px;
    white-space: nowrap;
}

.text-wrapper-41 {
    position: absolute;
    width: 311px;
    top: 64px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

.text-wrapper-42 {
    position: absolute;
    width: 399px;
    top: 288px;
    left: 34px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-43 {
    position: absolute;
    width: 111px;
    top: 243px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 31.2px;
    white-space: nowrap;
}

/* Case 3 - Ministry Leader */
.overlap-11 {
    position: absolute;
    width: 568px;
    height: 549px;
    top: 153px;
    left: 65.7%; /* 1262px from 1920px */
    background-color: #fbfaf8;
}

.overlap-12 {
    position: absolute;
    width: 568px;
    height: 132px;
    top: 417px;
    left: 0;
    background-color: rgba(185, 20, 20, 0.08);
}

/* Case 4 - Investigation Committee */
.overlap-13 {
    position: absolute;
    width: 566px;
    height: 549px;
    top: 722px; /* вторая строка кейсов */
    left: 4.7%; /* 90px from 1920px */
    background-color: #fbfaf8;
}

.text-wrapper-44 {
    position: absolute;
    top: 64px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

.text-wrapper-45 {
    position: absolute;
    width: 427px;
    top: 288px;
    left: 34px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

/* Case 5 - Banking Group */
.overlap-14 {
    position: absolute;
    width: 566px;
    height: 549px;
    top: 722px; /* вторая строка кейсов */
    left: 35.2%; /* 676px from 1920px */
    background-color: #fbfaf8;
}

.overlap-15 {
    position: absolute;
    width: 566px;
    height: 132px;
    top: 416px;
    left: 0;
    background-color: rgba(185, 20, 20, 0.08);
}

.overlap-group-2 {
    position: absolute;
    width: 458px;
    height: 35px;
    top: 64px;
    left: 36px;
}

.text-wrapper-46 {
    width: 458px;
    top: 0;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    position: absolute;
    left: 0;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-47 {
    position: absolute;
    width: 427px;
    top: 31px;
    left: 34px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 46.8px;
}

.text-wrapper-48 {
    position: absolute;
    top: 140px;
    left: 30px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
    white-space: nowrap;
}

.text-wrapper-49 {
    position: absolute;
    width: 427px;
    top: 288px;
    left: 34px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 35.2px;
}

.text-wrapper-50 {
    position: absolute;
    top: 243px;
    left: 36px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #160816;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 31.2px;
    white-space: nowrap;
}

/* Case 6 - SK RF Management */
.overlap-16 {
    position: absolute;
    width: 568px;
    height: 549px;
    top: 722px; /* вторая строка кейсов */
    left: 65.7%; /* 1262px from 1920px */
    background-color: #fbfaf8;
}

/* Cases Section - Responsive */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .cases-container {
        height: 1100px;
        margin-top: 100px;
    }
    
    .text-wrapper-29 {
        font-size: 48px;
        letter-spacing: -2.4px;
        line-height: 64px;
    }
    
    .text-wrapper-78 {
        font-size: 18px;
        letter-spacing: -0.72px;
        line-height: 23px;
    }
    
    /* Адаптация карточек кейсов */
    .overlap-3, .overlap-10, .overlap-11 {
        width: 425px;
        height: 412px;
        top: 115px;
    }
    
    .overlap-3 {
        left: 4.7%;
    }
    
    .overlap-10 {
        left: 35.2%;
    }
    
    .overlap-11 {
        left: 65.7%;
    }
    
    /* Вторая строка кейсов */
    .overlap-13, .overlap-14, .overlap-16 {
        width: 425px;
        height: 412px;
        top: 541px;
    }
    
    .overlap-13 {
        left: 4.7%;
    }
    
    .overlap-14 {
        left: 35.2%;
    }
    
    .overlap-16 {
        left: 65.7%;
    }
    
    /* Фоновые элементы */
    .rectangle-3, .rectangle-4, .div-2, .overlap-12, .overlap-15 {
        width: 425px;
    }
    
    .rectangle-3 {
        height: 99px;
        top: 313px;
    }
    
    .rectangle-4 {
        height: 412px;
    }
    
    .div-2 {
        height: 99px;
        top: 313px;
    }
    
    .overlap-12, .overlap-15 {
        height: 99px;
        top: 313px;
    }
    
    /* Текстовые элементы */
    .text-wrapper-14 {
        width: 320px;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 30px;
        top: 24px;
        left: 26px;
    }
    
    .text-wrapper-15 {
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 106px;
        left: 23px;
    }
    
    .text-wrapper-16 {
        width: 379px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 216px;
        left: 26px;
    }
    
    .text-wrapper-17 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 20px;
        top: 182px;
        left: 27px;
    }
    
    .text-wrapper-18 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 20px;
        top: 327px;
        left: 27px;
    }
    
    .text-wrapper-19 {
        width: 305px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 361px;
        left: 27px;
    }
    
    .text-wrapper-40 {
        width: 86px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 20px;
        top: 14px;
        left: 27px;
    }
    
    .text-wrapper-41 {
        width: 233px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 48px;
        left: 27px;
    }
    
    .text-wrapper-42 {
        width: 299px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 216px;
        left: 26px;
    }
    
    .text-wrapper-43 {
        width: 83px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 20px;
        top: 182px;
        left: 27px;
    }
    
    .text-wrapper-44 {
        width: 320px;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 20px;
        top: 48px;
        left: 27px;
        white-space: nowrap;
    }
    
    .text-wrapper-45 {
        width: 320px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 216px;
        left: 26px;
    }
    
    .text-wrapper-47 {
        width: 320px;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 30px;
        top: 23px;
        left: 26px;
    }
    
    .text-wrapper-48 {
        width: 320px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 105px;
        left: 23px;
        white-space: normal;
    }
    
    .text-wrapper-49 {
        width: 320px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        top: 216px;
        left: 26px;
    }
    
    .text-wrapper-50 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 20px;
        top: 182px;
        left: 27px;
    }
    
    .overlap-group-2 {
        width: 344px;
        height: 26px;
        top: 48px;
        left: 27px;
    }
    
    .text-wrapper-46 {
        width: 344px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 22px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1440px) {
    .cases-container {
        height: 1100px;
        margin-top: 100px;
    }
    
    .text-wrapper-29 {
        font-size: 48px;
        letter-spacing: -2.4px;
        line-height: 64px;
    }
    
    .text-wrapper-78 {
        font-size: 18px;
        letter-spacing: -0.72px;
        line-height: 23px;
    }
    
    /* Адаптация карточек кейсов для MacBook - пропорционально к 1920px */
    .overlap-3, .overlap-10, .overlap-11 {
        width: 425px; /* 566px * 0.75 = 425px */
        height: 412px; /* 549px * 0.75 = 412px */
        top: 115px; /* 153px * 0.75 = 115px */
    }
    
    .overlap-3 {
        left: 4.7%; /* сохранил оригинальные пропорции */
    }
    
    .overlap-10 {
        left: 35.2%; /* вернул оригинальные пропорции как на 1920px */
    }
    
    .overlap-11 {
        left: 65.7%; /* вернул оригинальные пропорции как на 1920px */
    }
    
    /* Вторая строка кейсов */
    .overlap-13, .overlap-14, .overlap-16 {
        width: 425px;
        height: 412px;
        top: 541px; /* 722px * 0.75 = 541px */
    }
    
    .overlap-13 {
        left: 4.7%;
    }
    
    .overlap-14 {
        left: 35.2%;
    }
    
    .overlap-16 {
        left: 65.7%;
    }
    
    /* Адаптация фоновых элементов для MacBook - пропорционально */
    .rectangle-3, .rectangle-4, .div-2, .overlap-12, .overlap-15 {
        width: 425px; /* соответствует ширине карточек */
    }
    
    .rectangle-3 {
        height: 99px; /* 132px * 0.75 = 99px */
        top: 313px; /* 417px * 0.75 = 313px */
    }
    
    .rectangle-4 {
        height: 412px; /* соответствует высоте карточек */
    }
    
    .div-2 {
        height: 99px; /* 132px * 0.75 = 99px */
        top: 313px; /* 417px * 0.75 = 313px */
    }
    
    .overlap-12, .overlap-15 {
        height: 99px; /* 132px * 0.75 = 99px */
        top: 313px; /* 417px * 0.75 = 313px */
    }
    
    /* Адаптация текста внутри кейсов для MacBook - уменьшенные размеры */
    .text-wrapper-14 {
        width: 320px; /* 427px * 0.75 = 320px */
        font-size: 24px; /* уменьшил с 27px до 24px */
        letter-spacing: -0.48px; /* пропорционально уменьшил */
        line-height: 30px; /* уменьшил с 35px до 30px */
        top: 24px; /* 32px * 0.75 = 24px */
        left: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-15 {
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 106px; /* 141px * 0.75 = 106px */
        left: 23px; /* 30px * 0.75 = 23px */
    }
    
    .text-wrapper-16 {
        width: 379px; /* 505px * 0.75 = 379px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 216px; /* 288px * 0.75 = 216px */
        left: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-17 {
        font-size: 16px; /* уменьшил с 18px до 16px */
        letter-spacing: -0.32px; /* пропорционально уменьшил */
        line-height: 20px; /* уменьшил с 23px до 20px */
        top: 182px; /* 243px * 0.75 = 182px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    .text-wrapper-18 {
        font-size: 16px; /* уменьшил с 18px до 16px */
        letter-spacing: -0.32px; /* пропорционально уменьшил */
        line-height: 20px; /* уменьшил с 23px до 20px */
        top: 327px; /* 436px * 0.75 = 327px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    .text-wrapper-19 {
        width: 305px; /* 407px * 0.75 = 305px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 361px; /* 481px * 0.75 = 361px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    /* Остальные текстовые элементы кейсов для MacBook - уменьшенные размеры */
    .text-wrapper-40 {
        width: 86px; /* 114px * 0.75 = 86px */
        font-size: 16px; /* уменьшил с 18px до 16px */
        letter-spacing: -0.32px; /* пропорционально уменьшил */
        line-height: 20px; /* уменьшил с 23px до 20px */
        top: 14px; /* 19px * 0.75 = 14px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    .text-wrapper-41 {
        width: 233px; /* 311px * 0.75 = 233px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 48px; /* 64px * 0.75 = 48px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    .text-wrapper-42 {
        width: 299px; /* 399px * 0.75 = 299px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 216px; /* 288px * 0.75 = 216px */
        left: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-43 {
        width: 83px; /* 111px * 0.75 = 83px */
        font-size: 16px; /* уменьшил с 18px до 16px */
        letter-spacing: -0.32px; /* пропорционально уменьшил */
        line-height: 20px; /* уменьшил с 23px до 20px */
        top: 182px; /* 243px * 0.75 = 182px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    .text-wrapper-44 {
        width: 320px; /* добавил ширину для переноса текста */
        font-size: 14px; /* еще уменьшил размер */
        letter-spacing: -0.28px; /* пропорционально уменьшил */
        line-height: 20px; /* уменьшил высоту строки */
        top: 48px; /* 64px * 0.75 = 48px */
        left: 27px; /* 36px * 0.75 = 27px */
        white-space: nowrap; /* запретил перенос, попробуем уместить в одну строку */
    }
    
    .text-wrapper-45 {
        width: 320px; /* 427px * 0.75 = 320px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 216px; /* 288px * 0.75 = 216px */
        left: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-47 {
        width: 320px; /* 427px * 0.75 = 320px */
        font-size: 24px; /* уменьшил с 27px до 24px */
        letter-spacing: -0.48px; /* пропорционально уменьшил */
        line-height: 30px; /* уменьшил с 35px до 30px */
        top: 23px; /* 31px * 0.75 = 23px */
        left: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-48 {
        width: 320px; /* вернул ширину в рамках карточки */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 105px; /* 140px * 0.75 = 105px */
        left: 23px; /* 30px * 0.75 = 23px */
        white-space: normal; /* разрешил перенос текста */
    }
    
    .text-wrapper-49 {
        width: 320px; /* 427px * 0.75 = 320px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        top: 216px; /* 288px * 0.75 = 216px */
        left: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-50 {
        font-size: 16px; /* уменьшил с 18px до 16px */
        letter-spacing: -0.32px; /* пропорционально уменьшил */
        line-height: 20px; /* уменьшил с 23px до 20px */
        top: 182px; /* 243px * 0.75 = 182px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    /* Дополнительные элементы для кейса 5 */
    .overlap-group-2 {
        width: 344px; /* 458px * 0.75 = 344px */
        height: 26px; /* 35px * 0.75 = 26px */
        top: 48px; /* 64px * 0.75 = 48px */
        left: 27px; /* 36px * 0.75 = 27px */
    }
    
    .text-wrapper-46 {
        width: 344px; /* 458px * 0.75 = 344px */
        font-size: 15px; /* уменьшил с 17px до 15px */
        letter-spacing: -0.30px; /* пропорционально уменьшил */
        line-height: 22px; /* уменьшил с 26px до 22px */
        white-space: nowrap; /* запретил перенос строки */
    }
}

@media screen and (max-width: 1024px) {
    .cases-container {
        height: 900px;
        margin-top: 80px;
    }
    
    .text-wrapper-29 {
        font-size: 36px;
        letter-spacing: -1.8px;
        line-height: 48px;
    }
    
    .text-wrapper-78 {
        font-size: 16px;
        letter-spacing: -0.64px;
        line-height: 20px;
    }
    
    /* Адаптация карточек кейсов для iPad */
    .overlap-3, .overlap-10, .overlap-11 {
        width: 350px;
        height: 350px;
        top: 100px;
    }
    
    .overlap-3 {
        left: 7%;
    }
    
    .overlap-10 {
        left: 39%;
    }
    
    .overlap-11 {
        left: 71%;
    }
    
    /* Вторая строка кейсов */
    .overlap-13, .overlap-14, .overlap-16 {
        width: 350px;
        height: 350px;
        top: 470px;
    }
    
    .overlap-13 {
        left: 7%;
    }
    
    .overlap-14 {
        left: 39%;
    }
    
    .overlap-16 {
        left: 71%;
    }
    
    /* Адаптация фоновых элементов для iPad */
    .rectangle-3, .rectangle-4, .div-2, .overlap-12, .overlap-15 {
        width: 350px;
    }
    
    .rectangle-3 {
        height: 85px;
        top: 265px;
    }
    
    .rectangle-4 {
        height: 350px;
    }
    
    .div-2 {
        height: 85px;
        top: 265px;
    }
    
    .overlap-12, .overlap-15 {
        height: 85px;
        top: 265px;
    }
    
    /* Адаптация текста внутри кейсов для iPad */
    .text-wrapper-14 {
        width: 280px;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 31px;
        top: 20px;
        left: 20px;
    }
    
    .text-wrapper-15 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 95px;
        left: 18px;
    }
    
    .text-wrapper-16 {
        width: 310px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 185px;
        left: 20px;
    }
    
    .text-wrapper-17 {
        font-size: 17px;
        letter-spacing: -0.34px;
        line-height: 22px;
        top: 155px;
        left: 22px;
    }
    
    .text-wrapper-18 {
        font-size: 17px;
        letter-spacing: -0.34px;
        line-height: 22px;
        top: 280px;
        left: 22px;
    }
    
    .text-wrapper-19 {
        width: 250px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 310px;
        left: 22px;
    }
    
    /* Остальные текстовые элементы кейсов для iPad */
    .text-wrapper-40 {
        font-size: 17px;
        letter-spacing: -0.34px;
        line-height: 22px;
        top: 12px;
        left: 22px;
    }
    
    .text-wrapper-41 {
        width: 200px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 40px;
        left: 22px;
    }
    
    .text-wrapper-42 {
        width: 250px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 185px;
        left: 20px;
    }
    
    .text-wrapper-43 {
        font-size: 17px;
        letter-spacing: -0.34px;
        line-height: 22px;
        top: 155px;
        left: 22px;
    }
    
    .text-wrapper-44 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 40px;
        left: 22px;
    }
    
    .text-wrapper-45 {
        width: 280px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 185px;
        left: 20px;
    }
    
    .text-wrapper-47 {
        width: 280px;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 31px;
        top: 20px;
        left: 20px;
    }
    
    .text-wrapper-48 {
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 95px;
        left: 18px;
    }
    
    .text-wrapper-49 {
        width: 280px;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 24px;
        top: 185px;
        left: 20px;
    }
    
    .text-wrapper-50 {
        font-size: 17px;
        letter-spacing: -0.34px;
        line-height: 22px;
        top: 155px;
        left: 22px;
    }
}

/* Removed old about styles - now using Anima structure */

.desktop-about-title {
    position: absolute;
    width: 351px;
    height: 85px;
    top: 400px;
    left: 120px;
    font-family: var(--font-serif);
    font-size: 64px;
    font-weight: 500;
    line-height: 85px;
    color: #160816;
    letter-spacing: -3.2px;
}

.desktop-about-quote {
    position: absolute;
    width: 1060px;
    height: 338px;
    top: 553px;
    left: 90px;
    background: #B91414;
    overflow: hidden;
}

.desktop-about-quote-text {
    position: absolute;
    width: 929px;
    height: 228px;
    top: 58px;
    left: 81px;
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    color: #FFFFFF;
    z-index: 2;
}

.desktop-about-quote-left {
    position: absolute;
    width: 340px;
    height: 1087px;
    top: -568px;
    left: -76px;
    font-family: var(--font-serif);
    font-size: 800px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.07);
    line-height: 1087px;
    z-index: 1;
}

.desktop-about-quote-right {
    position: absolute;
    width: 340px;
    height: 1087px;
    top: -375px;
    left: 776px;
    font-family: var(--font-serif);
    font-size: 800px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.07);
    line-height: 1087px;
    z-index: 1;
}

.desktop-about-photo {
    position: absolute;
    width: 684px;
    height: 966px;
    top: 425px;
    left: 1150px;
    background-image: url('/src/images/lawyer-photo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: saturate(1.09) contrast(1) brightness(1) sepia(0.18) hue-rotate(0deg) saturate(1.06) contrast(1) brightness(0.93);
}

.desktop-about-features {
    position: absolute;
    width: 1038px;
    height: 393px;
    top: 952px;
    left: 171px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 239px 504px;
}

.desktop-about-feature {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.desktop-about-feature-title {
    font-family: var(--font-serif);
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    color: #160816;
}

.desktop-about-feature-subtitle {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    color: rgba(22, 8, 22, 0.70);
}

/* Desktop Cases Section */
.desktop-cases {
    position: absolute;
    width: 1920px;
    height: 1272px;
    top: 3400px;
    left: 0;
    background: #FFFFFD;
    padding: 650px 0 0 0;
}

.desktop-cases-header {
    position: absolute;
    width: 1920px;
    height: 85px;
    top: 650px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 120px;
}

.desktop-cases-title {
    font-family: var(--font-serif);
    font-size: 64px;
    font-weight: 500;
    line-height: 85px;
    color: #160816;
    letter-spacing: -3.2px;
}

.desktop-cases-link {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    color: #B91414;
    text-decoration: none;
    transition: color var(--transition-normal);
}

.desktop-cases-link:hover {
    color: #8a1010;
}

.desktop-cases-grid {
    position: absolute;
    width: 1740px;
    height: 1118px;
    top: 803px;
    left: 90px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.desktop-case-card {
    position: relative;
    width: 566px;
    height: 549px;
    background: #FBF9F8;
    overflow: hidden;
}

.desktop-case-card.middle {
    width: 568px;
}

.desktop-case-title {
    position: absolute;
    top: 33px;
    left: 34px;
    width: 427px;
    height: 94px;
    font-family: var(--font-serif);
    font-size: 40px;
    font-weight: 500;
    line-height: 47px;
    color: #160816;
}

.desktop-case-charge {
    position: absolute;
    top: 142px;
    left: 30px;
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    color: #160816;
}

.desktop-case-actions-label {
    position: absolute;
    top: 213px;
    left: 32px;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 31px;
    color: #160816;
}

.desktop-case-actions {
    position: absolute;
    top: 258px;
    left: 34px;
    width: 505px;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    color: #160816;
}

.desktop-case-actions.middle {
    width: 399px;
    height: 70px;
}

.desktop-case-actions.short {
    width: 427px;
    height: 70px;
}

.desktop-case-result-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 132px;
    background: rgba(185, 20, 20, 0.08);
}

.desktop-case-result-label {
    position: absolute;
    bottom: 87px;
    left: 32px;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 31px;
    color: #B91414;
}

.desktop-case-result {
    position: absolute;
    bottom: 45px;
    left: 32px;
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    color: #160816;
}

.desktop-case-result.long {
    width: 492px;
}

.desktop-case-result.medium {
    width: 458px;
}

.desktop-case-result.short {
    width: 380px;
}

/* Cases Section - Responsive */
@media screen and (max-width: 1440px) {
    .desktop-cases {
        height: auto;
        top: auto;
        position: relative;
        padding: 80px 60px;
        width: 100%;
    }
    
    .desktop-cases-header {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        padding: 0;
        margin-bottom: 50px;
    }
    
    .desktop-cases-title {
        font-size: 48px;
        letter-spacing: -2.4px;
        line-height: 60px;
    }
    
    .desktop-cases-link {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    
    .desktop-cases-grid {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        max-width: none;
    }
    
    .desktop-case-card {
        width: 100%;
        height: auto;
        min-height: 400px;
        background: #FBF9F8;
        padding: 30px;
        border-radius: 8px;
    }
    
    .desktop-case-card.middle {
        width: 100%;
    }
    
    .desktop-case-title {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    
    .desktop-case-charge {
        position: relative;
        top: 0;
        left: 0;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    
    .desktop-case-actions-label {
        position: relative;
        top: 0;
        left: 0;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .desktop-case-result {
        position: relative;
        bottom: auto;
        left: 0;
        font-size: 18px;
        line-height: 28px;
        margin-top: 20px;
    }
    
    .desktop-case-result.long,
    .desktop-case-result.medium,
    .desktop-case-result.short {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .desktop-cases {
        padding: 60px 40px;
    }
    
    .desktop-cases-title {
        font-size: 36px;
        letter-spacing: -1.8px;
        line-height: 44px;
    }
    
    .desktop-cases-link {
        font-size: 18px;
    }
    
    .desktop-cases-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .desktop-case-card {
        min-height: 350px;
        padding: 25px;
    }
    
    .desktop-case-title {
        font-size: 28px;
        line-height: 34px;
    }
    
    .desktop-case-charge {
        font-size: 16px;
        line-height: 24px;
    }
    
    .desktop-case-result {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Consultation Section - Anima Structure */
.consultation-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 792px;
    margin: 120px auto 0; /* отступ от cases + центрирование */
    left: 50%;
    transform: translateX(-50%);
}

.image {
    position: absolute;
    width: 567px;
    height: 792px;
    top: 0;
    left: 4.7%; /* 90px from 1920px */
    object-fit: cover;
}

.text-wrapper-51 {
    position: absolute;
    width: 964px;
    height: 85px;
    top: 0;
    left: 36.8%; /* 706px from 1920px */
    font-family: var(--font-serif);
    font-weight: 500;
    color: #160816;
    font-size: 64px;
    letter-spacing: -3.2px;
    line-height: 85px;
}

.text-wrapper-52 {
    position: absolute;
    width: 771px;
    height: 135px;
    top: 115px; /* относительно container */
    left: 37.1%; /* 712px from 1920px */
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 45px;
}

.overlap-17 {
    position: absolute;
    width: 366px;
    height: 72px;
    top: 311px; /* относительно container */
    left: 37%; /* 710px from 1920px */
}

.overlap-18 {
    position: absolute;
    width: 366px;
    height: 72px;
    top: 311px; /* относительно container */
    left: 56.6%; /* 1086px from 1920px */
}

.overlap-19 {
    position: absolute;
    width: 366px;
    height: 72px;
    top: 311px; /* относительно container */
    left: 76.1%; /* 1462px from 1920px */
}

.rectangle-5 {
    position: absolute;
    width: 366px;
    height: 72px;
    top: 0;
    left: 0;
    background-color: #fbf9f8;
}

.text-wrapper-53 {
    position: absolute;
    top: 18px;
    left: 20px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: rgba(22, 8, 22, 0.29);
    font-size: 20px;
    letter-spacing: -0.40px;
    line-height: 35px;
    white-space: nowrap;
}

.overlap-20 {
    position: absolute;
    width: 1118px;
    height: 255px;
    top: 393px; /* относительно container */
    left: 37%; /* 710px from 1920px */
    background-color: #fbf9f8;
}

.text-wrapper-54 {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: rgba(22, 8, 22, 0.29);
    font-size: 20px;
    letter-spacing: -0.40px;
    line-height: 35px;
    white-space: nowrap;
}

.frame-8 {
    position: absolute;
    width: 366px;
    height: 72px;
    top: 663px; /* относительно container */
    left: 36.8%; /* 706px from 1920px */
    background-color: #b91414;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color var(--transition-normal);
}

.frame-8:hover {
    background-color: #8a1010;
}

.text-wrapper-55 {
    font-family: var(--font-primary);
    font-weight: 500;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: -0.48px;
    line-height: 38px;
    white-space: nowrap;
}

.div-3 {
    position: absolute;
    width: 546px;
    height: 62px;
    top: 668px; /* относительно container */
    left: 57.8%; /* 1110px from 1920px */
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 20px;
    letter-spacing: -0.40px;
    line-height: 31px;
}

.span {
    color: #160816;
}

.text-wrapper-80 {
    color: #b91414;
    text-decoration: underline;
    cursor: pointer;
    transition: color var(--transition-normal);
}

.text-wrapper-80:hover {
    color: #8a1010;
}

/* Consultation Section - Responsive */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .consultation-container {
        height: 594px;
        margin-top: 90px;
    }
    
    .image {
        width: 425px;
        height: 594px;
        left: 3.5%;
    }
    
    .text-wrapper-51 {
        width: 723px;
        height: 64px;
        left: 36.8%;
        font-size: 48px;
        letter-spacing: -2.4px;
        line-height: 64px;
    }
    
    .text-wrapper-52 {
        width: 578px;
        height: 101px;
        top: 86px;
        left: 37.1%;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 34px;
    }
    
    .overlap-17 {
        width: 275px;
        height: 54px;
        top: 233px;
        left: 37%;
    }
    
    .overlap-18 {
        width: 275px;
        height: 54px;
        top: 233px;
        left: 56.6%;
    }
    
    .overlap-19 {
        width: 275px;
        height: 54px;
        top: 233px;
        left: 76.1%;
    }
    
    .rectangle-5 {
        width: 275px;
        height: 54px;
    }
    
    .text-wrapper-53 {
        top: 10px;
        left: 15px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 26px;
    }
    
    .overlap-20 {
        width: 839px;
        height: 191px;
        top: 295px;
        left: 37%;
    }
    
    .text-wrapper-54 {
        top: 15px;
        left: 15px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 26px;
    }
    
    .frame-8 {
        width: 275px;
        height: 54px;
        top: 497px;
        left: 36.8%;
    }
    
    .text-wrapper-55 {
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 29px;
    }
    
    .div-3 {
        width: 410px;
        height: 47px;
        top: 501px;
        left: 57.8%;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 23px;
    }
}

@media screen and (max-width: 1440px) {
    .consultation-container {
        height: 594px; /* 792px * 0.75 = 594px */
        margin-top: 90px; /* 120px * 0.75 = 90px */
    }
    
    .image {
        width: 425px; /* 567px * 0.75 = 425px */
        height: 594px; /* 792px * 0.75 = 594px */
        left: 3.5%; /* пропорционально уменьшено */
    }
    
    .text-wrapper-51 {
        width: 723px; /* 964px * 0.75 = 723px */
        height: 64px; /* 85px * 0.75 = 64px */
        left: 36.8%;
        font-size: 48px; /* 64px * 0.75 = 48px */
        letter-spacing: -2.4px; /* -3.2px * 0.75 = -2.4px */
        line-height: 64px; /* 85px * 0.75 = 64px */
    }
    
    .text-wrapper-52 {
        width: 578px; /* 771px * 0.75 = 578px */
        height: 101px; /* 135px * 0.75 = 101px */
        top: 86px; /* 115px * 0.75 = 86px */
        left: 37.1%;
        font-size: 18px; /* 24px * 0.75 = 18px */
        letter-spacing: -0.36px; /* -0.48px * 0.75 = -0.36px */
        line-height: 34px; /* 45px * 0.75 = 34px */
    }
    
    .overlap-17 {
        width: 275px; /* 366px * 0.75 = 275px */
        height: 54px; /* 72px * 0.75 = 54px */
        top: 233px; /* 311px * 0.75 = 233px */
        left: 37%;
    }
    
    .overlap-18 {
        width: 275px;
        height: 54px;
        top: 233px;
        left: 56.6%;
    }
    
    .overlap-19 {
        width: 275px;
        height: 54px;
        top: 233px;
        left: 76.1%;
    }
    
    .rectangle-5 {
        width: 275px;
        height: 54px;
    }
    
    .text-wrapper-53 {
        top: 10px; /* 18px * 0.75 ≈ 14px, но оставим 10px для лучшего центрирования */
        left: 15px; /* 20px * 0.75 = 15px */
        font-size: 15px; /* 20px * 0.75 = 15px */
        letter-spacing: -0.30px; /* -0.40px * 0.75 = -0.30px */
        line-height: 26px; /* 35px * 0.75 = 26px */
    }
    
    .overlap-20 {
        width: 839px; /* 1118px * 0.75 = 839px */
        height: 191px; /* 255px * 0.75 = 191px */
        top: 295px; /* 393px * 0.75 = 295px */
        left: 37%;
    }
    
    .text-wrapper-54 {
        top: 15px; /* 20px * 0.75 = 15px */
        left: 15px; /* 20px * 0.75 = 15px */
        font-size: 15px; /* 20px * 0.75 = 15px */
        letter-spacing: -0.30px; /* -0.40px * 0.75 = -0.30px */
        line-height: 26px; /* 35px * 0.75 = 26px */
    }
    
    .frame-8 {
        width: 275px; /* 366px * 0.75 = 275px */
        height: 54px; /* 72px * 0.75 = 54px */
        top: 497px; /* 663px * 0.75 = 497px */
        left: 36.8%;
    }
    
    .text-wrapper-55 {
        font-size: 18px; /* 24px * 0.75 = 18px */
        letter-spacing: -0.36px; /* -0.48px * 0.75 = -0.36px */
        line-height: 29px; /* 38px * 0.75 = 29px */
    }
    
    .div-3 {
        width: 410px; /* 546px * 0.75 = 410px */
        height: 47px; /* 62px * 0.75 = 47px */
        top: 501px; /* 668px * 0.75 = 501px */
        left: 57.8%;
        font-size: 15px; /* 20px * 0.75 = 15px */
        letter-spacing: -0.30px; /* -0.40px * 0.75 = -0.30px */
        line-height: 23px; /* 31px * 0.75 = 23px */
    }
}

@media screen and (max-width: 1024px) {
    .consultation-container {
        height: 475px; /* 792px * 0.6 = 475px */
        margin-top: 72px; /* 120px * 0.6 = 72px */
    }
    
    .image {
        width: 340px; /* 567px * 0.6 = 340px */
        height: 475px; /* 792px * 0.6 = 475px */
        left: 3%;
    }
    
    .text-wrapper-51 {
        width: 578px; /* 964px * 0.6 = 578px */
        height: 51px; /* 85px * 0.6 = 51px */
        left: 37%;
        font-size: 38px; /* 64px * 0.6 = 38px */
        letter-spacing: -1.9px; /* -3.2px * 0.6 = -1.9px */
        line-height: 51px; /* 85px * 0.6 = 51px */
    }
    
    .text-wrapper-52 {
        width: 463px; /* 771px * 0.6 = 463px */
        height: 81px; /* 135px * 0.6 = 81px */
        top: 69px; /* 115px * 0.6 = 69px */
        left: 37.2%;
        font-size: 14px; /* 24px * 0.6 = 14px */
        letter-spacing: -0.29px; /* -0.48px * 0.6 = -0.29px */
        line-height: 27px; /* 45px * 0.6 = 27px */
    }
    
    .overlap-17 {
        width: 220px; /* 366px * 0.6 = 220px */
        height: 43px; /* 72px * 0.6 = 43px */
        top: 187px; /* 311px * 0.6 = 187px */
        left: 37%;
    }
    
    .overlap-18 {
        width: 220px;
        height: 43px;
        top: 187px;
        left: 58%;
    }
    
    .overlap-19 {
        width: 220px;
        height: 43px;
        top: 187px;
        left: 79%;
    }
    
    .rectangle-5 {
        width: 220px;
        height: 43px;
    }
    
    .text-wrapper-53 {
        top: 8px; /* 18px * 0.6 ≈ 11px, но оставим 8px для лучшего центрирования */
        left: 12px; /* 20px * 0.6 = 12px */
        font-size: 12px; /* 20px * 0.6 = 12px */
        letter-spacing: -0.24px; /* -0.40px * 0.6 = -0.24px */
        line-height: 21px; /* 35px * 0.6 = 21px */
    }
    
    .overlap-20 {
        width: 671px; /* 1118px * 0.6 = 671px */
        height: 153px; /* 255px * 0.6 = 153px */
        top: 236px; /* 393px * 0.6 = 236px */
        left: 37%;
    }
    
    .text-wrapper-54 {
        top: 12px; /* 20px * 0.6 = 12px */
        left: 12px; /* 20px * 0.6 = 12px */
        font-size: 12px; /* 20px * 0.6 = 12px */
        letter-spacing: -0.24px; /* -0.40px * 0.6 = -0.24px */
        line-height: 21px; /* 35px * 0.6 = 21px */
    }
    
    .frame-8 {
        width: 220px; /* 366px * 0.6 = 220px */
        height: 43px; /* 72px * 0.6 = 43px */
        top: 398px; /* 663px * 0.6 = 398px */
        left: 37%;
    }
    
    .text-wrapper-55 {
        font-size: 14px; /* 24px * 0.6 = 14px */
        letter-spacing: -0.29px; /* -0.48px * 0.6 = -0.29px */
        line-height: 23px; /* 38px * 0.6 = 23px */
    }
    
    .div-3 {
        width: 328px; /* 546px * 0.6 = 328px */
        height: 37px; /* 62px * 0.6 = 37px */
        top: 401px; /* 668px * 0.6 = 401px */
        left: 59%;
        font-size: 12px; /* 20px * 0.6 = 12px */
        letter-spacing: -0.24px; /* -0.40px * 0.6 = -0.24px */
        line-height: 19px; /* 31px * 0.6 = 19px */
    }
}

/* Blog Section - Anima Structure */
.blog-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 669px;
    margin: 180px auto 0;
    left: 50%;
    transform: translateX(-50%);
}

.text-wrapper-30 {
    position: absolute;
    width: 402px;
    height: 85px;
    top: 0;
    left: 6.25%; /* 120px from 1920px */
    font-family: var(--font-serif);
    font-weight: 500;
    color: #160816;
    font-size: 64px;
    letter-spacing: -2.56px;
    line-height: 85px;
}

.text-wrapper-79 {
    position: absolute;
    width: 66px;
    height: 35px;
    top: 25px;
    left: 28.5%; /* 547px from 1920px */
    font-family: var(--font-primary);
    font-weight: 500;
    color: #b91414;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 35px;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--transition-normal);
}

.text-wrapper-79:hover {
    color: #8a1010;
}

/* Blog Component 1 */
.component {
    position: absolute;
    width: 566px;
    height: 523px;
    top: 146px;
    left: 4.7%; /* 90px from 1920px */
    background-color: rgba(57, 7, 7, 0.02);
}

/* Blog Component 2 */
.component-2 {
    position: absolute;
    width: 566px;
    height: 523px;
    top: 146px;
    left: 35.2%; /* 676px from 1920px */
    background-color: rgba(57, 7, 7, 0.02);
}

/* Blog Component 3 */
.component-3 {
    position: absolute;
    width: 566px;
    height: 523px;
    top: 146px;
    left: 65.7%; /* 1262px from 1920px */
    background-color: rgba(57, 7, 7, 0.02);
}

.rectangle-6 {
    position: absolute;
    width: 566px;
    height: 314px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.element-n {
    position: absolute;
    width: 506px;
    top: 344px;
    left: 30px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #160816;
    font-size: 20px;
    letter-spacing: -0.40px;
    line-height: 28px;
}

.component .element-n {
    height: 84px;
}

.component-2 .element-n {
    height: 42px;
}

.component-3 .element-n {
    height: 84px;
}

.text-wrapper-76 {
    position: absolute;
    width: 111px;
    height: 35px;
    top: 458px;
    left: 425px;
    font-family: var(--font-primary);
    font-weight: 500;
    color: #b91414;
    font-size: 20px;
    letter-spacing: -0.40px;
    line-height: 35px;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--transition-normal);
}

.text-wrapper-76:hover {
    color: #8a1010;
}

.text-wrapper-77 {
    position: absolute;
    width: 108px;
    height: 35px;
    top: 458px;
    left: 30px;
    font-family: var(--font-primary);
    font-weight: 400;
    color: rgba(22, 8, 22, 0.5);
    font-size: 20px;
    letter-spacing: -0.40px;
    line-height: 35px;
    white-space: nowrap;
}

/* Blog Section - Responsive */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .blog-container {
        height: 502px;
        margin-top: 135px;
    }
    
    .text-wrapper-30 {
        width: 302px;
        height: 64px;
        font-size: 48px;
        letter-spacing: -1.92px;
        line-height: 64px;
    }
    
    .text-wrapper-79 {
        width: 50px;
        height: 26px;
        top: 19px;
        left: 28.5%;
        font-size: 18px;
        letter-spacing: -0.72px;
        line-height: 26px;
    }
    
    .component, .component-2, .component-3 {
        width: 425px;
        height: 392px;
        top: 110px;
    }
    
    .component {
        left: 4.7%;
    }
    
    .component-2 {
        left: 35.2%;
    }
    
    .component-3 {
        left: 65.7%;
    }
    
    .rectangle-6 {
        width: 425px;
        height: 236px;
    }
    
    .element-n {
        width: 380px;
        top: 258px;
        left: 23px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 21px;
    }
    
    .component .element-n {
        height: 63px;
    }
    
    .component-2 .element-n {
        height: 32px;
    }
    
    .component-3 .element-n {
        height: 63px;
    }
    
    .text-wrapper-76 {
        width: 83px;
        height: 26px;
        top: 344px;
        left: 319px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 26px;
    }
    
    .text-wrapper-77 {
        width: 81px;
        height: 26px;
        top: 344px;
        left: 23px;
        font-size: 15px;
        letter-spacing: -0.30px;
        line-height: 26px;
    }
}

@media screen and (max-width: 1440px) {
    .blog-container {
        height: 502px; /* 669px * 0.75 = 502px */
        margin-top: 135px; /* 180px * 0.75 = 135px */
    }
    
    .text-wrapper-30 {
        width: 302px; /* 402px * 0.75 = 302px */
        height: 64px; /* 85px * 0.75 = 64px */
        font-size: 48px; /* 64px * 0.75 = 48px */
        letter-spacing: -1.92px; /* -2.56px * 0.75 = -1.92px */
        line-height: 64px; /* 85px * 0.75 = 64px */
    }
    
    .text-wrapper-79 {
        width: 50px; /* 66px * 0.75 = 50px */
        height: 26px; /* 35px * 0.75 = 26px */
        top: 19px; /* 25px * 0.75 = 19px */
        left: 28.5%;
        font-size: 18px; /* 24px * 0.75 = 18px */
        letter-spacing: -0.72px; /* -0.96px * 0.75 = -0.72px */
        line-height: 26px; /* 35px * 0.75 = 26px */
    }
    
    .component, .component-2, .component-3 {
        width: 425px; /* 566px * 0.75 = 425px */
        height: 392px; /* 523px * 0.75 = 392px */
        top: 110px; /* 146px * 0.75 = 110px */
    }
    
    .component {
        left: 4.7%; /* оставим как на 1920px */
    }
    
    .component-2 {
        left: 35.2%; /* оставим как на 1920px */
    }
    
    .component-3 {
        left: 65.7%; /* оставим как на 1920px */
    }
    
    .rectangle-6 {
        width: 425px; /* 566px * 0.75 = 425px */
        height: 236px; /* 314px * 0.75 = 236px */
    }
    
    .element-n {
        width: 380px; /* 506px * 0.75 = 380px */
        top: 258px; /* 344px * 0.75 = 258px */
        left: 23px; /* 30px * 0.75 = 23px */
        font-size: 15px; /* 20px * 0.75 = 15px */
        letter-spacing: -0.30px; /* -0.40px * 0.75 = -0.30px */
        line-height: 21px; /* 28px * 0.75 = 21px */
    }
    
    .component .element-n {
        height: 63px; /* 84px * 0.75 = 63px */
    }
    
    .component-2 .element-n {
        height: 32px; /* 42px * 0.75 = 32px */
    }
    
    .component-3 .element-n {
        height: 63px; /* 84px * 0.75 = 63px */
    }
    
    .text-wrapper-76 {
        width: 83px; /* 111px * 0.75 = 83px */
        height: 26px; /* 35px * 0.75 = 26px */
        top: 344px; /* 458px * 0.75 = 344px */
        left: 319px; /* скорректируем позицию */
        font-size: 15px; /* 20px * 0.75 = 15px */
        letter-spacing: -0.30px; /* -0.40px * 0.75 = -0.30px */
        line-height: 26px; /* 35px * 0.75 = 26px */
    }
    
    .text-wrapper-77 {
        width: 81px; /* 108px * 0.75 = 81px */
        height: 26px; /* 35px * 0.75 = 26px */
        top: 344px; /* 458px * 0.75 = 344px */
        left: 23px; /* 30px * 0.75 = 23px */
        font-size: 15px; /* 20px * 0.75 = 15px */
        letter-spacing: -0.30px; /* -0.40px * 0.75 = -0.30px */
        line-height: 26px; /* 35px * 0.75 = 26px */
    }
}

@media screen and (max-width: 1024px) {
    .blog-container {
        height: 401px; /* 669px * 0.6 = 401px */
        margin-top: 108px; /* 180px * 0.6 = 108px */
    }
    
    .text-wrapper-30 {
        width: 241px; /* 402px * 0.6 = 241px */
        height: 51px; /* 85px * 0.6 = 51px */
        font-size: 38px; /* 64px * 0.6 = 38px */
        letter-spacing: -1.54px; /* -2.56px * 0.6 = -1.54px */
        line-height: 51px; /* 85px * 0.6 = 51px */
    }
    
    .text-wrapper-79 {
        width: 40px; /* 66px * 0.6 = 40px */
        height: 21px; /* 35px * 0.6 = 21px */
        top: 15px; /* 25px * 0.6 = 15px */
        left: 28.5%;
        font-size: 14px; /* 24px * 0.6 = 14px */
        letter-spacing: -0.58px; /* -0.96px * 0.6 = -0.58px */
        line-height: 21px; /* 35px * 0.6 = 21px */
    }
    
    .component, .component-2, .component-3 {
        width: 300px; /* уменьшим карточки для лучшего размещения на iPad */
        height: 280px; /* пропорционально уменьшим высоту */
        top: 88px; /* 146px * 0.6 = 88px */
    }
    
    .component {
        left: 4.7%; /* оставим как на 1920px */
    }
    
    .component-2 {
        left: 35.2%; /* оставим как на 1920px */
    }
    
    .component-3 {
        left: 65.7%; /* оставим как на 1920px */
    }
    
    .rectangle-6 {
        width: 300px; /* соответствует ширине карточки */
        height: 180px; /* пропорционально уменьшено */
    }
    
    .element-n {
        width: 270px; /* уменьшим ширину текста */
        top: 195px; /* скорректируем позицию */
        left: 15px; /* центрируем в карточке */
        font-size: 12px; /* 20px * 0.6 = 12px */
        letter-spacing: -0.24px; /* -0.40px * 0.6 = -0.24px */
        line-height: 17px; /* 28px * 0.6 = 17px */
    }
    
    .component .element-n {
        height: 45px; /* скорректируем высоту */
    }
    
    .component-2 .element-n {
        height: 22px; /* скорректируем высоту */
    }
    
    .component-3 .element-n {
        height: 45px; /* скорректируем высоту */
    }
    
    .text-wrapper-76 {
        width: 67px; /* 111px * 0.6 = 67px */
        height: 21px; /* 35px * 0.6 = 21px */
        top: 250px; /* скорректируем позицию */
        left: 218px; /* скорректируем для новой ширины карточки */
        font-size: 12px; /* 20px * 0.6 = 12px */
        letter-spacing: -0.24px; /* -0.40px * 0.6 = -0.24px */
        line-height: 21px; /* 35px * 0.6 = 21px */
    }
    
    .text-wrapper-77 {
        width: 65px; /* 108px * 0.6 = 65px */
        height: 21px; /* 35px * 0.6 = 21px */
        top: 250px; /* скорректируем позицию */
        left: 15px; /* скорректируем для новой ширины карточки */
        font-size: 12px; /* 20px * 0.6 = 12px */
        letter-spacing: -0.24px; /* -0.40px * 0.6 = -0.24px */
        line-height: 21px; /* 35px * 0.6 = 21px */
    }
}

/* Desktop Body */
@media (min-width: 769px) {
    body {
        display: flex;
        justify-content: center;
        background-color: #f5f5f5;
        overflow-x: auto;
    }
    
    /* Desktop Frame Container */
    .desktop-frame {
        width: 100%;
        max-width: 1920px;
        min-height: 100vh;
        background: var(--primary-light);
        margin: 0 auto;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    
    /* Desktop Header */
    .desktop-header {
        width: 100%;
        max-width: 1920px;
        height: 120px;
        background: var(--primary-light);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 120px;
        z-index: var(--z-header);
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .desktop-logo {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: normal;
        text-decoration: none;
        transition: color var(--transition-normal);
    }
    
    .desktop-logo:hover {
        color: var(--primary-red);
    }
    
    /* Desktop Navigation */
    .desktop-nav {
        display: flex;
        align-items: center;
        gap: 60px;
    }
    
    .desktop-nav-item {
        font-family: var(--font-primary);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 31px;
        text-decoration: none;
        transition: color var(--transition-normal);
        position: relative;
    }
    
    .desktop-nav-item::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--primary-red);
        transition: width var(--transition-normal);
    }
    
    .desktop-nav-item:hover {
        color: var(--primary-red);
    }
    
    .desktop-nav-item:hover::after {
        width: 100%;
    }
    
    .desktop-nav-phone {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-red);
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 31px;
        text-decoration: none;
        padding: 12px 24px;
        border: 2px solid var(--primary-red);
        border-radius: 6px;
        transition: all var(--transition-normal);
    }
    
    .desktop-nav-phone:hover {
        background-color: var(--primary-red);
        color: var(--primary-light);
        transform: translateY(-2px);
    }
    
    /* Desktop Hero Section */
    .desktop-hero {
        width: 100%;
        height: 1010px;
        margin-top: 120px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 120px;
        position: relative;
        overflow: hidden;
    }
    
    .desktop-hero-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    .desktop-hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
    }
    
    .desktop-hero-content {
        position: relative;
        z-index: 2;
        max-width: 600px;
        animation: slideInLeft 1s ease-out;
    }
    
    .desktop-hero-title {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-light);
        font-size: 80px;
        letter-spacing: -4.8px;
        line-height: 80px;
        margin-bottom: 40px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .desktop-hero-description {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--primary-light);
        font-size: 20px;
        letter-spacing: -0.4px;
        line-height: 32px;
        margin-bottom: 60px;
        max-width: 500px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    
    .desktop-hero-button {
        background-color: var(--primary-light);
        color: var(--primary-red);
        font-family: var(--font-primary);
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 31px;
        padding: 20px 40px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        transition: all var(--transition-normal);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    .desktop-hero-button:hover {
        background-color: #f5f5f5;
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    }
    
    /* Desktop Statistics */
    .desktop-statistics {
        width: 100%;
        height: 200px;
        background: var(--primary-red);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 120px;
    }
    
    .desktop-statistics-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 80px;
        width: 100%;
        max-width: 1200px;
    }
    
    .desktop-stat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .desktop-stat-number {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-light);
        font-size: 48px;
        letter-spacing: -1.92px;
        line-height: 56px;
        margin-bottom: 16px;
    }
    
    .desktop-stat-text {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--primary-light);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        opacity: 0.9;
    }
    
    /* Desktop Directions */
    .desktop-directions {
        width: 100%;
        padding: 120px 120px;
        background: var(--primary-light);
    }
    
    .desktop-directions-title {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 60px;
        letter-spacing: -3.6px;
        line-height: 60px;
        margin-bottom: 80px;
        text-align: center;
    }
    
    .desktop-directions-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .desktop-direction-card {
        background: var(--background-light);
        border-radius: 12px;
        padding: 40px;
        position: relative;
        overflow: hidden;
        transition: all var(--transition-normal);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    
    .desktop-direction-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    }
    
    .desktop-direction-icon {
        position: absolute;
        top: -20px;
        right: -20px;
        width: 120px;
        height: 120px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0.1;
        z-index: 1;
    }
    
    .desktop-direction-content {
        position: relative;
        z-index: 2;
    }
    
    .desktop-direction-title {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-dark);
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    
    .desktop-direction-description {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-secondary);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    
    .desktop-direction-link {
        font-family: var(--font-primary);
        font-weight: 500;
        color: var(--primary-red);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: all var(--transition-normal);
    }
    
    .desktop-direction-link::after {
        content: '→';
        transition: transform var(--transition-normal);
    }
    
    .desktop-direction-link:hover {
        color: #8a1010;
        transform: translateX(4px);
    }
    
    .desktop-direction-link:hover::after {
        transform: translateX(4px);
    }
    
    /* Desktop About Section */
    .desktop-about {
        width: 100%;
        padding: 120px 120px;
        background: var(--background-light);
        display: flex;
        align-items: flex-start;
        gap: 120px;
    }
    
    .desktop-about-title {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 60px;
        letter-spacing: -3.6px;
        line-height: 60px;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        flex-shrink: 0;
        height: 500px;
        display: flex;
        align-items: center;
    }
    
    .desktop-about-content {
        display: flex;
        gap: 80px;
        align-items: flex-start;
        flex: 1;
    }
    
    .desktop-about-photo {
        width: 400px;
        height: 500px;
        object-fit: cover;
        border-radius: 12px;
        flex-shrink: 0;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }
    
    .desktop-about-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    
    .desktop-about-quote {
        background-color: var(--primary-red);
        border-radius: 12px;
        padding: 60px;
        position: relative;
        overflow: hidden;
    }
    
    .desktop-quote-left {
        position: absolute;
        top: -100px;
        left: -50px;
        font-family: var(--font-times);
        font-weight: 700;
        color: rgba(255, 255, 255, 0.1);
        font-size: 200px;
        line-height: 200px;
        z-index: 1;
    }
    
    .desktop-quote-right {
        position: absolute;
        bottom: -100px;
        right: -50px;
        font-family: var(--font-times);
        font-weight: 700;
        color: rgba(255, 255, 255, 0.1);
        font-size: 200px;
        line-height: 200px;
        z-index: 1;
    }
    
    .desktop-about-text {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--primary-light);
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 32px;
        position: relative;
        z-index: 2;
    }
    
    .desktop-about-features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    
    .desktop-feature-item {
        padding: 30px;
        background: var(--primary-light);
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: all var(--transition-normal);
    }
    
    .desktop-feature-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    }
    
    .desktop-feature-title {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-dark);
        font-size: 20px;
        letter-spacing: -0.4px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    
    .desktop-feature-subtitle {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-secondary);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
    }
    
    /* Desktop Cases */
    .desktop-cases {
        width: 100%;
        padding: 120px 120px;
        background: var(--primary-light);
    }
    
    .desktop-cases-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 80px;
    }
    
    .desktop-cases-title {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 60px;
        letter-spacing: -3.6px;
        line-height: 60px;
    }
    
    .desktop-cases-link {
        font-family: var(--font-primary);
        font-weight: 500;
        color: var(--primary-red);
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 31px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: all var(--transition-normal);
    }
    
    .desktop-cases-link::after {
        content: '→';
        transition: transform var(--transition-normal);
    }
    
    .desktop-cases-link:hover {
        color: #8a1010;
        transform: translateX(4px);
    }
    
    .desktop-cases-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .desktop-case-card {
        background: var(--background-light);
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: all var(--transition-normal);
    }
    
    .desktop-case-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    }
    
    .desktop-case-content {
        padding: 30px;
    }
    
    .desktop-case-title {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-dark);
        font-size: 20px;
        letter-spacing: -0.4px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    
    .desktop-case-charge {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-secondary);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    
    .desktop-case-actions {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-dark);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    
    .desktop-case-description {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-secondary);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    
    .desktop-case-result {
        background-color: var(--background-accent);
        padding: 20px;
        border-radius: 8px;
        margin-top: 20px;
    }
    
    .desktop-result-label {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-red);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    
    .desktop-result-text {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--primary-dark);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
    }
    
    /* Desktop Blog */
    .desktop-blog {
        width: 100%;
        padding: 120px 120px;
        background: var(--background-light);
    }
    
    .desktop-blog-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 80px;
    }
    
    .desktop-blog-title {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 60px;
        letter-spacing: -3.6px;
        line-height: 60px;
    }
    
    .desktop-blog-link {
        font-family: var(--font-primary);
        font-weight: 500;
        color: var(--primary-red);
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 31px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: all var(--transition-normal);
    }
    
    .desktop-blog-link::after {
        content: '→';
        transition: transform var(--transition-normal);
    }
    
    .desktop-blog-link:hover {
        color: #8a1010;
        transform: translateX(4px);
    }
    
    .desktop-blog-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .desktop-blog-card {
        background: var(--primary-light);
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: all var(--transition-normal);
    }
    
    .desktop-blog-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    }
    
    .desktop-blog-image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: transform var(--transition-normal);
    }
    
    .desktop-blog-card:hover .desktop-blog-image {
        transform: scale(1.05);
    }
    
    .desktop-blog-content {
        padding: 30px;
    }
    
    .desktop-blog-title-text {
        font-family: var(--font-primary);
        font-weight: 600;
        color: var(--primary-dark);
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
        margin-bottom: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .desktop-blog-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .desktop-blog-date {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-muted);
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
    }
    
    .desktop-blog-more {
        font-family: var(--font-primary);
        font-weight: 500;
        color: var(--primary-red);
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
        text-decoration: none;
        transition: color var(--transition-normal);
    }
    
    .desktop-blog-more:hover {
        color: #8a1010;
    }
    
    /* Desktop Consultation */
    .desktop-consultation {
        width: 100%;
        padding: 120px 120px;
        background: var(--primary-light);
        display: flex;
        align-items: center;
        gap: 120px;
    }
    
    .desktop-consultation-image {
        width: 500px;
        height: 600px;
        object-fit: cover;
        border-radius: 12px;
        flex-shrink: 0;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }
    
    .desktop-consultation-content {
        flex: 1;
        max-width: 600px;
    }
    
    .desktop-consultation-title {
        font-family: var(--font-serif);
        font-weight: 500;
        color: var(--primary-dark);
        font-size: 48px;
        letter-spacing: -2.88px;
        line-height: 48px;
        margin-bottom: 40px;
    }
    
    .desktop-consultation-description {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-secondary);
        font-size: 20px;
        letter-spacing: -0.4px;
        line-height: 32px;
        margin-bottom: 60px;
    }
    
    .desktop-consultation-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 40px;
    }
    
    .desktop-form-input,
    .desktop-form-textarea {
        background-color: var(--background-light);
        border: 2px solid transparent;
        border-radius: 8px;
        padding: 16px 20px;
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--primary-dark);
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 26px;
        transition: all var(--transition-normal);
    }
    
    .desktop-form-input:focus,
    .desktop-form-textarea:focus {
        border-color: var(--primary-red);
        outline: none;
        box-shadow: 0 0 0 3px rgba(185, 20, 20, 0.1);
    }
    
    .desktop-form-textarea {
        grid-column: 1 / -1;
        min-height: 120px;
        resize: vertical;
    }
    
    .desktop-form-submit {
        grid-column: 1 / -1;
        justify-self: start;
        background-color: var(--primary-red);
        color: var(--primary-light);
        font-family: var(--font-primary);
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 31px;
        padding: 20px 40px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all var(--transition-normal);
    }
    
    .desktop-form-submit:hover {
        background-color: #a01212;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(185, 20, 20, 0.3);
    }
    
    .desktop-form-disclaimer {
        font-family: var(--font-primary);
        font-weight: 400;
        color: var(--text-secondary);
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 22px;
    }
    
    .desktop-disclaimer-link {
        color: var(--primary-red);
        text-decoration: none;
        transition: color var(--transition-normal);
    }
    
    .desktop-disclaimer-link:hover {
        color: #8a1010;
    }

    
    /* Footer - Anima Structure */
    .footer-container {
        position: relative;
        width: 100%;
        max-width: 1920px;
        height: 758px;
        margin: 180px auto 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .view {
        position: relative;
        width: 100%;
        height: 758px;
        top: 0;
        left: 0;
    }
    
    .overlap-21 {
        position: absolute;
        width: 1920px;
        height: 654px;
        top: 0;
        left: 0;
        background-color: #b91414;
    }
    
    .text-wrapper-56 {
        position: absolute;
        width: 179px;
        height: 34px;
        top: 215px;
        left: 74%; /* 1421px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
        white-space: nowrap;
    }
    
    .text-wrapper-57 {
        position: absolute;
        width: 79px;
        height: 34px;
        top: 373px;
        left: 74%; /* 1421px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
        white-space: nowrap;
    }
    
    .text-wrapper-58 {
        color: #ffffff;
        font-family: var(--font-primary);
        font-size: 24px;
        font-weight: 400;
        letter-spacing: -0.48px;
        line-height: 34px;
        position: absolute;
        top: 294px;
        left: 74%; /* 1421px from 1920px */
        width: 171px;
        height: 34px;
        white-space: nowrap;
        text-decoration: none;
    }
    
    .text-wrapper-59 {
        position: absolute;
        width: 251px;
        height: 64px;
        top: 33px;
        left: 4.7%; /* 90px from 1920px */
        font-family: var(--font-serif);
        font-weight: 500;
        color: #ffffff;
        font-size: 48px;
        letter-spacing: -2.4px;
        line-height: 64px;
        white-space: nowrap;
    }
    
    .frame-9 {
        position: absolute;
        width: 128px;
        height: 271px;
        top: 215px;
        left: 35.2%; /* 676px from 1920px */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 45px;
    }
    
    .text-wrapper-60 {
        position: relative;
        width: 128px;
        height: 34px;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
        white-space: nowrap;
    }
    
    .text-wrapper-61 {
        position: relative;
        width: fit-content;
        height: 34px;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
        white-space: nowrap;
    }
    
    .text-wrapper-62 {
        position: absolute;
        width: 314px;
        height: 31px;
        top: 215px;
        left: 4.7%; /* 90px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .text-wrapper-63 {
        position: absolute;
        width: 365px;
        height: 31px;
        top: 291px;
        left: 4.7%; /* 90px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .text-wrapper-64 {
        position: absolute;
        width: 197px;
        height: 31px;
        top: 367px;
        left: 4.7%; /* 90px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .text-wrapper-65 {
        position: absolute;
        width: 69px;
        height: 26px;
        top: 165px;
        left: 4.7%; /* 90px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
        white-space: nowrap;
    }
    
    .text-wrapper-66 {
        position: absolute;
        width: 51px;
        height: 26px;
        top: 165px;
        left: 35.2%; /* 676px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
        white-space: nowrap;
    }
    
    .text-wrapper-67 {
        position: absolute;
        width: 57px;
        height: 26px;
        top: 165px;
        left: 53.3%; /* 1023px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
        white-space: nowrap;
    }
    
    .text-wrapper-68 {
        position: absolute;
        width: 78px;
        height: 26px;
        top: 165px;
        left: 74%; /* 1421px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
        white-space: nowrap;
    }
    
    .text-wrapper-69 {
        position: absolute;
        width: 378px;
        height: 68px;
        top: 215px;
        left: 53.3%; /* 1023px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
    }
    
    .text-wrapper-70 {
        position: absolute;
        width: 196px;
        height: 68px;
        top: 328px;
        left: 53.3%; /* 1023px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
    }
    
    .text-wrapper-71 {
        position: absolute;
        width: 258px;
        height: 68px;
        top: 441px;
        left: 53.3%; /* 1023px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #ffffff;
        font-size: 24px;
        letter-spacing: -0.48px;
        line-height: 34px;
        /* убрал white-space: nowrap для возможности переноса текста */
    }
    
    .text-wrapper-72 {
        position: absolute;
        width: 255px;
        height: 31px;
        top: 687px;
        left: 9.6%; /* 184px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #160816;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .text-wrapper-73 {
        position: absolute;
        width: 218px;
        height: 31px;
        top: 687px;
        left: 35.2%; /* 676px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #160816;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .text-wrapper-74 {
        position: absolute;
        width: 441px;
        height: 31px;
        top: 687px;
        left: 70.1%; /* 1345px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #160816;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .text-wrapper-75 {
        position: absolute;
        width: 55px;
        height: 31px;
        top: 687px;
        left: 4.7%; /* 90px from 1920px */
        font-family: var(--font-primary);
        font-weight: 400;
        color: #160816;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    /* Footer Center Section - Navigation */
    .desktop-footer-menu-title {
        position: absolute;
        top: 165px;
        left: 676px;
        width: 51px;
        height: 26px;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
    }
    
    .desktop-footer-menu {
        position: absolute;
        top: 215px;
        left: 676px;
        width: 128px;
        height: 271px;
        display: flex;
        flex-direction: column;
        gap: 45px;
    }
    
    .desktop-footer-menu-item {
        font-family: var(--font-primary);
        font-weight: 400;
        color: #FFFFFF;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.48px;
        text-decoration: none;
        transition: color var(--transition-normal);
    }
    
    .desktop-footer-menu-item:hover {
        color: rgba(255, 255, 255, 0.8);
    }
    
    /* Footer Right Section - Services */
    .desktop-footer-services-title {
        position: absolute;
        top: 165px;
        left: 1023px;
        width: 57px;
        height: 26px;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
    }
    
    .desktop-footer-service-item {
        position: absolute;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #FFFFFF;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.48px;
        text-decoration: none;
        transition: color var(--transition-normal);
    }
    
    .desktop-footer-service-item:hover {
        color: rgba(255, 255, 255, 0.8);
    }
    
    .desktop-footer-service-1 {
        top: 215px;
        left: 1023px;
        width: 378px;
        height: 68px;
    }
    
    .desktop-footer-service-2 {
        top: 328px;
        left: 1023px;
        width: 196px;
        height: 68px;
    }
    
    .desktop-footer-service-3 {
        top: 441px;
        left: 1023px;
        width: 258px;
        height: 68px;
    }
    
    /* Footer Contact Section */
    .desktop-footer-contact-title {
        position: absolute;
        top: 165px;
        left: 1421px;
        width: 78px;
        height: 26px;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
    }
    
    .desktop-footer-contact-item {
        position: absolute;
        font-family: var(--font-primary);
        font-weight: 400;
        color: #FFFFFF;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.48px;
        text-decoration: none;
        transition: color var(--transition-normal);
    }
    
    .desktop-footer-contact-item:hover {
        color: rgba(255, 255, 255, 0.8);
    }
    
    .desktop-footer-phone {
        top: 215px;
        left: 1421px;
        width: 179px;
        height: 34px;
    }
    
    .desktop-footer-email {
        top: 294px;
        left: 1421px;
        width: 171px;
        height: 34px;
    }
    
    .desktop-footer-location {
        top: 373px;
        left: 1421px;
        width: 79px;
        height: 34px;
    }
    
    /* Footer Bottom Copyright Section */
    .desktop-footer-copyright {
        position: absolute;
        top: 687px;
        left: 0;
        width: 1920px;
        height: 71px;
        background: #FFFFFD;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 90px;
    }
    
    .desktop-footer-copyright-text {
        font-family: var(--font-primary);
        font-weight: 400;
        color: #160816;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 31px;
        white-space: nowrap;
    }
    
    .desktop-footer-copyright-left {
        display: flex;
        align-items: center;
        gap: 40px;
    }
    
    .desktop-footer-year {
        font-family: var(--font-primary);
        font-weight: 400;
        color: #161616;
        font-size: 22px;
        line-height: 31px;
        letter-spacing: -0.44px;
    }
    
    .desktop-footer-copyright-text {
        font-family: var(--font-primary);
        font-weight: 400;
        color: #161616;
        font-size: 22px;
        line-height: 31px;
        letter-spacing: -0.44px;
    }
    
    .desktop-footer-rights {
        font-family: var(--font-primary);
        font-weight: 400;
        color: #161616;
        font-size: 22px;
        line-height: 31px;
        letter-spacing: -0.44px;
    }
    
    .desktop-footer-disclaimer {
        font-family: var(--font-primary);
        font-weight: 400;
        color: #161616;
        font-size: 22px;
        line-height: 31px;
        letter-spacing: -0.44px;
    }

/* Footer Section - Responsive */
@media screen and (min-width: 1440px) and (max-width: 1900px) {
    .footer-container {
        height: 569px;
        margin-top: 135px;
    }
    
    .view {
        height: 569px;
    }
    
    .overlap-21 {
        width: 100%;
        height: 491px;
    }
    
    .text-wrapper-59 {
        width: 188px;
        height: 48px;
        top: 25px;
        left: 4.7%;
        font-size: 36px;
        letter-spacing: -1.8px;
        line-height: 48px;
    }
    
    .text-wrapper-65, .text-wrapper-66, .text-wrapper-67, .text-wrapper-68 {
        height: 20px;
        top: 124px;
        font-size: 14px;
        letter-spacing: -0.27px;
        line-height: 20px;
    }
    
    .text-wrapper-62, .text-wrapper-63, .text-wrapper-64 {
        height: 23px;
        font-size: 17px;
        letter-spacing: -0.33px;
        line-height: 23px;
    }
    
    .text-wrapper-62 {
        width: 236px;
        top: 161px;
        left: 4.7%;
    }
    
    .text-wrapper-63 {
        width: 274px;
        top: 218px;
        left: 4.7%;
    }
    
    .text-wrapper-64 {
        width: 148px;
        top: 275px;
        left: 4.7%;
    }
    
    .frame-9 {
        width: 96px;
        height: 203px;
        top: 161px;
        left: 35.2%;
        gap: 34px;
    }
    
    .text-wrapper-60, .text-wrapper-61 {
        height: 26px;
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
    }
    
    .text-wrapper-60 {
        width: 96px;
    }
    
    .text-wrapper-69, .text-wrapper-70, .text-wrapper-71 {
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 28px;
    }
    
    .text-wrapper-69 {
        width: 260px;
        height: 68px;
        top: 161px;
        left: 53.3%;
    }
    
    .text-wrapper-70 {
        width: 260px;
        height: 68px;
        top: 241px;
        left: 53.3%;
    }
    
    .text-wrapper-71 {
        width: 160px;
        height: 68px;
        top: 321px;
        left: 53.3%;
    }
    
    .text-wrapper-56, .text-wrapper-57, .text-wrapper-58 {
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
    }
    
    .text-wrapper-56 {
        width: 134px;
        height: 26px;
        top: 161px;
        left: 74%;
    }
    
    .text-wrapper-57 {
        width: 59px;
        height: 26px;
        top: 280px;
        left: 74%;
    }
    
    .text-wrapper-58 {
        width: 128px;
        height: 26px;
        top: 221px;
        left: 74%;
    }
    
    .text-wrapper-72, .text-wrapper-73, .text-wrapper-74, .text-wrapper-75 {
        height: 23px;
        top: 515px;
        font-size: 17px;
        letter-spacing: -0.33px;
        line-height: 23px;
    }
    
    .text-wrapper-75 {
        width: 41px;
        left: 4.7%;
    }
    
    .text-wrapper-72 {
        width: 191px;
        left: 9.6%;
    }
    
    .text-wrapper-73 {
        width: 164px;
        left: 35.2%;
    }
    
    .text-wrapper-74 {
        width: 331px;
        left: 70.1%;
    }
}

@media screen and (max-width: 1440px) {
    .footer-container {
        height: 569px; /* 758px * 0.75 = 569px */
        margin-top: 135px; /* 180px * 0.75 = 135px */
    }
    
    .view {
        height: 569px; /* 758px * 0.75 = 569px */
    }
    
    .overlap-21 {
        width: 1440px; /* 1920px * 0.75 = 1440px */
        height: 491px; /* 654px * 0.75 = 491px */
    }
    
    .text-wrapper-59 {
        width: 188px; /* 251px * 0.75 = 188px */
        height: 48px; /* 64px * 0.75 = 48px */
        top: 25px; /* 33px * 0.75 = 25px */
        left: 4.7%;
        font-size: 36px; /* 48px * 0.75 = 36px */
        letter-spacing: -1.8px; /* -2.4px * 0.75 = -1.8px */
        line-height: 48px; /* 64px * 0.75 = 48px */
    }
    
    .text-wrapper-65, .text-wrapper-66, .text-wrapper-67, .text-wrapper-68 {
        height: 20px; /* 26px * 0.75 = 20px */
        top: 124px; /* 165px * 0.75 = 124px */
        font-size: 14px; /* 18px * 0.75 = 14px */
        letter-spacing: -0.27px; /* -0.36px * 0.75 = -0.27px */
        line-height: 20px; /* 26px * 0.75 = 20px */
    }
    
    .text-wrapper-62, .text-wrapper-63, .text-wrapper-64 {
        height: 23px; /* 31px * 0.75 = 23px */
        font-size: 17px; /* 22px * 0.75 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.75 = -0.33px */
        line-height: 23px; /* 31px * 0.75 = 23px */
    }
    
    .text-wrapper-62 {
        width: 236px; /* 314px * 0.75 = 236px */
        top: 161px; /* 215px * 0.75 = 161px */
        left: 4.7%;
    }
    
    .text-wrapper-63 {
        width: 274px; /* 365px * 0.75 = 274px */
        top: 218px; /* 291px * 0.75 = 218px */
        left: 4.7%;
    }
    
    .text-wrapper-64 {
        width: 148px; /* 197px * 0.75 = 148px */
        top: 275px; /* 367px * 0.75 = 275px */
        left: 4.7%;
    }
    
    .frame-9 {
        width: 96px; /* 128px * 0.75 = 96px */
        height: 203px; /* 271px * 0.75 = 203px */
        top: 161px; /* 215px * 0.75 = 161px */
        left: 35.2%;
        gap: 34px; /* 45px * 0.75 = 34px */
    }
    
    .text-wrapper-60, .text-wrapper-61 {
        height: 26px; /* 34px * 0.75 = 26px */
        font-size: 18px; /* 24px * 0.75 = 18px */
        letter-spacing: -0.36px; /* -0.48px * 0.75 = -0.36px */
        line-height: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-60 {
        width: 96px; /* 128px * 0.75 = 96px */
    }
    
    .text-wrapper-69, .text-wrapper-70, .text-wrapper-71 {
        font-size: 18px; /* 24px * 0.75 = 18px */
        letter-spacing: -0.36px; /* -0.48px * 0.75 = -0.36px */
        line-height: 28px; /* увеличим для лучшей читаемости */
    }
    
    .text-wrapper-69 {
        width: 260px; /* уменьшим ширину для переноса */
        height: 68px; /* увеличим высоту для двух строк */
        top: 161px; /* 215px * 0.75 = 161px */
        left: 53.3%;
    }
    
    .text-wrapper-70 {
        width: 260px; /* сделаем одинаковую ширину */
        height: 68px; /* увеличим высоту для двух строк */
        top: 241px; /* уменьшим отступ для равномерности */
        left: 53.3%;
    }
    
    .text-wrapper-71 {
        width: 160px; /* еще больше уменьшим для принудительного переноса */
        height: 68px; /* увеличим высоту для двух строк */
        top: 321px; /* равномерный отступ */
        left: 53.3%;
    }
    
    .text-wrapper-56, .text-wrapper-57, .text-wrapper-58 {
        font-size: 18px; /* 24px * 0.75 = 18px */
        letter-spacing: -0.36px; /* -0.48px * 0.75 = -0.36px */
        line-height: 26px; /* 34px * 0.75 = 26px */
    }
    
    .text-wrapper-56 {
        width: 134px; /* 179px * 0.75 = 134px */
        height: 26px; /* 34px * 0.75 = 26px */
        top: 161px; /* 215px * 0.75 = 161px */
        left: 74%;
    }
    
    .text-wrapper-57 {
        width: 59px; /* 79px * 0.75 = 59px */
        height: 26px; /* 34px * 0.75 = 26px */
        top: 280px; /* 373px * 0.75 = 280px */
        left: 74%;
    }
    
    .text-wrapper-58 {
        width: 128px; /* 171px * 0.75 = 128px */
        height: 26px; /* 34px * 0.75 = 26px */
        top: 221px; /* 294px * 0.75 = 221px */
        left: 74%;
    }
    
    .text-wrapper-72, .text-wrapper-73, .text-wrapper-74, .text-wrapper-75 {
        height: 23px; /* 31px * 0.75 = 23px */
        top: 515px; /* 687px * 0.75 = 515px */
        font-size: 17px; /* 22px * 0.75 = 17px */
        letter-spacing: -0.33px; /* -0.44px * 0.75 = -0.33px */
        line-height: 23px; /* 31px * 0.75 = 23px */
    }
    
    .text-wrapper-75 {
        width: 41px; /* 55px * 0.75 = 41px */
        left: 4.7%;
    }
    
    .text-wrapper-72 {
        width: 191px; /* 255px * 0.75 = 191px */
        left: 9.6%;
    }
    
    .text-wrapper-73 {
        width: 164px; /* 218px * 0.75 = 164px */
        left: 35.2%;
    }
    
    .text-wrapper-74 {
        width: 331px; /* 441px * 0.75 = 331px */
        left: 70.1%;
    }
}

@media screen and (max-width: 1024px) {
    .footer-container {
        height: 455px; /* 758px * 0.6 = 455px */
        margin-top: 108px; /* 180px * 0.6 = 108px */
    }
    
    .view {
        height: 455px; /* 758px * 0.6 = 455px */
    }
    
    .overlap-21 {
        width: 1024px; /* 1920px * 0.6 ≈ 1152px, но подгоним под 1024px */
        height: 392px; /* 654px * 0.6 = 392px */
    }
    
    .text-wrapper-59 {
        width: 151px; /* 251px * 0.6 = 151px */
        height: 38px; /* 64px * 0.6 = 38px */
        top: 20px; /* 33px * 0.6 = 20px */
        left: 4.7%;
        font-size: 29px; /* 48px * 0.6 = 29px */
        letter-spacing: -1.44px; /* -2.4px * 0.6 = -1.44px */
        line-height: 38px; /* 64px * 0.6 = 38px */
    }
    
    .text-wrapper-65, .text-wrapper-66, .text-wrapper-67, .text-wrapper-68 {
        height: 16px; /* 26px * 0.6 = 16px */
        top: 99px; /* 165px * 0.6 = 99px */
        font-size: 11px; /* 18px * 0.6 = 11px */
        letter-spacing: -0.22px; /* -0.36px * 0.6 = -0.22px */
        line-height: 16px; /* 26px * 0.6 = 16px */
    }
    
    .text-wrapper-62, .text-wrapper-63, .text-wrapper-64 {
        height: 19px; /* 31px * 0.6 = 19px */
        font-size: 13px; /* 22px * 0.6 = 13px */
        letter-spacing: -0.26px; /* -0.44px * 0.6 = -0.26px */
        line-height: 19px; /* 31px * 0.6 = 19px */
    }
    
    .text-wrapper-62 {
        width: 188px; /* 314px * 0.6 = 188px */
        top: 129px; /* 215px * 0.6 = 129px */
        left: 4.7%;
    }
    
    .text-wrapper-63 {
        width: 219px; /* 365px * 0.6 = 219px */
        top: 175px; /* 291px * 0.6 = 175px */
        left: 4.7%;
    }
    
    .text-wrapper-64 {
        width: 118px; /* 197px * 0.6 = 118px */
        top: 220px; /* 367px * 0.6 = 220px */
        left: 4.7%;
    }
    
    .frame-9 {
        width: 77px; /* 128px * 0.6 = 77px */
        height: 163px; /* 271px * 0.6 = 163px */
        top: 129px; /* 215px * 0.6 = 129px */
        left: 35.2%;
        gap: 27px; /* 45px * 0.6 = 27px */
    }
    
    .text-wrapper-60, .text-wrapper-61 {
        height: 20px; /* 34px * 0.6 = 20px */
        font-size: 14px; /* 24px * 0.6 = 14px */
        letter-spacing: -0.29px; /* -0.48px * 0.6 = -0.29px */
        line-height: 20px; /* 34px * 0.6 = 20px */
    }
    
    .text-wrapper-60 {
        width: 77px; /* 128px * 0.6 = 77px */
    }
    
    .text-wrapper-69, .text-wrapper-70, .text-wrapper-71 {
        font-size: 14px; /* 24px * 0.6 = 14px */
        letter-spacing: -0.29px; /* -0.48px * 0.6 = -0.29px */
        line-height: 22px; /* увеличим для лучшей читаемости */
    }
    
    .text-wrapper-69 {
        width: 200px; /* уменьшим ширину для переноса */
        height: 54px; /* увеличим высоту для двух строк */
        top: 129px; /* 215px * 0.6 = 129px */
        left: 53.3%;
    }
    
    .text-wrapper-70 {
        width: 200px; /* сделаем одинаковую ширину */
        height: 54px; /* увеличим высоту для двух строк */
        top: 195px; /* уменьшим отступ для равномерности */
        left: 53.3%;
    }
    
    .text-wrapper-71 {
        width: 120px; /* максимально уменьшим для принудительного переноса */
        height: 54px; /* увеличим высоту для двух строк */
        top: 261px; /* равномерный отступ */
        left: 53.3%;
    }
    
    .text-wrapper-56, .text-wrapper-57, .text-wrapper-58 {
        font-size: 14px; /* 24px * 0.6 = 14px */
        letter-spacing: -0.29px; /* -0.48px * 0.6 = -0.29px */
        line-height: 20px; /* 34px * 0.6 = 20px */
    }
    
    .text-wrapper-56 {
        width: 107px; /* 179px * 0.6 = 107px */
        height: 20px; /* 34px * 0.6 = 20px */
        top: 129px; /* 215px * 0.6 = 129px */
        left: 74%;
    }
    
    .text-wrapper-57 {
        width: 47px; /* 79px * 0.6 = 47px */
        height: 20px; /* 34px * 0.6 = 20px */
        top: 224px; /* 373px * 0.6 = 224px */
        left: 74%;
    }
    
    .text-wrapper-58 {
        width: 103px; /* 171px * 0.6 = 103px */
        height: 20px; /* 34px * 0.6 = 20px */
        top: 176px; /* 294px * 0.6 = 176px */
        left: 74%;
    }
    
    .text-wrapper-72, .text-wrapper-73, .text-wrapper-74, .text-wrapper-75 {
        height: 19px; /* 31px * 0.6 = 19px */
        top: 412px; /* 687px * 0.6 = 412px */
        font-size: 13px; /* 22px * 0.6 = 13px */
        letter-spacing: -0.26px; /* -0.44px * 0.6 = -0.26px */
        line-height: 19px; /* 31px * 0.6 = 19px */
    }
    
    .text-wrapper-75 {
        width: 33px; /* 55px * 0.6 = 33px */
        left: 4.7%;
    }
    
    .text-wrapper-72 {
        width: 153px; /* 255px * 0.6 = 153px */
        left: 9.6%;
    }
    
    .text-wrapper-73 {
        width: 131px; /* 218px * 0.6 = 131px */
        left: 35.2%;
    }
    
    .text-wrapper-74 {
        width: 265px; /* 441px * 0.6 = 265px */
        left: 70.1%;
    }
}
}

/* Large Desktop Styles */
@media (min-width: 1440px) {
    .desktop-header,
    .desktop-hero,
    .desktop-statistics,
    .desktop-directions,
    .desktop-about,
    .desktop-cases,
    .desktop-blog,
    .desktop-consultation,
    .desktop-footer,
    .desktop-copyright {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .desktop-frame {
        max-width: 1920px;
    }
}

/* Ultra Wide Desktop */
@media (min-width: 1920px) {
    .desktop-header,
    .desktop-hero,
    .desktop-statistics,
    .desktop-directions,
    .desktop-about,
    .desktop-cases,
    .desktop-blog,
    .desktop-consultation,
    .desktop-footer,
    .desktop-copyright {
        padding-left: 200px;
        padding-right: 200px;
    }
}

/* Loader стили удалены - теперь используется универсальный лоадер из base.css */