.hp-mosaic-section{overflow-x:clip}@supports not (overflow-x: clip){.hp-mosaic-section{overflow-x:hidden}}.hp-mosaic{--mos-cols: 7;--mos-cols-m: 4;--mos-gap: 10px;--mos-gap-m: 8px;--mos-radius: 8px;--mos-rw: 180;--mos-rh: 276;--mos-rw-m: 180;--mos-rh-m: 276;--mos-drop: 0px;--mos-drop-m: 0px;--mos-bleed: 190vw;--mos-swipe-w: 42vw;--mos-slot-col: 4;--mos-slot-span: 2;--mos-slot-row: 1;--mos-slot-rows: 1;--mos-head-gap: 40px;--mos-reveal-y: 14px}.hp-mosaic__grid{display:grid;grid-template-columns:repeat(var(--mos-cols),minmax(0,1fr));gap:var(--mos-gap);padding-bottom:var(--mos-drop)}.hp-mosaic__scroller,.hp-mosaic__track{display:contents}.hp-mosaic__cell{min-width:0;transform:translate3d(0,var(--mos-off-d, 0px),0)}.hp-mosaic__tile{position:relative;display:block;overflow:hidden;border-radius:var(--mos-radius);aspect-ratio:var(--mos-rw) / var(--mos-rh);background-color:rgb(var(--color-background-secondary))}.hp-mosaic__tile img,.hp-mosaic__tile video{display:block;width:100%;height:100%;object-fit:cover}.hp-mosaic__placeholder{width:100%;height:100%}a.hp-mosaic__tile img,a.hp-mosaic__tile video{transition:transform var(--m-duration-long, .5s) ease}@media(hover:hover)and (pointer:fine){a.hp-mosaic__tile:hover img,a.hp-mosaic__tile:hover video{transform:scale(1.04)}}a.hp-mosaic__tile:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:3px}.hp-mosaic__intro{grid-column:1 / -1;grid-row:1;margin-bottom:var(--mos-head-gap);text-align:center}.hp-mosaic__eyebrow{margin:0 0 10px}.hp-mosaic__title{margin:0;white-space:pre-line}.hp-mosaic__body{margin:18px auto 0;max-width:var(--mos-body-w, 420px);color:rgb(var(--color-foreground-secondary))}.hp-mosaic__body>:last-child{margin-bottom:0}.hp-mosaic[data-align=left] .hp-mosaic__intro{text-align:left}.hp-mosaic[data-align=left] .hp-mosaic__body{margin-inline:0}@media(min-width:768px){.hp-mosaic[data-heading=inside] .hp-mosaic__intro{grid-column:var(--mos-slot-col) / span var(--mos-slot-span);grid-row:var(--mos-slot-row) / span var(--mos-slot-rows);margin-bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4px}.hp-mosaic[data-heading=inside] .hp-mosaic__body{margin-top:10px}}.js .hp-mosaic[data-reveal=true] .hp-mosaic__tile{opacity:0;transform:translate3d(0,var(--mos-reveal-y),0);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--mos-delay, 0ms)}.js .hp-mosaic[data-reveal=true] .hp-mosaic__cell.is-in .hp-mosaic__tile{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .hp-mosaic[data-reveal=true] .hp-mosaic__tile{opacity:1;transform:none;transition:none}a.hp-mosaic__tile img,a.hp-mosaic__tile video{transition:none}a.hp-mosaic__tile:hover img,a.hp-mosaic__tile:hover video{transform:none}}@media(max-width:767px){.hp-mosaic__grid{display:block;padding-bottom:0}.hp-mosaic__intro{margin-bottom:var(--mos-head-gap)}.hp-mosaic__cell{transform:translate3d(0,var(--mos-off-m, 0px),0)}.hp-mosaic__tile{aspect-ratio:var(--mos-rw-m) / var(--mos-rh-m)}.hp-mosaic__scroller{display:block}.hp-mosaic__track{display:grid;grid-template-columns:repeat(var(--mos-cols-m),minmax(0,1fr));gap:var(--mos-gap-m);padding-bottom:calc(var(--mos-drop-m) + var(--mos-reveal-y))}.hp-mosaic[data-mobile=bleed] .hp-mosaic__scroller,.hp-mosaic[data-mobile=swipe] .hp-mosaic__scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;width:100vw;margin-inline-start:calc((100% - 100vw)/2);padding-inline:15px}.hp-mosaic[data-mobile=bleed] .hp-mosaic__scroller::-webkit-scrollbar,.hp-mosaic[data-mobile=swipe] .hp-mosaic__scroller::-webkit-scrollbar{display:none}.hp-mosaic[data-mobile=bleed] .hp-mosaic__scroller:focus-visible,.hp-mosaic[data-mobile=swipe] .hp-mosaic__scroller:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.hp-mosaic[data-mobile=bleed] .hp-mosaic__track{width:var(--mos-bleed)}.hp-mosaic[data-mobile=swipe] .hp-mosaic__scroller{scroll-snap-type:x proximity}.hp-mosaic[data-mobile=swipe] .hp-mosaic__track{display:flex;grid-template-columns:none;width:max-content}.hp-mosaic[data-mobile=swipe] .hp-mosaic__cell{flex:0 0 var(--mos-swipe-w);scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/photo-mosaic.css.map */