﻿.blog-section{border-top:1px solid var(--rule)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px}
.blog-card{border-top:1px solid var(--rule);padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.blog-card time{font-size:11px;color:var(--accent);letter-spacing:.06em}
.blog-card h3{font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.025em;margin:20px 0;word-break:normal;overflow-wrap:normal;hyphens:auto}
.blog-card h3 a{color:inherit;text-decoration:none}
.blog-card p{font-size:14px;line-height:1.8;margin-bottom:28px}
.blog-read{margin-top:auto;color:inherit;text-decoration:none;font-size:11px;letter-spacing:.05em;padding:8px 0;border-bottom:1px solid var(--pink-dark)}
.blog-read span{color:var(--pink-dark);margin-left:12px}
.blog-article h1{max-width:25ch;font-size:clamp(28px,3.7vw,52px)}
.blog-body{max-width:72ch;border-top:1px solid var(--rule);margin:36px 0;padding-top:28px}
.case-uppercase .blog-body p{font-size:16px;line-height:1.9;letter-spacing:0;hyphens:auto;overflow-wrap:break-word}
.blog-article>.text-link{font-size:12px;display:inline-block;margin-bottom:40px}
@media(max-width:900px){.blog-grid{gap:26px}.blog-card h3{font-size:22px}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr;gap:38px;margin-top:30px}.blog-card h3{font-size:25px}.blog-article h1{font-size:clamp(24px,6vw,38px)}.case-uppercase .blog-body p{font-size:15px;line-height:1.85}}
