body .zmr{display:block;background:#000;color:#fff;font-family:Inter,Arial,sans-serif!important;--zmr-pad:40px;--zmr-ease:cubic-bezier(.4,0,.2,1)}body .zmr *{box-sizing:border-box}body .zmr :is(h1,h2,p,a,button,span){font-family:Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-style:normal!important}body .zmr :is(h1,h2){color:#fff!important;margin:0!important;font-weight:700!important;line-height:1.25!important}body .zmr :is(.zmr-hero,.zmr-campaign,.zmr-panel){position:relative;isolation:isolate;overflow:hidden;background:#111}body .zmr .zmr-hero{height:56.25vw;min-height:520px;max-height:1080px}body .zmr :is(.zmr-hero,.zmr-campaign,.zmr-panel)>:is(img,video,picture){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}body .zmr picture img{width:100%;height:100%;object-fit:cover;display:block}body .zmr .zmr-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}body .zmr .zmr-hero-copy{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(27.5rem,100%);padding:40px;text-align:center}body .zmr .zmr-hero h1{font-size:20px!important;line-height:25px!important;margin-bottom:16px!important}body .zmr a.zmr-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:0 20px!important;border:1px solid #fff!important;border-radius:100px!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:500!important;line-height:16px!important;box-shadow:none!important;transition:background .2s var(--zmr-ease),color .2s var(--zmr-ease)}body .zmr a.zmr-button:hover{background:#fff!important;color:#111!important}body .zmr .zmr-campaign{height:44.6vw;min-height:480px;max-height:857px}body .zmr .zmr-copy{position:absolute;bottom:0;left:0;padding:40px var(--zmr-pad);max-width:calc(360px + 2 * var(--zmr-pad))}body .zmr .zmr-copy p{font-size:16px!important;line-height:22px!important;color:#fff;margin:0 0 12px!important;font-weight:500}body .zmr .zmr-campaign h2{font-size:20px!important;line-height:25px!important;margin-bottom:16px!important}body .zmr .zmr-activities{padding:40px 0 40px var(--zmr-pad);background:#000}body .zmr .zmr-activities-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-right:var(--zmr-pad);margin-bottom:24px}body .zmr .zmr-activities h2{font-size:24px!important;line-height:32px!important}body .zmr .zmr-arrows{display:flex;gap:8px}body .zmr :is(.zmr-arrows,.zmr-controls) button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer;border-radius:0;box-shadow:none}body .zmr .zmr-arrows button:disabled{opacity:.35;cursor:default}body .zmr .zmr-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:var(--zmr-pad)}body .zmr .zmr-track::-webkit-scrollbar{display:none}body .zmr a.zmr-card{display:block;flex:0 0 calc((100% - 32px)/5);min-width:0;scroll-snap-align:start;text-decoration:none;color:#fff!important}body .zmr .zmr-card-image{aspect-ratio:3/4;background:#222;overflow:hidden}body .zmr .zmr-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--zmr-ease)}body .zmr .zmr-card:hover img{transform:scale(1.035)}body .zmr .zmr-card span{display:block;padding-top:12px;font-size:14px;font-weight:500;line-height:16px}body .zmr .zmr-panels{display:grid;grid-template-columns:1fr 1fr}body .zmr .zmr-panel{min-height:500px;aspect-ratio:1/1}body .zmr .zmr-panel .zmr-copy{max-width:none}body .zmr .zmr-panel h2{font-size:40px!important;line-height:40px!important;margin-bottom:16px!important}body .zmr .zmr-controls{position:absolute;top:40px;right:var(--zmr-pad);display:flex;gap:8px}body .zmr .zmr-controls[hidden]{display:none}body .zmr .zmr-controls button{width:32px;height:32px;font-size:16px;background:#fff;color:#111;border-radius:50%}body .zmr [data-sound][aria-pressed=false]{text-decoration:line-through}body .zmr .zmr-progress{display:none}body .zmr :is(a,button,[tabindex]):focus-visible{outline:2px solid #fff!important;outline-offset:4px}body .zmr .zmr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1023px){body .zmr a.zmr-card{flex-basis:calc((100% - 12px)/4)}body .zmr .zmr-track{gap:4px}}@media(max-width:767px){body .zmr{--zmr-pad:16px}body .zmr .zmr-hero{height:78svh;min-height:480px;max-height:850px}body .zmr .zmr-hero-copy{padding:24px 16px}body .zmr .zmr-campaign{height:125vw;min-height:480px}body .zmr .zmr-copy{padding:24px var(--zmr-pad)}body .zmr .zmr-activities{padding-top:32px;padding-bottom:32px}body .zmr .zmr-activities-head{margin-bottom:16px}body .zmr .zmr-activities h2{font-size:20px!important;line-height:28px!important}body .zmr a.zmr-card{flex-basis:calc((100% - 4px)/2)}body .zmr .zmr-panels{grid-template-columns:1fr}body .zmr .zmr-panel{aspect-ratio:1/1;min-height:0}body .zmr .zmr-panel h2{font-size:24px!important;line-height:28px!important}body .zmr .zmr-controls{top:100px}}@media(max-width:479px){body .zmr a.zmr-card{flex-basis:100%}}@media(prefers-reduced-motion:reduce){body .zmr *{scroll-behavior:auto!important;transition:none!important}body .zmr .zmr-card:hover img{transform:none}}body .zmr .zmr-poster-mobile{display:none}@media(max-width:749px){body .zmr .zmr-hero:has(.zmr-poster-mobile) .zmr-video{display:none}body .zmr .zmr-poster-mobile{display:block}}.zmr-hero .zmr-video{opacity:0;transition:opacity .35s ease}.zmr-hero .zmr-video.is-playing{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/22/assets/zm-reference-home.css.map */