.lemay-site .lm-media-slot{position:relative;width:100%;margin:0;overflow:hidden;background:#ece9df;border:1px solid rgba(12,38,77,.12);isolation:isolate}
.lemay-site .lm-media-slot[data-ratio="16:9"]{aspect-ratio:16/9}
.lemay-site .lm-media-slot[data-ratio="4:3"]{aspect-ratio:4/3}
.lemay-site .lm-media-slot[data-ratio="4:5"]{aspect-ratio:4/5}
.lemay-site .lm-media-slot[data-ratio="1:1"]{aspect-ratio:1}
.lemay-site .lm-media-slot img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.lemay-site .lm-media-carton img,.lemay-site .lm-media-corrugated img,.lemay-site .lm-media-gift img,.lemay-site .lm-media-manual img,.lemay-site .lm-media-label img,.lemay-site .lm-media-retail img{object-fit:cover}
.lemay-site .lm-media-slot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(3,22,55,.76));pointer-events:none;z-index:1}
.lemay-site .lm-media-slot figcaption{position:absolute;z-index:2;left:clamp(18px,3vw,38px);right:clamp(18px,3vw,38px);bottom:clamp(16px,2.4vw,28px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.28)}
.lemay-site .lm-media-slot figcaption span{font-size:clamp(15px,1.5vw,21px);font-weight:600;letter-spacing:.02em}
.lemay-site .lm-media-slot figcaption small{font-size:9px;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;text-align:right;opacity:.82}
.lemay-site .lm-media-slot:hover img{transform:scale(1.025)}
.lemay-site .lm-section>.lm-media-slot{margin-top:38px;max-height:650px}
.lemay-site .lm-card .lm-media-slot{min-height:190px;margin-bottom:28px}
.lemay-site .lm-hero>.lm-media-slot{min-height:420px}
.lemay-site .lm-hero>.lm-media-slot img{min-height:100%}
.lemay-site .lm-media-slot:focus-within img{transform:none}
@media(max-width:767px){.lemay-site .lm-media-slot[data-ratio="16:9"]{aspect-ratio:4/3}.lemay-site .lm-section>.lm-media-slot{margin-top:28px}.lemay-site .lm-hero>.lm-media-slot{min-height:280px}.lemay-site .lm-media-slot figcaption{align-items:flex-start;flex-direction:column;gap:4px}.lemay-site .lm-media-slot figcaption small{text-align:left;font-size:8px}}
@media(prefers-reduced-motion:reduce){.lemay-site .lm-media-slot img{transition:none}.lemay-site .lm-media-slot:hover img{transform:none}}