.c-base-us__section .hero-wrapper{grid-column:start / end}.c-base-us__section .hero-wrapper:has(h2),.c-base-us__section .hero-wrapper:has(h3){max-width:var(--full-page-width);margin:0 12px}.c-base-us__section .block.hero{position:relative;display:block}.c-base-us__section .hero-mobile-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;background:linear-gradient(180deg,#000,#0000007f 15%,#0000 40%)}.c-base-us__section .block.hero h1,.c-base-us__section .block.hero h2,.c-base-us__section .block.hero h3{font:var(--hero-font-family);text-transform:var(--hero-font-family-transform)}.c-base-us__section .block.hero h1{font-size:var(--heading-font-size-hero-s);line-height:var(--heading-font-size-hero-s)}.c-base-us__section .block.hero.explore h1{font:var(--hero-font-family-2);font-size:var(--heading-font-size-l);line-height:120%}.c-base-us__section .block.hero h2{font-size:var(--heading-font-size-l);line-height:40px}.c-base-us__section .block.hero h3{font-size:var(--heading-font-size-m);line-height:var(--heading-font-size-m)}.c-base-us__section .block.hero p{font:var(--sub-hero-font-family);text-transform:unset;font-size:var(--body-font-size-mobile-m);font-weight:400}.c-base-us__section .block.hero.split-left p,.c-base-us__section .block.hero.split-right p{font:var(--sub-hero-font-family-2);text-transform:unset;font-size:var(--body-font-size-mobile-m);font-weight:400}.c-base-us__section .block.hero.explore{display:flex;flex-direction:column;align-items:center;gap:16px}.c-base-us__section .block.hero.explore .explore-container{position:relative;width:100%;min-height:100px}.c-base-us__section .block.hero.explore .explore-container:has(picture):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;opacity:.3;z-index:1}.c-base-us__section .product-list-page-container .hero-wrapper:first-child .block.hero.explore .explore-container:has(picture):before{content:none}.c-base-us__section .block.hero.explore .explore-container.explore-no-image{min-height:250px}.c-base-us__section .block.hero.explore p:has(a){display:flex;justify-content:flex-start;gap:36px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:0 16px}.c-base-us__section .block.hero .quick-links-container{position:relative;width:100%;overflow-x:auto;display:flex;align-items:center;justify-content:center;scrollbar-width:none;padding-bottom:16px}.c-base-us__section .block.hero .quick-links-container button{margin:0;padding:0;width:48px;height:24px;position:relative;cursor:pointer;transition:all .5s ease;background-color:var(--color-neutral-50);border:0;-webkit-tap-highlight-color:transparent}.c-base-us__section .block.hero .quick-links-container button:after{display:block;content:"";border:3px var(--link-button-color) solid;border-bottom:0;border-left:0;height:7.5px;width:7.5px;position:absolute;top:50%;left:calc(50% + 3px);transform:translate(-50%,-50%) rotate(-135deg)}.c-base-us__section .block.hero .quick-links-container button:hover:after{display:block;content:"";border:3px var(--color-neutral-700) solid;border-bottom:0;border-left:0;height:7.5px;width:7.5px;position:absolute;top:50%;left:calc(50% + 3px);transform:translate(-50%,-50%) rotate(-135deg)}.c-base-us__section .block.hero .quick-links-container button.slide-next:after{transform:translate(-50%,-50%) rotate(45deg);left:calc(50% - 3px)}.c-base-us__section .block.hero a{margin:0}.c-base-us__section .block.hero .quick-links-dark a{font:var(--hero-font-family);color:var(--color-neutral-700);font-size:var(--body-font-size-mobile-m);text-decoration:underline;text-decoration-color:var(--color-neutral-700);text-underline-offset:3px;font-weight:500}.c-base-us__section .block.hero .quick-links-dark a:hover{text-decoration-color:transparent}.c-base-us__section .block.hero.explore.text-light a:hover{text-decoration-color:var(--color-neutral-50)}.c-base-us__section .block.hero.explore.slugger .quick-links-dark a{font:var(--body-font-family);color:var(--color-black);font-size:var(--body-font-size-mobile-m);text-decoration:none;padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;font-weight:500;background-color:transparent}.c-base-us__section .block.hero.explore.slugger .quick-links-dark a:hover{border:1px solid var(--color-black)}.c-base-us__section .block.hero img{object-fit:cover;width:100%;height:100%}.c-base-us__section .block.hero.explore img{min-height:250px}.c-base-us__section .block.hero .hero-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.c-base-us__section .block.hero:has(h2) .hero-buttons{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:12px}.c-base-us__section .block.hero .button-container{width:280px}.c-base-us__section .block.hero:has(h3) .button-container{flex-basis:auto}.c-base-us__section .block.hero.overlay{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.c-base-us__section .block.hero.overlay .hero-image{display:block;width:100%;height:auto}.c-base-us__section .explore-image{min-height:248px;background-size:cover;background-position:0 40%;position:relative}.c-base-us__section .new-background-div:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#15191db3,#15191d00)}.c-base-us__section .block.hero .button{width:100%}.c-base-us__section .block.hero.bg-black .button{background-color:var(--button-secondary-main-color);border:0;color:var(--button-secondary-text-color);text-decoration:none;transition:text-decoration .3s ease}.c-base-us__section .block.hero.text-light .button:hover{text-decoration:underline;text-decoration-color:var(--button-secondary-text-color);transition:text-decoration-color .3s ease}.c-base-us__section .block.hero.dark-grey{color:var(--color-light-text);background-color:var(--color-dark-grey)}.c-base-us__section .block.hero .hero-content-container .hero-content{padding:24px 12px;display:flex;flex-direction:column;gap:8px}.c-base-us__section .block.hero.text-right .hero-content,.c-base-us__section .block.hero.text-left .hero-content{text-align:center}.c-base-us__section .block.hero .hero-content-container .hero-content:has(h1),.c-base-us__section .block.hero .hero-content-container .hero-content:has(h3){text-align:center}.c-base-us__section .block.hero .hero-content-container .hero-content:has(h2){text-align:left}.c-base-us__section .block.hero .hero-content-container .hero-content:has(h3){padding:20px 24px}.c-base-us__section .block.hero.bottom .hero-content-container .hero-content{text-align:center}.c-base-us__section .block.hero.explore .hero-content-container{justify-content:center;z-index:1}.c-base-us__section .block.hero.split-left,.c-base-us__section .block.hero.split-right{display:flex;flex-direction:column}.c-base-us__section .block.hero.split-left .hero-content-container,.c-base-us__section .block.hero.split-right .hero-content-container{position:relative;transform:none;top:auto;left:auto;display:flex;align-items:center}.c-base-us__section .block.hero.bg-sandrift .hero-content-container{background-color:var(--image-background-color)}.c-base-us__section .block.hero.bg-sandrift-light .hero-content-container{background-color:var(--sanddrift-light)}.c-base-us__section .block.hero.bg-grey .hero-content-container{background-color:var(--color-neutral-200)}.c-base-us__section .block.hero.bg-black .hero-content-container{background-color:var(--color-black);color:var(--color-light-text)}.c-base-us__section .block.hero.bg-green .hero-content-container{background-color:var(--atec-green);color:var(--color-light-text)}.c-base-us__section .block.hero.split-left .hero-content-container .hero-content,.c-base-us__section .block.hero.split-right .hero-content-container .hero-content{width:100%;text-align:center;padding:24px 12px}.c-base-us__section .block.hero.text-light.explore .hero-content-container .hero-content{color:var(--color-neutral-50)}.c-base-us__section .block.hero.split-left .hero-content-container .hero-buttons,.c-base-us__section .block.hero.split-right .hero-content-container .hero-buttons{flex-direction:column;align-items:center}.c-base-us__section .block.hero.split-left .hero-content-container .hero-buttons .button-container,.c-base-us__section .block.hero.split-right .hero-content-container .hero-buttons .button-container{width:280px}.c-base-us__section .block.hero.split-right .hero-content-container{order:2}.c-base-us__section .block.hero.explore .hero-content-container:not(.unfixed){position:absolute;transform:translate(-50%,-50%);display:flex;width:var(--container-max-width);max-width:100%;top:50%;left:50%;border:none}.c-base-us__section .block.hero.text-center,.c-base-us__section .block.hero.bottom{text-align:center}.c-base-us__section .block.hero picture{display:block;overflow:hidden;line-height:0}.c-base-us__section .block.hero.explore.unfixed{padding:24px 0}.c-base-us__section .block.hero.explore.unfixed .hero-content-container.unfixed{position:relative}.c-base-us__section .block.hero.explore.unfixed .hero-content-container.unfixed .hero-content{padding:0}@media not (max-width:375px){.c-base-us__section .block.hero .quick-links-dark a{font-size:var(--body-font-size-m);font-weight:400}}@media(max-width:767px)and (not (max-width:481px)){.c-base-us__section .block.hero .button-container{flex-basis:auto}}@media(max-width:767px){.c-base-us__section .block.hero .hero-content-container .hero-content h1,.c-base-us__section .block.hero .hero-content-container .hero-content h2,.c-base-us__section .block.hero .hero-content-container .hero-content h3,.c-base-us__section .block.hero .hero-content-container .hero-content p{text-align:center}}@media(min-width:768px){.c-base-us__section .hero-wrapper:has(h2),.c-base-us__section .hero-wrapper:has(h3){max-width:var(--container-max-width);margin:0 auto}.c-base-us__section .hero-mobile-gradient{display:none}.c-base-us__section .block.hero p{font-size:var(--hero-subhero-desktop-font-size);font-weight:400}.c-base-us__section .block.hero.split-left p,.c-base-us__section .block.hero.split-right p{font-size:var(--body-font-size-l);font-weight:400}.c-base-us__section .block.hero .hero-content-container:not(.unfixed){position:absolute;transform:translate(-50%,-50%);display:flex;width:var(--container-max-width);max-width:100%;top:50%;left:50%;border:none}.c-base-us__section .block.hero.right .hero-content-container{justify-content:flex-end}.c-base-us__section .block.hero.left .hero-content-container{justify-content:flex-start}.c-base-us__section .block.hero.center .hero-content-container{justify-content:center}.c-base-us__section .block.hero.bottom .hero-content-container{position:relative;transform:translate(0);top:0;left:0;width:100%;justify-content:center}.c-base-us__section .block.hero.overlay .hero-content{position:absolute;text-align:center;color:var(--color-light-text);font-size:var(--heading-font-size-xl);z-index:1;width:80%;max-width:500px}.c-base-us__section .block.hero .hero-content-container .hero-content{padding:0 12px}.c-base-us__section .block.hero.bottom .hero-content-container .hero-content{max-width:800px}.c-base-us__section .block.hero.text-right .hero-content-container .hero-content{text-align:right}.c-base-us__section .block.hero .hero-content-container .hero-buttons{flex-flow:row wrap;justify-content:center}.c-base-us__section .block.hero.text-right .hero-content-container .hero-buttons{justify-content:flex-end}.c-base-us__section .block.hero.text-left .hero-content-container .hero-content{text-align:left}.c-base-us__section .block.hero.text-left .hero-content-container .hero-buttons{justify-content:flex-start}.c-base-us__section .block.hero.text-center .hero-content-container .hero-content,.c-base-us__section .block.hero.text-center .hero-content-container .hero-buttons{text-align:center;justify-content:center}.c-base-us__section .block.hero.text-light .hero-content-container .hero-content,.c-base-us__section .block.hero.text-light .hero-content-container .hero-content p{color:var(--color-neutral-50)}.c-base-us__section .block.hero .button-container{flex-basis:auto;width:auto}.c-base-us__section .block.hero .button{width:fit-content}.c-base-us__section .block.hero.text-light .button{background-color:var(--button-secondary-main-color);border:0;color:var(--button-secondary-text-color);text-decoration:none;transition:text-decoration .3s ease}.c-base-us__section .block.hero.text-light .button:hover{text-decoration:underline;text-decoration-color:var(--color-black);transition:text-decoration-color .3s ease}.c-base-us__section .block.hero picture{top:0;right:0;bottom:0;left:0;object-fit:cover;box-sizing:border-box}.c-base-us__section .block.hero.split-left,.c-base-us__section .block.hero.split-right{display:flex;flex-direction:row}.c-base-us__section .block.hero.split-left>*,.c-base-us__section .block.hero.split-right>*{flex:1 1 50%}.c-base-us__section .block.hero.split-left>picture,.c-base-us__section .block.hero.split-right>picture{display:flex;justify-content:center;align-items:center}.c-base-us__section .block.hero.split-left .hero-content-container,.c-base-us__section .block.hero.split-right .hero-content-container{position:relative;transform:none;top:auto;left:auto;display:flex;align-items:center}.c-base-us__section .block.hero.split-left .hero-content-container .hero-content,.c-base-us__section .block.hero.split-right .hero-content-container .hero-content{padding:0 48px;text-align:left}.c-base-us__section .block.hero.split-left .hero-content-container .hero-buttons,.c-base-us__section .block.hero.split-right .hero-content-container .hero-buttons{flex-direction:row;justify-content:flex-start}.c-base-us__section .block.hero.split-left .hero-content-container .hero-buttons .button-container,.c-base-us__section .block.hero.split-right .hero-content-container .hero-buttons .button-container{width:auto}.c-base-us__section .block.hero.split-right .hero-content-container{order:-1}.c-base-us__section .block.hero.explore.unfixed{padding:48px 0}.c-base-us__section .block.hero.explore .hero-content-container .hero-content{width:100%;justify-content:center}.c-base-us__section .block.hero.explore .hero-content-container .hero-content p{max-width:800px;margin:0 auto}.c-base-us__section .quick-links-container button{display:none}}@media(not (max-width:768px))and (max-width:1024px){.c-base-us__section .block.hero h1{font-size:var(--heading-font-size-xxxl);line-height:var(--heading-font-size-xxxl)}.c-base-us__section .block.hero h2{font-size:var(--heading-font-size-xl);line-height:var(--heading-font-size-xl)}.c-base-us__section .block.hero h3{font-size:var(--heading-font-size-l);line-height:var(--heading-font-size-l)}.c-base-us__section .block.hero .hero-content-container{max-width:100%}.c-base-us__section .block.hero .hero-content-container .hero-content:has(h1){width:50%;padding:24px;gap:10px}.c-base-us__section .block.hero .hero-content-container .hero-content:has(h2){padding:24px 20px;gap:24px}}@media(min-width:1025px){.c-base-us__section .block.hero h1{font-size:var(--heading-font-size-hero-xl);line-height:var(--heading-font-size-hero-xl)}.c-base-us__section .block.hero.h1-small h1{font-size:var(--heading-font-size-hero-l);line-height:var(--heading-font-size-hero-l)}.c-base-us__section .block.hero.explore h1{font-size:var(--heading-font-size-hero-m);line-height:120%}.c-base-us__section .block.hero h2{font-size:var(--heading-font-size-hero-l);line-height:var(--heading-font-size-hero-l)}.c-base-us__section .block.hero h3{font-size:var(--heading-font-size-xxxl);line-height:var(--heading-font-size-xxxl)}.c-base-us__section .block.hero .hero-content-container .hero-content{width:50%;padding:24px 48px;gap:24px}}@media not (max-width:768px){.c-base-us__section .section.hero-flex .hero .hero-content-container .hero-content{width:70%}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/c-us-hero.css.map */