.gallery-somber{--gallery-brass: #9a6a3c;--gallery-gap: clamp(1rem, 1.6vw, 1.8rem);--gallery-radius: 1.2rem}.gallery-somber__grid{list-style:none;margin:0 auto;padding:0;max-width:120rem;columns:2;column-gap:var(--gallery-gap)}@media screen and (min-width:750px){.gallery-somber__grid--2{columns:2}.gallery-somber__grid--3,.gallery-somber__grid--4{columns:3}}@media screen and (min-width:1200px){.gallery-somber__grid--4{columns:4}}.gallery-somber__item{break-inside:avoid;margin:0 0 var(--gallery-gap)}.gallery-somber__open,.gallery-somber__placeholder{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--gallery-radius);overflow:hidden;background:rgba(var(--color-foreground),.06);box-shadow:0 .2rem 1.2rem #1c1a1714;cursor:zoom-in}.gallery-somber__open img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s ease}.gallery-somber__open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #9a6a3c00;background:linear-gradient(to top,rgba(28,26,23,.18),transparent 45%);opacity:0;transition:opacity .4s ease,box-shadow .4s ease;pointer-events:none}@media(hover:hover){.gallery-somber__open:hover img{transform:scale(1.035)}.gallery-somber__open:hover:after{opacity:1;box-shadow:inset 0 0 0 1px #9a6a3c8c}}.gallery-somber__open:focus-visible{outline:2px solid var(--gallery-brass);outline-offset:3px}.gallery-somber__placeholder{aspect-ratio:4 / 5;cursor:default}.gallery-somber__body{display:block;container-type:inline-size}.gallery-somber__grid--collage{--cols: 2;--col-w: calc((100cqi - (var(--cols) - 1) * var(--gallery-gap)) / var(--cols));columns:auto;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc((var(--col-w) - var(--gallery-gap)) / 2);grid-auto-flow:row dense;gap:var(--gallery-gap)}@media screen and (min-width:750px){.gallery-somber__grid--collage{--cols: 6}}.gallery-somber__grid--collage .gallery-somber__item{margin:0;grid-column:span 1;grid-row:span 2}.gallery-somber__grid--collage .gallery-somber__open,.gallery-somber__grid--collage .gallery-somber__placeholder{height:100%;aspect-ratio:auto}.gallery-somber__grid--collage .gallery-somber__open img{height:100%;object-fit:cover}.gallery-somber__grid--collage .gallery-somber__item--portrait{grid-row:span 3}.gallery-somber__grid--collage .gallery-somber__item--large{grid-column:span 2;grid-row:span 5}.gallery-somber__grid--collage .gallery-somber__item--wide,.gallery-somber__grid--collage .gallery-somber__item--hero{grid-column:span 2;grid-row:span 3}@media screen and (min-width:750px){.gallery-somber__grid--collage .gallery-somber__item--wide{grid-column:span 2;grid-row:span 3}.gallery-somber__grid--collage .gallery-somber__item--hero{grid-column:span 3;grid-row:span 4}}.gallery-somber__placeholder svg{width:100%;height:100%}@media(prefers-reduced-motion:no-preference){.gallery-somber__item.is-pending{opacity:0;transform:translateY(1.6rem)}.gallery-somber__item.is-shown{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}}.gallery-somber__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:clamp(3.2rem,5vw,4.4rem)}.gallery-somber__actions .button{min-width:22rem}@media screen and (max-width:749px){.gallery-somber__actions{flex-direction:column;align-items:stretch}.gallery-somber__actions .button{min-width:0}}.gallery-somber__lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#141210f7;color:#f3ebdd;overflow:hidden}.gallery-somber__lightbox::backdrop{background:#14121099}.gallery-somber__lightbox[open]{display:flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:no-preference){.gallery-somber__lightbox[open]{animation:gallery-somber-in .3s ease}}@keyframes gallery-somber-in{0%{opacity:0}to{opacity:1}}.gallery-somber__figure{display:flex;flex-direction:column;align-items:center;gap:1.4rem;margin:0;padding:6rem 1.6rem 2.4rem;box-sizing:border-box;width:100%;max-height:100%;touch-action:pan-y pinch-zoom}@media screen and (min-width:750px){.gallery-somber__figure{padding:6rem 9rem 3rem}}.gallery-somber__full{--gallery-max-h: calc(100dvh - 15rem) ;display:block;width:min(100%,calc(var(--gallery-max-h) * var(--gallery-ratio, 1.333)));height:auto;aspect-ratio:var(--gallery-ratio, 1.333);object-fit:contain;background:#f3ebdd0a;border-radius:.6rem;box-shadow:0 1.6rem 4rem #00000073}.gallery-somber__caption{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4rem 1.6rem;max-width:64rem;text-align:center;font-family:var(--font-heading-family);font-style:italic;font-size:1.6rem;line-height:1.4}.gallery-somber__count{font-family:var(--font-body-family);font-style:normal;font-size:1.1rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#c79a6b}.gallery-somber__date:not(:empty):after{content:"\b7";margin:0 .6em 0 .9em}.gallery-somber__nav,.gallery-somber__close{position:absolute;display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:1px solid rgba(243,235,221,.35);border-radius:50%;background:#14121066;color:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}.gallery-somber__nav svg,.gallery-somber__close svg{width:2.2rem;height:2.2rem}.gallery-somber__nav:hover,.gallery-somber__close:hover{background:#9a6a3c8c;border-color:#f3ebddb3}.gallery-somber__nav:focus-visible,.gallery-somber__close:focus-visible{outline:2px solid #c79a6b;outline-offset:3px}.gallery-somber__close{top:1.4rem;right:1.4rem}.gallery-somber__nav{top:50%;transform:translateY(-50%)}.gallery-somber__nav--prev{left:2rem}.gallery-somber__nav--next{right:2rem}@media screen and (max-width:749px){.gallery-somber__nav{top:auto;bottom:1.4rem;transform:none}.gallery-somber__nav--prev{left:1.4rem}.gallery-somber__nav--next{right:1.4rem}.gallery-somber__figure{padding-bottom:8rem}.gallery-somber__full{--gallery-max-h: calc(100dvh - 20rem) }}html:has(.gallery-somber__lightbox[open]){overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-gallery-somber.css.map */