.jako13-hero{--jh-bg: var(--jk-bg);--jh-teal: var(--jk-teal);--jh-ink: var(--jk-ink);--jh-ink-2: var(--jk-ink-2);--jh-red: var(--jk-red);--jh-display: var(--jk-display);--jh-condensed: var(--jk-condensed);--jh-mono: var(--jk-mono);--jh-body: var(--jk-body);--jh-section-height: 100vh;position:relative;min-height:var(--jh-section-height);background:radial-gradient(ellipse at 50% 0%,rgba(0,255,213,.08),transparent 60%),var(--jh-bg);color:var(--jh-ink);font-family:var(--jh-body);overflow:hidden;isolation:isolate;padding:120px clamp(32px,18vw,240px) 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.jh-scanlines,.jh-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}.jh-scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.jh-vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);z-index:9001;animation:jh-flicker 6s infinite steps(1)}@keyframes jh-flicker{0%,97%,to{opacity:1}97.5%{opacity:.92}98%{opacity:1}98.5%{opacity:.95}}.jh-rail{position:absolute;top:0;bottom:0;width:200px;z-index:50;pointer-events:none;font-family:var(--jh-mono);font-size:10px;color:var(--jh-ink-2);padding:80px 18px;display:flex;flex-direction:column;justify-content:space-between}.jh-rail--left{left:0;border-right:1px dashed rgba(0,255,213,.08)}.jh-rail--right{right:0;border-left:1px dashed rgba(0,255,213,.08);text-align:right}.jh-rail h6{font-family:var(--jh-condensed);margin:0 0 6px;font-size:11px;letter-spacing:.3em;color:var(--jh-teal);font-weight:500}.jh-block{margin-bottom:22px;line-height:1.6}.jh-key{color:var(--jh-ink-2)}.jh-val{color:var(--jh-ink)}.jh-live{color:var(--jh-teal)}.jh-blink{animation:jh-blink 1.6s infinite steps(2)}@keyframes jh-blink{50%{opacity:.3}}.jh-floaty{font-family:var(--jh-mono);font-size:10px;color:var(--jh-ink-2);line-height:1.7;letter-spacing:.1em}.jh-depth-meter{position:relative;flex:1;margin:14px 0;width:4px;align-self:flex-end;background:#ffffff0f}.jh-depth-fill{position:absolute;top:0;left:0;right:0;background:var(--jh-teal);box-shadow:0 0 8px var(--jh-teal);height:0;transition:height .15s}.jh-content{position:relative;z-index:10;grid-column:1}.jh-meta{font-family:var(--jh-mono);font-size:11px;color:var(--jh-ink-2);letter-spacing:.2em;margin-bottom:18px;text-transform:uppercase}.jh-headline{font-family:var(--jh-condensed);font-weight:700;font-size:clamp(52px,7vw,110px);line-height:.92;letter-spacing:-.02em;margin:0 0 14px;color:#e8f6f3;text-transform:uppercase}.jh-accent{color:var(--jh-teal);text-shadow:0 0 30px rgba(0,255,213,.5)}.jh-glitch{position:relative;display:inline-block}.jh-glitch:before,.jh-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;opacity:.7}.jh-glitch:before{color:var(--jh-red);transform:translate(2px);mix-blend-mode:screen;clip-path:inset(0 0 60% 0);animation:jh-g1 3s infinite steps(2)}.jh-glitch:after{color:var(--jh-teal);transform:translate(-2px);mix-blend-mode:screen;clip-path:inset(60% 0 0 0);animation:jh-g2 3s infinite steps(2)}@keyframes jh-g1{0%,90%,to{transform:translate(2px)}92%{transform:translate(-3px,1px)}94%{transform:translate(4px,-1px)}}@keyframes jh-g2{0%,92%,to{transform:translate(-2px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-4px,1px)}}.jh-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:linear-gradient(rgba(0,255,213,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,213,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 38%,#000 78%);-webkit-mask-image:linear-gradient(90deg,transparent 38%,#000 78%)}.jh-telemetry{position:absolute;top:10vh;bottom:12vh;right:clamp(60px,11vw,190px);display:flex;gap:clamp(28px,3vw,56px);pointer-events:none;z-index:2;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.jh-tcol{width:clamp(120px,11vw,170px);position:relative;overflow:hidden}.jh-tcol__scroll{position:absolute;left:0;right:0;top:0;font-family:var(--jh-mono);font-size:10px;line-height:2.2;letter-spacing:.14em;text-transform:uppercase;white-space:pre;color:#00ffd552;animation:jh-tscroll var(--jh-tdur, 70s) linear infinite;animation-direction:var(--jh-tdir, normal)}.jh-tcol__scroll .d{color:#e8f6f32e}@keyframes jh-tscroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.jh-log{position:absolute;right:clamp(60px,11vw,190px);bottom:150px;width:290px;font-family:var(--jh-mono);font-size:10px;line-height:1.95;letter-spacing:.12em;text-transform:uppercase;color:#00ffd58c;pointer-events:none;z-index:3}.jh-log .jh-log__line--old{color:#e8f6f338}.jh-log .jh-log__line--noise{color:var(--jh-red);opacity:.75}.jh-log .jh-log__cursor{display:inline-block;width:7px;background:var(--jh-teal);height:11px;vertical-align:-1px;margin-left:2px;animation:jh-blink 1s infinite steps(2)}.jh-dust{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.jh-mote{position:absolute;left:var(--x, 50%);bottom:-6px;width:2px;height:2px;border-radius:50%;background:var(--jh-teal);box-shadow:0 0 6px #00ffd599;opacity:0;animation:jh-rise var(--d, 20s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes jh-rise{0%{transform:translateY(0);opacity:0}8%{opacity:var(--o, .4)}85%{opacity:var(--o, .4)}to{transform:translateY(-104vh);opacity:0}}.jh-tearfx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9500;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(0,255,213,.1) 9px 10px,transparent 10px 27px,rgba(216,90,48,.09) 27px 28px)}.jako13-hero.jh-tear-on .jh-tearfx{opacity:1;animation:jh-tearslide .22s steps(4) 1}.jako13-hero.jh-tear-on .jh-content,.jako13-hero.jh-tear-on .jh-rail,.jako13-hero.jh-tear-on .jh-telemetry,.jako13-hero.jh-tear-on .jh-log{animation:jh-tearjit .22s steps(3) 1}@keyframes jh-tearslide{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(10px)}}@keyframes jh-tearjit{0%,to{transform:translate(0)}33%{transform:translate(-7px,2px) skew(.6deg)}66%{transform:translate(6px,-2px) skew(-.5deg)}}@media(max-width:1280px){.jh-telemetry,.jh-log{display:none}}.jh-glitch--burst:before{animation:jh-gb1 .16s infinite steps(2);opacity:.9}.jh-glitch--burst:after{animation:jh-gb2 .16s infinite steps(2);opacity:.9}@keyframes jh-gb1{0%{transform:translate(5px,-2px);clip-path:inset(0 0 55% 0)}50%{transform:translate(-6px,1px);clip-path:inset(12% 0 32% 0)}to{transform:translate(3px,2px);clip-path:inset(0 0 62% 0)}}@keyframes jh-gb2{0%{transform:translate(-5px,2px);clip-path:inset(55% 0 0 0)}50%{transform:translate(6px,-1px);clip-path:inset(32% 0 12% 0)}to{transform:translate(-3px,-2px);clip-path:inset(62% 0 0 0)}}.jh-lede{font-size:16px;line-height:1.6;max-width:480px;color:var(--jh-ink);margin:0 0 28px}.jh-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.jh-btn{font-family:var(--jh-mono);font-size:12px;text-transform:uppercase;letter-spacing:.25em;padding:14px 22px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.jh-btn--primary{background:#0a1416;color:var(--jh-teal);border:1px solid rgba(0,255,213,.35);box-shadow:0 0 18px #00ffd52e,inset 0 0 24px #00ffd50f}.jh-btn--primary:hover{box-shadow:0 0 26px #00ffd557,inset 0 0 30px #00ffd51a;border-color:#00ffd599;transform:translateY(-1px)}.jh-btn--ghost{background:transparent;color:var(--jh-teal);border:1px solid var(--jh-teal)}.jh-btn--ghost:hover{background:#00ffd51a}.jh-stats{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px dashed rgba(0,255,213,.2);padding-top:22px;max-width:480px}.jh-stat{font-family:var(--jh-mono);font-size:10px;color:var(--jh-ink-2);letter-spacing:.18em;text-transform:uppercase}.jh-stat b{display:block;font-family:var(--jh-condensed);font-weight:600;color:var(--jh-teal);font-size:28px;letter-spacing:.05em;margin-bottom:4px;text-shadow:0 0 12px rgba(0,255,213,.4)}.jh-scroll-prompt{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-family:var(--jh-mono);font-size:10px;color:var(--jh-teal);letter-spacing:.3em;text-transform:uppercase;text-align:center;opacity:.8;z-index:20}.jh-arrow{width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--jh-teal));margin:10px auto 0;animation:jh-dive 2s infinite ease-in-out}@keyframes jh-dive{0%,to{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(1.4)}}@media(max-width:1280px){.jh-rail{display:none}}@media(max-width:900px){.jako13-hero{grid-template-columns:1fr;padding:100px 24px 60px}.jh-headline{font-size:clamp(40px,11vw,72px)}}@media(prefers-reduced-motion:reduce){.jh-glitch:before,.jh-glitch:after,.jh-blink,.jh-arrow,.jh-vignette,.jh-tcol__scroll,.jh-mote,.jh-tearfx,.jh-content,.jh-rail,.jh-telemetry,.jh-log{animation:none!important}.jh-mote{display:none}}@media(max-width:900px){.jako13-hero{padding:88px 20px 152px;min-height:100svh}.jh-lede{font-size:15px;margin-bottom:24px}.jh-stats{margin-top:28px}.jh-scroll-prompt{bottom:16px}.jh-arrow{height:34px}}@media(max-width:900px)and (prefers-reduced-motion:no-preference){.jh-telemetry{display:flex;top:7vh;bottom:164px;left:auto;right:8px;gap:0;opacity:.5;z-index:1}.jh-tcol{width:102px}.jh-tcol:nth-child(n+2){display:none}.jh-tcol__scroll{font-size:9px;letter-spacing:.1em;line-height:2.1}.jh-log{display:block;left:20px;right:20px;bottom:96px;width:auto;font-size:9px;line-height:1.9}}@media(min-width:901px)and (max-width:1280px)and (prefers-reduced-motion:no-preference){.jh-telemetry{display:flex;top:9vh;bottom:12vh;right:clamp(32px,5vw,110px);gap:36px;opacity:.75;z-index:2}.jh-tcol{width:128px}.jh-tcol:nth-child(3){display:none}.jh-log{display:block;right:clamp(32px,5vw,110px);bottom:130px;width:260px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/jako13-hero.css.map */