@keyframes blog-fade-up-in{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}.blog-listing{background:#ebe7df;padding:88px 0}.blog-layout{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 320px}.blog-section-head{animation:blog-fade-up-in .7s ease-out .12s both;margin-bottom:28px}.blog-section-head .eyebrow{margin:0 0 12px}.blog-section-head h2{font-family:League Spartan,sans-serif;font-size:clamp(2.2rem,4.5vw,3.2rem);letter-spacing:-.05em;line-height:.95;margin:0;text-transform:uppercase}.blog-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{animation:blog-fade-up-in .7s ease-out both;background:#fff;border:1px solid hsla(0,0%,9%,.12);box-shadow:0 8px 26px rgba(17,17,17,.06);overflow:hidden}.blog-card:first-child{animation-delay:.14s}.blog-card:nth-child(2){animation-delay:.22s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.38s}.blog-card:nth-child(5){animation-delay:.46s}.blog-card:nth-child(6){animation-delay:.54s}.blog-card:nth-child(7){animation-delay:.62s}.blog-card-media{aspect-ratio:4/3;background-color:#1d1d1d;background-position:50%;background-repeat:no-repeat;background-size:cover!important;display:block}.blog-media-warm{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),url() 50% /cover}.blog-media-portrait{background:linear-gradient(180deg,hsla(0,0%,100%,.06),rgba(0,0,0,.18)),linear-gradient(135deg,#b6aea3,#d7d0c5 42%,#95897d)}.blog-media-trophy{background:linear-gradient(180deg,hsla(0,0%,100%,.05),rgba(0,0,0,.2)),linear-gradient(135deg,#46321e,#896225 35%,#f5bf35 70%,#3f2f16)}.blog-media-tech{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.3)),url() 50% /cover}.blog-media-code{background:linear-gradient(180deg,hsla(0,0%,100%,.06),rgba(0,0,0,.22)),linear-gradient(135deg,#09222f,#1b4966 45%,#0e1018)}.blog-media-bokeh{background:radial-gradient(circle at 18% 30%,rgba(255,194,84,.95),transparent 10%),radial-gradient(circle at 36% 46%,rgba(255,220,154,.78),transparent 9%),radial-gradient(circle at 60% 24%,rgba(239,179,16,.88),transparent 11%),radial-gradient(circle at 78% 54%,rgba(255,155,76,.84),transparent 12%),linear-gradient(135deg,#513315,#0f0c09)}.blog-media-mail{background:linear-gradient(180deg,hsla(0,0%,100%,.1),rgba(0,0,0,.12)),linear-gradient(135deg,#68c9eb,#2d8db0 45%,#0f5570)}.blog-card-body{padding:18px 18px 20px}.blog-card-category{color:#7b7268;font-size:.72rem;font-weight:800;letter-spacing:.16em;margin:0 0 10px;text-transform:uppercase}.blog-card h3{font-family:League Spartan,sans-serif;font-size:1.45rem;letter-spacing:-.03em;line-height:1;margin:0}.blog-card h3 a:focus-visible,.blog-card h3 a:hover{color:#ea5c23}.blog-card-body>p:last-child{color:#5d584f;font-size:.95rem;line-height:1.7;margin:12px 0 0}.blog-sidebar{display:grid;gap:18px;position:sticky;top:106px}.blog-side-card{animation:blog-fade-up-in .7s ease-out .18s both;background:#fff;border:1px solid hsla(0,0%,9%,.12);box-shadow:0 8px 26px rgba(17,17,17,.06);padding:22px}.blog-side-card-dark{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7)),url() 50% /cover;color:#fff}.blog-side-kicker{font-size:.7rem;font-weight:800;letter-spacing:.16em;margin:0 0 10px;text-transform:uppercase}.blog-side-card h3{font-family:League Spartan,sans-serif;font-size:2rem;letter-spacing:-.04em;line-height:.96;margin:0;text-transform:uppercase}.blog-side-card h3+p{line-height:1.7;margin:14px 0 0}.blog-side-card .button{margin-top:18px;width:100%}.blog-pagination{animation:blog-fade-up-in .7s ease-out .42s both;display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.blog-page{align-items:center;background:#fff;border:1px solid hsla(0,0%,9%,.12);display:inline-flex;font-size:.82rem;font-weight:800;justify-content:center;letter-spacing:.08em;min-height:42px;min-width:42px;padding:0 14px;text-transform:uppercase}.blog-page.is-current,.blog-page:focus-visible,.blog-page:hover{background:#0a0a0a;color:#fff}.blog-page-next{min-width:88px}@media (max-width:1100px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}}@media (max-width:900px){.blog-sidebar{grid-template-columns:1fr}}@media (max-width:760px){.blog-listing{padding:72px 0}.blog-grid{grid-template-columns:1fr}}@media (max-width:640px){.blog-listing{padding:56px 0}.blog-card-body,.blog-side-card{padding:18px}.blog-side-card h3{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-pagination,.blog-section-head,.blog-side-card{animation:none}}