.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:30%;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}}@media only screen and (min-width:769px)and (max-width:1024px){.promotional-banner .banner-nav-buttons .button{min-width:140px;height:46px;padding:0 28px;font-size:.72rem;letter-spacing:.16em}}.promotional-banner--grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));height:var(--promo-grid-h, calc(100svh - var(--header-height, 0px) - var(--announcement-height, 0px)));gap:8px}@media only screen and (min-width:768px){.promotional-banner--grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}}@media only screen and (min-width:768px)and (max-width:1199px)and (orientation:portrait){.promotional-banner--grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}.promotional-banner--grid .promo-tile{position:relative;display:block;height:100%;background:#d9d9d9;overflow:hidden;text-decoration:none}.promotional-banner--grid .promo-tile--image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promotional-banner--grid .promo-tile--image-tablet{display:none}@media only screen and (min-width:768px)and (max-width:1199px)and (orientation:portrait){.promotional-banner--grid .promo-tile--image-tablet{display:block}.promotional-banner--grid .promo-tile--image-default.has-tablet{display:none}}.promotional-banner--grid .promo-tile--label{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:160px;min-height:48px;padding:8px 12px;border:1px solid rgba(21,21,21,.55);background:#ffffff8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#151515;font-size:.72rem;font-weight:500;letter-spacing:.12em;line-height:1.25;text-transform:uppercase;text-align:center;white-space:normal;transition:background .3s ease,border-color .3s ease,letter-spacing .3s ease}@media(hover:hover){.promotional-banner--grid .promo-tile:hover .promo-tile--label{background:#ffffffbf;border-color:#151515cc;letter-spacing:.22em}}@media only screen and (min-width:768px)and (max-width:1199px)and (orientation:landscape){.promotional-banner--grid .promo-tile--label{bottom:20px;width:130px;min-height:42px;padding:6px 10px;font-size:.6rem;letter-spacing:.08em}}@media(max-width:767px){.promotional-banner--grid .promo-tile--label{bottom:18px;width:120px;min-height:40px;padding:6px 10px;font-size:.6rem;letter-spacing:.08em}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/promotional-banner.css.map */