.blog-showcase{--blog-bg:var(--color-cream)}.blog-showcase__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""feature""a""b""c";gap:16px;display:grid}.blog-showcase__intro{grid-area:intro}.blog-showcase__feature{grid-area:feature}.blog-showcase__card--a{grid-area:a}.blog-showcase__card--b{grid-area:b}.blog-showcase__card--c{grid-area:c}@media (width>=768px){.blog-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"intro intro intro""feature feature feature""a b c";gap:20px}.blog-showcase__intro{max-width:40rem;margin-bottom:8px}}@media (width>=1024px){.blog-showcase__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr) minmax(0,2.05fr) minmax(0,1.1fr);grid-template-areas:"a feature intro""b feature c";gap:clamp(14px,1.5vw,22px)}.blog-showcase__intro{align-self:start;margin-bottom:0;padding:4px 4px 0}}.blog-card{--blog-ease:cubic-bezier(.33, 1, .68, 1);min-width:0;display:flex}.blog-card__link{isolation:isolate;width:100%;transition:transform .48s var(--blog-ease), box-shadow .48s var(--blog-ease), border-color .48s var(--blog-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-card__link:focus-visible{outline:2px solid var(--color-brand-strong);outline-offset:3px}.blog-card__img{object-fit:cover;width:100%;height:100%;transition:scale .55s var(--blog-ease)}.blog-card--compact .blog-card__link{--notch-bg:var(--blog-bg,var(--color-surface));aspect-ratio:16/10;color:#fff;border-radius:22px 22px 0}.blog-card--compact .blog-card__media{z-index:-1;background-color:var(--color-jungle-dark);position:absolute;inset:0}.blog-card--compact .blog-card__media:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-panel) 78%, transparent) 0%, color-mix(in srgb, var(--color-panel) 30%, transparent) 42%, transparent 68%), linear-gradient(to bottom, color-mix(in srgb, var(--color-panel) 30%, transparent), transparent 30%);position:absolute;inset:0}.blog-card__badges{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex;position:absolute;inset:14px 14px auto}.blog-pill{color:#fff;backdrop-filter:blur(6px);background-color:#ffffff24;border:1px solid #ffffff8c;border-radius:9999px;padding:4px 11px;font-size:.75rem;line-height:1.4}.blog-card__overlay{position:absolute;bottom:16px;left:18px;right:88px}.blog-card__index{letter-spacing:.1em;opacity:.85;font-size:.75rem;display:block}.blog-card__title{color:#fff;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:clamp(1.125rem,1.35vw,1.375rem);font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.blog-notch{--r:20px;background-color:var(--notch-bg);border-top-left-radius:28px;padding:8px 0 0 8px;position:absolute;bottom:0;right:0}.blog-notch:before,.blog-notch:after{content:"";width:var(--r);height:var(--r);background:radial-gradient(circle at 0 0, transparent calc(var(--r) - .5px), var(--notch-bg) var(--r));position:absolute}.blog-notch:before{bottom:100%;right:0}.blog-notch:after{bottom:0;right:100%}.blog-arrow{background-color:color-mix(in srgb, var(--color-brand) 14%, white);width:56px;height:56px;color:var(--color-ink-dark);transition:background-color .35s var(--blog-ease), color .35s var(--blog-ease);border-radius:9999px;place-items:center;display:grid}.blog-arrow svg,.blog-card__cta-arrow,.blog-feature__arrow svg{transition:transform .35s var(--blog-ease)}@media (width>=768px){.blog-card--compact .blog-card__link{aspect-ratio:4/5}}@media (width>=1024px){.blog-card--compact .blog-card__link{aspect-ratio:auto;height:100%;min-height:250px}}.blog-card--standard .blog-card__link{border:1px solid var(--color-line);background-color:#fff;border-radius:20px;height:100%}.blog-card--standard .blog-card__media{aspect-ratio:16/10;background-color:var(--color-line);overflow:hidden}.blog-card__heading{color:var(--color-ink-dark);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.25rem,1.6vw,1.375rem);line-height:1.3;display:-webkit-box;overflow:hidden}.blog-card__excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__link:focus-visible .blog-card__img{scale:1.045}.blog-card__link:focus-visible .blog-arrow{background-color:var(--color-brand);color:#fff}@media (hover:hover){.blog-card__link:hover{transform:translateY(-5px)}.blog-card--standard .blog-card__link:hover{border-color:color-mix(in srgb, var(--color-brand) 30%, var(--color-line));box-shadow:0 22px 44px -18px #0404042e}.blog-card__link:hover .blog-card__img{scale:1.045}.blog-card__link:hover .blog-arrow{background-color:var(--color-brand);color:#fff}.blog-card__link:hover .blog-arrow svg,.blog-feature__link:hover .blog-feature__arrow svg{transform:translate(3px,-3px)}.blog-card__link:hover .blog-card__cta-arrow{transform:translate(4px)}}.blog-feature{min-width:0;display:flex;position:relative}.blog-feature__link{aspect-ratio:4/5;background-color:var(--color-jungle-dark);border-radius:26px 26px 26px 0;width:100%;display:block;position:relative;overflow:hidden}.blog-feature__link:focus-visible{outline:2px solid var(--color-brand-strong);outline-offset:3px}.blog-feature__media,.blog-feature__img{position:absolute;inset:0}.blog-feature__img{object-fit:cover;opacity:0;width:100%;height:100%}.blog-feature__img.is-active{opacity:1}.blog-feature__tab{--r:22px;z-index:2;background-color:var(--blog-bg,var(--color-surface));border-top-right-radius:26px;align-items:flex-end;gap:14px;width:min(90%,36rem);padding:16px 18px 0 0;display:flex;position:absolute;bottom:0;left:0}.blog-feature__tab:before,.blog-feature__tab:after{content:"";width:var(--r);height:var(--r);background:radial-gradient(circle at 100% 0, transparent calc(var(--r) - .5px), var(--blog-bg,var(--color-surface)) var(--r));position:absolute}.blog-feature__tab:before{bottom:100%;left:0}.blog-feature__tab:after{bottom:0;left:100%}.blog-feature__tab>[data-feature-caption]{flex:1;min-width:0}.blog-feature__meta{color:var(--color-muted);flex-wrap:wrap;gap:4px 8px;font-size:.875rem;display:flex}.blog-feature__title{min-height:2.24em;color:var(--color-ink-dark);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:clamp(1.375rem,2.5vw,2.375rem);font-weight:500;line-height:1.12;display:-webkit-box;overflow:hidden}@media (width>=768px){.blog-feature__title{-webkit-line-clamp:2;line-clamp:2}}.blog-feature__arrow{background-color:var(--color-brand);color:#fff;border-radius:9999px;flex:none;place-items:center;width:52px;height:52px;margin-bottom:2px;display:grid}.blog-feature__controls{z-index:3;backdrop-filter:blur(8px);background-color:#ffffffd9;border-radius:9999px;align-items:center;padding:2px;display:flex;position:absolute;top:14px;right:14px}.blog-feature__btn{width:40px;height:40px;color:var(--color-ink-dark);cursor:pointer;border-radius:9999px;place-items:center;transition:background-color .25s;display:grid}.blog-feature__btn:hover{background-color:var(--color-brand-soft)}.blog-feature__dot{cursor:pointer;place-items:center;width:18px;height:40px;display:grid}.blog-feature__dot:before{content:"";background-color:color-mix(in srgb, var(--color-ink-dark) 30%, transparent);border-radius:9999px;width:6px;height:6px;transition:width .3s,background-color .3s}.blog-feature__dot[aria-current=true]:before{background-color:var(--color-brand-strong);width:14px}@media (width>=768px){.blog-feature__link{aspect-ratio:16/10}}@media (width>=1024px){.blog-feature__link{aspect-ratio:10/11;height:100%}.blog-feature__tab{width:min(86%,36rem);padding:18px 20px 0 0}}@media (prefers-reduced-motion:reduce){.blog-showcase *,.blog-card *,.blog-card__link{transition-duration:0s!important}.blog-card__link:hover{transform:none}.blog-card__link:is(:hover,:focus-visible) .blog-card__img{scale:1}}