mp-gallery.gallery-page-section{position:relative;isolation:isolate}mp-gallery .gallery-page-section__content{min-width:0;width:100%}mp-gallery .gallery-page-section__header{max-width:760px;margin:0 auto clamp(32px,5vw,64px);text-align:center}mp-gallery .gallery-page-section__back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;text-decoration:none;color:inherit;opacity:.7}mp-gallery .gallery-page-section__eyebrow{display:block;color:var(--mp-gold, #a87010);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}mp-gallery .gallery-page-section__heading{margin:16px 0 20px;font-size:clamp(32px,4.4vw,60px);line-height:1.12;text-wrap:balance}mp-gallery .gallery-page-section__rule{display:block;width:72px;height:3px;border-radius:3px;margin:0 auto 24px;background:linear-gradient(90deg,var(--mp-navy, #1a055c),var(--mp-gold, #a87010))}mp-gallery .gallery-page-section__subheading{max-width:630px;margin:0 auto;line-height:1.7;opacity:.75}mp-gallery .gallery-page-section__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,21vw,292px);grid-auto-flow:dense;gap:clamp(12px,1.6vw,24px)}mp-gallery .gallery-photo{display:block;position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:16px;isolation:isolate;background:#ece9e3;color:#fff;text-decoration:none;box-shadow:0 8px 24px #1a055c14;cursor:zoom-in;transition:box-shadow .35s ease,translate .35s ease}mp-gallery .gallery-photo:first-child{grid-column:span 2;grid-row:span 2}mp-gallery .gallery-photo:last-child:nth-child(8){grid-column:span 2}mp-gallery .gallery-photo__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}mp-gallery .gallery-photo__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.65,.25,1)}mp-gallery .gallery-photo:after{content:"";position:absolute;top:38%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#080514b8);pointer-events:none}mp-gallery .gallery-photo__badge{position:absolute;z-index:1;inset:auto 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(13px,1.1vw,16px);font-weight:600;letter-spacing:.02em}mp-gallery .gallery-photo__badge-icon{display:inline-flex;flex:0 0 32px;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 50%);border-radius:50%;background:#ffffff1f;transition:background .25s ease,rotate .35s ease}mp-gallery .gallery-photo__badge-icon svg{width:19px;height:19px}mp-gallery .gallery-photo:focus-visible,mp-gallery .gallery-page-section__back:focus-visible{outline:3px solid var(--mp-gold, #a87010);outline-offset:4px}mp-gallery .mp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(1400px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;padding:18px;border:1px solid rgb(255 255 255 / 14%);border-radius:20px;background:#100d19;color:#fff;overflow:hidden;box-sizing:border-box}mp-gallery .mp-lightbox[open]{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}mp-gallery .mp-lightbox::backdrop{background:#030208d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}mp-gallery .mp-lightbox__toolbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}mp-gallery .mp-lightbox__count{padding-inline:12px;margin:0;font-size:13px;letter-spacing:.12em;color:#ffffffb3}mp-gallery .mp-lightbox__figure{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;gap:12px}mp-gallery .mp-lightbox__image{display:block;width:auto;height:auto;min-height:0;max-width:100%;max-height:calc(100dvh - 220px);object-fit:contain;border-radius:8px}mp-gallery .mp-lightbox__caption{flex-shrink:0;font-size:14px;line-height:1.4;text-align:center}mp-gallery .mp-lightbox__control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255 / 25%);border-radius:50%;background:#ffffff12;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}mp-gallery .mp-lightbox__control svg{width:22px;height:22px}mp-gallery .mp-lightbox__control:hover{background:#fff3}mp-gallery .mp-lightbox__control:focus-visible,mp-gallery .mp-lightbox__original:focus-visible{outline:2px solid #e4b450;outline-offset:3px}mp-gallery .mp-lightbox__nav{grid-row:2;align-self:center}mp-gallery .mp-lightbox__nav--prev{grid-column:1}mp-gallery .mp-lightbox__nav--next{grid-column:3}mp-gallery .mp-lightbox__original{grid-column:1 / -1;justify-self:center;font-size:12px;color:#ffffffbf;text-underline-offset:4px}@media(hover:hover)and (prefers-reduced-motion:no-preference){mp-gallery .gallery-photo:hover{translate:0 -4px;box-shadow:0 18px 40px #1a055c29}mp-gallery .gallery-photo:hover .gallery-photo__image{transform:scale(1.055)}mp-gallery .gallery-photo:hover .gallery-photo__badge-icon{background:var(--mp-gold, #a87010);rotate:90deg}}@media screen and (max-width:989px){mp-gallery .gallery-page-section__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}mp-gallery .gallery-photo{aspect-ratio:1}mp-gallery .gallery-photo:first-child,mp-gallery .gallery-photo:last-child:nth-child(8){grid-column:auto;grid-row:auto}}@media screen and (max-width:599px){mp-gallery .gallery-page-section__grid{grid-template-columns:minmax(0,1fr);gap:18px}mp-gallery .gallery-page-section__back{margin-bottom:22px}mp-gallery .gallery-photo__badge{font-size:16px}mp-gallery .mp-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px;border-radius:14px}mp-gallery .mp-lightbox[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px}mp-gallery .mp-lightbox__figure{grid-column:1 / -1}mp-gallery .mp-lightbox__nav{grid-row:3}mp-gallery .mp-lightbox__nav--prev{grid-column:1;justify-self:end}mp-gallery .mp-lightbox__nav--next{grid-column:2;justify-self:start}mp-gallery .mp-lightbox__original{grid-row:4}mp-gallery .mp-lightbox__image{max-height:calc(100dvh - 240px)}}@media(prefers-reduced-motion:reduce){mp-gallery *,mp-gallery *:before,mp-gallery *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/mp-gallery.css.map */