[data-page=blog]{background:var(--color-white);min-height:100vh}.section-blog{padding:0 0 6rem}@media(max-width:767.98px){.section-blog{padding:6rem 0 3rem}}.section-blog .blog-header{border-bottom:1px solid rgba(0,0,0,.1);gap:3rem;margin-bottom:3rem;padding-bottom:2rem}@media(max-width:767.98px){.section-blog .blog-header{flex-direction:column;gap:1.5rem}}.section-blog .blog-header-intro{flex-shrink:0;max-width:18rem}.section-blog .blog-header-intro p{color:var(--color-black);font-size:.8rem;line-height:1.5;margin:0;opacity:.5}.section-blog .blog-grid{gap:2rem 0}.section-blog .blog-card{aspect-ratio:3/4;background:#f1f1f1;border-radius:var(--radius-5);color:var(--color-black);display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none}@media(max-width:1199.98px){.section-blog .blog-card{aspect-ratio:auto;height:22rem}}@media(max-width:767.98px){.section-blog .blog-card{padding:1.25rem}}.section-blog .blog-card .blog-card-image{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;transform:scale(1.02);transition:opacity .6s ease,transform .8s cubic-bezier(.76,0,.24,1);width:100%;z-index:0}.section-blog .blog-card:before{background:linear-gradient(180deg,#0006 0,#0000001a 40%,#0009);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease;z-index:1}.section-blog .blog-card:hover .blog-card-image{opacity:1;transform:scale(1)}.section-blog .blog-card:hover:before{opacity:1}.section-blog .blog-card:hover .blog-card-meta,.section-blog .blog-card:hover .blog-card-title{color:var(--color-white)!important}.section-blog .blog-card:hover .blog-card-sep{opacity:.7}.section-blog .blog-card-meta{align-items:center;color:var(--color-black);display:flex;font-size:.65rem;gap:.4rem;letter-spacing:.08em;position:relative;text-transform:uppercase;transition:color .4s ease;z-index:2}.section-blog .blog-card-tag{font-weight:600}.section-blog .blog-card-sep{opacity:.4;transition:opacity .4s ease}.section-blog .blog-card-date{font-weight:400;opacity:.6}.section-blog .blog-card-title{color:var(--color-black);font-size:1.4rem;font-weight:400;line-height:1.25;margin:0;position:relative;transition:color .4s ease;z-index:2}
