/* Start:/services/services.css?17943267145655*/
.arhom-services {
    --service-ink: #222932;
    --service-accent: #23665a;
    --service-line: #dce4e1;
    --service-paper: #f3f6f5;
    color: var(--service-ink);
    padding-bottom: clamp(36px, 6vw, 80px);
}

.arhom-services h2,
.arhom-services h3 {
    color: inherit;
    line-height: 1.2;
    margin: 0 0 12px;
}

.arhom-services h2 {
    font-size: clamp(24px, 3vw, 36px);
}

.arhom-services h3 {
    font-size: clamp(17px, 1.9vw, 22px);
}

.arhom-services p {
    margin: 0 0 16px;
    line-height: 1.6;
}

.arhom-services__subtitle {
    font-size: clamp(18px, 2.3vw, 24px);
    color: #45534f;
}

.arhom-services__catalog,
.arhom-services__projects,
.arhom-services__columns,
.arhom-services__steps {
    display: grid;
    gap: clamp(16px, 2.6vw, 30px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.arhom-services__catalog {
    margin-top: clamp(16px, 3vw, 32px);
}

.arhom-services__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--service-ink);
    border: 1px solid var(--service-line);
    text-decoration: none;
}

.arhom-services__card:hover,
.arhom-services__card:focus {
    color: var(--service-ink);
    text-decoration: none;
}

.arhom-services a:focus-visible,
.arhom-services summary:focus-visible {
    outline: 2px solid var(--service-accent);
    outline-offset: 4px;
}

.arhom-services__picture {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--service-paper);
}

.arhom-services__picture img,
.arhom-services__hero > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arhom-services__picture img {
    transition: transform 180ms ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .arhom-services__card:hover img {
        transform: scale(1.025);
    }
}

.arhom-services__card-body {
    padding: clamp(14px, 2.1vw, 25px);
    display: flex;
    flex: 1;
    flex-direction: column;
}

.arhom-services__card-body h2 {
    font-size: clamp(20px, 2.5vw, 29px);
}

.arhom-services__card-body h3 {
    margin-bottom: 0;
}

.arhom-services__action,
.arhom-services__more a {
    color: var(--service-accent);
    font-weight: 700;
}

.arhom-services__action {
    margin-top: auto;
}

.arhom-services__more {
    margin-top: 18px !important;
}

.arhom-services__hero {
    display: grid;
    position: relative;
    align-items: end;
    min-height: clamp(330px, 43vw, 525px);
    background: #1d302f;
    color: #fff;
}

.arhom-services__hero > img {
    position: absolute;
    inset: 0;
    object-position: center 55%;
}

.arhom-services__hero-body {
    position: relative;
    padding: clamp(22px, 3vw, 38px);
    max-width: 500px;
    background: #1d302f;
}

.arhom-services__hero-body p {
    font-size: clamp(17px, 2vw, 21px);
}

.arhom-services__button {
    display: inline-block;
    padding: 11px 17px;
    max-width: 100%;
    background: var(--service-accent);
    border: 1px solid transparent;
    color: #fff;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.arhom-services__hero .arhom-services__button {
    background: #fff;
    color: var(--service-accent);
}

.arhom-services__button:hover,
.arhom-services__button:focus {
    background: #174c43;
    color: #fff;
    text-decoration: none;
}

.arhom-services__hero .arhom-services__button:hover,
.arhom-services__hero .arhom-services__button:focus {
    background: #e0eeea;
    color: #174c43;
}

.arhom-services__hero a:focus-visible {
    outline-color: #fff;
}

.arhom-services__section,
#service-scope + .arhom-services__reading + .arhom-services__columns {
    margin-top: clamp(34px, 6vw, 72px);
}

.arhom-services__section > h2 {
    margin-bottom: clamp(16px, 2.7vw, 27px);
}

.arhom-services__reading {
    max-width: 75ch;
}

.arhom-services__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.arhom-services__columns article,
.arhom-services__steps li {
    padding: 15px 0 0;
    border-top: 2px solid var(--service-line);
}

.arhom-services__steps {
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    counter-reset: arhom-step;
}

.arhom-services__steps > li::after {
    content: none;
}

.arhom-services__steps li::before {
    counter-increment: arhom-step;
    content: counter(arhom-step, decimal-leading-zero);
    display: block;
    margin-bottom: 9px;
    font-weight: 700;
    color: var(--service-accent);
}

.arhom-services__panel {
    background: var(--service-paper);
    border-left: 3px solid var(--service-accent);
    padding: clamp(20px, 4vw, 42px);
}

.arhom-services__panel p {
    max-width: 72ch;
}

.arhom-services details {
    border-top: 1px solid var(--service-line);
}

