@layer components{.gallery{padding-block:40px;background:linear-gradient(180deg,transparent 0%,var(--brand-paper-deep) 50%,transparent 100%)}.gallery .eyebrow{text-align:center}.gallery h2{text-align:center;font-size:var(--fs-3xl);letter-spacing:var(--tracking-tight);max-width:24ch;margin:0 auto var(--space-3)}.gallery-lede{text-align:center;color:var(--ink);max-width:50ch;margin:0 auto var(--space-6)}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:280px 280px;gap:var(--space-4)}.gallery-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-tint);border:1px solid var(--line);transition:transform var(--dur-slow) var(--ease-out-soft)}.gallery-card:hover{transform:translateY(-4px)}.gallery-card--feature{grid-column:1;grid-row:1 / span 2}.gallery-card-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gallery-card-art img{width:100%;height:100%;object-fit:cover}.gallery-card-art--placeholder{background:var(--brand-paper-deep)}.gallery-card-art--placeholder .gallery-placeholder-mark{width:64px;height:auto;opacity:.45}.gallery-card-tag{position:absolute;bottom:var(--space-4);left:var(--space-4);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-deep)}@media(max-width:800px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gallery-card--feature{grid-row:auto;grid-column:1 / -1;height:280px}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-storybook-gallery.css.map */