.custom-banner{width:100%;overflow:hidden}.custom-banner__container{width:100%}.custom-banner__grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) 80px;gap:20px;position:relative}.custom-banner__column--text{padding:2rem;display:flex;flex-direction:column;justify-content:center}.custom-banner__small-heading{margin-top:0;margin-bottom:.5rem;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.custom-banner__main-heading{margin-top:0;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.custom-banner__main-heading .first-part,.custom-banner__main-heading .second-part{color:inherit}.custom-banner__description{margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.custom-banner__dot-indicator{margin-top:1rem}.custom-banner__dot-indicator .dot{display:inline-block;width:15px;height:15px;border:1px solid;border-radius:50%}.custom-banner__column--image{position:relative;overflow:hidden}.custom-banner__image-wrapper{position:relative;width:100%;height:100%;min-height:400px}.custom-banner__image-container{position:absolute;top:0;left:0;width:100%;height:100%}.custom-banner__image{width:100%;height:100%;object-fit:cover;display:block}.custom-banner__image-container--placeholder{background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;height:100%}.placeholder-svg{width:50%;height:auto}.custom-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center;color:#fff}.custom-banner__overlay-small-heading{margin-top:0;margin-bottom:.5rem;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.custom-banner__overlay-main-heading,.custom-banner__overlay-secondary-heading{margin-top:0;margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1.2}.custom-banner__column--vertical{position:relative;display:flex;align-items:center;justify-content:center}.custom-banner__vertical-text{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.9rem;letter-spacing:.1em;padding:1rem 0;text-transform:uppercase}.custom-banner__button-wrapper{margin-top:1.5rem}.custom-banner__button{padding:.75rem 1.5rem;border:none;border-radius:.25rem;text-decoration:none;font-weight:500;transition:background-color .3s ease,color .3s ease;display:inline-flex;align-items:center}.button-arrow{margin-left:.5rem;font-size:1.1em}@media screen and (max-width:989px){.custom-banner__grid{grid-template-columns:1fr 1fr 60px}.custom-banner__main-heading{font-size:1.75rem}.custom-banner__overlay-main-heading,.custom-banner__overlay-secondary-heading{font-size:1.5rem}}@media screen and (max-width:749px){.custom-banner__grid{grid-template-columns:1fr;gap:0}.custom-banner__column--text{padding:1.5rem}.custom-banner__image-wrapper{min-height:300px}.custom-banner__overlay{padding:1.5rem}.custom-banner__column--vertical{height:60px;order:-1}.custom-banner__vertical-text{position:static;width:100%;height:auto;writing-mode:horizontal-tb;transform:none;text-align:center;padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-banner__column--text>*{animation:fadeInUp .5s ease forwards;opacity:0}.custom-banner__small-heading{animation-delay:.1s}.custom-banner__main-heading{animation-delay:.2s}.custom-banner__description{animation-delay:.3s}.custom-banner__button-wrapper{animation-delay:.4s}.custom-banner__wrapper{position:relative;width:100%}.custom-banner__image-container--placeholder svg{width:100%;height:auto}.debug-info{background:#fff;border:1px solid #000;padding:10px;position:fixed;bottom:10px;right:10px;z-index:9999}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-custom-banner.css.map */