.blog-front{--blog-background:#0f0f0f;--blog-button-hover:#eeeeeedb;--blog-cover-shade:linear-gradient(to bottom, #0f0f0fe0 0, #0f0f0fb8 200px, #0f0f0f61 280px, #0f0f0f1f 360px, #0f0f0f00 440px), linear-gradient(to top, #0f0f0f 0%, #0f0f0f00 40%), radial-gradient(ellipse 75% 70% at 0% 100%, #0f0f0feb 0%, #0f0f0f00 100%);background:var(--blog-background);min-height:60vh;color:var(--primary);padding-bottom:160px}.blog-front a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:4px}.blog-front h2,.blog-front h3{text-wrap:balance}.blog-front-grid{width:100%;max-width:1217.33px;margin:0 auto;padding:0 64px}.blog-front-title{letter-spacing:-.05em;font-family:Exposure Display,Georgia,serif;font-size:clamp(2.5rem,4vw,3.375rem);font-weight:400;line-height:1}.blog-cover{isolation:isolate;min-height:min(780px,86vh);display:flex;position:relative;overflow:hidden}.blog-cover .blog-cover-image{z-index:-2;object-fit:cover}.blog-cover:before{content:"";z-index:-1;background:var(--blog-cover-shade);position:absolute;inset:0}.blog-cover-inner{flex-direction:column;justify-content:space-between;gap:64px;padding-top:40px;padding-bottom:80px;display:flex}.blog-cover-copy{flex-direction:column;align-items:flex-start;gap:14px;max-width:560px;display:flex}.blog-cover-copy h2{letter-spacing:-.04em;font-family:Exposure Display,Georgia,serif;font-size:52px;font-weight:400;line-height:1}.blog-cover-copy h2 a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.blog-cover-copy p{max-width:460px;color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:300;line-height:1.45;display:-webkit-box;overflow:hidden}.blog-cover-button{background:var(--primary);height:44px;color:var(--blog-background);border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:0 18px;font-size:14px;font-weight:500;line-height:1;transition:background-color .2s;display:inline-flex}.blog-cover-button:hover{background:var(--blog-button-hover)}.blog-cover-button span{transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}.blog-cover-button:hover span{transform:translate(3px)}.blog-front-header{padding-top:120px;padding-bottom:48px}.blog-front-header p{color:var(--muted-foreground);margin-top:16px;font-size:17px;font-weight:300;line-height:1.45}.blog-front-empty{color:var(--text-subtle);padding:48px 0;font-size:16px}.blog-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}.blog-cards.is-list{row-gap:48px}.blog-card{flex-direction:column;gap:8px;min-width:0;display:flex}.blog-card-thumb{aspect-ratio:16/9;outline:1px solid var(--border);outline-offset:-1px;background:var(--blog-media);border-radius:16px;margin-bottom:8px;display:block;position:relative;overflow:hidden}@supports not (aspect-ratio:1 / 1){.blog-card-thumb{height:0;padding-top:56.25%}}.blog-card-thumb img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,0,1)}.blog-card:hover .blog-card-thumb img,.blog-card:focus-visible .blog-card-thumb img{transform:scale(1.035)}.blog-card-title{letter-spacing:-.015em;font-size:18px;font-weight:500;line-height:1.3}.blog-card-meta{color:var(--blog-meta);font-size:13px;line-height:1.4}.blog-front-pagination{justify-content:center;margin-top:56px;display:flex}@media (prefers-reduced-motion:reduce){.blog-card-thumb img,.blog-cover-button span,.blog-cover-button{transition:none}}@media (max-width:809.98px){.blog-front-grid{padding:0 20px}.blog-cover{min-height:min(620px,80vh)}.blog-cover-inner{gap:40px;padding-top:24px;padding-bottom:48px}.blog-cover-copy h2{font-size:40px}.blog-front-header{padding-top:72px;padding-bottom:32px}.blog-cards{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;gap:16px;scroll-padding-inline:20px;overflow-x:auto}.blog-cards::-webkit-scrollbar{display:none}.blog-card{scroll-snap-align:start}.blog-cards.is-list{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;row-gap:40px;overflow-x:visible}}