/* ===== ПАТЧ: крупнее текст, мельче плитки ===== */ /* --- ТИПОГРАФИКА (+15–20%) --- */ #pf .pf-head{ font-size:14px; } #pf .pf-hero__meta{ font-size:17px; } #pf .pf-hero__scroll{ font-size:12px; } #pf .pf-sec__label{ font-size:13px; letter-spacing:.18em; } #pf .pf-filters button{ font-size:14px; padding:10px 20px; } #pf .pf-item__cap{ font-size:17px; margin-top:16px; } #pf .pf-item__cap h3{ font-size:18px; line-height:1.3; } #pf .pf-item__cap span{ font-size:14px; } #pf .pf-about__text p{ font-size:clamp(22px,2.6vw,34px); } #pf .pf-about__text p+p{ font-size:clamp(17px,1.6vw,19px); } #pf .pf-about__row b{ font-size:12px; } #pf .pf-about__row ul{ font-size:17px; line-height:2; } #pf .pf-socials a{ font-size:15px; } #pf .pf-foot{ font-size:12px; } #pf .pf-lb__cap{ font-size:15px; } #pf .pf-lb__close{ font-size:13px; } /* --- СЕТКА: 3 в ряд вместо 2 --- */ #pf .pf-grid{ gap:clamp(12px,1.6vw,24px); } #pf .pf-item{ grid-column:span 4; } /* обычная → 3 в ряд */ #pf .pf-item[data-size="third"]{ grid-column:span 3; } /* маленькая → 4 в ряд */ #pf .pf-item[data-size="wide"]{ grid-column:span 6; } /* крупная → 2 в ряд */ #pf .pf-item__media{ aspect-ratio:3/4; } #pf .pf-item[data-size="third"] .pf-item__media{ aspect-ratio:1/1; } #pf .pf-item[data-size="wide"] .pf-item__media{ aspect-ratio:4/3; } /* --- АДАПТИВ под новую плотность --- */ @media (max-width:1100px){ #pf .pf-item, #pf .pf-item[data-size="third"]{ grid-column:span 6; } #pf .pf-item[data-size="wide"]{ grid-column:span 12; } } @media (max-width:640px){ #pf .pf-item, #pf .pf-item[data-size="third"], #pf .pf-item[data-size="wide"]{ grid-column:span 6; } /* 2 в ряд на телефоне */ #pf .pf-item__cap{ font-size:14px; } #pf .pf-item__cap h3{ font-size:15px; } #pf .pf-item__cap span{ font-size:12px; } #pf .pf-hero__meta{ font-size:15px; } }