/* Главная изолирует типографику секций от общих content заголовков; native формы имеют собственный shell. */
.content-page .home-page{min-width:0}
.content-page .home-page :is(.hero,.home-rail,.home-premium,.home-bento,.home-benefits,.home-process) :where(h1,h2,h3,p){margin:0}
/* Заголовок ограничен текстовым столбцом; размер шрифта учитывает длину согласованного текста. */
.content-page .home-page .hero-title{font:400 clamp(44px,3.1vw,60px)/1.1 var(--font-heading);width:100%;max-width:100%}
/* Название бренда остаётся одной строкой на всех ширинах и не выходит за текстовый столбец. */
.content-page .home-page .hero-brand{white-space:nowrap}
.content-page .home-page .hero-description{font:400 18px/1.6 var(--font-body);margin-top:24px;max-width:687px}
.content-page .home-page .hero-copy{position:relative;z-index:1}
.content-page .home-page .hero-actions .ui-button{font-size:14px;font-weight:600}
.content-page .home-page .hero-fact picture,.content-page .home-page .hero-fact img{display:block;width:24px;height:24px}
.content-page .home-page .hero-caption h2{font:400 32px/1.1 var(--font-heading);color:white}
.content-page .home-page .hero-caption p{font:400 15px/1.6 var(--font-body);margin-top:10px}
.content-page .home-page .hero-controls .ui-arrow{border-color:white}
.content-page .home-page .ui-arrow:disabled{opacity:.5;cursor:default}
.content-page .home-page .hero-photo{max-width:none}
.content-page .home-page .home-heading{font:400 48px/1.15 var(--font-heading)}
.content-page .home-page .home-eyebrow{font:600 13px/normal var(--font-body);color:var(--color-gold);text-transform:uppercase}
.content-page .home-page .home-premium .home-eyebrow{color:white}
.content-page .home-page .home-description{font:400 16px/1.5 var(--font-body)}
.content-page .home-page .home-premium-item p{font:400 15px/normal var(--font-body)}
.content-page .home-page .home-premium-cta{font:600 14px/normal var(--font-body);white-space:nowrap}
.content-page .home-page .home-card-title{font:400 20px/normal var(--font-heading);overflow-wrap:anywhere}
.content-page .home-page .home-card-description{font:400 15px/1.4 var(--font-body)}
.content-page .home-page .home-card-media picture{display:block;width:100%;height:100%}
.content-page .home-page .home-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.content-page .home-page .home-card-copy .home-link{display:inline-flex;align-items:center;font:500 13px/normal var(--font-body);padding:12px 0}
.content-page .home-page .home-rail-actions .home-link{display:inline-flex;align-items:center;padding:12px 0}
/* Desktop ставит controls перед ссылкой; мобильная композиция сохраняет ссылку слева. */
.content-page .home-page .home-rail-actions{flex-direction:row-reverse}
.content-page .home-page #home-catalog .home-rail-actions{flex-direction:row}
.content-page .home-page .home-card-heading{display:flex;align-items:center;gap:12px}
.content-page .home-page .home-card-heading .home-card-title{padding:12px 0;border-bottom:1px solid var(--color-muted)}
.content-page .home-page .home-card-heading>.home-icon{transform:rotate(180deg) scaleY(-1)}
.content-page .home-page .home-link{position:relative;border-bottom:0;gap:10px}
.content-page .home-page .home-link:after{content:'';position:absolute;bottom:0;left:0;width:calc(100% - 24px);height:1px;background:var(--color-muted)}
.content-page .home-page .home-proof-label{font:500 11px/1.4 var(--font-body);color:var(--color-muted)}
/* В демонстрационных новостях макет использует нейтральный прямоугольник вместо фотографии. */
.content-page .home-page .home-news-placeholder{display:block;width:100%;height:100%;background:#f1edea}
.content-page .home-page .home-empty{width:100%;flex:none;align-self:flex-start}
.content-page .home-page .home-bento-heading{font:400 32px/1.15 var(--font-heading)}
.content-page .home-page .home-quality-list p{font:400 16px/1.4 var(--font-body)}
.content-page .home-page .home-showroom-description{font:400 16px/1.5 var(--font-body)}
.content-page .home-page .home-material-actions .home-link,.content-page .home-page .home-showroom-actions .home-link{background:transparent;border:0;color:inherit;display:inline-flex;align-items:center;font:500 13px/normal var(--font-body);padding:12px 0;white-space:normal;text-align:left}
.content-page .home-page .home-showroom-actions .home-link:disabled{cursor:default;opacity:.55}
.content-page .home-page .home-provider-note{font:400 11px/1.4 var(--font-body);color:var(--color-muted)}
.content-page .home-page .home-benefit h3{font:700 16px/normal var(--font-body)}
.content-page .home-page .home-benefit p{font:400 15px/1.4 var(--font-body)}
.content-page .home-page .home-consult-copy h3{font:400 32px/normal var(--font-heading)}
.content-page .home-page .home-consult-copy p{font:400 16px/1.4 var(--font-body)}
.content-page .home-page .home-consult-actions p{font:500 12px/normal var(--font-body)}
.content-page .home-page .home-process-step h3{font:600 18px/normal var(--font-body)}
.content-page .home-page .home-process-step p{font:500 15px/normal var(--font-body)}
.content-page .home-page .home-process-step--0 p{max-width:161px}
.content-page .home-page .home-process-step--1 p{max-width:183px}
.content-page .home-page .home-process-decoration{width:245px;height:265px;left:51px;top:-48px}
.content-page .home-page .home-process-decoration img{position:absolute;left:0;top:-1.5px;width:auto;height:auto;max-width:none}
.content-page .home-page .home-process-step--1 .home-process-decoration,.content-page .home-page .home-process-step--4 .home-process-decoration{left:100.8px;top:-63.28px;transform:rotate(86.1deg)}
.content-page .home-page .home-process-step--2 .home-process-decoration{left:100.62px;top:-63.285px;transform:rotate(-46.78deg)}
/* Три строки заголовка помещаются в высоту первого экрана за счёт меньших вертикальных интервалов. */
@media(min-width:1440px){
 .content-page .home-page .hero-copy{padding-top:90px}
 .content-page .home-page .hero-actions,.content-page .home-page .hero-facts{margin-top:48px}
}
@media(min-width:1600px){
 .content-page .home-page .home-showroom{grid-template-columns:426px minmax(0,1fr)}
 .content-page .home-page .home-showroom-image{width:426px;height:426px}
 .content-page .home-page .home-showroom-image img{height:99.94%;position:relative;top:.03%}
}
@media(min-width:768px) and (max-width:1439px){
 .content-page .home-page .hero-title{font-size:clamp(36px,3.34vw,64px);width:100%;max-width:100%}
 .content-page .home-page .hero-description{font-size:15px}
 .content-page .home-page .hero-caption h2{font-size:26px}
}
@media(min-width:768px) and (max-width:1399px){
 .content-page .home-page .home-heading{font-size:40px}
 .content-page .home-page .home-process-step h3{font-size:16px}
}
@media(max-width:767px){
 /* Отзыв главной имеет собственные слои: полоса заголовка, фотография тела и полоса автора. */
 .content-page .home-page .content-testimonial--home{display:block;position:relative;isolation:isolate;min-height:501px;padding:40px 14px;background:#2e251e}
 .content-page .home-page .content-testimonial--home:before{content:'';position:absolute;z-index:-1;left:0;right:0;top:125px;bottom:76px;background-image:linear-gradient(180deg,#000000a3,transparent 52.885%,#000000a3 61.916%),url('/local/storefront/assets/images/2019-20610-0bd81.png'),url('/local/storefront/assets/images/2019-20610-87790.png');background-size:100% 100%,cover,723.73% 156.18%;background-position:0 0,center,61.825% 48.31%;background-repeat:no-repeat;pointer-events:none}
 .content-page .home-page .content-testimonial--home .content-eyebrow{font:400 11px/15px var(--font-body);margin:0 0 12px}
 .content-page .home-page .content-testimonial--home h2{font:400 32px/38px var(--font-heading);margin:0 0 20px}
 .content-page .home-page .content-testimonial--home .content-rail-controls{top:150px;right:14px;margin:0}
 .content-page .home-page .content-testimonial--home .content-text-link{position:absolute;left:14px;top:149px;margin:0;padding:10px 0;font:500 12px/normal var(--font-body)}
 .content-page .home-page .content-testimonial--home blockquote{padding:196px 0 0;margin:0}
 .content-page .home-page .content-testimonial--home blockquote>span:not(.content-proof-label){top:160px;left:0;height:7px;font:300 56px/.5 Spectral,serif}
 .content-page .home-page .content-testimonial--home blockquote p{min-height:104px;font:400 13px/1.6 var(--font-body);margin:0 0 20px}
 .content-page .home-page .content-testimonial--home blockquote footer{font:400 12px/16px var(--font-body);gap:16px;margin:0}
 /* Маркер происхождения занимает подпись рядом с кавычкой и остаётся в единственном DTO DOM. */
 .content-page .home-page .content-testimonial--home blockquote>.content-proof-label{position:absolute;top:160px;left:26px;margin:0;font:400 9px/1.35 var(--font-body)}
 .content-page .home-page .content-testimonial--home .content-review-empty{padding-top:196px;margin:0;font:400 13px/1.6 var(--font-body)}
 .content-page .home-page .hero-title{font-size:24px;width:100%;max-width:none}
 .content-page .home-page .hero-copy{min-height:369px}
 .content-page .home-page .hero-description{font-size:12px;line-height:1.6;margin-top:8px}
 .content-page .home-page .hero-fact>span{font:400 12px/normal var(--font-body)}
 .content-page .home-page .hero-actions .ui-button{font-size:12px}
 .content-page .home-page .hero-fact picture,.content-page .home-page .hero-fact img{width:20px;height:20px}
 .content-page .home-page .hero-caption h2{font-size:18px}
 .content-page .home-page .hero-caption p{font-size:12px;margin-top:4px}
 .content-page .home-page .hero-controls{gap:12px}
 .content-page .home-page .home-heading{font-size:24px}
 .content-page .home-page .home-eyebrow{font-size:11px;font-weight:500;line-height:normal}
 .content-page .home-page .home-description{font-size:13px}
 .content-page .home-page .home-card-title{font-size:16px}
 .content-page .home-page .home-card-description{font-size:12px}
 .content-page .home-page .home-card-copy .home-link{font-size:12px;padding:10px 0}
 .content-page .home-page .home-rail-actions .home-link{font-size:12px;padding:10px 0}
 .content-page .home-page .home-rail-actions{flex-direction:row}
 .content-page .home-page #home-catalog .home-rail-actions{flex-direction:row-reverse}
 .content-page .home-page .home-card-heading .home-card-title{padding:10px 0}
 .content-page .home-page #projects .home-card-title,.content-page .home-page #home-news .home-card-title{font-size:14px}
 .content-page .home-page #home-news .home-card-description{line-height:1.5}
 .content-page .home-page .home-premium .home-description{font-size:12px}
 .content-page .home-page .home-premium-item p{font-size:11px}
 .content-page .home-page .home-premium-cta{font-size:12px}
 .content-page .home-page :is(.home-premium-cta,.home-showroom-actions .ui-button,.home-consult-actions .ui-button){height:40px;min-height:40px;padding:0 16px}
 .content-page .home-page .home-premium .home-eyebrow{opacity:.6}
 .content-page .home-page .home-bento-heading{font-size:20px}
 .content-page .home-page .home-material-header{align-self:start}
 .content-page .home-page .home-material-header .home-eyebrow{font-size:11px}
 .content-page .home-page .home-quality-list p{font-size:12px}
 .content-page .home-page .home-quality-list li:nth-child(2) .home-quality-icon,.content-page .home-page .home-quality-list li:nth-child(3) .home-quality-icon{width:14px;height:14px}
 .content-page .home-page .home-showroom-description{font-size:12px;line-height:1.4}
 /* Три плитки являются статическими преимуществами, без поведения аккордеона. */
 .content-page .home-page .home-showroom-features{flex-direction:row;gap:4px}
 .content-page .home-page .home-showroom-features li{flex-direction:column;justify-content:center;min-height:82px;padding:14px 8px;border-radius:6px;font:500 11px/1.3 var(--font-body);text-align:center;gap:10px}
 .content-page .home-page .home-showroom-features p{flex:none}
 .content-page .home-page .home-showroom-icon,.content-page .home-page .home-showroom-features li:first-child .home-showroom-icon{width:16px;height:16px;background:transparent}
 .content-page .home-page .home-showroom-mark{display:none}
 .content-page .home-page .home-showroom-image{height:193px}
 .content-page .home-page .home-showroom-description{color:var(--color-text)}
 .content-page .home-page .home-material-actions .home-link{font-size:12px}
 .content-page .home-page .home-showroom-actions .home-link{font-size:12px}
 .content-page .home-page .home-showroom-actions{align-items:center}
 .content-page .home-page .home-provider-note{order:6}
 .content-page .home-page .home-benefits-list{gap:16px}
 .content-page .home-page .home-benefit h3{font-size:13px}
 .content-page .home-page .home-benefit p{font-size:11px}
 .content-page .home-page .home-consult-copy{padding:0 14px}
 /* Метрики локальной Constantia требуют небольшого tracking для однострочного заголовка на 390px. */
 .content-page .home-page .home-consult-copy h3{font-size:20px;letter-spacing:-.2px}
 .content-page .home-page .home-consult-copy p{font-size:12px}
 .content-page .home-page .home-consult-actions{padding:0 14px;align-items:flex-start}
 .content-page .home-page .home-consult-actions{margin-top:16px}
 .content-page .home-page .home-consult-actions p{font-size:11px}
 .content-page .home-page .home-process .home-heading{font-size:32px}
 .content-page .home-page .home-process-step h3{font-size:14px;line-height:19px}
 .content-page .home-page .home-process-step p{font-size:12px;line-height:16px;max-width:none}
 .content-page .home-page .home-process-step{min-height:136px}
 /* Абсолютные координаты относятся к неразвёрнутому 245×265 slot перед transform. */
 .content-page .home-page .home-process-step--1 .home-process-decoration,.content-page .home-page .home-process-step--4 .home-process-decoration{left:116.015px;top:-63.282px}
 .content-page .home-page .home-process-step--2 .home-process-decoration{left:100.615px;top:-63.285px}
}