.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body));color:var(--color-text, var(--color-body))}.promotional-banner.layout--split{display:flex;flex-direction:column}.promotional-banner.layout--split.text_first{flex-grow:column-reverse}.promotional-banner--image{position:relative}.promotional-banner--image .promotional-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;padding:24px}.promotional-banner-content h2,.promotional-banner-content h3,.promotional-banner-content p{color:var(--color-text)}.promotional-banner-content h2,.promotional-banner-content h3{text-transform:uppercase}@media only screen and (min-width:768px){.promotional-banner-content p{font-size:20px;line-height:29px}.promotional-banner.layout--split{flex-direction:row;align-items:start}}@media only screen and (min-width:768px){.promotional-banner.layout--split.image_first{flex-direction:row-reverse}}.promotional-banner.layout--full .promotional-banner--content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:35}.promotional-banner.frame-border--true:after{content:"";display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:20;border:2px solid var(--color-text, var(--color-body));pointer-events:none}.promotional-banner--image{width:100%}.promotional-banner--image svg,.promotional-banner--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.promotional-banner--image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.promotional-banner--image-media{width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}.promotional-banner--image-media.aspect-ratio--small{padding-bottom:75%}.promotional-banner--image-media.aspect-ratio--large{padding-bottom:100%}.promotional-banner--image-media:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.promotional-banner--image-media .promotional-image--mobile{display:block}@media only screen and (min-width:768px){.promotional-banner--image-media .promotional-image--mobile{display:none}}.promotional-banner--image-media .promotional-image--desktop{display:none}@media only screen and (min-width:768px){.promotional-banner--image .promotional-banner-content{padding:24px clamp(48px,8vw,128px) 24px 32px}.promotional-banner--image-media .promotional-image--desktop{display:block}}@media only screen and (max-width:767px){.promotional-banner--image-media.mobile-aspect-ratio--true.aspect-ratio--adapt{padding-bottom:var(--ratio-percent--mobile)}}.promotional-banner--content{width:100%;display:flex;align-items:center;justify-content:center}.promotional-banner--content-inner{width:100%;padding:0}.promotional-banner--content .subheading{margin-bottom:15px}.promotional-banner--menu-subtitle{color:var(--color-text);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em;font-size:14px;line-height:1.4;opacity:.8}.promotional-banner--content h2,.promotional-banner--content h3{margin-bottom:10px}.promotional-banner--content h2,.promotional-banner--content h3,.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .button{margin-top:10px}.promotional-banner--menu ul{list-style:none;margin:0}.promotional-banner--menu ul li a{font-size:36px;line-height:42px;letter-spacing:0em;color:var(--color-text);display:inline-flex;align-items:center;gap:12px}.promotional-banner--menu ul li{overflow:hidden}.promotional-banner--menu ul li a svg{opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s cubic-bezier(.104,.204,.492,1)}.promotional-banner--menu ul li a:hover{color:var(--color-01)}.promotional-banner--menu ul li a:hover svg{opacity:1;transform:translate(0)}@media only screen and (min-width:768px){.promotional-banner--menu ul li a{font-size:56px;line-height:64px}.promotional-banner--menu ul li{margin-bottom:24px}.promotional-banner--content-inner{padding:24px 0}}@media only screen and (min-width:1068px){.promotional-banner--image .promotional-banner-content{padding:40px clamp(96px,14vw,256px) 40px 48px}.promotional-banner--menu ul li a{font-size:40px;line-height:48px}.promotional-banner--menu ul li a{font-size:68px;line-height:84px}.promotional-banner--content-inner{padding:48px 0}.desktop-height-auto .layout--split .promotional-banner--content-inner,.layout--split .promotional-banner--content-inner{padding:48px 0;width:100%}.section-promotional-banner .promotional-banner.layout--split{display:grid;grid-template-columns:1fr 1fr}.desktop-height-auto .layout--split .promotional-banner--image,.layout--split .promotional-banner--image{height:100%}.desktop-height-auto .layout--split .promotional-banner--image-media{height:100%;padding:0}}@media only screen and (min-width:768px){:root{--page-padding: 50px;--page-width: 1523px }.desktop-height-auto .layout--split .promotional-banner--content{justify-content:start}.desktop-height-auto .layout--split .promotional-banner--content,.layout--split .promotional-banner--content{padding-left:max(var(--page-padding),calc((100vw - var(--page-width))/2) + var(--page-padding)/2);padding-right:max(var(--page-padding),calc((100vw - var(--page-width))/2) + var(--page-padding)/2)}.desktop-height-auto .layout--split .promotional-banner--image,.layout--split .promotional-banner--image{padding-left:calc((100%/6) * .1);padding-right:calc((100%/6) * .1)}.section-promotional-banner .desktop-height-auto .promotional-banner.layout--split{gap:20px;align-items:center}}@media only screen and (min-width:1068px){:root{--page-padding: 60px;--page-width: 1523px }.desktop-height-auto .layout--split .promotional-banner--content{justify-content:start}.desktop-height-auto .layout--split .promotional-banner--content{padding-left:max(var(--page-padding),calc((100vw - var(--page-width))/2) + var(--page-padding)/2)}.desktop-height-auto .layout--split .promotional-banner--image,.layout--split .promotional-banner--image{padding-left:calc((100%/6) * .5)}}@media only screen and (min-width:1568px){:root{--page-padding: 55px}.desktop-height-auto .layout--split .promotional-banner--content{padding-left:max(var(--page-padding),calc((100vw - var(--page-width))/2) + var(--page-padding)/2)}.desktop-height-auto .layout--split .promotional-banner--content-inner{min-width:calc((100%/12) * 6);width:100%}}@media only screen and (max-width:767px){.promotional-banner--image,.promotional-banner--menu ul li a svg{display:none}.promotional-banner--content-inner{width:calc(100% - 30px);padding:calc(var(--page-padding)*3) calc(var(--page-padding)*2)}.promotional-banner--menu ul li a{justify-content:center;padding:32px 0 8px}}@media only screen and (max-width:480px){.promotional-banner--menu ul li a{padding:16px 0 6px}}@media only screen and (max-width:360px){.promotional-banner--menu ul li a{padding:12px 0 4px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/promotional-banner.css.map */