.blog-card{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:8px;background:var(--background-inverse);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.blog-card__background{position:absolute;inset:0;opacity:.5;background:var(--surface-brand);clip-path:inset(0);overflow:hidden;transform:translateZ(0);pointer-events:none}.blog-card__background__circle1{position:absolute;width:200px;height:200px;border-radius:50%;background:#a5ff111a;filter:blur(60px);top:-50px;right:-50px}.blog-card__background__circle2{position:absolute;width:150px;height:150px;border-radius:50%;background:#70edce26;filter:blur(50px);bottom:-30px;left:-30px}.blog-card__background__circle3{position:absolute;width:100px;height:100px;border-radius:50%;background:#ffffff0d;filter:blur(40px);top:50%;left:50%;transform:translate(-50%,-50%)}.blog-card__image{width:100%;aspect-ratio:680/272;border-radius:6px;overflow:hidden;position:relative;z-index:1;background:transparent}.blog-card__image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.blog-card__content{display:flex;flex-direction:column;gap:var(--spacing-m);position:relative;z-index:1;flex:1}.blog-card__content__meta{display:flex;gap:var(--spacing-m);align-items:center}.blog-card__content__meta__date,.blog-card__content__meta__author{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;text-transform:none;font-size:.875rem;color:var(--content-secondary)}.blog-card__content__title{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(1.438rem,1.438rem + 0vw,1.438rem);line-height:1.4;letter-spacing:0;text-transform:none;color:var(--content-primary);margin:0}.blog-card__content__description{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:300;font-size:1.125rem;line-height:1.2;letter-spacing:.04em;color:var(--content-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__content__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.blog-card__content__tags__tag{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;font-size:.625rem;padding:4px 12px;border-radius:4px;background:var(--surface-brand);color:var(--content-primary);opacity:.8}.blog-card__content__action{margin-top:auto}.blog-listing{padding:var(--spacing-xl) 0;display:flex;flex-direction:column;align-items:center;min-height:100vh}@media screen and (width >= 1024px){.blog-listing{padding:var(--spacing-xl) 0}}.blog-listing__header{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:var(--spacing-2xl) var(--spacing-s) var(--spacing-xl);gap:var(--spacing-m)}@media screen and (width >= 1024px){.blog-listing__header{padding:var(--spacing-2xl) var(--spacing-4xl) var(--spacing-xl)}}.blog-listing__header__title{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.875rem,-1.078rem + 4.792vw,4.313rem);line-height:1.04;letter-spacing:0;text-transform:uppercase;color:var(--content-primary);margin:0}@media screen and (width < 1320px){.blog-listing__header__title{font-size:clamp(2.25rem,1.92rem + 1.408vw,3.188rem)}}.blog-listing__header__description{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:300;font-size:1.125rem;line-height:1.6;letter-spacing:.04em;color:var(--content-secondary);margin:0;max-width:800px}.filter-container{padding-left:var(--spacing-s);padding-right:var(--spacing-s);display:flex;flex-wrap:wrap;gap:var(--spacing-s)}@media screen and (width >= 1024px){.filter-container{padding-left:var(--spacing-4xl);padding-right:var(--spacing-4xl)}}.filter-button{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;background-color:var(--surface-brand);color:var(--content-primary);border:2px solid transparent;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease}.filter-button:hover{background-color:var(--surface-brand-hover)}.filter-button--selected{outline:1px solid #a4ff11;outline-offset:1px}.blog-listing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);width:100%;padding:var(--spacing-2xl) var(--spacing-s)}@media screen and (width >= 1024px){.blog-listing__grid{padding:var(--spacing-2xl) var(--spacing-4xl)}}@media screen and (width < 1024px){.blog-listing__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media screen and (width < 640px){.blog-listing__grid{grid-template-columns:1fr;gap:var(--spacing-l)}}.blog-card-wrapper{display:flex;height:100%}.featured{padding-top:var(--spacing-2xl);width:100%;max-width:px;border-radius:12px;aspect-ratio:16/9}.featured img{width:100%;height:100%;object-fit:cover}