.blog{background:var(--surface);color:var(--foreground);padding-block:var(--section-space)}.blog-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px 48px;margin-bottom:56px;display:grid}.blog-head h2{margin:0}.blog-head .btn{justify-self:end;padding-inline:36px 28px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.post{height:100%;color:inherit;align-content:start;gap:14px;padding-bottom:8px;text-decoration:none;display:grid}.post-picture{aspect-ratio:3/2;border-radius:var(--radius-card);display:block;overflow:hidden}.post-picture img{transition:scale .6s var(--ease-out)}.post-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:16px;display:flex}.post-title{text-underline-offset:.2em;transition:text-decoration-color var(--t-hover) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.post-excerpt{color:var(--muted-foreground);font-size:16px}@media (hover:hover) and (pointer:fine){.post:hover .post-picture img{scale:1.04}.post:hover .post-title{text-decoration-color:currentColor}}@media (max-width:1023px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){.blog-head,.blog-grid{grid-template-columns:1fr}.blog-head .btn{justify-self:start;padding-inline:36px 22px}}