.smart-style-banner-section .smart-style-banner{position:relative;width:100%;overflow:hidden;background-color:#f7f7f7}.smart-style-banner__container{position:relative;width:100%}.smart-style-banner__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.smart-style-banner__image--mobile{display:none}.smart-style-banner__image--desktop{display:block}.smart-style-banner__content{position:absolute;top:26.4%;left:50%;transform:translate(-50%);width:83.33%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none;animation:bannerSmartBannerTitleFadeIn .8s ease-out forwards}.smart-style-banner__text-module{max-width:600px}.smart-style-banner__text-module--left{text-align:left;align-self:flex-start}.smart-style-banner__text-module--right{text-align:right;align-self:flex-start}.smart-style-banner__title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:clamp(48px,9.72vw,140px);line-height:1;letter-spacing:-5.6px;margin:0;background:linear-gradient(177deg,ivory 21.71%,#f4f2d0 77.21%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[lang=es] .smart-style-banner__title{font-size:clamp(48px,9.72vw,90px);padding-right:6px}html[lang=fr] .smart-style-banner__title,html[lang=nl] .smart-style-banner__title{font-size:clamp(48px,9.72vw,100px)}.smart-style-banner__title--left{text-align:left}.smart-style-banner__title--right{text-align:right}.smart-style-banner__feature{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;line-height:1.43;letter-spacing:-.28px;color:#f5ffdb;margin:0 0 4px}.smart-style-banner__features--left .smart-style-banner__feature{text-align:left}.smart-style-banner__features--right .smart-style-banner__feature{text-align:right}.smart-style-banner__features--left,.smart-style-banner__features--right{max-width:100%;width:fit-content}.smart-style-banner__features--right{margin-left:auto}.smart-style-banner__cta{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;background:transparent;color:#fbfbe5;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:400;line-height:16px;letter-spacing:-.32px;text-decoration:none;z-index:2;pointer-events:auto;transition:opacity .2s ease}.smart-style-banner__cta:hover{opacity:.9}.smart-style-banner__cta svg{width:24px;height:24px;flex-shrink:0}@media screen and (max-width:750px){.smart-style-banner-section .smart-style-banner,.smart-style-banner__container{min-height:733px}.smart-style-banner__image--desktop{display:none}.smart-style-banner__image--mobile{display:block}.smart-style-banner__content{top:50px;left:20px;transform:none;width:calc(100% - 40px);flex-direction:column;align-items:flex-start;gap:0;animation:bannerSmartBannerTitleFadeInMobile .8s ease-out forwards}.smart-style-banner__text-module{width:100%;max-width:100%}.smart-style-banner__text-module--left{margin-bottom:-20px}.smart-style-banner__text-module--right{text-align:right;align-self:flex-end}.smart-style-banner__title{font-size:60px;line-height:1.28;letter-spacing:-.04em}.smart-style-banner__features{display:none}.smart-style-banner__cta{bottom:60px;left:50%;transform:translate(-50%);padding:12px 30px;background:#111;border-radius:22px;font-size:14px;font-weight:800;line-height:20px;color:#fff}.smart-style-banner__cta svg{display:none}}@media screen and (min-width:768px)and (max-width:1023px)and (min-height:1000px){.smart-style-banner__cta{bottom:20px}.smart-style-banner__feature{font-size:12px}}@media screen and (max-width:750px){.smart-style-banner-section .smart-style-banner,.smart-style-banner__container{min-height:600px}.smart-style-banner__content{top:50px}.smart-style-banner__title{font-size:60px}.smart-style-banner__cta{top:auto;bottom:60px}}@keyframes bannerSmartBannerTitleFadeIn{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@keyframes bannerSmartBannerTitleFadeInMobile{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-smart-style-banner.css.map */