.index-hero-banner-section .page-width{max-width:100%;padding:0 5px}.index-hero-banner-section .banner-item{position:relative;overflow:hidden;display:block;border-radius:10px}.index-hero-banner-section .text-content{position:absolute;top:0;z-index:1}.index-hero-banner-section .banner-item .image{border-radius:10px}.index-hero-banner-section .banner-item .media-box{height:100%}.index-hero-banner-section .banner-item img{border-radius:10px;transition:transform .5s ease}.index-hero-banner-section .banner-item:hover img{transform:scale(1.1)}.index-hero-banner-section .top-tag-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.index-hero-banner-section .top-tag-list .pill{background-color:rgba(var(--additional-color));padding:6px 13px;border-radius:5px;font-weight:700;font-size:13px;line-height:1.4;text-transform:uppercase}.index-hero-banner-section .banner-content-container h2{font-weight:300;letter-spacing:-.9px}.index-hero-banner-section .banner-content-container h2 span{font-weight:800}.index-hero-banner-section .banner-content-container .content{font-weight:600;font-size:16px;line-height:1.45}.index-hero-banner-section .banner-content-container .content>*{margin:0}.index-hero-banner-section .banner-content-container .button-div{margin-top:30px}.index-hero-banner-section .banner-content-container .button-div .button{border:unset}.index-hero-banner-section .button.button-link{display:contents}.index-hero-banner-section .button.button-link:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;max-width:100%;height:100%;z-index:4}.index-hero-banner-section .banner-item.grid-item-2 .text-content,.index-hero-banner-section .banner-item.grid-item-3 .text-content,.index-hero-banner-section .banner-item.grid-item-4 .text-content{padding:30px}.index-hero-banner-section .banner-item.grid-item-2 .content,.index-hero-banner-section .banner-item.grid-item-3 .content,.index-hero-banner-section .banner-item.grid-item-4 .content{font-size:15px}.index-hero-banner-section .banner-item.grid-item-1 .banner-content-container h2{margin:0 0 10px;font-size:45px;font-weight:300;letter-spacing:-.9px;line-height:1.36}.index-hero-banner-section .banner-item.grid-item-1 .text-content{top:unset;bottom:0;padding:0 21px 50px 55px}.index-hero-banner-section .banner-item.grid-item-1 .banner-content-container{max-width:537px;margin:0 auto}.index-hero-banner-section .banner-item.grid-item-2 .banner-content-container .content{max-width:405px}.index-hero-banner-section .banner-item.grid-item-2 .text-content{padding:30px}.index-hero-banner-section .banner-item.grid-item-2 h2{margin:10px 0 5px;font-size:35px;line-height:1.38}.index-hero-banner-section .banner-item.grid-item-2 .banner-content-container .button-div{margin-top:20px}.index-hero-banner-section .banner-item.grid-item-3 .text-content{bottom:0;top:unset}.index-hero-banner-section .banner-item.grid-item-3 h2,.index-hero-banner-section .banner-item.grid-item-4 h2{margin:8px 0 5px;font-size:30px;line-height:1.38}.index-hero-banner-section .banner-item.grid-item-3 .banner-content-container .button-div{margin-top:20px}.index-hero-banner-section .banner-item.grid-item-4 .banner-content-container .content{max-width:300px}@media screen and (max-width:1280px){.index-hero-banner-section .banner-item.grid-item-1 .text-content{padding:0 30px 30px}}@media screen and (min-width:990px){.index-hero-banner-section .index-hero-banner-list{display:grid;gap:5px;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr}.index-hero-banner-section .banner-item.grid-item-1{grid-row:span 2}.index-hero-banner-section .banner-item.grid-item-2{grid-column:2/span 2}.index-hero-banner-section .banner-item.grid-item-3{grid-column-start:2;grid-row-start:2}.index-hero-banner-section .banner-item.grid-item-4{grid-column-start:3;grid-row-start:2}.index-hero-banner-section .banner-item.grid-item-1:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:60%;background:linear-gradient(180deg,#0000 29.77%,#000 104.79%)}.index-hero-banner-section .banner-item.grid-item-2:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(180deg,#000,#0000 63.43%)}.index-hero-banner-section .banner-item.grid-item-3:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(4.26deg,#000 -6.27%,#0000 57.68%)}.index-hero-banner-section .banner-item.grid-item-4:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(180deg,#000 .87%,#0000 56.05%)}}@media screen and (max-width:989px){.index-hero-banner-section .banner-item .media-box:after{padding-bottom:80%}.index-hero-banner-section .index-hero-banner-list .banner-item .banner-content-container h2{font-size:30px}.index-hero-banner-section .banner-item.grid-item-1 .banner-content-container{max-width:100%}.index-hero-banner-section .text-content{position:absolute;top:unset;bottom:0;z-index:1}.index-hero-banner-section .index-hero-banner-list .banner-item:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:70%;background:linear-gradient(180deg,#0000 29.77%,#000 104.79%)}}@media screen and (max-width:749px){.index-hero-banner-section .banner-item .media-box:after{padding-bottom:115%}.index-hero-banner-section .index-hero-banner-list .banner-item .text-content{padding:30px 20px;width:100%}.index-hero-banner-section .index-hero-banner-list .banner-content-container .content{font-size:14px}.index-hero-banner-section .banner-item.grid-item-4 .banner-content-container .content{max-width:100%}.index-hero-banner-section .top-tag-list .pill{padding:5px 10px;font-size:12px}.index-hero-banner-section .banner-content-container .button-div{margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/index-hero-banner.css.map */