.blog-article-gallery{--bag-accent:var(--primary);--bag-accent-end:var(--zap-aqua);--bag-deck-gap:1.5rem;--bag-ease:cubic-bezier(.22, 1, .36, 1);--bag-lift:3px;--bag-cover-ratio:1200 / 630;isolation:isolate;border-radius:var(--radius-3xl);border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);background:color-mix(in srgb, var(--card) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 18px 48px -36px #00000047,inset 0 1px #ffffff0a}.blog-article-gallery:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--primary) 40%, transparent), transparent);height:1px;position:absolute;inset:0 0 auto}.dark .blog-article-gallery{background:color-mix(in srgb, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:color-mix(in srgb, var(--primary) 18%, transparent)}.blog-article-gallery__backdrop{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.blog-article-gallery__ambient{background:radial-gradient(ellipse 70% 55% at 12% 0%, color-mix(in oklab, var(--primary) 8%, transparent), transparent 55%), radial-gradient(ellipse 55% 45% at 92% 8%, color-mix(in srgb, var(--zap-aqua) 6%, transparent), transparent 50%);position:absolute;inset:0}.dark .blog-article-gallery__ambient{background:radial-gradient(ellipse 70% 55% at 12% 0%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 55%), radial-gradient(ellipse 55% 45% at 92% 8%, color-mix(in srgb, var(--zap-aqua) 7%, transparent), transparent 50%)}.blog-article-gallery__grid{opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 35%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 35%,#000,#0000)}.blog-article-gallery__body{z-index:1;gap:.75rem;padding:.85rem .85rem .75rem;display:grid;position:relative}@media (min-width:640px){.blog-article-gallery__body{padding:.95rem 1rem .85rem}}.blog-article-gallery__stage{grid-template-columns:8.5rem minmax(0,1fr);align-items:center;gap:.85rem;display:grid}@media (min-width:640px){.blog-article-gallery__stage{grid-template-columns:11rem minmax(0,1fr);gap:1rem}}@media (min-width:1024px){.blog-article-gallery__stage{grid-template-columns:14rem minmax(0,1fr)}}.blog-article-gallery__cover{border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);aspect-ratio:var(--bag-cover-ratio);background:color-mix(in srgb, var(--muted) 35%, transparent);border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 28px -20px #00000059}.blog-article-gallery__cover img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform .7s var(--bag-ease)}.blog-article-gallery__cover-link:hover img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.blog-article-gallery__cover-link:hover img{transform:none}}.blog-article-gallery__cover-shine{pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 42% 100%);position:absolute;inset:0}.blog-article-gallery__copy{flex-direction:column;justify-content:center;gap:.4rem;min-width:0;display:flex}.blog-article-gallery__meta{flex-wrap:wrap;gap:.35rem;display:flex}.blog-article-gallery__pill{border:1px solid color-mix(in srgb, var(--bag-accent) 35%, transparent);background:color-mix(in srgb, var(--bag-accent) 12%, transparent);letter-spacing:.04em;text-transform:uppercase;color:var(--bag-accent);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:9px;font-weight:700;display:inline-flex}.blog-article-gallery__pill--muted{border-color:color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--card) 70%, transparent);color:var(--muted-foreground);text-transform:none;letter-spacing:0;font-weight:600}.blog-article-gallery__title{letter-spacing:-.015em;color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.blog-article-gallery__title a{transition:color .25s}.blog-article-gallery__title a:hover{background:linear-gradient(90deg, var(--bag-accent), var(--bag-accent-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.blog-article-gallery__title a:focus-visible{outline:2px solid color-mix(in srgb, var(--bag-accent) 45%, transparent);outline-offset:3px;border-radius:.2rem}.blog-article-gallery__excerpt{max-width:36rem;color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}@media (max-width:639px){.blog-article-gallery__excerpt{-webkit-line-clamp:1}}.blog-article-gallery__cta{width:fit-content;color:var(--bag-accent);transition:transform .25s var(--bag-ease), box-shadow .25s ease, filter .25s ease;border-radius:.25rem;align-items:center;gap:.3rem;margin-top:.1rem;padding:.25rem 0;font-size:.75rem;font-weight:800;display:inline-flex}.blog-article-gallery__cta:hover{color:var(--bag-accent-end);transform:translate(2px)}.blog-article-gallery__cta:focus-visible,.blog-article-gallery__nav:focus-visible,.blog-article-gallery__deck-item:focus-visible,.blog-article-gallery__dot:focus-visible{outline:2px solid color-mix(in srgb, var(--bag-accent) 45%, transparent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.blog-article-gallery__cta:hover{transform:none}}.blog-article-gallery__deck-zone{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);min-width:0;padding-top:.65rem}.blog-article-gallery__deck-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--muted-foreground) 88%, transparent);margin:0 0 .45rem;font-size:9px;font-weight:700}.blog-article-gallery__deck-row{align-items:center;gap:.4rem;min-width:0;display:flex}.blog-article-gallery__nav{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--card) 70%, transparent);width:1.85rem;height:1.85rem;color:var(--muted-foreground);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.blog-article-gallery__nav:hover{color:var(--bag-accent);border-color:color-mix(in srgb, var(--bag-accent) 35%, transparent);background:color-mix(in srgb, var(--bag-accent) 8%, transparent)}.blog-article-gallery__deck{gap:var(--bag-deck-gap);width:100%;min-width:0;padding:calc(var(--bag-lift) + .4rem) .1rem .15rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;margin-top:-.25rem;scroll-padding-inline:.1rem;display:flex;overflow:auto visible}.blog-article-gallery__deck::-webkit-scrollbar{display:none}.blog-article-gallery__deck-item{flex:0 0 calc((100% - (2 * var(--bag-deck-gap))) / 3);width:calc((100% - (2 * var(--bag-deck-gap))) / 3);max-width:calc((100% - (2 * var(--bag-deck-gap))) / 3);scroll-snap-align:start;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-direction:column;align-items:stretch;gap:.6rem;padding:0;display:inline-flex}.blog-article-gallery__chip{width:100%;aspect-ratio:var(--bag-cover-ratio);border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);background:color-mix(in srgb, var(--card) 80%, transparent);transition:transform .28s var(--bag-ease), border-color .28s ease, box-shadow .28s ease;border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px -14px #00000073}.blog-article-gallery__chip img{object-fit:cover;object-position:left top;width:100%;height:100%}.blog-article-gallery__deck-item:hover .blog-article-gallery__chip{border-color:color-mix(in srgb, var(--bag-accent) 28%, transparent);transform:translateY(-2px)}.blog-article-gallery__deck-name{-webkit-line-clamp:2;max-width:100%;color:var(--muted-foreground);text-align:left;-webkit-box-orient:vertical;padding-inline:.15rem;font-size:13px;font-weight:600;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-article-gallery__deck-item:hover .blog-article-gallery__deck-name{color:var(--foreground)}.blog-article-gallery__dots{justify-content:center;gap:.3rem;margin-top:.5rem;display:flex}.blog-article-gallery__dot{background:color-mix(in srgb, var(--border) 90%, transparent);width:.35rem;height:.35rem;transition:width .25s var(--bag-ease), background .25s ease, box-shadow .25s ease;cursor:pointer;border:none;border-radius:999px;padding:0}.blog-article-gallery__dot--active{background:linear-gradient(90deg, var(--bag-accent), var(--bag-accent-end));width:1rem;box-shadow:0 0 12px color-mix(in srgb, var(--bag-accent) 45%, transparent)}@media (prefers-reduced-motion:reduce){.blog-article-gallery__bg,.blog-article-gallery__chip,.blog-article-gallery__dot,.blog-article-gallery__cta{transition:none}}@media (max-width:639px){.blog-article-gallery__stage{grid-template-columns:minmax(0,1fr);gap:.85rem}.blog-article-gallery__title{font-size:1.1rem}.blog-article-gallery__excerpt{-webkit-line-clamp:2;font-size:.875rem}.blog-article-gallery__pill{font-size:10px}.blog-article-gallery__cta{font-size:.875rem}.blog-article-gallery__deck-label{text-align:left;font-size:10px}.blog-article-gallery__nav{display:none}.blog-article-gallery__deck{--bag-deck-gap:1rem}.blog-article-gallery__deck-item{flex-basis:62%;width:62%;max-width:62%}.blog-article-gallery__deck-name{color:color-mix(in srgb, var(--foreground) 85%, transparent);font-size:14px}}