.lola-banner{position:relative}@media screen and (min-width: 768px){.lola-banner{background-color:var(--lola-color-rose);border-radius:var(--lola-border-radius)}.lola-banner .container{padding:120px 0}.lola-banner--constrained .container{position:relative}.lola-banner--constrained .lola-banner__media{width:50%}}.lola-banner__media{position:absolute;top:0;right:0;width:100%;height:380px;object-fit:cover;z-index:2;pointer-events:none}@media screen and (min-width: 768px){.lola-banner__media{border-radius:var(--lola-border-radius);width:50vw;height:100%;z-index:1}}.lola-banner__content{position:relative;z-index:2;width:100vw;padding:420px 32px 40px;margin:0 -16px}@media screen and (max-width: 767px){.lola-banner__content:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 380px);background-color:var(--lola-color-rose)}}@media screen and (min-width: 768px){.lola-banner__content{margin:0;max-width:480px;width:50vw;padding:0}}.lola-banner__heading{font-weight:500;font-size:48px;line-height:48px;position:relative;z-index:3;letter-spacing:-.02em;color:var(--lola-color-black);margin:0 0 8px}@media screen and (min-width: 768px){.lola-banner__heading{margin:0 0 16px;font-size:64px;line-height:72px}}.lola-banner__text{font-weight:400;font-size:16px;line-height:26px;color:var(--lola-color-purple);margin:0 0 16px;position:relative;z-index:3}@media screen and (min-width: 768px){.lola-banner__text{font-size:18px;line-height:28px;margin:0 0 40px}}.lola-banner__buttons .button{text-transform:uppercase;width:100%;margin:0 0 8px;position:relative;z-index:3}.lola-banner__note{font-weight:500;font-size:12px;line-height:16px;color:var(--lola-color-black);position:relative;z-index:3;text-align:center}.lola-banner--full:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;border-radius:var(--lola-border-radius);z-index:2;background:linear-gradient(90deg,#00000029,#0000)}.lola-banner--full .lola-banner__media{width:100%}@media screen and (max-width: 767px){.lola-banner--full .lola-banner__media{height:100%}.lola-banner--full .lola-banner__content{z-index:4}.lola-banner--full .lola-banner__content:before{display:none}}.lola-banner--full .lola-banner__heading,.lola-banner--full .lola-banner__note{color:var(--lola-color-white)}.lola-banner--full .lola-banner__text{color:var(--lola-color-linen)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/lola-section-image-banner.css.map */