.tf-passport{display:grid;gap:1.4rem}
.tf-def{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.4vw,3rem);line-height:1.25;max-width:90rem}
.tf-facts{margin:1rem 0 0;--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid var(--tf-line)}
.tf-facts>div{display:grid;gap:.4rem 2.4rem;align-content:start;align-items:baseline;padding:1.2rem 1.6rem;border-right:.1rem solid var(--tf-line);border-bottom:.1rem solid var(--tf-line);min-width:0}
@media screen and (min-width:37.5em){.tf-facts--home>div,.tf-facts--bag>div{grid-template-columns:20rem minmax(0,1fr)}}
@media screen and (min-width:61.875em){.tf-facts--home>div{grid-template-columns:28rem minmax(0,1fr)}}
.tf-facts dt{font-family:var(--tf-mono);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tf-clay)}
.tf-facts dd{margin:0;font-size:1.7rem;font-weight:600;overflow-wrap:anywhere}
.tf-facts dd small{display:block;margin-top:.3rem;font-size:1.3rem;font-weight:400;color:var(--tf-ink2)}
.tf-facts dd a{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}
.tf-facts--bag dd{font-size:1.55rem}
/* отзывы */
ul.tf-revs{align-items:flex-start}
.tf-revs>li{min-width:0}
.tf-rev{margin:0;display:grid;gap:.9rem;padding:1.8rem 1.6rem;background:var(--tf-paper);border:.1rem solid var(--tf-line);border-top:.1rem solid var(--tf-ink);color:var(--tf-ink)}
.tf-rev__t{margin:0;font-weight:700;font-size:1.8rem;line-height:1.25;overflow-wrap:anywhere}
.tf-rev blockquote{margin:0;font-size:1.55rem;overflow-wrap:anywhere}
.tf-rev blockquote p{margin:0}
.tf-clip{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.tf-clip.is-open{display:block}
.tf-rev [data-more]{justify-self:start;border:0;background:none;padding:0;min-height:4.4rem;font:inherit;font-weight:700;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;color:var(--tf-ink)}
.tf-rev footer{font-size:1.3rem;color:var(--tf-ink2)}
.tf-rev footer a{text-decoration:underline;text-underline-offset:.3rem}
.tf-revhead{display:grid;gap:1.6rem 4rem;margin-bottom:2.4rem;align-items:center}
@media screen and (min-width:46.875em){.tf-revhead{grid-template-columns:auto minmax(0,42rem)}}
.tf-revsum{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:0;font-weight:700;font-size:2rem}
.tf-revsum .tf-stars{width:12rem}
.tf-hist{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:1.3rem;font-family:var(--tf-mono)}
.tf-hist li{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 4rem;gap:1rem;align-items:center}
.tf-hist i{display:block;height:.8rem;background:var(--tf-cell);box-shadow:inset 0 0 0 .1rem var(--tf-line)}
.tf-hist b{display:block;height:100%;background:var(--tf-ink)}
.tf-hist li>span:last-child{text-align:right}
.tf-revgroup{display:grid;gap:1.6rem;padding:3.2rem 0;border-top:.1rem solid var(--tf-ink)}
.tf-revgroup__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem}
.tf-jump{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2.4rem;padding:0;list-style:none}
.tf-jump a{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.4rem;border:.1rem solid var(--tf-line);text-decoration:none;font-size:1.45rem;font-weight:600}
.tf-jump a:hover{border-color:var(--tf-ink)}
.tf-jump i{width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(42,34,32,.2)}
/* мозаика кадров: плитки ряда делят его ширину по своим пропорциям */
.tf-gallery{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
@media screen and (min-width:46.875em){.tf-gallery{gap:.8rem}}
.tf-gallery>li{flex:var(--ar) 1 0;min-width:0}
.tf-gallery button{display:block;width:100%;padding:0;border:0;background:var(--tf-cell);cursor:zoom-in;line-height:0}
.tf-gallery img{display:block;width:100%;height:auto;max-width:none}
.tf-gallery__br{flex:0 0 100%!important;height:0;display:none}
@media screen and (max-width:37.498em){.tf-gallery__br--xs{display:block}}
@media screen and (min-width:37.5em) and (max-width:46.873em){.tf-gallery__br--s{display:block}}
@media screen and (min-width:46.875em) and (max-width:61.873em){.tf-gallery__br--m{display:block}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.tf-gallery__br--l{display:block}}
@media screen and (min-width:73.75em){.tf-gallery__br--xl{display:block}}
/* годы: шкала дат */
.tf-years{--rg:0rem;border-top:.1rem solid rgba(250,246,241,.6);border-left:.1rem solid rgba(250,246,241,.2)}
.tf-years>li{display:grid;gap:.6rem;align-content:start;padding:1.8rem 1.6rem;border-right:.1rem solid rgba(250,246,241,.2);border-bottom:.1rem solid rgba(250,246,241,.2)}
.tf-years b{font-family:var(--font-heading-family);font-weight:400;font-size:3.2rem;line-height:1;color:#f0c9a8}
.tf-years p{margin:0;font-size:1.55rem}
.tf-years small{font-size:1.25rem;color:#dccfc4}
.tf-years small a{text-decoration:underline;text-underline-offset:.3rem}
/* карточки статей */
.tf-posts{--rg:1.6rem}
.tf-post{display:grid;grid-template-rows:auto 1fr;height:100%;border:.1rem solid var(--tf-line);background:var(--tf-paper);position:relative}
.tf-post__img{background:var(--tf-cell);overflow:hidden;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}
.tf-post__img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tf-post__body{display:grid;gap:.8rem;align-content:start;padding:1.6rem}
.tf-post__tag{margin:0;font-family:var(--tf-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tf-clay)}
.tf-post h3{font-family:var(--font-heading-family);font-weight:400;font-size:2.4rem;line-height:1.15}
.tf-post h3 a{text-decoration:none}
.tf-post h3 a:hover{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.1rem}
.tf-post p{margin:0;font-size:1.55rem}
.tf-post__meta{font-family:var(--tf-mono);font-size:1.2rem!important;color:var(--tf-ink2)}
/* «лучший для…» */
.tf-best{--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid var(--tf-line)}
.tf-best>li{display:grid;gap:.6rem;align-content:start;padding:1.8rem 1.6rem;border-right:.1rem solid var(--tf-line);border-bottom:.1rem solid var(--tf-line)}
.tf-best__s{font-family:var(--tf-mono);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tf-clay)}
.tf-best__p{font-weight:700;font-size:1.9rem;line-height:1.2}
.tf-best__p a{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.1rem}
.tf-best p{margin:0;font-size:1.55rem}
/* стена оттенков: чипы с кодом и именем по группам глубины */
.tf-wallbox{padding:1.6rem;border:.1rem solid var(--tf-line);background:var(--tf-paper)}
.tf-wallbox+.tf-wallbox{margin-top:1.6rem}
.tf-walls{display:grid;gap:1.2rem}
.tf-wallrow{display:grid;gap:.6rem}
@media screen and (min-width:46.875em){.tf-wallrow{grid-template-columns:9.6rem minmax(0,1fr);align-items:start;gap:1.2rem}}
.tf-wallrow__h{margin:0;padding-top:.4rem;font-family:var(--tf-mono);font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase}
.tf-wallrow__h small{margin-left:.8rem;color:var(--tf-ink2)}
.tf-wall{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.tf-chip{display:grid;grid-template-columns:2.8rem auto;grid-template-rows:auto auto;align-items:center;column-gap:.8rem;min-height:4.8rem;padding:.5rem 1rem .5rem .6rem;border:.1rem solid var(--tf-line);background:var(--tf-paper);text-decoration:none;line-height:1.15}
.tf-chip:hover{border-color:var(--tf-ink)}
.tf-chip i{grid-row:1 / span 2;width:2.8rem;height:2.8rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(42,34,32,.18)}
.tf-chip .tf-code{font-size:1.3rem;font-weight:500;align-self:end}
.tf-chip .tf-code:last-child{grid-row:1 / span 2;align-self:center}
.tf-chip__w{font-size:1.25rem;color:var(--tf-ink2);align-self:start}
/* полоса покупки */
.tf-strip{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1.6rem;align-items:center;padding:1.4rem;border:.1rem solid var(--tf-ink);background:var(--tf-paper)}
.tf-strip__img{width:12rem;height:12rem;background:var(--tint);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tf-strip__img img{display:block;max-width:min(12rem,var(--cap,12rem));max-height:12rem;width:auto;height:auto;mix-blend-mode:multiply}
.tf-strip__body{display:grid;gap:.6rem;min-width:0;justify-items:start}
.tf-strip__name{margin:0;font-weight:700;font-size:1.8rem;line-height:1.2}
.tf-strip__name a{text-decoration:none}
.tf-strip__name a:hover{text-decoration:underline;text-underline-offset:.3rem}
.tf-strip__fact{margin:0;font-size:1.4rem;color:var(--tf-ink2)}
.tf-strip__fact b{color:var(--tf-ink);font-size:1.7rem}
.tf-strip .button{min-height:4.8rem;padding:.6rem 1.6rem;font-size:1.3rem}
@media screen and (max-width:24.373em){.tf-strip{grid-template-columns:minmax(0,1fr)}.tf-strip__img{width:100%}}
/* блок вопросов: во всю полосу; полоса покупки — ниже */
.tf-cols{display:grid;gap:2.4rem}
.tf-cols__text{min-width:0}
.tf-cols__side{min-width:0;display:grid;gap:1.6rem}
/* ссылки на статьи, дороги, темы, имена, контакты */
.tf-reads{--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid var(--tf-line)}
.tf-reads>li{border-right:.1rem solid var(--tf-line);border-bottom:.1rem solid var(--tf-line)}
.tf-reads a{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:6.4rem;padding:1.2rem 1.6rem;font-weight:700;font-size:1.7rem;text-decoration:none;height:100%}
.tf-reads a:hover span{text-decoration:underline;text-underline-offset:.4rem}
.tf-roads{--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid rgba(42,34,32,.25)}
.tf-roads>li{border-right:.1rem solid rgba(42,34,32,.25);border-bottom:.1rem solid rgba(42,34,32,.25);display:flex}
.tf-roads a{display:grid;gap:.5rem;align-content:start;padding:1.6rem;text-decoration:none;width:100%}
.tf-roads b{font-size:1.8rem;line-height:1.25}
.tf-roads a:hover b{text-decoration:underline;text-underline-offset:.4rem}
.tf-roads span{font-size:1.45rem;color:var(--tf-ink2)}
.tf-themes,.tf-contact{--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid rgba(42,34,32,.25)}
.tf-themes>li,.tf-contact>li{display:grid;gap:.6rem;align-content:start;padding:1.8rem 1.6rem;border-right:.1rem solid rgba(42,34,32,.25);border-bottom:.1rem solid rgba(42,34,32,.25)}
.tf-themes b,.tf-contact b{font-family:var(--font-heading-family);font-weight:400;font-size:2.4rem;line-height:1.1}
.tf-themes p,.tf-contact p{margin:0;font-size:1.55rem}
.tf-contact a{text-decoration:underline;text-underline-offset:.3rem;overflow-wrap:anywhere}
.tf-names{display:grid;margin:0;padding:0;list-style:none;border-top:.1rem solid var(--tf-ink)}
.tf-names li{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1.2rem;padding:1.2rem 0;border-bottom:.1rem solid var(--tf-line);align-items:baseline}
.tf-names b{font-family:var(--font-heading-family);font-weight:400;font-size:2.2rem}
.tf-names span{font-size:1.5rem}
/* шаги, заметка, источники, «знать заранее» */
.tf-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:st;border-top:.1rem solid var(--tf-ink)}
.tf-step{counter-increment:st;display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-bottom:.1rem solid var(--tf-line);align-items:baseline}
.tf-step::before{content:"0" counter(st);font-family:var(--tf-mono);font-size:1.4rem;color:var(--tf-clay)}
.tf-step p{margin:0;font-size:1.7rem}
.tf-note{padding:1.6rem;border:.1rem solid var(--tf-line);border-left:.4rem solid var(--tf-clay);background:var(--tf-paper)}
.tf-note b{display:block;margin-bottom:.4rem}
.tf-note p{margin:0;font-size:1.5rem}
.tf-sources{margin-top:2rem;font-size:1.4rem}
.tf-sources__h{margin:0 0 .6rem;font-family:var(--tf-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tf-clay)}
.tf-sources ul{margin:0;padding-left:1.8rem;display:grid;gap:.4rem}
.tf-sources a{text-decoration:underline;text-underline-offset:.3rem;overflow-wrap:anywhere}
.tf-minus{padding:1.6rem;border:.1rem solid var(--tf-ink)}
.tf-minus h3{font-family:var(--tf-mono);font-weight:500;font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
.tf-minus ul{margin:0;padding-left:1.8rem;display:grid;gap:.6rem;font-size:1.55rem}
.tf-card__step{margin:0;font-family:var(--tf-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tf-clay)}
/* рассказ: заголовок, текст в две колонки во всю полосу, под ним ряд «кадр + полка» одной высоты */
.tf-story{display:grid;gap:2.8rem}
.tf-story+.tf-story,.tf-linesbox+.tf-story{margin-top:5.6rem}
.tf-story__text{min-width:0}
.tf-story__text h2{margin-bottom:1.8rem}
.tf-story__text p{margin:0 0 1.4rem;font-size:1.75rem;break-inside:avoid}
@media screen and (min-width:61.875em){.tf-story__text{columns:2;column-gap:5.6rem}.tf-story__text h2{column-span:all}}
.tf-story__side{min-width:0;display:grid;gap:1.6rem;align-items:stretch}
.tf-story__fig{margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:0;background:var(--tf-cell)}
.tf-story__fig img{display:block;width:100%;height:auto}
@media screen and (min-width:46.875em){.tf-story__side{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-story__side:has(>.tf-story__fig){grid-template-columns:minmax(0,min(50rem,52%)) minmax(0,1fr)}.tf-story__side>:only-child{grid-column:1 / -1}}
.tf-story__side>ul.tf-rows{align-content:stretch}
.tf-story__side .tf-strip,.tf-story__side .tf-storebox{align-content:center}
/* шкалы «покрытие и финиш» по линиям */
.tf-lines{display:grid;margin:0;padding:0;list-style:none;border-top:.1rem solid var(--tf-ink)}
.tf-lines li{display:grid;gap:.6rem;padding:1.2rem 0;border-bottom:.1rem solid var(--tf-line)}
.tf-lines li>b{font-size:1.6rem}
.tf-linesbox{margin-top:4rem}
.tf-linesbox__p{font-size:1.75rem;max-width:90rem;margin:0 0 2.4rem}
@media screen and (min-width:46.875em){.tf-lines--grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem}}
@media screen and (min-width:73.75em){.tf-lines--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tf-lines__m{display:grid;gap:.5rem}
.tf-meter{display:grid;grid-template-columns:8.4rem 11rem minmax(0,1fr);align-items:center;gap:.4rem 1rem;font-size:1.4rem}
.tf-meter__l{font-family:var(--tf-mono);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tf-ink2)}
.tf-meter__bar{display:flex;gap:.3rem}
.tf-meter__bar i{flex:1 1 0;height:1rem;background:transparent;box-shadow:inset 0 0 0 .1rem var(--tf-ink)}
.tf-meter__bar i.is-on{background:var(--tf-ink)}
.tf-meter__w{font-weight:700}
.tf-meter small{grid-column:2 / -1;font-family:var(--tf-mono);font-size:1.1rem;color:var(--tf-ink2)}
.tf-meters{display:grid;gap:.8rem;margin-top:1rem;padding:1.6rem;border:.1rem solid var(--tf-line)}
/* подтон: три ячейки */
.tf-tones{--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid var(--tf-line)}
.tf-tone{display:grid;gap:.8rem;align-content:start;padding:2rem 1.6rem;border-right:.1rem solid var(--tf-line);border-bottom:.1rem solid var(--tf-line)}
.tf-tone p.tf-tone__code{margin:0;font-family:var(--font-heading-family);font-size:5.6rem;line-height:.9;font-style:italic}
.tf-tone--cool .tf-tone__code{color:#b06a72}
.tf-tone--neutral .tf-tone__code{color:#a8743f}
.tf-tone--warm .tf-tone__code{color:#b0791f}
.tf-tone p{margin:0;font-size:1.55rem}
.tf-tone__n{font-family:var(--tf-mono);font-size:1.25rem!important;color:var(--tf-ink2)}
.tf-tone .tf-link{font-size:1.5rem;min-height:4.4rem;justify-self:start}
.tf-tones+.tf-wallbox{margin-top:2.4rem}
.tf-wallbox+.tf-tickets,.tf-wallbox+ul.tf-rows{margin-top:2.4rem}
.tf-storebox{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;align-items:center;justify-content:space-between;padding:1.6rem 2rem;background:var(--tf-cell);border:.1rem solid var(--tf-line)}
.tf-storebox .tf-buynote{flex:1 1 100%;margin:0}
.tf-story__side--stack{grid-template-columns:minmax(0,1fr)!important}
.tf-storebox p{margin:0}
/* таблица подбора «глубина × подтон» */
.tf-matrix{min-width:0;table-layout:fixed}
.tf-matrix th[scope=row]{width:14rem;font-family:var(--font-heading-family);font-weight:400;font-size:2.4rem}
.tf-matrix th[scope=row] small{font-family:var(--tf-mono);font-size:1.15rem}
.tf-matrix td{padding:1rem 1.2rem}
.tf-matrix__line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .8rem}
.tf-matrix__line:last-child{margin-bottom:0}
.tf-matrix__line small{flex:1 1 100%;font-family:var(--tf-mono);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tf-ink2)}
.tf-mchip{display:inline-flex;align-items:center;gap:.5rem;min-height:4.4rem;padding:.3rem .8rem .3rem .4rem;border:.1rem solid var(--tf-line);text-decoration:none;background:var(--tf-paper)}
.tf-mchip:hover{border-color:var(--tf-ink)}
button.tf-mchip{font:inherit;color:inherit;cursor:pointer}
.tf-mchip__w{font-size:1.25rem;color:var(--tf-ink2)}
.tf-matrix__none{margin:0;font-size:1.3rem;color:var(--tf-ink2)}
.tf-matrix--pick .tf-matrix__line{gap:.5rem}
.tf-mchip i{width:2.6rem;height:2.6rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(42,34,32,.18)}
.tf-mchip .tf-code{font-size:1.25rem;font-weight:500}
@media screen and (max-width:46.873em){
 .tf-matrix thead{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
 .tf-matrix tr{display:block;border-bottom:.1rem solid var(--tf-ink)}
 .tf-matrix th[scope=row]{display:block;width:auto;border-bottom:0;padding-bottom:0}
 .tf-matrix td{display:block;border-bottom:.1rem solid var(--tf-line)}
 .tf-matrix td::before{content:attr(data-label);display:block;margin-bottom:.4rem;font-family:var(--tf-mono);font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tf-clay)}
}
/* «X или Y» */
.tf-pair h2{margin-bottom:1.2rem}
/* шкалы-полосы и цифры (статьи) */
.tf-statfig{margin:2.4rem 0}
.tf-statfig figcaption{margin-top:.8rem;font-size:1.35rem;color:var(--tf-ink2)}
.tf-bars{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.tf-bars li{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr) auto;gap:1rem;align-items:center;font-size:1.4rem}
.tf-bars i{display:block;height:1.2rem;background:var(--tf-cell);box-shadow:inset 0 0 0 .1rem var(--tf-line)}
.tf-bars i b{display:block;height:100%;background:var(--tf-ink)}
.tf-bars em{font-style:normal;font-family:var(--tf-mono);font-size:1.3rem}
.tf-stats{--rg:0rem;border-top:.1rem solid var(--tf-ink);border-left:.1rem solid var(--tf-line)}
.tf-stats>li{display:grid;gap:.4rem;padding:1.6rem;border-right:.1rem solid var(--tf-line);border-bottom:.1rem solid var(--tf-line)}
.tf-stats b{font-family:var(--font-heading-family);font-weight:400;font-size:3.6rem;line-height:1}
.tf-stats span{font-size:1.4rem;color:var(--tf-ink2)}