.arhom-services details:last-child {
    border-bottom: 1px solid var(--service-line);
}

.arhom-services summary {
    cursor: pointer;
    font-weight: 700;
    padding: 13px 3px;
}

.arhom-services details p {
    padding: 0 3px;
}

@media (max-width: 850px) {
    .arhom-services__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .arhom-services__catalog,
    .arhom-services__projects,
    .arhom-services__columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .arhom-services__hero {
        min-height: auto;
    }

    .arhom-services__hero > img {
        position: static;
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .arhom-services__hero-body {
        max-width: none;
    }
}

@media (max-width: 360px) {
    .arhom-services__steps {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* End */


/* Start:/services/proektirovanie-chastnyh-domov/house.css?17943267148105*/
/* Private-house landing only. Shared services and template styles stay unchanged. */
.l-page__content:has(> .arhom-house) > .l-page__title h1 {
 max-width: 940px; font-size: clamp(30px,3.6vw,48px); line-height:1.12; letter-spacing:-.035em; margin:0 0 30px;
}
.arhom-house { --service-accent:#35665d; --service-line:#d7dfdb; font-size:16px; }
.arhom-house *, .arhom-house *::before, .arhom-house *::after { box-sizing:border-box; }
.arhom-house h2 { font-size:clamp(27px,2.8vw,38px); letter-spacing:-.025em; line-height:1.16; }
.arhom-house h3 { font-size:22px; line-height:1.25; letter-spacing:-.015em; }
.arhom-house p { line-height:1.7; }
.arhom-house .house-label { display:block; font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.14em; font-weight:700; color:#4c6b63; margin-bottom:22px; }
.arhom-house .arhom-services__hero { grid-template-columns: minmax(0,1.85fr) minmax(0,1fr); min-height:0; align-items:stretch; background:none; color:var(--service-ink); gap:34px; }
.arhom-house .arhom-services__hero > img { position:static; aspect-ratio:1.45; min-height:100%; object-position:50% 58%; }
.arhom-house .arhom-services__hero-body { background:none; max-width:none; padding:24px 0 0; display:flex; flex-direction:column; align-items:flex-start; border-top:2px solid #71c4b0; }
.arhom-house .arhom-services__hero-body p { font-size:clamp(18px,1.7vw,22px); line-height:1.6; margin-bottom:26px; }
.arhom-house .arhom-services__button { background:#35665d; color:#fff; border:1px solid #35665d; padding:16px 22px; font-size:14px; line-height:1.4; font-weight:600; display:inline-flex; align-items:center; gap:24px; justify-content:space-between; text-decoration:none; }
.arhom-house .arhom-services__button:hover { background:#244a43; color:white; }
.arhom-house .house-caption { display:block; font-size:12px; color:#52645e; margin-top:auto; padding-top:28px; padding-bottom:4px; }
.arhom-house .arhom-services__section { margin-top:clamp(56px,7.4vw,100px); }
.arhom-house .arhom-services__section > h2 { margin-bottom:32px; }
.arhom-house .arhom-services__projects { gap:36px 28px; }
.arhom-house .arhom-services__card { border:0; border-bottom:1px solid var(--service-line); }
.arhom-house .arhom-services__picture { aspect-ratio:1.7; }
.arhom-house .arhom-services__card-body { padding:18px 0 20px; }
.arhom-house .arhom-services__card-body h3 { font-size:17px; font-weight:600; }
.arhom-house .arhom-services__more { text-align:right; font-size:14px; padding-top:8px; }
.arhom-house .house-approach { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:48px; align-items:start; }
@media (min-width: 701px) {
    .arhom-house .house-approach-copy { position: relative; }
    .arhom-house .house-approach-copy > .house-label {
        position: absolute;
        bottom: 100%;
        margin-bottom: 12px;
    }
}
.arhom-house .house-approach h2 { margin-bottom:24px; }
.arhom-house .house-approach p { font-size:15px; }
.arhom-house figure { margin:0; min-width:0; }
.arhom-house figure img { display:block; width:100%; }
.arhom-house .house-figure img { aspect-ratio:1.17; object-fit:cover; object-position:58% center; }
.arhom-house figcaption { font-size:12px; line-height:1.5; padding-top:12px; color:#52645e; }
.arhom-house .house-scope { border-top:1px solid var(--service-line); padding-top:36px; }
.arhom-house .house-scope > .arhom-services__reading { max-width:76ch; margin-bottom:32px; }
.arhom-house .house-scope-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:48px; align-items:center; }
.arhom-house .house-plan { background:#18211f; padding:24px; }
.arhom-house .house-plan img { aspect-ratio:594 / 512; object-fit:contain; }
.arhom-house .house-plan figcaption, .arhom-house .house-plan a { color:#d4e4dd; }
.arhom-house .arhom-services__columns { display:flex; flex-direction:column; gap:0; margin:0; }
.arhom-house .arhom-services__columns article { padding:22px 0; border-top:1px solid var(--service-line); }
.arhom-house .arhom-services__columns article:last-child { border-bottom:1px solid var(--service-line); }
.arhom-house .arhom-services__columns p { font-size:15px; margin:0; }
.arhom-house .arhom-services__steps { gap:0; }
.arhom-house .arhom-services__steps li { padding:22px 22px 0 0; border-top:1px solid #79b8a9; margin:0; position:relative; }
.arhom-house .arhom-services__steps li::before { position:static; font-size:32px; line-height:1; font-weight:400; margin-bottom:24px; color:#35665d; }
.arhom-house .arhom-services__steps li::after { content:none; }
.arhom-house .arhom-services__steps h3 { font-size:20px; }
.arhom-house .arhom-services__steps p { font-size:14px; max-width:25ch; }
.arhom-house .house-price { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; border-top:3px solid #71c4b0; border-bottom:1px solid var(--service-line); padding:40px 0; align-items:start; }
.arhom-house .house-price h2 { max-width:15ch; }
.arhom-house .house-price p { font-size:15px; margin-bottom:24px; }
.arhom-house .house-price-rate { font-size:clamp(22px, 2vw, 28px); white-space:nowrap; }
.arhom-house .house-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.65fr); gap:48px; }
.arhom-house .house-faq summary { font-size:16px; padding:20px 28px 20px 0; list-style:none; position:relative; font-weight:600; line-height:1.5; }
.arhom-house .house-faq summary::-webkit-details-marker { display:none; }
.arhom-house .house-faq summary::after { content:'+'; position:absolute; right:0; top:20px; color:#35665d; font-size:22px; line-height:1; }
.arhom-house .house-faq details[open] summary::after { content:'−'; }
.arhom-house .house-faq details p { font-size:15px; padding:0 24px 12px 0; }
.arhom-house .house-contact { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:44px; background:#213d36; color:#fff; }
.arhom-house .house-contact .house-label { color:#a7d8c9; }
.arhom-house .house-contact h2 { max-width:16ch; }
.arhom-house .house-contact p { max-width:40ch; color:#e0ece7; margin:16px 0 0; }
.arhom-house .house-contact .arhom-services__button { flex-shrink:0; background:#fff; color:#213d36; }
.arhom-house .house-contact .arhom-services__button:hover { background:#d7ece5; }
@media(max-width:1000px) {
 .arhom-house .arhom-services__hero { grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap:24px; }
 .arhom-house .house-approach, .arhom-house .house-scope-grid { gap:28px; }
 .arhom-house .arhom-services__steps { gap:30px 0; }
 .arhom-house .house-price { gap:28px; }
 .arhom-house .house-faq { gap:28px; grid-template-columns:1fr 1.8fr; }
 .arhom-house .house-contact { padding:30px; }
}
@media(max-width:700px) {
 .arhom-house .arhom-services__hero, .arhom-house .house-approach, .arhom-house .house-scope-grid, .arhom-house .house-price, .arhom-house .house-faq { grid-template-columns:minmax(0,1fr); gap:24px; }
 .arhom-house .arhom-services__hero > img { aspect-ratio:1.35; min-height:0; height:auto; }
 .arhom-house .arhom-services__hero-body { padding-top:20px; }
 .arhom-house .arhom-services__hero-body p { font-size:18px; }
 .arhom-house .house-caption { padding-top:22px; }
 .arhom-house .house-label { margin-bottom:14px; }
 .arhom-house .arhom-services__projects { grid-template-columns:minmax(0,1fr); gap:24px; }
 .arhom-house .arhom-services__section > h2 { margin-bottom:24px; }
 .arhom-house .house-figure img { aspect-ratio:1.4; }
 .arhom-house .house-plan { padding:16px; }
 .arhom-house .house-price { padding:28px 0; }
 .arhom-house .house-price h2 { max-width:none; }
 .arhom-house .house-faq > h2 { margin:0; }
 .arhom-house .house-contact { display:block; padding:26px; }
 .arhom-house .house-contact .arhom-services__button { margin-top:26px; }
 .arhom-house .arhom-services__steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
 .arhom-house .arhom-services__steps li { padding-right:0; }
 .arhom-house .arhom-services__steps h3 { font-size:17px; }
 .arhom-house .arhom-services__steps li::before { font-size:28px; margin-bottom:18px; }
}

/* End */
/* /services/services.css?17943267145655 */
/* /services/proektirovanie-chastnyh-domov/house.css?17943267148105 */