.section-perfum-promo-banner{width:100%;box-sizing:border-box;padding-top:var(--perfum-promo-padding-top-mobile, 0);padding-bottom:var(--perfum-promo-padding-bottom-mobile, 0)}@media screen and (min-width:750px){.section-perfum-promo-banner{padding-top:var(--perfum-promo-padding-top, 0);padding-bottom:var(--perfum-promo-padding-bottom, 0)}}.perfum-promo-banner__split-grid{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.section-perfum-promo-banner--mobile-adapt .perfum-promo-banner__media-col{aspect-ratio:var(--perfum-promo-aspect-ratio-mobile, 1);min-height:auto!important}.section-perfum-promo-banner--mobile-small .perfum-promo-banner__media-col{min-height:250px!important}.section-perfum-promo-banner--mobile-medium .perfum-promo-banner__media-col{min-height:350px!important}.section-perfum-promo-banner--mobile-large .perfum-promo-banner__media-col{min-height:450px!important}.section-perfum-promo-banner--mobile-custom .perfum-promo-banner__media-col{min-height:var(--perfum-promo-height-mobile, 350px)!important}@media screen and (min-width:750px){.perfum-promo-banner__split-grid{flex-direction:row;align-items:stretch}.section-perfum-promo-banner--adapt .perfum-promo-banner__media-col{aspect-ratio:var(--perfum-promo-aspect-ratio, 1.5);min-height:auto!important}.section-perfum-promo-banner--small .perfum-promo-banner__split-grid{min-height:400px}.section-perfum-promo-banner--medium .perfum-promo-banner__split-grid{min-height:500px}.section-perfum-promo-banner--large .perfum-promo-banner__split-grid{min-height:600px}.section-perfum-promo-banner--custom .perfum-promo-banner__split-grid{min-height:var(--perfum-promo-height, 500px)}.section-perfum-promo-banner--reverse .perfum-promo-banner__split-grid{flex-direction:row-reverse}}.perfum-promo-banner__content-col{flex:1;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:var(--perfum-spacing-xl) var(--perfum-spacing-lg);min-height:350px}@media screen and (min-width:750px){.perfum-promo-banner__content-col{flex:0 0 50%;width:50%;padding:var(--perfum-spacing-3xl) var(--perfum-spacing-2xl)}}.perfum-promo-banner__media-col{flex:1;position:relative;overflow:hidden;box-sizing:border-box;min-height:var(--perfum-promo-height-mobile, 350px)}@media screen and (min-width:750px){.perfum-promo-banner__media-col{flex:0 0 50%;width:50%;min-height:auto}}.perfum-promo-banner__media{width:100%;height:100%}.perfum-promo-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.perfum-promo-banner__media-col:hover .perfum-promo-banner__image{transform:scale(1.03)}.perfum-promo-banner__image--mobile{display:block}.perfum-promo-banner__image--desktop{display:none}@media screen and (min-width:750px){.perfum-promo-banner__image--mobile{display:none}.perfum-promo-banner__image--desktop{display:block}}.perfum-promo-banner__media.placeholder{background-color:var(--perfum-color-surface-alt);display:flex;align-items:center;justify-content:center;height:100%;width:100%}.perfum-promo-banner__media.placeholder svg{width:120px;height:120px;fill:var(--perfum-color-border);opacity:.25}.perfum-promo-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--perfum-promo-overlay-color, #000000);opacity:var(--perfum-promo-overlay-opacity, .2);z-index:1;pointer-events:none}.perfum-promo-banner__content{max-width:48rem;width:100%;margin:0 auto}.perfum-promo-banner__content--align-left{text-align:left;margin-left:0;margin-right:auto;align-items:flex-start}.perfum-promo-banner__content--align-center{text-align:center;margin-left:auto;margin-right:auto;align-items:center}.perfum-promo-banner__content--align-right{text-align:right;margin-left:auto;margin-right:0;align-items:flex-end}@media screen and (max-width:749px){.perfum-promo-banner__content--align-mobile-left{text-align:left;margin-left:0;margin-right:auto}.perfum-promo-banner__content--align-mobile-center{text-align:center;margin-left:auto;margin-right:auto}.perfum-promo-banner__content--align-mobile-right{text-align:right;margin-left:auto;margin-right:0}}.perfum-promo-banner__eyebrow{font-family:var(--font-heading-family);font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--perfum-promo-eyebrow-color, var(--perfum-color-primary));margin-bottom:var(--perfum-spacing-md);display:block}.perfum-promo-banner__title{font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--perfum-spacing-md) 0;color:var(--perfum-promo-title-color, var(--perfum-color-ink))}.perfum-promo-banner__title.h2{font-size:calc(var(--font-heading-scale) * 2.8rem)}.perfum-promo-banner__title.h1{font-size:calc(var(--font-heading-scale) * 3.6rem)}.perfum-promo-banner__title.h0{font-size:calc(var(--font-heading-scale) * 4.4rem)}@media screen and (max-width:749px){.perfum-promo-banner__title.h2{font-size:calc(var(--font-heading-scale) * 2.2rem)}.perfum-promo-banner__title.h1{font-size:calc(var(--font-heading-scale) * 2.8rem)}.perfum-promo-banner__title.h0{font-size:calc(var(--font-heading-scale) * 3.4rem)}}.perfum-promo-banner__text{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.6;margin:0 0 var(--perfum-spacing-xl) 0;color:var(--perfum-promo-text-color, var(--perfum-color-text-secondary))}.perfum-promo-banner__button{background:var(--perfum-promo-btn-bg, var(--perfum-color-ink));border:1px solid var(--perfum-promo-btn-bg, var(--perfum-color-ink));border-radius:0;color:var(--perfum-promo-btn-text, var(--perfum-color-surface));font-family:var(--font-heading-family);font-size:1.1rem;font-weight:600;letter-spacing:.08em;min-height:4.4rem;padding:0 var(--perfum-spacing-xl);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease;cursor:pointer}@media screen and (min-width:990px){.perfum-promo-banner__button:hover{background:var(--perfum-promo-btn-hover-bg, var(--perfum-color-primary));border-color:var(--perfum-promo-btn-hover-bg, var(--perfum-color-primary));color:var(--perfum-promo-btn-hover-text, var(--perfum-color-ink));transform:translateY(-2px)}}@media screen and (max-width:749px){.perfum-promo-banner__button{min-height:4rem;padding:0 var(--perfum-spacing-lg);font-size:1rem;width:100%}}.section-perfum-promo-banner .page-width:before{content:"";display:block;width:100%;height:1px;background:var(--perfum-color-border);margin-bottom:var(--perfum-spacing-2xl)}@media screen and (max-width:749px){.section-perfum-promo-banner .page-width:before{margin-bottom:var(--perfum-spacing-xl)}}.perfum-promo-banner--no-image .perfum-promo-banner__content-col{flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-height:auto!important;padding-left:0!important;padding-right:0!important}.perfum-promo-banner--no-image .perfum-promo-banner__content{max-width:72rem;margin:0 auto}.perfum-promo-banner--no-image .perfum-promo-banner__split-grid{flex-direction:column!important;min-height:auto!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/perfum-promo-banner.css.map */