.clorient-hero{position:relative;isolation:isolate;display:flex;min-height:var(--clorient-hero-height);overflow:hidden;background:rgb(var(--color-background))}@supports (height: 100svh){.clorient-hero{min-height:var(--clorient-hero-height-small-viewport)}}.clorient-hero__media,.clorient-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.clorient-hero__media{z-index:-2}.clorient-hero__media picture,.clorient-hero__media img,.clorient-hero__media svg{display:block;width:100%;height:100%}.clorient-hero__media img,.clorient-hero__media svg{object-fit:cover;object-position:var(--clorient-hero-focal-point-desktop, center)}.clorient-hero__placeholder{background-color:rgb(var(--color-background-secondary))}.clorient-hero__overlay{z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--color-overlay),var(--clorient-hero-overlay-opacity)),rgba(var(--color-overlay),calc(var(--clorient-hero-overlay-opacity) * .9)) 42%,rgba(var(--color-overlay),calc(var(--clorient-hero-overlay-opacity) * .25)) 68%,rgba(var(--color-overlay),0) 82%)}.clorient-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,54%) minmax(0,46%);align-items:center;min-height:inherit;box-sizing:border-box;padding-top:clamp(3.2rem,7vh,7rem);padding-bottom:clamp(3.2rem,7vh,7rem)}.clorient-hero--header-overlay .clorient-hero__inner{padding-top:calc(var(--header-height, 0px) + clamp(3.2rem,7vh,7rem))}.clorient-hero__content{grid-column:1;width:100%;max-width:var(--clorient-hero-content-width)}.clorient-hero__heading{max-width:min(100%,48rem);margin:0}.clorient-hero__heading:not(:last-child){margin-bottom:1.6rem}.js .clorient-hero--animation-enabled .clorient-hero__heading,.js .clorient-hero--animation-enabled [data-clorient-hero-fade],.js .clorient-hero--animation-enabled [data-clorient-hero-card-fade]{opacity:0}.js .clorient-hero--animation-enabled [data-clorient-hero-fade],.js .clorient-hero--animation-enabled [data-clorient-hero-card-fade]{visibility:hidden}.js .clorient-hero--animation-enabled .clorient-hero__heading--split,.js .clorient-hero--animation-enabled .clorient-hero__heading--revealed,.js .clorient-hero--animation-enabled .clorient-hero__fade--visible{opacity:1}.js .clorient-hero--animation-enabled .clorient-hero__fade--visible{visibility:visible}.clorient-hero__heading--split .line{display:block;width:100%;line-height:inherit;overflow:hidden}.clorient-hero__heading--split .line>*{opacity:0;transform:translate3d(0,100%,0)}.clorient-hero__heading--split .line.clorient-hero__line--animated>*{animation:clorient-hero-slide-in .6s cubic-bezier(.25,.46,.45,.94) forwards}.js .clorient-hero--animation-enabled [data-clorient-hero-fade],.js .clorient-hero--animation-enabled [data-clorient-hero-card-fade]{transition:opacity .5s}.js .clorient-hero--animation-enabled:not(.clorient-hero--animation-initialized) .clorient-hero__heading,.js .clorient-hero--animation-enabled:not(.clorient-hero--animation-initialized) [data-clorient-hero-fade],.js .clorient-hero--animation-enabled:not(.clorient-hero--animation-initialized) [data-clorient-hero-card-fade]{animation:clorient-hero-reveal-failsafe 0s 4s forwards}@keyframes clorient-hero-slide-in{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes clorient-hero-reveal-failsafe{to{opacity:1;visibility:visible}}.clorient-hero__text{max-width:min(100%,52rem);font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.5;color:rgb(var(--color-foreground))}.clorient-hero__text p{margin:0;color:inherit}.clorient-hero__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2.8rem}.clorient-hero__buttons .button{min-height:4.4rem}.clorient-hero__cards{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.6rem;margin-top:3.2rem}.clorient-hero__card-item{flex:0 1 var(--clorient-hero-card-width);width:var(--clorient-hero-card-width);max-width:calc(50% - .8rem)}.clorient-hero__card{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2 / 1;overflow:hidden;border-radius:var(--border-radius-main);background-color:var(--clorient-hero-card-background)}a.clorient-hero__card{transition:opacity var(--duration-default)}@media screen and (pointer:fine){a.clorient-hero__card:hover{opacity:.86}}.clorient-hero__card img,.clorient-hero__card svg{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:1100px){.clorient-hero__text{font-size:calc(var(--font-body-scale) * 1.6rem)}}@media screen and (max-width:749px){.clorient-hero__media img,.clorient-hero__media svg{object-position:var(--clorient-hero-focal-point-mobile, center)}.clorient-hero__overlay{background:linear-gradient(0deg,rgba(var(--color-overlay),var(--clorient-hero-overlay-opacity-mobile)),rgba(var(--color-overlay),calc(var(--clorient-hero-overlay-opacity-mobile) * .9)) 52%,rgba(var(--color-overlay),calc(var(--clorient-hero-overlay-opacity-mobile) * .2)))}.clorient-hero__inner{display:flex;align-items:flex-end;padding-top:3.2rem;padding-bottom:3.2rem}.clorient-hero--header-overlay .clorient-hero__inner{padding-top:calc(var(--header-height, 0px) + 4.8rem)}.clorient-hero__inner--mobile-top{align-items:flex-start}.clorient-hero__inner--mobile-center{align-items:center}.clorient-hero__inner--mobile-bottom{align-items:flex-end}.clorient-hero__content{width:100%;max-width:100%}.clorient-hero__text{font-size:calc(var(--font-body-scale) * 1.4rem)}}@media screen and (max-width:479px){.clorient-hero__buttons{align-items:stretch}.clorient-hero__buttons .button{width:100%}}@media screen and (max-width:419px){.clorient-hero__card-item{flex-basis:min(100%,var(--clorient-hero-card-width));width:min(100%,var(--clorient-hero-card-width));max-width:100%}}@media(prefers-reduced-motion:reduce){.js .clorient-hero--animation-enabled .clorient-hero__heading,.js .clorient-hero--animation-enabled [data-clorient-hero-fade],.js .clorient-hero--animation-enabled [data-clorient-hero-card-fade],.clorient-hero__heading--split .line>*,.clorient-hero__heading--split .line.clorient-hero__line--animated>*{opacity:1;visibility:visible;transform:none;animation:none!important;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-clorient-hero.css.map */