.petja-gallery{padding:var(--petja-space-section) 0}.petja-gallery__header{text-align:center;max-width:640px;margin:0 auto clamp(56px,8vw,120px)}.petja-gallery__header .petja-eyebrow{display:block;margin-bottom:18px}.petja-gallery__mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}.petja-gallery__item{margin:0;overflow:hidden;position:relative;box-shadow:var(--petja-shadow-softer)}.petja-gallery__item--large{grid-column:span 2;grid-row:span 2}.petja-gallery__item--medium{grid-column:span 2}.petja-gallery__img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform 1.8s var(--petja-ease)}.petja-gallery__item:hover .petja-gallery__img{transform:scale(1.04)}.petja-gallery__img-placeholder{width:100%;height:100%;min-height:260px;background:#ece9e2}.petja-gallery__caption{position:absolute;left:20px;bottom:18px;color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.35)}@media(max-width:900px){.petja-gallery__mosaic{grid-template-columns:repeat(2,1fr)}.petja-gallery__item--large{grid-column:span 2;grid-row:span 1}.petja-gallery__item--medium{grid-column:span 2}}.petja-gallery__cta{text-align:center;margin-top:clamp(40px,5vw,64px)}@media screen and (min-width:901px){.petja-gallery__mosaic{grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(300px,32vw,460px)}.petja-gallery__item:nth-child(1),.petja-gallery__item:nth-child(4){grid-column:span 7}.petja-gallery__item:nth-child(2),.petja-gallery__item:nth-child(3){grid-column:span 5}}.petja-gallery__item{overflow:visible;box-shadow:none}.petja-gallery__img,.petja-gallery__img-placeholder{box-shadow:var(--petja-shadow-softer)}.petja-gallery__caption{position:static;display:block;margin-top:12px;color:var(--petja-text-secondary);font-size:11px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;text-shadow:none}@media screen and (min-width:901px){.petja-gallery__item{display:flex;flex-direction:column;min-height:0}.petja-gallery__img,.petja-gallery__img-placeholder{flex:1 1 auto;min-height:0}.petja-gallery__caption{flex:0 0 auto}}@media screen and (max-width:900px){.petja-gallery__item{display:flex;flex-direction:column;overflow:visible;min-height:0}.petja-gallery__img,.petja-gallery__img-placeholder{flex:0 0 auto;min-height:0;height:auto;aspect-ratio:1 / 1}.petja-gallery__caption{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/petja-gallery.css.map */