.promo{--promo-card:640px;--promo-side:.8;--promo-pitch:.82;--promo-basis:calc(var(--promo-card) * var(--promo-pitch));--promo-reach:calc(var(--promo-pitch) + var(--promo-side) / 2);--promo-shadow-gutter:72px;--promo-edge:calc(50% - var(--promo-card) / 2)}.promo__card:after{content:"";z-index:1;background:rgba(var(--black-rgb), .6);transition:opacity .5s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.promo__slide.on .promo__card:after{opacity:0}.promo__card:before{content:"";z-index:1;background:linear-gradient(to top, rgba(var(--black-rgb), 1), transparent 60%);opacity:0;transition:opacity .5s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.promo__slide.on .promo__card:before{opacity:1}.promo__slide.on .promo__card--no-text:before{opacity:0}@media (min-width:721px){.promo__card:after{background:rgba(var(--black-rgb), .5)}.promo__card:before{opacity:1}}.promo__dot:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.promo--jump .promo__card:before,.promo--jump .promo__card:after{transition:none}@media (max-width:720px){.promo{--promo-card:100%;--promo-basis:100%}}