/* ------------------------------------------------------------------ *
 *  Страница «Как я работаю» — page-templates/page-kak-ya-rabotayu.php
 *  Все селекторы под префиксом .hw — на остальной сайт не влияет.
 *  Токены (--er-*) и шрифты — из main.css / fonts.css темы.
 * ------------------------------------------------------------------ */

.hw {
    --hw-gold: var(--er-accent);          /* #CD9138 */
    --hw-gold-hi: #DFB56F;                /* цвет текста в about-quote */
    --hw-card-bg: rgba(255,255,255,.35);  /* как .property-card */
    --hw-card-border: rgba(201,139,53,.42);
    --hw-muted-inv: rgba(255,255,255,.85);
    --hw-prata: "Prata", Georgia, serif;

    font-size: 16.8px;
    line-height: 1.7;
    color: var(--er-fg);
}
.hw p { margin: 0; }
.hw h1, .hw h2 { margin: 0; }

/* Общие элементы ---------------------------------------------------- */
.hw-section-title {
    font-family: var(--hw-prata);
    font-weight: 400;
    font-size: 24.3px;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
}
.hw-title-lines {
    display: flex; align-items: center; justify-content: center;
    gap: 24px; text-align: center;
    margin-bottom: 36px;
}
.hw-title-lines .hw-section-title { max-width: 760px; }
.hw-title-lines__line { flex: 0 1 200px; height: 1px; background: var(--hw-gold); }

.hw-card {
    background: var(--hw-card-bg);
    border: 1px solid var(--hw-card-border);
    border-radius: var(--er-radius-md);
    padding: 30px 32px;
}
.hw-card--dark {
    background: var(--er-bg-dark);
    border-color: var(--er-bg-dark);
    color: var(--hw-muted-inv);
    padding: 24px 28px;
}
.hw-card--quote {
    display: flex; gap: 18px; align-items: flex-start;
    padding: 24px 28px;
}
.hw-card--quote img { flex: 0 0 30px; width: 30px; margin-top: 4px; }
.hw-card__head {
    display: block;
    font-family: var(--hw-prata);
    font-size: 22px; line-height: 1.3;
    color: var(--hw-gold-hi);
    margin-bottom: 10px;
}
.hw-hl { font-family: var(--hw-prata); color: var(--hw-gold-hi); }
.hw-serif {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
}
.hw-icon { width: 53px; height: auto; }
.hw-divider { max-width: 560px; margin-inline: auto; }

/* Вступление -------------------------------------------------------- */
.hw-intro { padding: 16px 0 56px; }
.hw-intro .er-breadcrumbs { margin-bottom: 28px; }
.hw-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 48px 64px;
    align-items: center;
}
.hw-intro__text {
    display: flex; flex-direction: column; justify-content: center;
    gap: 24px; max-width: 660px;
}
.hw-intro__title {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: clamp(42px, 4.6vw, 64px);
    line-height: 1.12;
    letter-spacing: -.01em;
}
.hw-intro__lead {
    font-family: var(--er-font-head);
    font-size: clamp(24px, 2.3vw, 32px);
    line-height: 1.3;
}
.hw-intro__lead strong { font-weight: 500; }
.hw-intro__line { width: 72px; height: 1px; background: var(--hw-gold); }
.hw-intro__panorama { max-width: 640px; margin-top: 8px; }
.hw-intro__panorama img { width: 100%; }
.hw-intro__media { position: relative; aspect-ratio: 1448 / 1086; }   /* рамка в пропорциях фото 4:3 — без обрезки */
.hw-intro__media picture { display: contents; }
.hw-intro__media img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    /* Размывка краёв как у фото на главной: маска снята с прозрачности
       hero-lolita-lounge.png (левый край растворяется в фон, к нижнему углу
       шире) + мягкий уход в фон по нижнему краю. Верх и правый край ровные,
       без скругления — как на главной. */
    border-radius: 0;
    -webkit-mask: url("data:image/png;base64,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") 0 0 / 100% 100% no-repeat;
            mask: url("data:image/png;base64,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") 0 0 / 100% 100% no-repeat;
}

