.peakstyle-universal-banner{position:relative;overflow:hidden;width:100%;background:var(--collection-banner-background, #fff);color:#151515}.peakstyle-universal-banner--small{--peakstyle-banner-height: 24rem}.peakstyle-universal-banner--medium{--peakstyle-banner-height: 32rem}.peakstyle-universal-banner--large{--peakstyle-banner-height: 40rem}.peakstyle-universal-banner__focus{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:var(--peakstyle-banner-height);padding:clamp(2rem,4vw,4rem);overflow:hidden;isolation:isolate;text-align:center}.peakstyle-universal-banner__focus:before,.peakstyle-universal-banner__focus:after{content:"";position:absolute;z-index:-1;pointer-events:none}.peakstyle-universal-banner__focus:before{inset:0 auto 0 0;width:clamp(1rem,1.5vw,2rem);background:var(--collection-banner-accent, #8d745e);clip-path:polygon(0 0,100% 0,35% 100%,0 100%)}.peakstyle-universal-banner__focus:after{inset:auto 0 0 auto;width:min(42vw,62rem);height:.4rem;background:linear-gradient(90deg,transparent,var(--collection-banner-detail, #c9c9c9))}.peakstyle-universal-banner__focus-logo{display:grid;place-items:center;width:100%;height:calc(var(--peakstyle-banner-height) - clamp(4rem,8vw,8rem));max-height:calc(var(--peakstyle-banner-height) - clamp(4rem,8vw,8rem));transform-origin:center}.peakstyle-universal-banner__focus-logo img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center}.peakstyle-universal-banner__focus-title{max-width:100%;max-height:calc(var(--peakstyle-banner-height) - clamp(4rem,8vw,8rem));line-height:.98;letter-spacing:-.035em;transform-origin:center}.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-logo img,.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-title{animation:peakstyle-universal-focus 3.2s cubic-bezier(.16,1,.3,1) both!important}@keyframes peakstyle-universal-focus{0%{opacity:.88;transform:scale(2.35)}18%{opacity:1}to{opacity:1;transform:scale(1)}}.peakstyle-universal-banner__focus-description{max-width:68rem;font-size:clamp(1.4rem,1.15vw,1.7rem);line-height:1.6}.peakstyle-universal-banner__focus-line{position:absolute;left:7%;bottom:12%;width:min(20rem,24vw);height:.3rem;background:var(--collection-banner-accent, #8d745e);transform:skew(-26deg)}.peakstyle-universal-banner__split{display:grid;grid-template-columns:minmax(0,58fr) minmax(30rem,42fr);min-height:var(--peakstyle-banner-height)}.peakstyle-universal-banner__media{position:relative;min-height:var(--peakstyle-banner-height);overflow:hidden;background:#ececec}.peakstyle-universal-banner__media picture{display:block;width:100%;height:100%}.peakstyle-universal-banner__editorial-image,.peakstyle-universal-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.peakstyle-universal-banner__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(1.6rem,2.4vw,2.8rem);min-width:0;padding:clamp(3rem,5vw,7rem);background:var(--collection-banner-background, #fff)}.peakstyle-universal-banner__content.text-center{align-items:center;text-align:center}.peakstyle-universal-banner__content.text-right{align-items:flex-end;text-align:right}.peakstyle-universal-banner__content:before{content:"";position:absolute;inset:0 auto 0 -4.5rem;width:4.6rem;background:var(--collection-banner-background, #fff);clip-path:polygon(100% 0,100% 100%,0 100%)}.peakstyle-universal-banner__content:after{content:"";position:absolute;left:clamp(3rem,5vw,7rem);bottom:clamp(2rem,3vw,4rem);width:min(16rem,45%);height:.3rem;background:linear-gradient(90deg,var(--collection-banner-accent, #8d745e),transparent)}.peakstyle-universal-banner__editorial-logo{width:min(70%,34rem);max-height:calc(var(--peakstyle-banner-height) * .3)}.peakstyle-universal-banner__editorial-logo img{display:block;width:100%;max-height:calc(var(--peakstyle-banner-height) * .3);object-fit:contain;object-position:left center}.text-center .peakstyle-universal-banner__editorial-logo img{object-position:center}.text-right .peakstyle-universal-banner__editorial-logo img{object-position:right center}.peakstyle-universal-banner__editorial-title{line-height:1;letter-spacing:-.03em}.peakstyle-universal-banner__description{max-width:48rem;font-size:clamp(1.4rem,1.15vw,1.7rem);line-height:1.6}.peakstyle-universal-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;padding:1.1rem 2.2rem;border:1px solid #151515;color:#151515;background:transparent;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.peakstyle-universal-banner__button:hover{color:#fff;background:#151515;border-color:#151515}@media(max-width:767.98px){.peakstyle-universal-banner--small{--peakstyle-banner-height: 20rem}.peakstyle-universal-banner--medium{--peakstyle-banner-height: 26rem}.peakstyle-universal-banner--large{--peakstyle-banner-height: 32rem}.peakstyle-universal-banner__focus{padding:1.8rem}.peakstyle-universal-banner__focus-logo{width:100%;height:calc(var(--peakstyle-banner-height) - 3.6rem);max-height:calc(var(--peakstyle-banner-height) - 3.6rem)}.peakstyle-universal-banner__focus-logo img{width:auto;height:100%;max-width:100%;max-height:100%}.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-logo img,.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-title{animation:peakstyle-universal-focus-mobile 3s cubic-bezier(.16,1,.3,1) both!important}@keyframes peakstyle-universal-focus-mobile{0%{opacity:.9;transform:scale(1.85)}18%{opacity:1}to{opacity:1;transform:scale(1)}}.peakstyle-universal-banner__split{grid-template-columns:1fr}.peakstyle-universal-banner__media{min-height:22rem}.peakstyle-universal-banner__content{padding:3rem 2.4rem 4rem}.peakstyle-universal-banner__content:before{inset:-3rem 0 auto 0;width:100%;height:3.1rem;clip-path:polygon(0 100%,100% 0,100% 100%)}.peakstyle-universal-banner__content:after{left:2.4rem;bottom:2rem}.peakstyle-universal-banner__editorial-logo{width:min(68%,30rem)}}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus{gap:0;padding:clamp(1.2rem,2vw,2.4rem)}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus:before,.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus:after,.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-line{display:none!important;content:none!important}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-logo{width:100%;height:calc(var(--peakstyle-banner-height) - clamp(2.4rem,4vw,4.8rem));max-height:calc(var(--peakstyle-banner-height) - clamp(2.4rem,4vw,4.8rem))}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-logo img{width:auto;height:78%;max-width:94%;max-height:78%;object-fit:contain}.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-logo img,.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-title{animation:peakstyle-universal-focus-clean 3.4s cubic-bezier(.16,1,.3,1) both!important}@keyframes peakstyle-universal-focus-clean{0%{opacity:.96;transform:scale(2.55)}12%{opacity:1}to{opacity:1;transform:scale(1)}}@media(max-width:767.98px){.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus{padding:1.2rem}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-logo{height:calc(var(--peakstyle-banner-height) - 2.4rem);max-height:calc(var(--peakstyle-banner-height) - 2.4rem)}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-logo img{height:76%;max-height:76%;max-width:96%}.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-logo img,.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-title{animation:peakstyle-universal-focus-clean-mobile 3.2s cubic-bezier(.16,1,.3,1) both!important}@keyframes peakstyle-universal-focus-clean-mobile{0%{opacity:.96;transform:scale(2.15)}12%{opacity:1}to{opacity:1;transform:scale(1)}}}@media(prefers-reduced-motion:reduce){.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-logo img,.peakstyle-universal-banner--brand_focus.peakstyle-universal-banner--animate .peakstyle-universal-banner__focus-title{animation:none!important}}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus{padding:0}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-logo{width:100%;height:var(--peakstyle-banner-height);max-height:var(--peakstyle-banner-height)}.peakstyle-universal-banner--brand_focus .peakstyle-universal-banner__focus-logo img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/15/assets/peakstyle-universal-collection-banner.css.map */