.blog-index{background-color:#f7f4ee;min-height:100svh}.blog-index__hero{background-color:#0b0b0a;padding-top:8rem;padding-bottom:5rem}@media (min-width:1024px){.blog-index__hero{padding-top:10rem;padding-bottom:7rem}}.blog-index__title{font-family:var(--font-syne), "Syne", sans-serif;color:#f7f4ee;letter-spacing:-.03em;max-width:38rem;margin-top:1rem;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:800;line-height:1.1}.blog-index__description{color:#f7f4ee80;max-width:42rem;margin-top:1rem;font-size:1.125rem;line-height:1.625}.blog-index__grid{grid-template-columns:1fr;gap:1.5rem;padding-block:4rem 6rem;display:grid}@media (min-width:768px){.blog-index__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-index__grid{grid-template-columns:repeat(3,1fr)}}.blog-index__card{background:#fff;border:1px solid #e4e1da;border-radius:1rem;flex-direction:column;transition:transform .25s cubic-bezier(0,0,.2,1),box-shadow .25s cubic-bezier(0,0,.2,1);display:flex;position:relative;overflow:hidden}.blog-index__card:hover{transform:translateY(-4px);box-shadow:0 16px 56px #0d0d0b29}.blog-index__card:hover .blog-index__card-title{color:#2448ff}.blog-index__card:hover .blog-index__card-arrow{transform:translate(5px)}@media (min-width:768px){.blog-index__card--featured{flex-direction:row;grid-column:span 2}.blog-index__card--featured .blog-index__card-image{aspect-ratio:unset;flex-shrink:0;width:45%}}@media (min-width:1024px){.blog-index__card--featured{flex-direction:row;grid-column:span 3}.blog-index__card--featured .blog-index__card-image{width:52%}}.blog-index__card-overlay{z-index:1;border-radius:1rem;position:absolute;inset:0}.blog-index__card-image{aspect-ratio:16/9;background:#efece5;flex-shrink:0;overflow:hidden}.blog-index__card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s cubic-bezier(0,0,.2,1)}.blog-index__card:hover .blog-index__card-img{transform:scale(1.04)}.blog-index__card-image-placeholder{background:linear-gradient(135deg,#efece5 0%,#e4e1da 100%);width:100%;height:100%}.blog-index__card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.blog-index__card-meta{align-items:center;gap:.75rem;display:flex}.blog-index__card-date,.blog-index__card-author{letter-spacing:.04em;text-transform:uppercase;color:#9c9890;font-size:.6875rem;font-weight:500}.blog-index__card-date:after{content:"·";margin-left:.75rem}.blog-index__card-title{font-family:var(--font-syne), "Syne", sans-serif;color:#0d0d0b;letter-spacing:-.03em;flex:1;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.25;transition:color .15s cubic-bezier(0,0,.2,1)}.blog-index__card--featured .blog-index__card-title{font-size:clamp(1.5rem,2.5vw,2rem)}.blog-index__card-excerpt{color:#5c5950;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.625;display:-webkit-box;overflow:hidden}.blog-index__card-read-more{color:#2448ff;border-top:1px solid #e4e1da;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.blog-index__card-arrow{flex-shrink:0;transition:transform .15s cubic-bezier(0,0,.2,1)}.blog-index__empty{color:#5c5950;padding-block:5rem;font-size:1.125rem}