.mood-gallery{margin:0;padding:0}.mood-gallery__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.mood-gallery__tile{position:relative;display:block;min-width:0;aspect-ratio:1;overflow:hidden;color:#fff;background:#242424;text-decoration:none}.mood-gallery__tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mood-gallery__tile:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000c2);pointer-events:none}.mood-gallery__caption{position:absolute;z-index:1;inset-inline:20px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:12px;font-family:var(--font-heading-family, Georgia, serif);font-size:26px;line-height:1.15;letter-spacing:0;text-shadow:0 1px 3px #222}.mood-gallery__caption>span{min-width:0;overflow-wrap:anywhere}.mood-gallery__caption .ml-icon{width:20px;height:20px;flex:0 0 20px;margin-bottom:3px}.mood-gallery__tile:hover .mood-gallery__caption>span{text-decoration:underline;text-underline-offset:5px}.mood-gallery__tile:focus-visible{outline:3px solid #fff;outline-offset:-7px;box-shadow:inset 0 0 0 10px #7c233c}.mood-gallery__signature{display:none;min-width:0;min-height:0;aspect-ratio:1;padding:20px;color:#fff;background:#782039;text-decoration:none}.mood-gallery__signature-brand{font:18px/1.2 Georgia,serif}.mood-gallery__signature-line{font:28px/1.1 Georgia,serif;max-width:12ch;overflow-wrap:anywhere}.mood-gallery__signature-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.mood-gallery__signature-link .ml-icon{width:20px;height:20px;flex:0 0 20px}.mood-gallery__signature:hover .mood-gallery__signature-link{text-decoration:underline;text-underline-offset:4px}.mood-gallery__signature:focus-visible{outline:3px solid #fff;outline-offset:-7px}@media(min-width:750px)and (max-width:1199px){.mood-gallery__signature{display:flex;flex-direction:column;justify-content:space-between;gap:10px}}@media(max-width:1199px){.mood-gallery__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.mood-gallery__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.mood-gallery__caption{inset-inline:11px;bottom:13px;gap:5px;font-size:19px}.mood-gallery__caption .ml-icon{width:16px;height:16px;flex-basis:16px;margin-bottom:2px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/may-london-moods.css.map */