
.cf-revs{display:grid;gap:1.6rem;margin:0;padding:0;list-style:none;align-items:start}
@media screen and (min-width:37.5em){.cf-revs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (min-width:61.875em){.cf-revs--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cf-revs--flow{display:flex;flex-wrap:wrap;align-items:flex-start}
.cf-revs--flow .cf-rev{height:auto}
.cf-rev{margin:0;height:100%;display:flex;flex-direction:column;gap:1rem;padding:2.2rem 2.4rem;border-radius:2.4rem;background:#fff;color:#17131a;box-shadow:inset 0 0 0 .1rem var(--cf-line)}
.cf-rev .cf-rating{font-size:1.4rem;font-weight:700}
.cf-rev__t{margin:0;font-family:var(--cf-head);font-weight:500;font-size:1.9rem;line-height:1.25}
.cf-rev blockquote{margin:0;font-size:1.6rem;line-height:1.55}
.cf-rev blockquote p{margin:0;overflow-wrap:anywhere}
.cf-rev blockquote.cf-clip:not(.is-open) p{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.cf-rev [data-more]{align-self:flex-start;border:0;background:none;padding:.6rem 0;min-height:4.4rem;font:inherit;font-weight:700;font-size:1.5rem;text-decoration:underline;text-underline-offset:.3rem;color:inherit;cursor:pointer}
.cf-rev footer{padding-top:.6rem;font-size:1.4rem;line-height:1.45}
.cf-rev footer a{font-weight:700;text-decoration:underline;text-underline-offset:.3rem}
.cf-revs--flow>li{min-width:0}
@media screen and (max-width:37.498em){.cf-revs--flow>li[data-lead~="xs"] blockquote{columns:2;column-gap:3.2rem}}
@media screen and (min-width:37.5em) and (max-width:46.873em){.cf-revs--flow>li[data-lead~="s"] blockquote{columns:2;column-gap:3.2rem}}
@media screen and (min-width:46.875em) and (max-width:61.873em){.cf-revs--flow>li[data-lead~="m"] blockquote{columns:2;column-gap:3.2rem}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.cf-revs--flow>li[data-lead~="l"] blockquote{columns:2;column-gap:3.2rem}}
@media screen and (min-width:73.75em){.cf-revs--flow>li[data-lead~="xl"] blockquote{columns:2;column-gap:3.2rem}}
.cf-revsum{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;font-size:1.8rem;font-weight:700;margin:0}
.cf-revsum .cf-stars{width:12rem}
.cf-revhead{display:grid;gap:2rem 4.8rem;align-items:start;margin-bottom:2.8rem}
@media screen and (min-width:46.875em){.cf-revhead{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}
.cf-revhead__sum{display:grid;gap:.6rem}
.cf-hist{margin:0;padding:0;list-style:none;display:grid;gap:.6rem;max-width:52rem}
.cf-hist li{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 4.4rem;gap:1.2rem;align-items:center;font-size:1.4rem}
.cf-hist i{display:block;height:1rem;border-radius:1rem;background:rgba(23,19,26,.12);overflow:hidden}
.cf-hist b{display:block;height:100%;border-radius:1rem;background:#a8791f}
/* фото-серия: три комнаты — три изделия */
.cf-series,.cf-posts{margin:0;padding:0;list-style:none;justify-content:center}
.cf-series>li,.cf-posts>li{max-width:60rem}
.cf-shot{height:100%;display:flex;flex-direction:column;border-radius:2.4rem;overflow:hidden;background:#fff;color:var(--cf-ink);box-shadow:0 .8rem 2rem rgba(23,19,26,.07)}
.cf-shot__img{margin:0;line-height:0;aspect-ratio:4/3;overflow:hidden}
.cf-shot__img img{display:block;width:100%;height:100%;object-fit:cover}
.cf-shot__body{position:relative;flex:1;display:grid;gap:.6rem;align-content:start;padding:2rem 2.2rem 2.2rem}
.cf-shot h3{font-size:2rem}
.cf-shot h3 a{text-decoration:none}
.cf-shot h3 a::after{content:"";position:absolute;inset:0}
.cf-shot:hover h3 a{text-decoration:underline;text-underline-offset:.3rem}
.cf-shot__price{margin:0;font-size:1.5rem}
.cf-shot__price b{font-size:1.9rem}
/* статьи: цветная полоса, карточка «кадр 16:9 → заголовок → факт → действие» */
.cf-post{height:100%;display:flex;flex-direction:column;border-radius:2.4rem;overflow:hidden;background:#fff;color:var(--cf-ink)}
.cf-post__img{line-height:0;aspect-ratio:16/9;overflow:hidden}
.cf-post__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.cf-post__body{position:relative;flex:1;display:grid;gap:.8rem;align-content:start;padding:2rem 2.2rem 2.4rem}
.cf-post h3{font-size:2.2rem;line-height:1.15}
.cf-post h3 a{text-decoration:none}
.cf-post h3 a::after{content:"";position:absolute;inset:0}
.cf-post p{margin:0;font-size:1.6rem}
.cf-post__meta{font-size:1.4rem!important;font-weight:600;color:var(--cf-gold-ink)}
.cf-post__go{font-weight:700;text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.2rem}
.cf-post:hover .cf-post__go{text-decoration-thickness:.3rem}
.cf-post__tag{display:inline-flex;align-items:center;gap:.7rem;margin:0;font-weight:700;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase}
.cf-post__tag .cf-ico{width:2.2rem;height:2.2rem}
/* паспорт бренда */
.cf-passport{display:grid;gap:2.4rem}
.cf-passport .cf-more{margin:0}
.cf-passport>.cf-head{margin-bottom:0}
.cf-passport__top{display:grid;gap:1.6rem 4.8rem;align-items:start}
@media screen and (min-width:61.875em){.cf-passport__top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.cf-def{margin:0;font-family:var(--cf-head);font-weight:500;font-size:clamp(2rem,2.2vw,2.6rem);line-height:1.3;padding-left:2rem;border-left:.6rem solid var(--cf-magenta)}
.cf-facts--home,.cf-facts--bag{--rg:1.2rem}
/* история по датам */
.cf-years{margin:0;padding:0;list-style:none;--rg:1.2rem}
.cf-years li{display:grid;gap:.6rem;align-content:start;padding:2rem 2.2rem;border-radius:2.4rem;background:var(--cf-canvas);color:var(--cf-ink);box-shadow:inset 0 .5rem 0 var(--cf-magenta)}
.cf-years b{font-family:var(--cf-head);font-weight:600;font-size:2.2rem;color:var(--cf-magenta-deep)}
.cf-years p{margin:0;font-size:1.6rem}
.cf-years small{font-size:1.3rem;line-height:1.4}
.cf-years small a{text-decoration:underline;text-underline-offset:.3rem}
/* колонки «текст + кадр» */
.cf-cols{display:grid;gap:2.8rem 5.6rem;align-items:start}
@media screen and (min-width:46.875em){.cf-cols{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}}
.cf-cols__text{min-width:0;display:grid;gap:1.6rem;align-content:start}
.cf-cols__text>p{margin:0;font-size:1.8rem}
.cf-cols__fig{position:relative;margin:0;line-height:0;border-radius:2.8rem;overflow:hidden;width:100%;aspect-ratio:4/3}
.cf-cols__fig img{display:block;width:100%;height:100%;object-fit:cover}
@media screen and (min-width:46.875em){.cf-cols__fig{aspect-ratio:auto;min-height:26rem}.cf-cols__fig img{position:absolute;inset:0}}
.cf-cols--faq .cf-head{margin-bottom:1.6rem}
.cf-prose{min-width:0;display:grid;gap:1.4rem;align-content:start}
.cf-prose p{margin:0;font-size:1.8rem}
