.custom-collection-hero{--custom-collection-hero-height: 420px;--custom-collection-hero-tablet-height: 360px;--custom-collection-hero-padding-top: calc(40px * var(--okko-spacing-scale));--custom-collection-hero-padding-bottom: calc(40px * var(--okko-spacing-scale));--custom-collection-hero-mobile-padding-top: calc(32px * var(--okko-spacing-scale));--custom-collection-hero-mobile-padding-bottom: calc(0px * var(--okko-spacing-scale));--custom-collection-hero-mobile-text-padding-top: calc(32px * var(--okko-spacing-scale));--custom-collection-hero-mobile-text-padding-bottom: calc(24px * var(--okko-spacing-scale));--custom-collection-hero-image-width: 350px;--custom-collection-hero-tablet-image-width: 80%;--custom-collection-hero-mobile-image-width: 300px;position:relative!important;overflow:hidden!important;background-color:var(--hero-bg-1)!important;color:#fff;min-height:var(--custom-collection-hero-height)}.custom-collection-hero__polygon{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:var(--hero-bg-2)!important;clip-path:polygon(90% 0,100% 0,100% 100%,42% 100%)!important;z-index:0!important;display:block!important;visibility:visible!important;pointer-events:none}.custom-collection-hero__inner{position:relative;z-index:1;display:flex;align-items:center;min-height:var(--custom-collection-hero-height);padding-top:var(--custom-collection-hero-padding-top);padding-bottom:var(--custom-collection-hero-padding-bottom);gap:calc(4rem * var(--okko-spacing-scale))}.custom-collection-hero__left{flex:0 0 46%;max-width:46%;display:flex;flex-direction:column;gap:calc(2.4rem * var(--okko-spacing-scale))}.custom-collection-hero__heading{margin:0;text-transform:uppercase;color:#fff}.custom-collection-hero__description{color:#ffffffe6;max-width:46ch}.custom-collection-hero__description p:first-child{margin-top:0}.custom-collection-hero__description p:last-child{margin-bottom:0}.custom-collection-hero__btn{display:inline-flex;align-items:center;gap:calc(.75rem * var(--okko-spacing-scale));align-self:flex-start}.custom-collection-hero__btn svg{flex-shrink:0}.custom-collection-hero__right{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}.custom-collection-hero__image-wrap{width:100%;display:flex;align-items:center;justify-content:center}.custom-collection-hero__image{width:100%;max-width:var(--custom-collection-hero-image-width);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.45))}.custom-collection-hero__brand-logo{position:absolute;bottom:0;right:0}.custom-collection-hero__brand-logo a{display:block}.custom-collection-hero__brand-logo-img{height:48px;width:auto;display:block;object-fit:contain}@media screen and (max-width:1023px){.custom-collection-hero{min-height:var(--custom-collection-hero-tablet-height)}.custom-collection-hero__inner{min-height:var(--custom-collection-hero-tablet-height);gap:calc(2.4rem * var(--okko-spacing-scale))}.custom-collection-hero__left{flex:0 0 48%;max-width:48%;gap:calc(2rem * var(--okko-spacing-scale))}.custom-collection-hero__polygon{clip-path:polygon(52% 0,100% 0,100% 100%,36% 100%)}.custom-collection-hero__image{width:100%;max-width:var(--custom-collection-hero-tablet-image-width);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.45))}}@media screen and (max-width:767px){.custom-collection-hero{min-height:auto}.custom-collection-hero__inner{flex-direction:column;align-items:flex-start;min-height:auto;padding-top:var(--custom-collection-hero-mobile-padding-top);padding-bottom:var(--custom-collection-hero-mobile-padding-bottom);gap:0}.custom-collection-hero__left{flex:none;max-width:100%;width:100%;gap:calc(1.6rem * var(--okko-spacing-scale));padding-bottom:var(--custom-collection-hero-mobile-text-padding-bottom);padding-top:var(--custom-collection-hero-mobile-text-padding-top);position:relative;z-index:2;order:1}.custom-collection-hero__image{width:100%;max-width:var(--custom-collection-hero-mobile-image-width);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.45))}.custom-collection-hero__polygon{clip-path:polygon(0 45%,100% 30%,100% 100%,0 100%)!important}.custom-collection-hero__right{width:100%;min-height:180px;order:-1}.custom-collection-hero__image{margin-top:calc(50px * var(--okko-spacing-scale))}.custom-collection-hero__brand-logo{bottom:.8rem;right:0}.custom-collection-hero__brand-logo-img{height:36px}.custom-collection-hero__btn{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-collection-hero.css.map */