/* ============================================================
   Страница проекта дома — расширенная
   ============================================================ */
:root{ --hp-accent:#d99a3e; --hp-bg:#15120e; --hp-surface:#211c15; --hp-border:#332c22; --hp-text:#f4f0e8; --hp-muted:#ada48f; }

.hp-h2{font-family:extra,sans-serif;font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.02em;color:var(--hp-text);margin:0 0 32px}
.hp-h2 .underline{color:var(--hp-accent)}

/* ---------- HERO ---------- */
.hp-hero{background:var(--hp-bg);padding:36px 0 56px}
.hp-hero__inner{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;max-width:1280px;margin:0 auto;padding:0 20px;align-items:stretch}
@media(max-width:960px){.hp-hero__inner{grid-template-columns:1fr;gap:24px}}
.hp-hero__media{min-width:0}
.house-swiper{width:100%;height:520px;border-radius:4px;overflow:hidden;background:#eef2f6}
.house-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;background:#eef2f6;height:100%}
.house-swiper__img{width:100%;height:100%;object-fit:contain;display:block}
.house-swiper__img.is-photo{object-fit:cover}
.house-swiper .swiper-pagination-bullet{background:#fff;opacity:.6}
.house-swiper .swiper-pagination-bullet-active{background:var(--hp-accent);opacity:1}
.house-swiper .swiper-button-prev,.house-swiper .swiper-button-next{color:#fff;--swiper-navigation-size:30px;
	background:rgba(0,0,0,.35);width:44px;height:44px;border-radius:50%;backdrop-filter:blur(4px)}
.house-swiper .swiper-button-prev:hover,.house-swiper .swiper-button-next:hover{background:var(--hp-accent)}
@media(max-width:960px){.house-swiper{height:56vw;max-height:460px}}

.hp-hero__panel{display:flex;flex-direction:column;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:4px;padding:30px}
.hp-hero__cat{align-self:flex-start;font-family:medium,sans-serif;font-size:13px;color:var(--hp-accent);
	background:rgba(217,154,62,.12);border:1px solid rgba(217,154,62,.3);padding:6px 14px;border-radius:100px;text-decoration:none;margin-bottom:16px}
.hp-hero__title{font-family:bold,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.15;color:var(--hp-text);margin:0 0 14px}
.hp-hero__lead{font-family:medium,sans-serif;font-size:16px;line-height:1.6;color:var(--hp-muted);margin:0 0 22px}
.hp-hero__chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.hp-chip{display:flex;flex-direction:column;gap:3px;background:#1a1610;border:1px solid var(--hp-border);border-radius:6px;padding:12px 14px}
.hp-chip__k{font-family:medium,sans-serif;font-size:12.5px;color:var(--hp-muted)}
.hp-chip__v{font-family:bold,sans-serif;font-size:17px;color:var(--hp-text)}
.hp-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}
.hp-hero__actions .btn{flex:1 1 auto;text-align:center;padding:14px 20px}
.hp-hero__note{font-family:medium,sans-serif;font-size:13px;color:var(--hp-muted);margin-top:16px;line-height:1.5}

/* ---------- Характеристики ---------- */
.hp-specs{padding:clamp(56px,7vw,90px) 0}
.hp-specs__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
@media(max-width:720px){.hp-specs__grid{grid-template-columns:1fr}}
.hp-specs__row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--hp-border)}
.hp-specs__k{font-family:medium,sans-serif;font-size:16px;color:var(--hp-muted)}
.hp-specs__v{font-family:bold,sans-serif;font-size:17px;color:var(--hp-text);text-align:right}

/* ---------- Об этом проекте ---------- */
.hp-about{padding:clamp(40px,6vw,80px) 0}
.hp-about__wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
@media(max-width:900px){.hp-about__wrap{grid-template-columns:1fr;gap:28px}}
.hp-about__body{font-family:medium,sans-serif;font-size:17px;line-height:1.75;color:#d7d2c6}
.hp-about__body p{margin:0 0 18px}
.hp-about__img{border-radius:4px;overflow:hidden;background:#eef2f6}
.hp-about__img img{width:100%;height:100%;object-fit:contain;display:block}

/* ---------- Галерея планов/фасадов ---------- */
.hp-gallery{padding:clamp(56px,7vw,90px) 0;background:var(--hp-bg)}
.hp-gallery__sub{font-family:medium,sans-serif;font-size:16px;color:var(--hp-muted);margin:-18px 0 30px;max-width:640px}
.hp-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.hp-gallery__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hp-gallery__grid{grid-template-columns:1fr}}
.hp-gallery__item{display:block;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#eef2f6;border:1px solid var(--hp-border);
	transition:transform .3s ease,border-color .3s ease}
.hp-gallery__item:hover{transform:translateY(-4px);border-color:var(--hp-accent)}
.hp-gallery__item img{width:100%;height:100%;object-fit:contain;display:block}
.hp-gallery__item.is-photo img{object-fit:cover}

/* ---------- Преимущества ---------- */
.hp-adv{padding:clamp(56px,7vw,100px) 0}
.hp-adv__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.hp-adv__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hp-adv__grid{grid-template-columns:1fr}}
.hp-adv__item{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:7px;padding:26px 22px;transition:border-color .3s ease,transform .3s ease}
.hp-adv__item:hover{border-color:var(--hp-accent);transform:translateY(-4px)}
.hp-adv__n{font-family:extra,sans-serif;font-size:34px;color:var(--hp-accent);opacity:.85;margin-bottom:12px}
.hp-adv__h{font-family:bold,sans-serif;font-size:20px;color:var(--hp-text);margin-bottom:8px}
.hp-adv__t{font-family:medium,sans-serif;font-size:14.5px;line-height:1.55;color:var(--hp-muted)}

/* ---------- Похожие проекты ---------- */
.house-related{padding:clamp(56px,7vw,100px) 0}
.house-related .projects__wrapper{padding:0}