.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body, #fff));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}@media only screen and (min-width:768px){.promotional-banner.layout--split{flex-direction:row;align-items:center}}@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{position:relative;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-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{padding:10%}.promotional-banner--content .subheading{margin-bottom:15px}.promotional-banner--content h3{margin-bottom:10px}.promotional-banner--content h3,.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .button{margin-top:10px}.promotional-banner .banner-nav-buttons{display:flex;justify-content:space-evenly;position:absolute;top:50%;left:0;right:0;padding:0 20px;z-index:36;box-sizing:border-box}.promotional-banner .banner-nav-buttons .button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:48px;padding:0 36px;border:1px solid rgba(255,255,255,.45);border-radius:0;background:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:background .3s ease,border-color .3s ease,letter-spacing .3s ease}.promotional-banner .banner-nav-buttons .button:before{display:none}.promotional-banner .banner-nav-buttons .button span{color:inherit}@media(hover:hover){.promotional-banner .banner-nav-buttons .button:hover{background:#00000080;border-color:#ffffffb3;letter-spacing:.24em}}@media(max-width:768px){.promotional-banner .banner-nav-buttons{bottom:7%;top:auto}.promotional-banner .banner-nav-buttons .button{min-width:120px;height:44px;padding:0 24px;font-size:.68rem}.promotional-banner .banner-nav-buttons .button:active{background:#00000080;border-color:#ffffffb3;letter-spacing:.24em}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/promotional-banner.css.map */