.gallery{--gallery-heading:5;--gallery-columns:12;--gallery-gutter:var(--spacing-6);--gallery-ratio:4 / 3;--gallery-measure:36ch;--gallery-swell-scale:1.02;--gallery-swell:.4s;--gallery-stagger:40ms;padding-block-start:var(--spacing-section-l)}.gallery-header{row-gap:var(--spacing-6);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.gallery-header{grid-template-columns:repeat(var(--gallery-columns), minmax(0, 1fr));column-gap:var(--gallery-gutter);align-items:baseline;row-gap:0}}.gallery-heading{text-wrap:balance;margin:0}@media (min-width:1024px){.gallery-heading{grid-column:1 / span var(--gallery-heading)}}.gallery-line{margin:0}@media (min-width:1024px){.gallery-line{grid-column:calc(var(--gallery-heading) + 1) / -1}}.gallery-grid{gap:var(--spacing-8);margin:var(--spacing-section-m) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (min-width:1024px){.gallery-grid{column-gap:var(--gallery-gutter);row-gap:var(--spacing-12);grid-template-columns:repeat(2,minmax(0,1fr))}}.gallery-item{align-content:start;min-width:0;display:grid}@media (min-width:1024px){.gallery-item:nth-child(2n)[data-enter=in]{transition-delay:var(--gallery-stagger)}}.gallery-plate{aspect-ratio:var(--gallery-ratio)}.gallery-scene{text-align:center;grid-area:1/1;min-width:0;min-height:0;display:grid}.gallery-placeholder{padding:var(--spacing-6);align-self:center;display:block}.gallery-image{grid-area:1/1;min-width:0;min-height:0;position:relative}.gallery-image img{object-fit:cover}.gallery-caption{margin-top:var(--spacing-4);flex-direction:column;align-items:start;display:flex}.gallery-title{text-wrap:pretty;margin:0}.gallery-text{max-width:var(--gallery-measure);margin:var(--spacing-1) 0 0}.gallery-more{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);display:inline-flex}.gallery-arrow{flex:none;display:inline-flex}.gallery-arrow>svg{width:var(--spacing-4);height:var(--spacing-4);display:block}@media (hover:hover){.gallery-item[data-linked]:hover .gallery-scene{transform:scale(var(--gallery-swell-scale))}.gallery-item[data-linked] .gallery-scene{transition:transform var(--gallery-swell) var(--ease-out-expo)}}@media (hover:hover) and (prefers-reduced-motion:reduce){.gallery-item[data-linked]:hover .gallery-scene{transform:none}.gallery-item[data-linked] .gallery-scene{transition:none}}
