.section-2up-asymmetrical{background-color:var(--color-black);padding:5rem 2.5rem}.section-2up-asymmetrical--gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,#000);opacity:.8;z-index:1}.section-2up-asymmetrical__header{margin-bottom:2.5rem}.section-2up-asymmetrical-text a{display:block}.section-2up-asymmetrical-text-row{width:100%}.section-2up-asymmetrical-list{display:flex;flex-wrap:wrap;margin-left:-1rem}.section-2up-asymmetrical-list__item{display:flex;width:100%;max-width:50%;padding-left:1rem;flex-grow:1;flex-shrink:0;box-sizing:border-box;flex-direction:column;color:var(--color-white)}.section-2up-asymmetrical-list__item-mobile{max-width:100%;padding-left:unset}.section-2up-asymmetrical-content{position:relative;padding-bottom:100%;width:100%}.section-2up-asymmetrical-content-wrapper{position:absolute;height:100%;width:100%;overflow:hidden}.section-2up-asymmetrical-content img,.section-2up-asymmetrical-content-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.section-2up-asymmetrical-content .hero__controls{position:absolute;right:0rem;bottom:0rem;margin:0;z-index:5}.section-2up-asymmetrical-content .hero__controls button{background:transparent;color:var(--color-white);outline:none;border:none}.section-2up-asymmetrical-content .hero__controls button:focus-visible{outline:.2rem solid var(--hh-color-focus)}.section-2up-asymmetrical-content .hero__controls button .hero__controls-play-icon,.section-2up-asymmetrical-content .hero__controls button.--is-paused .hero__controls-pause-icon{display:none}.section-2up-asymmetrical-content button.--is-paused .hero__controls-play-icon{display:block}.section-2up-asymmetrical-text{padding-top:2.5rem;display:flex}.section-2up-asymmetrical-list__item-mobile .section-2up-asymmetrical-text{flex-direction:column}.section-2up-asymmetrical-list__item-desktop .section-2up-asymmetrical-text{display:none}.section-2up-asymmetrical-text-column{display:flex;width:100%;max-width:100%;flex-grow:1;flex-shrink:0;box-sizing:border-box;flex-direction:column}.section-2up-asymmetrical-text-column:empty{display:flex}.section-2up-asymmetrical-cta{width:fit-content;display:flex;align-items:center;flex-direction:row-reverse;column-gap:2rem}.section-2up-asymmetrical-title{margin:0 0 1.6rem}.section-2up-asymmetrical-content .icon{position:absolute;height:auto;z-index:2;display:none}.section-2up-asymmetrical-content-wrapper:hover{border:2px solid var(--color-white);box-shadow:0 0 1.5rem var(--color-mid-pink--dark)}.section-2up-asymmetrical-content .icon.icon-top{top:-5.75rem;left:-5.75rem}.section-2up-asymmetrical-content .icon.icon-bottom{bottom:-5.75rem;right:-5.75rem}.section-2up-asymmetrical-text .icon{visibility:hidden;position:absolute;bottom:15px}.section-2up-asymmetrical-text .icon.left{right:0}.section-2up-asymmetrical-text .icon.right{left:0}.section-2up-asymmetrical-list__item:hover .section-2up-asymmetrical-text .icon{visibility:inherit}@media (hover: hover){.section-2up-asymmetrical-content:hover .icon{display:block}.section-2up-asymmetrical-content-wrapper img:hover,.section-2up-asymmetrical-content-wrapper video:hover{transform:scale(1.1)}}.section-2up-asymmetrical-description{margin:0 0 2.5rem}@media screen and (min-width: 990px){.section-2up-asymmetrical{padding:3rem 6rem 6rem}.section-2up-asymmetrical__header{margin-bottom:6rem}.section-2up-asymmetrical-list{margin-left:-6rem}.section-2up-asymmetrical-list__item{padding-left:6rem}.section-2up-asymmetrical-video-aspect{padding-bottom:calc(1 / 1.778 * 100%)}.section-2up-asymmetrical-content .hero__controls{right:2rem;bottom:2rem}.section-2up-asymmetrical-text{padding-top:3rem}.section-2up-asymmetrical-list__item-desktop .section-2up-asymmetrical-text{display:flex}.section-2up-asymmetrical-text-column{max-width:50%}.section-2up-asymmetrical-list__item-mobile{display:none}}@media screen and (max-width: 990px){.section-2up-asymmetrical-list{flex-direction:column}.section-2up-asymmetrical-list__item{max-width:100%;margin-bottom:40px}}
/*# sourceMappingURL=/cdn/shop/t/892/assets/section-2up-asymmetrical.css.map */
