.ch-hero{--ch-hi: #FFD400;--ch-ink: #0E1013;--ch-ink-2: #1A1D22;--ch-ink-3: #23272D;--ch-bone:#F2EDE3;--ch-steel-2:#9AA0AA;--ch-red: #D8232A;position:relative;background:var(--ch-ink);color:var(--ch-bone);min-height:640px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;font-family:Saira,system-ui,sans-serif}.ch-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(-45deg,var(--ch-ink) 0 14px,var(--ch-hi) 14px 28px);z-index:5;pointer-events:none}.ch-hero:after{content:"";position:absolute;top:6px;bottom:0;left:calc(1.05 / 2.05 * 100%);width:3px;background:var(--ch-red);z-index:5;pointer-events:none}.ch-hero__copy{position:relative;z-index:2;padding:80px 60px;display:flex;flex-direction:column;gap:24px;justify-content:center}.ch-hero__copy:before{content:"";position:absolute;left:0;top:80px;bottom:80px;width:3px;background:var(--ch-red)}.ch-hero__h1{font-family:Saira Condensed,system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.012em;line-height:.9;font-size:104px;color:var(--ch-bone);margin:0}.ch-hero__h1-r{color:var(--ch-red)}.ch-hero__sub{font-family:Saira,system-ui,sans-serif;font-weight:500;font-size:20px;line-height:1.35;color:#f2ede3cc;max-width:560px}.ch-hero__sub p{margin:0}.ch-hero__sub strong{color:var(--ch-bone);font-weight:700}.ch-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.ch-hero__btn{display:inline-flex;align-items:center;gap:12px;font-family:Archivo,system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:16px;padding:18px 28px;border:2px solid var(--ch-ink);border-radius:2px;cursor:pointer;text-decoration:none;transition:transform .12s ease}.ch-hero__btn:hover{transform:translateY(-1px)}.ch-hero__btn--red{background:var(--ch-red);border-color:var(--ch-red);color:var(--ch-bone)}.ch-hero__btn--ghost{background:transparent;color:var(--ch-bone);border-color:var(--ch-bone)}.ch-hero__arrow{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:14px}.ch-hero__service{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:14px 18px;border-left:3px solid var(--ch-red);background:#d8232a1a;font-family:Saira Condensed,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.005em;font-size:16px;color:var(--ch-bone)}.ch-hero__service p{margin:0}.ch-hero__service strong{color:var(--ch-red);font-weight:800}.ch-hero__visual{position:relative;overflow:hidden;background:linear-gradient(180deg,#0e101300,#0e10138c),var(--ch-ink-2)}.ch-hero__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0e101300 50%,#0e1013a6),linear-gradient(90deg,#0e101359,#0e101300 30%)}.ch-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:1}.ch-hero__media--image{background-size:cover;background-position:center}.ch-hero__media--video{width:100%;height:100%;object-fit:cover}.ch-hero__visual[data-hero-mode=image] .ch-hero__media--image,.ch-hero__visual[data-hero-mode=video] .ch-hero__media--video{display:block}.ch-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(216,35,42,.06) 18px 19px),radial-gradient(at 30% 40%,var(--ch-ink-3) 0%,var(--ch-ink) 70%)}.ch-hero__placeholder:before{content:"";position:absolute;top:60px;right:60px;bottom:60px;left:60px;border:1px solid rgba(242,237,227,.06)}.ch-hero__visual[data-hero-mode=image] .ch-hero__placeholder,.ch-hero__visual[data-hero-mode=video] .ch-hero__placeholder{opacity:.25}.ch-hero__visual[data-hero-mode=rotator] .ch-hero__placeholder{opacity:.55}.ch-hero__visual[data-hero-mode=rotator]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(242,237,227,.04) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,rgba(242,237,227,.04) 0 1px,transparent 1px 64px),radial-gradient(at 65% 40%,rgba(216,35,42,.32) 0%,transparent 60%)}.ch-hero__corner{position:absolute;top:0;right:0;z-index:4;width:0;height:0;pointer-events:none;border-top:96px solid var(--ch-hi);border-left:96px solid transparent;display:none}.ch-hero__visual[data-hero-mode=rotator] .ch-hero__corner{display:block}.ch-hero__corner:after{content:attr(data-stamp-text);position:absolute;top:-86px;right:-90px;width:90px;text-align:center;transform:rotate(45deg);font-family:Archivo,sans-serif;font-weight:900;font-size:11px;letter-spacing:.18em;color:var(--ch-ink)}.ch-hero__rotator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:96px 56px 110px;pointer-events:none}.ch-hero__visual[data-hero-mode=rotator] .ch-hero__rotator{display:flex}.ch-hero__rotator-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Saira Condensed,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--ch-bone);margin-bottom:18px;padding:8px 12px;background:#0e10138c;border-left:3px solid var(--ch-red)}.ch-hero__rotator-eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--ch-red);box-shadow:0 0 #d8232a99;animation:ch-hero-pulse 1.8s ease-in-out infinite}@keyframes ch-hero-pulse{0%,to{box-shadow:0 0 #d8232a99}50%{box-shadow:0 0 0 10px #d8232a00}}.ch-hero__rotator-stage{position:relative;width:100%;max-width:520px;height:180px;overflow:hidden}.ch-hero__rotator-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:10px;opacity:0}.ch-hero__rotator-mark{font-family:Archivo,system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;font-size:88px;color:var(--ch-bone);width:fit-content;border-bottom:4px solid var(--ch-hi);padding-bottom:10px}.ch-hero__rotator-meta{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ch-steel-2)}.ch-hero__rotator-meta .tag{background:var(--ch-red);color:var(--ch-bone);padding:3px 8px;font-family:Archivo,sans-serif;font-weight:900;letter-spacing:.16em;font-size:10px}.ch-hero__rotator-dots{position:absolute;left:56px;bottom:64px;display:flex;gap:8px;pointer-events:auto;z-index:5}.ch-hero__rotator-dots .dot{width:24px;height:3px;background:#f2ede32e;cursor:pointer;transition:background .25s ease}.ch-hero__rotator-dots .dot.is-active{background:var(--ch-red)}.ch-hero__visual[data-anim=land] .ch-hero__rotator-card{transform:translateY(-110%) rotate(-2deg) scale(1.15)}.ch-hero__visual[data-anim=land] .ch-hero__rotator-card.is-active{animation:ch-hero-land .9s cubic-bezier(.18,.9,.3,1.1) forwards}.ch-hero__visual[data-anim=land] .ch-hero__rotator-card.is-leaving{animation:ch-hero-land-leave .55s cubic-bezier(.4,0,.7,.4) forwards}@keyframes ch-hero-land{0%{opacity:0;transform:translateY(-110%) rotate(-2deg) scale(1.15)}55%{opacity:1;transform:translateY(10px) rotate(.6deg) scale(1.02)}72%{transform:translateY(-5px) rotate(-.3deg) scale(.99)}88%{transform:translateY(2px) rotate(.1deg) scale(1.005)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes ch-hero-land-leave{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(-30%) rotate(-1deg) scale(.97)}}.ch-hero__visual[data-anim=slide] .ch-hero__rotator-card{transform:translate(40px)}.ch-hero__visual[data-anim=slide] .ch-hero__rotator-card.is-active{animation:ch-hero-slide-in .65s cubic-bezier(.2,.7,.3,1) forwards}.ch-hero__visual[data-anim=slide] .ch-hero__rotator-card.is-leaving{animation:ch-hero-slide-out .45s cubic-bezier(.4,0,.7,.4) forwards}@keyframes ch-hero-slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes ch-hero-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.ch-hero__visual[data-anim=fade] .ch-hero__rotator-card{transform:none}.ch-hero__visual[data-anim=fade] .ch-hero__rotator-card.is-active{animation:ch-hero-fade-in .55s ease forwards}.ch-hero__visual[data-anim=fade] .ch-hero__rotator-card.is-leaving{animation:ch-hero-fade-out .35s ease forwards}@keyframes ch-hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ch-hero-fade-out{0%{opacity:1}to{opacity:0}}.ch-hero__visual[data-anim=flip] .ch-hero__rotator-stage{perspective:800px}.ch-hero__visual[data-anim=flip] .ch-hero__rotator-card{transform-origin:center top;transform:rotateX(-90deg)}.ch-hero__visual[data-anim=flip] .ch-hero__rotator-card.is-active{animation:ch-hero-flip-in .65s cubic-bezier(.2,.85,.3,1) forwards}.ch-hero__visual[data-anim=flip] .ch-hero__rotator-card.is-leaving{animation:ch-hero-flip-out .45s cubic-bezier(.4,0,.7,.4) forwards;transform-origin:center bottom}@keyframes ch-hero-flip-in{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes ch-hero-flip-out{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}.ch-hero__caption{position:absolute;left:32px;bottom:32px;z-index:4;display:flex;flex-direction:column;gap:6px}.ch-hero__visual[data-hero-mode=rotator] .ch-hero__caption{display:none}.ch-hero__caption .frame-no{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--ch-steel-2);text-transform:uppercase}.ch-hero__caption .cap{font-family:Saira Condensed,system-ui,sans-serif;font-weight:800;text-transform:uppercase;font-size:18px;line-height:1.05;color:var(--ch-bone);max-width:280px}.ch-hero__caption .cap em,.ch-hero__caption .cap strong{font-style:italic;color:var(--ch-red);font-weight:800}@media(max-width:900px){.ch-hero{grid-template-columns:1fr;min-height:0}.ch-hero:after{display:none}.ch-hero__copy{padding:32px 24px 24px;order:2}.ch-hero__copy:before{left:14px;top:32px;bottom:32px}.ch-hero__h1{font-size:48px}.ch-hero__sub{font-size:14px}.ch-hero__btn{font-size:13px;padding:14px 18px}.ch-hero__service{padding:10px 12px;font-size:12px}.ch-hero__visual{height:340px;order:1}.ch-hero__rotator{padding:48px 24px 60px}.ch-hero__rotator-mark{font-size:54px}.ch-hero__rotator-stage{height:130px}.ch-hero__rotator-dots{left:24px;bottom:24px}.ch-hero__visual[data-hero-mode=rotator] .ch-hero__corner{border-top-width:70px;border-left-width:70px}.ch-hero__corner:after{top:-64px;right:-72px;width:70px;font-size:8px}.ch-hero__ctas{flex-direction:column;align-items:stretch}.ch-hero__btn{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ch-sale-hero.css.map */