.mx-live-cine{position:relative;height:330vh;color:#fff;background:#0c0b0a;border-bottom:1px solid rgba(183,148,70,.28);overflow:clip}.mx-live-cine__sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden}.mx-live-cine__media,.mx-live-cine__shade{position:absolute;top:0;right:0;bottom:0;left:0}.mx-live-cine__media img,.mx-live-cine__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.mx-live-cine__poster{z-index:1;opacity:1;transition:opacity .28s ease,filter .28s ease,transform .28s ease}.mx-live-cine__chapter-frame{z-index:2;opacity:0;pointer-events:none;transition:opacity .18s ease}.mx-live-cine__media video{z-index:3;opacity:0;transition:opacity .28s ease}.mx-live-cine.is-video-ready .mx-live-cine__poster,.mx-live-cine.is-video-ready .mx-live-cine__chapter-frame{opacity:0}.mx-live-cine.is-video-ready .mx-live-cine__media video{opacity:1}.mx-live-cine__shade{z-index:4;background:linear-gradient(90deg,#070605f2,#0706059e 43%,#0706051a 76%),linear-gradient(0deg,rgba(7,6,5,.62),transparent 48%);pointer-events:none}.mx-live-cine__layout{position:relative;z-index:5;width:min(1240px,calc(100% - 48px));height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-width:0}.mx-live-cine__slides{position:relative;width:min(620px,100%);max-width:100%;min-width:0;min-height:430px}.mx-live-cine__slide{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;max-width:100%;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.mx-live-cine__slide.is-active{opacity:1;transform:none;pointer-events:auto}.mx-live-cine__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#d7bd73!important;font-family:var(--mx-font-body),system-ui,sans-serif!important;font-size:12px;font-weight:700;letter-spacing:.3em!important;text-transform:uppercase}.mx-live-cine__eyebrow:before{content:"";width:30px;height:1px;background:#d7bd73}.mx-live-cine__slide h1,.mx-live-cine__slide h2{max-width:620px;margin:0;color:#fffaf0!important;font-family:var(--mx-font-display),"Arial Narrow",Impact,sans-serif!important;font-size:clamp(58px,8vw,112px);font-weight:400!important;line-height:.82!important;letter-spacing:.015em!important;text-transform:uppercase;text-wrap:balance;text-shadow:0 18px 38px rgba(0,0,0,.4)}.mx-live-cine__slide em{color:#c7a75d!important;font-family:inherit!important;font-style:normal!important;font-weight:400!important}.mx-live-cine__slide>p:last-of-type{max-width:540px;margin:24px 0 0;color:#f7f2e8e6!important;font-family:var(--mx-font-body),system-ui,sans-serif!important;font-size:clamp(15px,1.7vw,19px);line-height:1.6!important;text-shadow:0 8px 20px rgba(0,0,0,.45)}.mx-live-cine__cta{width:max-content;max-width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;margin-top:28px;padding:15px 28px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#0c0b0a!important;background:linear-gradient(135deg,#d2b86d,#b79446 54%,#987a39);box-shadow:0 12px 30px #b794463d;box-sizing:border-box;font-family:var(--mx-font-body),system-ui,sans-serif!important;font-size:12px;font-weight:700;letter-spacing:.16em;text-decoration:none!important;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.mx-live-cine__cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px #b7944657}.mx-live-cine__nav{position:absolute;bottom:56px;display:flex;align-items:center;gap:12px}.mx-live-cine__nav>button{width:46px;height:46px;border:1px solid rgba(255,255,255,.48);border-radius:50%;color:#fff;background:#0c0b0a70;cursor:pointer;font-size:18px}.mx-live-cine__dots{display:flex;gap:7px}.mx-live-cine__dots button{width:42px;height:42px;display:grid;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.mx-live-cine__dots span{width:26px;height:3px;display:block;background:#ffffff5c;transition:width .2s ease,background .2s ease}.mx-live-cine__dots .is-active span{width:42px;background:#d7bd73}.mx-live-cine__hint{position:absolute;right:0;bottom:68px;margin:0;color:#f7f2e8b8!important;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.template-index .loox-pn{display:none!important}@media(max-width:767px){.mx-live-cine{height:auto}.mx-live-cine__sticky{position:relative;height:760px;min-height:0}.mx-live-cine.is-mobile-scroll{height:330vh;height:330svh}.mx-live-cine.is-mobile-scroll .mx-live-cine__sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:0}.mx-live-cine__media .mx-live-cine__chapter-frame,.mx-live-cine__media video{inset:0 0 auto;height:52%;object-fit:contain;object-position:center top;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%)}.mx-live-cine.has-mobile-frame .mx-live-cine__poster{opacity:.3;filter:brightness(.58);transform:scale(1.04)}.mx-live-cine.has-mobile-frame:not(.is-video-ready) .mx-live-cine__chapter-frame{opacity:1}.mx-live-cine__shade{background:linear-gradient(0deg,#070605f7,#07060547 78%)}.mx-live-cine__layout{width:calc(100% - 32px);max-width:calc(100% - 32px);justify-content:end;padding-bottom:108px;box-sizing:border-box}.mx-live-cine__slides{min-height:380px;min-height:clamp(340px,50svh,420px)}.mx-live-cine__slide{justify-content:end}.mx-live-cine__slide h1,.mx-live-cine__slide h2{max-width:100%;font-size:clamp(46px,14vw,64px);line-height:.86!important;white-space:normal!important;overflow-wrap:normal}.mx-live-cine__slide>p:last-of-type{max-width:100%;font-size:15px}.mx-live-cine__cta{width:100%}.mx-live-cine__nav{bottom:38px}.mx-live-cine__hint{display:block;top:52px;right:0;bottom:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0c0b0a6b;font-size:9px;letter-spacing:.12em}}@media(max-width:767px)and (max-height:640px){.mx-live-cine__media .mx-live-cine__chapter-frame,.mx-live-cine__media video{height:46%}.mx-live-cine__layout{padding-bottom:84px}.mx-live-cine__slides{min-height:300px}.mx-live-cine__slide h1,.mx-live-cine__slide h2{font-size:clamp(38px,12vw,48px)}.mx-live-cine__slide>p:last-of-type{margin-top:16px;font-size:13px}.mx-live-cine__cta{min-height:46px;margin-top:18px;padding:11px 20px}.mx-live-cine__nav{bottom:20px}.mx-live-cine__nav>button{width:42px;height:42px}.mx-live-cine__hint{top:48px}}@media(prefers-reduced-motion:reduce){.mx-live-cine__poster,.mx-live-cine__chapter-frame,.mx-live-cine__media video,.mx-live-cine__slide,.mx-live-cine__cta,.mx-live-cine__dots span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/mx-live-hero-cinematic.css.map */