.blogs-page .page-hero{background:var(--ink);color:var(--paper);padding:90px 0 76px;text-align:center}.blogs-page .page-hero .mono{color:var(--route);display:block;margin-bottom:18px}.blogs-page .page-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;max-width:680px;margin:0 auto;line-height:1.12}.blogs-page .page-hero p{color:#b6bcce;max-width:560px;margin:20px auto 0;font-size:1.05rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line);margin-top:44px}.blog-card{background:var(--paper-raised);color:var(--ink);padding:0;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease;overflow:hidden}.blog-card:hover{background:var(--ink);color:var(--paper)}.blog-card-image{width:100%;height:200px;object-fit:cover;background:var(--ink-soft)}.blog-card-content{padding:30px;display:flex;flex-direction:column;flex-grow:1}.blog-card .mono{color:var(--slate-light);margin-bottom:14px;transition:color .3s ease}.blog-card:hover .mono{color:var(--route)}.blog-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;line-height:1.3}.blog-card .desc{font-size:.92rem;color:var(--slate);margin-bottom:24px;flex-grow:1;transition:color .3s ease}.blog-card:hover .desc{color:#b6bcce}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-size:.85rem;color:var(--slate)}.blog-card:hover .blog-card-meta{border-top-color:var(--ink-soft);color:#b6bcce}.read-more-link{font-weight:600;color:var(--route);display:flex;align-items:center;gap:6px}.read-more-link:hover{text-decoration:underline}@media (max-width: 900px){.blog-grid{grid-template-columns:1fr}}.blog-grid:has(.blog-card:only-child){grid-template-columns:1fr}.blog-grid:has(.blog-card:first-child:nth-last-child(2)){grid-template-columns:repeat(2,1fr)}.blog-card:only-child{flex-direction:row}.blog-card:only-child .blog-card-image{width:50%;height:auto;min-height:380px}.blog-card:only-child .blog-card-content{width:50%;padding:60px 50px;justify-content:center}.blog-card:only-child h3{font-size:2rem;margin-bottom:20px}.blog-card:only-child .desc{font-size:1.1rem;margin-bottom:30px}@media (max-width: 768px){.blog-card:only-child{flex-direction:column}.blog-card:only-child .blog-card-image{width:100%;height:250px;min-height:250px}.blog-card:only-child .blog-card-content{width:100%;padding:30px}.blog-card:only-child h3{font-size:1.5rem}}
