.co-hero{position:relative;overflow:hidden;background:var(--co-hero-bg);border-bottom:1px solid var(--co-hero-border)}.co-hero__art{position:absolute;top:-6%;bottom:-6%;right:0;width:var(--co-hero-art-width);z-index:0;transform:translateZ(0);will-change:transform}.co-hero__art img,.co-hero__art svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--co-hero-art-position)}.co-hero__art--placeholder{background:#e8eef4}.co-hero__art--placeholder svg{fill:#0b1b2b1f}.co-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--co-hero-bg) 0%,var(--co-hero-bg) var(--co-hero-scrim-solid),rgba(var(--co-hero-bg-rgb),.88) 50%,rgba(var(--co-hero-bg-rgb),.35) 62%,rgba(var(--co-hero-bg-rgb),0) var(--co-hero-scrim-end))}.co-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(var(--co-hero-grid-rgb),var(--co-hero-grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--co-hero-grid-rgb),var(--co-hero-grid-opacity)) 1px,transparent 1px);background-size:var(--co-hero-grid-size) var(--co-hero-grid-size);animation:coDrift var(--co-hero-grid-speed) linear infinite;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 70%);mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 70%)}@keyframes coDrift{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--co-hero-grid-size)),calc(-1 * var(--co-hero-grid-size)),0)}}.co-hero__scan{position:absolute;left:0;right:0;top:0;height:var(--co-hero-scan-height);z-index:3;pointer-events:none;background:linear-gradient(rgba(var(--co-hero-scan-rgb),0),rgba(var(--co-hero-scan-rgb),var(--co-hero-scan-opacity)),rgba(var(--co-hero-scan-rgb),0));animation:coScan var(--co-hero-scan-speed) cubic-bezier(.55,0,.45,1) infinite}@keyframes coScan{0%{transform:translateY(-12%);opacity:0}14%{opacity:var(--co-hero-scan-peak)}86%{opacity:var(--co-hero-scan-peak)}to{transform:translateY(var(--co-hero-scan-travel));opacity:0}}.co-hero__inner{position:relative;z-index:4;max-width:var(--co-hero-max-width);margin:0 auto;padding:var(--co-hero-padding-top) 24px var(--co-hero-padding-bottom)}.co-hero__content{max-width:min(800px,var(--co-hero-copy-width))}.co-hero__title{font-weight:var(--co-hero-title-weight);font-size:clamp(var(--co-hero-title-min),var(--co-hero-title-fluid),var(--co-hero-title-max));line-height:.96;letter-spacing:-.032em;margin:0 0 26px;color:var(--co-hero-title-color)}.co-hero__title--uppercase{text-transform:uppercase}.co-hero__subtitle{font-size:clamp(var(--co-hero-sub-min),2.1vw,var(--co-hero-sub-max));font-weight:400;line-height:1.55;color:var(--co-hero-sub-color);margin:0 0 44px;max-width:600px}.co-hero__subtitle>*:first-child{margin-top:0}.co-hero__subtitle>*:last-child{margin-bottom:0}.co-hero__buttons{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.co-hero__btn{display:inline-block;font-size:15px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:var(--co-hero-btn-radius);border:1px solid transparent}.co-hero__btn--primary{font-weight:800;padding:22px 46px;color:var(--co-hero-btn1-text);background:var(--co-hero-btn1-bg);border-color:var(--co-hero-btn1-bg);transition:background .24s,box-shadow .24s,transform .24s,color .24s,border-color .24s}.co-hero__btn--primary:hover,.co-hero__btn--primary:focus-visible{background:var(--co-hero-btn1-hover-bg);color:var(--co-hero-btn1-hover-text);border-color:var(--co-hero-btn1-hover-bg);box-shadow:0 14px 38px rgba(var(--co-hero-btn1-hover-bg-rgb),.22);transform:translateY(-2px)}.co-hero__btn--secondary{font-weight:600;padding:22px 38px;color:var(--co-hero-btn2-text);background:var(--co-hero-btn2-bg);border-color:var(--co-hero-btn2-border);transition:border-color .24s,background .24s}.co-hero__btn--secondary:hover,.co-hero__btn--secondary:focus-visible{border-color:var(--co-hero-btn2-hover-border);background:var(--co-hero-btn2-hover-bg)}.co-hero--animate .co-hero__title,.co-hero--animate .co-hero__subtitle,.co-hero--animate .co-hero__buttons{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.co-hero--animate .co-hero__title{transition-delay:.05s}.co-hero--animate .co-hero__subtitle{transition-delay:.17s}.co-hero--animate .co-hero__buttons{transition-delay:.29s}.co-hero--animate.co-hero--shown .co-hero__title,.co-hero--animate.co-hero--shown .co-hero__subtitle,.co-hero--animate.co-hero--shown .co-hero__buttons{opacity:1;transform:none}@media screen and (max-width:768px){.co-hero__art{position:relative;width:100%;height:var(--co-hero-art-height-mobile);top:auto;right:auto;bottom:auto;transform:none!important}.co-hero__scrim,.co-hero__grid{display:none}.co-hero__inner{padding:var(--co-hero-padding-top-mobile) 20px var(--co-hero-padding-bottom-mobile)}.co-hero__content{max-width:none}.co-hero__title{font-size:var(--co-hero-title-mobile);margin-bottom:20px}.co-hero__subtitle{font-size:var(--co-hero-sub-mobile);margin-bottom:32px}.co-hero--stack-below .co-hero__art{order:2}}@media screen and (max-width:480px){.co-hero__buttons{gap:12px}.co-hero__btn{width:100%;text-align:center;padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){.co-hero__grid,.co-hero__scan{animation:none}.co-hero__scan{opacity:0}.co-hero--animate .co-hero__title,.co-hero--animate .co-hero__subtitle,.co-hero--animate .co-hero__buttons{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/co-hero.css.map */