/* Медиатор ---------------------------------------------------------- */
.hw-mediator { padding: 56px 0 72px; }
.hw-mediator__card {
    max-width: 860px; margin-inline: auto;
    background: var(--er-bg-dark);
    border: 1px solid var(--er-border);
    border-radius: var(--er-radius-md);
    padding: clamp(28px, 4vw, 48px);
}
.hw-mediator__card p { font-size: 17px; line-height: 1.75; color: var(--hw-muted-inv); }
.hw-mediator__head {
    display: block;
    font-family: var(--hw-prata);
    font-size: clamp(24px, 2.4vw, 32px);
    line-height: 1.25;
    color: var(--hw-gold-hi);
    margin-bottom: 18px;
}
.hw-mediator__accent {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: 24px;
    color: var(--hw-gold-hi);
}

/* Рынок ------------------------------------------------------------- */
.hw-market { padding: 16px 0 56px; }
.hw-market__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

/* Блок-цитата (как .about-quote на главной), в ширину контейнера ------- */
.hw-quote-wrap { padding: 0 0 16px; }
.hw-quote {
    display: grid;
    grid-template-columns: minmax(0, 32fr) minmax(0, 54fr) minmax(120px, 14fr);
    align-items: stretch;
    min-height: 130px;
    background: var(--er-bg-dark);
    color: var(--hw-gold-hi);
    border-radius: var(--er-radius-md);
    overflow: hidden;
}
.hw-quote__image { position: relative; overflow: hidden; }
.hw-quote__image img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: center 45%;
    -webkit-mask-image: linear-gradient(to right, #000 55%, transparent 100%);
    mask-image: linear-gradient(to right, #000 55%, transparent 100%);
}
.hw-quote__content {
    display: flex; align-items: center; gap: 20px;
    margin: 0;
    padding: 24px 32px 24px 48px;
}
.hw-quote__mark { flex: 0 0 auto; width: clamp(34px, 2.6vw, 44px); height: auto; align-self: flex-start; margin-top: 4px; }
.hw-quote__pre {
    display: block;
    font-size: 15px; line-height: 1.55;
    color: var(--hw-muted-inv);
    margin-bottom: 8px;
}
.hw-quote__main {
    display: block;
    font-family: var(--hw-prata);
    font-size: clamp(18px, 1.5vw, 23px);
    line-height: 1.35;
}
.hw-quote__illustration { display: grid; place-items: center; padding: 12px 20px; opacity: .85; }
.hw-quote__illustration img { width: 100%; max-width: 150px; max-height: 110px; object-fit: contain; }

/* Шаги -------------------------------------------------------------- */
.hw-steps { padding: 40px 0 64px; }
.hw-step {
    display: grid;
    grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
    gap: 24px 64px;
    padding: 52px 0;
    border-bottom: 1px solid var(--hw-card-border);
}
.hw-step:last-child { border-bottom: 0; padding-bottom: 0; }
.hw-step__head { display: flex; flex-direction: column; gap: 14px; }
.hw-step__num {
    font-family: var(--hw-prata);
    font-size: 52px; line-height: 1;
    color: var(--hw-gold);
}
.hw-step__title {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: 34px;
    line-height: 1.15;
    letter-spacing: -.3px;
}
.hw-step__body { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.hw-step__body:not(.hw-step__body--split) > * { max-width: 780px; }
.hw-step__body--split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    align-items: start;
}
.hw-step__col { display: flex; flex-direction: column; gap: 18px; }
.hw-step__photo img {
    width: 100%;
    min-height: 280px; max-height: 360px;
    object-fit: cover;
    border-radius: var(--er-radius-md);
    border: 1px solid var(--hw-card-border);
}

/* Списки в шагах: маркеры золотые, цвет акцента сайта (согласовано 26.10.2026) */
.hw-step__body ul {
    margin: 0;
    padding-left: 1.25em;
    display: flex; flex-direction: column; gap: 6px;
}
.hw-step__body li::marker { color: var(--hw-gold); font-size: 1.1em; }

/* Кто платит / конфиденциальность ------------------------------------ */
.hw-trust { padding: 40px 0 88px; }
.hw-trust__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 20px;
}
.hw-trust__pay,
.hw-trust__privacy {
    display: flex; flex-direction: column; gap: 16px;
    border-radius: var(--er-radius-md);
    padding: 40px;
}
.hw-trust__pay { background: var(--er-bg-dark); color: var(--hw-muted-inv); }
.hw-trust__pay .hw-section-title { color: var(--hw-gold-hi); }
.hw-trust__accent {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: 24px; line-height: 1.35;
    color: #fff;
}
.hw-trust__privacy { background: var(--hw-card-bg); border: 1px solid var(--hw-card-border); }

