:root{--grid-x-small: 320px;--grid-small: 480px;--grid-six-hundreds: 600px;--grid-medium: 768px;--grid-large: 1024px;--grid-smaller-widescreen: 1300px;--grid-small-widescreen: 1400px;--grid-widescreen: 1440px}.btn--text{display:inline-block;font-family:myriad-pro,sans-serif;font-size:16px;line-height:22px;letter-spacing:0;font-style:normal;font-weight:400;color:#121212;text-decoration:none;padding:0 0 3px;position:relative;transition:color .3s ease-in-out}.btn--text:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #121212;transition:width .3s ease-in-out}@media only screen and (min-width:769px){.btn--text:hover:after{width:0;transition:width .3s ease-in-out}}.btn--text.white{color:#fff}.btn--text.white:after{border-color:#fff}.btn--text.reverse:after{width:0}@media only screen and (min-width:769px){.btn--text.reverse:hover:after{width:100%}}.btn--text.v2{line-height:20px;font-weight:600}.btn--text.v2:after{bottom:5px}.btn--primary{display:inline-block;width:fit-content;min-width:183px;text-align:center;font-family:myriad-pro,sans-serif;font-size:16px;line-height:140%;font-weight:400;color:#000;padding:14px 29px 12px 28px;border:1px solid #000;text-decoration:none;position:relative;transition:all .5s ease-in-out}@media only screen and (max-width:1024px){.btn--primary{min-width:unset;font-size:14px;padding:10px 15px}}.btn--primary:before,.btn--primary:after{position:absolute;content:"";width:0;height:0;transition:all .5s ease-in-out}.btn--primary:before{bottom:-2px;right:-2px;border-bottom:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0)}.btn--primary:after{top:-2px;left:-2px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0)}.btn--primary:hover:before,.btn--primary:hover:after{width:calc(50% + 2px);height:calc(50% + 2px);border-color:#000}.btn--primary.white{background-color:#fff;border:1px solid #fff;color:#000;padding:14px 24px 12px}.btn--primary.white:hover:before,.btn--primary.white:hover:after{border-color:gray}.btn--primary.white-outline{background-color:#0000;border:1px solid #fff;color:#fff}.btn--primary.white-outline:hover:before,.btn--primary.white-outline:hover:after{border-color:#fff}.btn--subtract{position:relative;padding-right:16.5px!important}.btn--subtract:after{content:"";display:block;width:6.5px;height:10.5px;background-image:url(/cdn/shop/files/subtract.svg);background-repeat:no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%) translate(0);opacity:1;transition:none}@media only screen and (min-width:769px){.btn--subtract:hover:after{animation:subtract-move-hide-show .6s cubic-bezier(.4,0,.2,1)}}.btn--border{display:inline-block;border:1px solid #000;padding:13px;background-color:#0000;color:#000;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease-in-out}@media only screen and (min-width:769px){.btn--border{min-width:183px}.btn--border:hover{background-color:#000;color:#fff;transition:all .3s ease-in-out}}.btn--border.reverse{background-color:#000;color:#fff;transition:all .3s ease-in-out}@media only screen and (min-width:769px){.btn--border.reverse:hover{background-color:#fff;color:#000;transition:all .3s ease-in-out}}@keyframes subtract-move-hide-show{0%{transform:translateY(-50%) translate(0);opacity:1}40%{transform:translateY(-50%) translate(8px);opacity:0}50%{transform:translateY(-50%) translate(-8px);opacity:0}60%{transform:translateY(-50%) translate(-8px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.shopify-section-collection-hero-banner .collection-hero-banner__wrapper{padding:20px 50px 80px;background-color:#f6f4f1}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__wrapper{padding:12px 16px 0}}.shopify-section-collection-hero-banner .collection-hero-banner__wrapper .breadcrumbs__wrapper{margin:0 0 40px}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__wrapper .breadcrumbs__wrapper{margin:0 0 28px}}.shopify-section-collection-hero-banner .collection-hero-banner__header{width:100%;max-width:526px;margin:0 0 35px}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__header{max-width:100%;margin:0 0 30px}}.shopify-section-collection-hero-banner .collection-hero-banner__header .collection-hero-banner__header-title{font-family:myriad-pro,sans-serif;font-size:45px;line-height:45px;letter-spacing:0;font-style:normal;font-weight:400;margin:0 0 20px;color:#000}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__header .collection-hero-banner__header-title{font-family:myriad-pro,sans-serif;font-size:30px;line-height:40px;letter-spacing:0;font-style:normal;font-weight:400;line-height:35px;margin:0 0 12px}}.shopify-section-collection-hero-banner .collection-hero-banner__header .collection-hero-banner__header-description{font-family:myriad-pro,sans-serif;font-size:16px;line-height:22px;letter-spacing:0;font-style:normal;font-weight:400;line-height:23px;color:#000}.shopify-section-collection-hero-banner .collection-hero-banner__container{position:relative}@media only screen and (min-width:769px){.shopify-section-collection-hero-banner .collection-hero-banner__container:hover .collection-hero-banner__media{transform:scale(1.05);opacity:.9;transition:all .3s ease-in-out}}.shopify-section-collection-hero-banner .collection-hero-banner__media-wrapper{overflow:hidden}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__media-wrapper{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}}.shopify-section-collection-hero-banner .collection-hero-banner__media{aspect-ratio:1500/590;object-fit:cover;transition:all .3s ease-in-out}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__media{aspect-ratio:375/379}}.shopify-section-collection-hero-banner .collection-hero-banner__content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.shopify-section-collection-hero-banner .collection-hero-banner__content-inner{width:100%;height:100%;position:relative}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__content-inner{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}}.shopify-section-collection-hero-banner .collection-hero-banner__content-inner:before{content:"";background:linear-gradient(180deg,#00000080,#0000);transform:rotate(-180deg);position:absolute;bottom:0;left:0;width:100%;height:64.90765172%}.shopify-section-collection-hero-banner .collection-hero-banner__content{display:flex;flex-direction:column;justify-content:flex-end;padding:50px;position:relative;width:100%;max-width:550px;height:100%}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__content{max-width:100%;padding:20px 16px}}.shopify-section-collection-hero-banner .collection-hero-banner__subtitle{z-index:1;width:fit-content;margin:0 0 25px;font-family:myriad-pro,sans-serif;font-size:14px;line-height:auto;letter-spacing:0;font-style:normal;font-weight:400;line-height:24px;color:#fff;padding:4px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__subtitle{font-family:myriad-pro,sans-serif;font-size:13px;line-height:16px;letter-spacing:0;font-style:normal;font-weight:400;padding:6px 10px 4px;margin:0 0 8px}}.shopify-section-collection-hero-banner .collection-hero-banner__title{z-index:1;font-family:myriad-pro,sans-serif;font-size:45px;line-height:45px;letter-spacing:0;font-style:normal;font-weight:400;margin:0 0 20px;color:#fff}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__title{font-family:myriad-pro,sans-serif;font-size:30px;line-height:40px;letter-spacing:0;font-style:normal;font-weight:400;line-height:35px;font-weight:600;width:65%;margin:0 0 8px}}.shopify-section-collection-hero-banner .collection-hero-banner__description{z-index:1;font-family:myriad-pro,sans-serif;font-size:16px;line-height:22px;letter-spacing:0;font-style:normal;font-weight:400;color:#fff;margin:0 0 35px}@media only screen and (max-width:768px){.shopify-section-collection-hero-banner .collection-hero-banner__description{margin:0 0 25px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection-hero-banner.autostyle.css.map */
