.cwh{--cwh-cyan:#00e5ff;--cwh-mag:#d600ff;--cwh-green:#3ddc84;--cwh-ink:#f1f4f9;--cwh-dim:#c8d2e0;--cwh-faint:#8b97ab;--cwh-bg:#04081f;--cwh-line:#232b38;--cwh-h:72vh;position:relative;overflow:hidden;isolation:isolate;min-height:var(--cwh-h);display:flex;align-items:center;background:var(--cwh-bg);font-family:Courier New,Courier,monospace;color:var(--cwh-ink)}.cwh__wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;gap:14px;justify-content:center;opacity:var(--cwh-wall-opacity,.55);filter:saturate(1);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}.cwh__wall{transition:opacity .55s ease,filter .55s ease}.cwh__row{display:flex;gap:14px;width:max-content;will-change:transform}.cwh__row img{width:104px;height:156px;object-fit:cover;border-radius:6px;flex:0 0 auto;display:block;background:#0b0f18}.cwh__row--a{animation:cwh-drift-l 96s linear infinite}.cwh__row--b{animation:cwh-drift-r 120s linear infinite}.cwh__row--c{animation:cwh-drift-l 84s linear infinite}@keyframes cwh-drift-l{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cwh-drift-r{0%{transform:translate(-50%)}to{transform:translate(0)}}.cwh__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at 28% 50%,#04081fc7,#04081f6b 48%,#04081fe0)}.cwh__logowrap{flex:0 0 auto;width:42%;max-width:480px;display:flex;align-items:center;justify-content:center}.cwh__logo{display:block;width:100%;height:auto;max-width:480px;margin:0}.cwh__inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:64px 24px;display:flex;align-items:center;gap:48px}.cwh__text{flex:1 1 0;min-width:0;position:relative}.cwh__text:before{content:"";position:absolute;top:-30px;right:-36px;bottom:-30px;left:-36px;pointer-events:none;border-radius:20px;background:radial-gradient(ellipse at 32% 50%,rgba(4,8,31,var(--cwh-text-scrim,.5)),rgba(4,8,31,calc(var(--cwh-text-scrim,.5) * .78)) 52%,#04081f00);transition:background .55s ease}.cwh__slides,.cwh__dots{position:relative}.cwh__term{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;padding:8px 16px;border:1px solid rgba(61,220,132,.45);border-radius:999px;background:#3ddc8412;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cwh-green);min-height:34px}.cwh__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;animation:cwh-blip 2.4s ease-in-out infinite}@keyframes cwh-blip{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.cwh__caret{display:inline-block;width:.6em;height:1em;background:currentColor;vertical-align:-.12em;animation:cwh-caret 1s steps(1) infinite}@keyframes cwh-caret{0%,49%{opacity:1}50%,to{opacity:0}}.cwh h1{margin:0;font-size:clamp(34px,6.4vw,74px);line-height:1.02;text-transform:uppercase;letter-spacing:.01em;font-weight:700;max-width:18ch}.cwh h1{text-shadow:0 2px 20px rgba(4,8,31,.9),0 0 3px rgba(4,8,31,.7)}.cwh h1 .cwh__accent{color:var(--cwh-cyan);text-shadow:0 0 26px rgba(0,229,255,.5),0 2px 16px rgba(4,8,31,.8)}.cwh__sub{margin:22px 0 0;font-size:clamp(15px,1.5vw,19px);line-height:1.65;color:var(--cwh-dim);max-width:52ch}.cwh__sub{text-shadow:0 1px 12px rgba(4,8,31,.95)}.cwh__sub b{color:var(--cwh-ink)}.cwh__ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.cwh__btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:15px 26px;border-radius:9px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--cwh-cyan);color:var(--cwh-cyan);transition:background .18s,color .18s,box-shadow .18s}.cwh__btn:hover{background:var(--cwh-cyan);color:#05070f;box-shadow:0 0 26px #00e5ff66}.cwh__btn--ghost{border-color:var(--cwh-line);color:var(--cwh-dim)}.cwh__btn--ghost:hover{background:transparent;border-color:var(--cwh-ink);color:var(--cwh-ink);box-shadow:none}.cwh__slides{display:grid}.cwh__slide{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease,visibility 0s linear .55s}.cwh__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .55s ease,transform .55s ease,visibility 0s}.cwh__dots{display:flex;gap:9px;margin-top:26px;padding:0}.cwh__dot-btn{width:9px;height:9px;padding:0;border-radius:50%;cursor:pointer;border:1px solid var(--cwh-faint);background:transparent;transition:background .2s,border-color .2s,transform .2s}.cwh__dot-btn:hover{border-color:var(--cwh-ink)}.cwh__dot-btn.is-active{background:var(--cwh-cyan);border-color:var(--cwh-cyan);transform:scale(1.15)}.cwh__dot-btn:focus-visible{outline:2px solid var(--cwh-cyan);outline-offset:3px}.cwh__ico{flex:0 0 auto;display:block}.cwh__arw{display:inline-block;transition:transform .18s ease}.cwh__btn:hover .cwh__arw{transform:translate(4px)}.cwh__btn:focus-visible{outline:2px solid var(--cwh-cyan);outline-offset:3px}.cwh.is-calm .cwh__row--a,.cwh.is-calm .cwh__row--b,.cwh.is-calm .cwh__row--c{animation-play-state:paused}.cwh.is-calm .cwh__wall{opacity:calc(var(--cwh-wall-opacity,.55) * .28);filter:blur(3px) saturate(.5)}.cwh.is-calm .cwh__text:before{background:radial-gradient(ellipse at 32% 50%,rgba(4,8,31,calc(var(--cwh-text-scrim,.5) + .3)),rgba(4,8,31,calc(var(--cwh-text-scrim,.5) + .12)) 58%,#04081f00)}@media(max-width:990px){.cwh__inner{flex-direction:column;align-items:flex-start;gap:26px}.cwh__logowrap{order:-1;width:auto;max-width:240px;justify-content:flex-start}.cwh__logo{max-width:240px}}@media(max-width:749px){.cwh__inner{padding:52px 16px}.cwh__dots{margin-top:20px}.cwh__row img{width:78px;height:117px}.cwh__btn{width:100%;justify-content:center}.cwh__logowrap,.cwh__logo{max-width:180px}}@media(prefers-reduced-motion:reduce){.cwh__row--a,.cwh__row--b,.cwh__row--c,.cwh__dot,.cwh__caret{animation:none}.cwh__caret{opacity:0}.cwh__slide{transition:none;transform:none}.cwh__slide.is-active,.cwh__arw,.cwh__dot-btn{transition:none}.cwh__wall,.cwh__text:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/comic-wall-hero.css.map */