/* Один человек ------------------------------------------------------- */
.hw-person { padding: 0 0 24px; }
.hw-person__grid {
    display: grid;
    grid-template-columns: minmax(0, 340px) minmax(0, 640px);   /* вертикальное фото + текст ≤80 знаков в строке */
    justify-content: center;
    gap: 40px clamp(88px, 7vw, 104px);   /* фото отодвинуто от текста (26.10.2026) */
    align-items: center;
    padding: clamp(28px, 4.5vw, 64px);
    background: var(--er-bg-muted);
    border-radius: var(--er-radius-md);
}
.hw-person__photo { display: flex; justify-content: flex-start; }
.hw-person__photo img {
    width: 100%; max-width: 340px; height: auto;
    aspect-ratio: 973 / 1610;          /* фото клиента целиком, без обрезки (согласовано 26.10.2026) */
    border-radius: var(--er-radius-md);
    border: 1px solid var(--hw-card-border);
}
.hw-person__text { display: flex; flex-direction: column; gap: 20px; }
.hw-person__title {
    font-family: var(--hw-prata);
    font-weight: 400;
    font-size: 36px; line-height: 1.12;
    letter-spacing: -.9px;
}
.hw-person__text .hw-serif { font-size: 22px; line-height: 1.45; }

/* Финал ------------------------------------------------------------- */
.hw-final__inner {
    display: flex; flex-direction: column; align-items: center;
    text-align: center; gap: 20px;
    padding-block: 88px;
}
.hw-final__divider { width: 100%; max-width: 480px; }
.hw-final__title {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: clamp(30px, 3.4vw, 46px);
    line-height: 1.2;
    max-width: 920px;
}
.hw-final__accent { color: var(--hw-gold); }   /* «Только вы решаете сегодня…» — золотом (26.10.2026) */
.hw-final__sub { display: inline-block; margin-top: .35em; font-size: .7em; line-height: 1.3; }   /* «А я помогу…» — мельче (26.10.2026) */
.hw-final__text { max-width: 760px; }
.hw-final__actions {
    display: flex; flex-wrap: wrap; justify-content: center;
    gap: 12px; margin-top: 6px;
}

