/* Full-width product mosaic, aligned with the outer edges of the section. */
main#main .atelier.jp-about-mosaic{position:relative;left:50%;width:100vw;max-width:none;margin:32px 0 32px -50vw;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;background:#fff}
.jp-about-mosaic>.jp-about-product-mosaic{grid-column:1;grid-row:1;width:100%;max-width:none;min-width:0;margin:0;padding:0}
main#main .jp-about-mosaic>.content{grid-column:2;grid-row:1;padding:clamp(30px,5vw,85px);min-width:0}
.jp-product-mosaic{--mosaic-gap:7px;display:flex;flex-direction:column;gap:var(--mosaic-gap);overflow:hidden}.jp-mosaic-row{display:flex;gap:var(--mosaic-gap);width:100%;min-width:0}.jp-mosaic-row>.jp-mosaic-tile{flex:0 0 calc((100% - 4 * var(--mosaic-gap)) / 5);width:calc((100% - 4 * var(--mosaic-gap)) / 5)}.jp-mosaic-row:nth-child(even){transform:translateX(calc(-10% - var(--mosaic-gap) / 10))}
.jp-mosaic-tile{display:block;position:relative;aspect-ratio:1;min-width:0;overflow:hidden;background:#fff;transition:box-shadow 800ms ease}
main#main .jp-product-mosaic .jp-mosaic-tile img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;filter:grayscale(1);opacity:.48;transition:filter 800ms ease,opacity 800ms ease;transform:none!important;background:#f7f5ef}
main#main .jp-product-mosaic .jp-mosaic-tile.is-lit img,main#main .jp-product-mosaic .jp-mosaic-tile:hover img,main#main .jp-product-mosaic .jp-mosaic-tile:focus-visible img{filter:grayscale(0);opacity:1}
.jp-mosaic-tile.is-lit{box-shadow:inset 0 0 0 1px #d2c4a8}
.jp-mosaic-tile:focus-visible{outline:2px solid #ac8542;outline-offset:-2px}
@media(max-width:760px){main#main .atelier.jp-about-mosaic{grid-template-columns:minmax(0,1fr);margin-top:22px;margin-bottom:22px}.jp-about-mosaic>.jp-about-product-mosaic{grid-column:1;grid-row:1}.jp-product-mosaic{--mosaic-gap:5px}main#main .jp-about-mosaic>.content{grid-column:1;grid-row:2;padding:36px 25px 42px}}
@media(prefers-reduced-motion:reduce){.jp-mosaic-tile,main#main .jp-product-mosaic .jp-mosaic-tile img{transition:none}main#main .jp-product-mosaic .jp-mosaic-tile img{filter:none;opacity:1}}
main#main .jp-product-mosaic .jp-mosaic-tile img.jp-mosaic-next{position:absolute;inset:0}