/* Адаптив (брейкпоинты темы) ---------------------------------------- */
@media (max-width: 1023px) {
    .hw-intro__grid,
    .hw-trust__grid,
    .hw-person__grid { grid-template-columns: 1fr; }
    .hw-intro__text { max-width: none; }
    .hw-intro__media { aspect-ratio: 1448 / 1086; }
    /* Фото под текстом: как на главной в мобильной версии — размывка только снизу */
    .hw-intro__media img {
        -webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAYAAACqnKHoAAACo0lEQVR42u3avU7DMBSAUV/oyvs/HkOFkFgYGS9TpQzBdX5r03MmKtSmdfw5TtXIzCzAkF4MAQgYEDAgYBAwIGBAwICAQcCAgAEBg4ABAQMCBgQMAgYEDAgYEDAIGBAwIGAQMCBgQMCAgEHAgIABAQMCBgEDAgYEDAIGBAwIGBAwCBgQMCBgEDAgYEDAgIBBwICAAQEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgYEDAIGBAwICAQcCAgAEBAwIGAQMCBgQMCBgEDAgYEDAIGBAwIGBAwCBgQMCAgEHAgIABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMCBgEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgQMAgYEDAgYBAwIGBAwIGAQMCBgQMAgYEDAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYGB3l1JKGgYYN+AfwwDjBvxtGGDcgL8MA3Rtepsbk8d5KaV8GJ9hT2o0nOy5/0UHE/HZQ9zyvJxega93JsQZHygaJ2E+6D3U3kc0PCdPjLjlWGeHnZ1HFQfOpfxj/HNjvHkL+L1ykNYJ0MvWYqSVvjZx7oUZKxaa1kVoj4U1djoHOXOcqGwpt2p9rTXH3Brs7N+3gJes2NFR0LVtZJSxt2xHTdLWyRmNMcfKMc+DP9tZO8rcsNvKpVfcuSvwdcWWKxbE22tIo9+PtQYUd3ZYecBCnDtFl53PoS1jsCTeasCfC7fKj74a/6cvQvyI5vnO59Kwq1voyMy3hV9mROf3xcIZO4AoFulsjTsy8/WAeygTAk6IPTLNbRjVLze4iG9qHPA0AAAAAElFTkSuQmCC") 0 0 / 100% 100% no-repeat;
                mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAYAAACqnKHoAAACo0lEQVR42u3avU7DMBSAUV/oyvs/HkOFkFgYGS9TpQzBdX5r03MmKtSmdfw5TtXIzCzAkF4MAQgYEDAgYBAwIGBAwICAQcCAgAEBg4ABAQMCBgQMAgYEDAgYEDAIGBAwIGAQMCBgQMCAgEHAgIABAQMCBgEDAgYEDAIGBAwIGBAwCBgQMCBgEDAgYEDAgIBBwICAAQEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgYEDAIGBAwICAQcCAgAEBAwIGAQMCBgQMCBgEDAgYEDAIGBAwIGBAwCBgQMCAgEHAgIABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMCBgEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgQMAgYEDAgYBAwIGBAwIGAQMCBgQMAgYEDAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYGB3l1JKGgYYN+AfwwDjBvxtGGDcgL8MA3Rtepsbk8d5KaV8GJ9hT2o0nOy5/0UHE/HZQ9zyvJxega93JsQZHygaJ2E+6D3U3kc0PCdPjLjlWGeHnZ1HFQfOpfxj/HNjvHkL+L1ykNYJ0MvWYqSVvjZx7oUZKxaa1kVoj4U1djoHOXOcqGwpt2p9rTXH3Brs7N+3gJes2NFR0LVtZJSxt2xHTdLWyRmNMcfKMc+DP9tZO8rcsNvKpVfcuSvwdcWWKxbE22tIo9+PtQYUd3ZYecBCnDtFl53PoS1jsCTeasCfC7fKj74a/6cvQvyI5vnO59Kwq1voyMy3hV9mROf3xcIZO4AoFulsjTsy8/WAeygTAk6IPTLNbRjVLze4iG9qHPA0AAAAAElFTkSuQmCC") 0 0 / 100% 100% no-repeat;
    }
    .hw-step { grid-template-columns: 1fr; gap: 20px; padding: 40px 0; }
    .hw-step__head { flex-direction: row; align-items: baseline; gap: 18px; }
    .hw-quote { grid-template-columns: minmax(0, 28fr) minmax(0, 72fr); }
    .hw-quote__illustration { display: none; }
}
@media (max-width: 767px) {
    .hw-market__grid,
    .hw-step__body--split { grid-template-columns: 1fr; }
    .hw-title-lines { gap: 12px; }
    .hw-title-lines__line { flex-basis: 32px; }
    .hw-section-title { font-size: 21px; }
    .hw-card { padding: 22px 20px; }
    .hw-card--dark, .hw-card--quote { padding: 20px; }
    .hw-trust__pay, .hw-trust__privacy { padding: 28px 22px; }
    .hw-quote { grid-template-columns: 1fr; min-height: 0; }
    .hw-quote__image { display: none; }
    .hw-quote__content { padding: 22px 20px; gap: 12px; }
    .hw-quote__mark { width: 28px; }
    .hw-quote__main { font-size: 18px; }
    .hw-step__num { font-size: 40px; }
    .hw-step__title { font-size: 28px; }
    .hw-step__head { flex-direction: column; gap: 8px; }
    .hw-mediator { padding: 40px 0 48px; }
    .hw-final__inner { padding-block: 56px; }
    .hw-person__grid { padding: 24px 20px; }
    .hw-final__actions { flex-direction: column; align-self: stretch; }
    .hw-final__actions .er-hero__btn { width: 100%; }
}