.obk{--red:#FF2D20;--yel:#FFD400;--ink:#070707;--ink2:#0D0D0D;--line:#2A2A2A;--bone:#F2EEE6;--bone2:#C9C5BD;--mut:#A8A49C;--paper:#ECE8DF;position:relative;background:var(--ink);color:var(--bone);font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.obk *,.obk *:before,.obk *:after{box-sizing:border-box}.obk h1,.obk h2,.obk h3,.obk p{margin:0;padding:0;color:inherit;letter-spacing:normal;text-transform:none;font-family:inherit;font-weight:inherit;line-height:inherit}.obk a{color:inherit}.obk button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-transform:none;letter-spacing:inherit;box-shadow:none;min-width:0;border-radius:0;cursor:pointer}.obk img{max-width:100%}.obk .mono{font-family:JetBrains Mono,monospace}.obk .anton{font-family:Anton,Impact,sans-serif;font-weight:400}.obk .wrap{padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}.obk .outline{color:transparent;-webkit-text-stroke:2px var(--bone)}.obk .eyebrow{font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--mut);text-transform:uppercase}.obk .h2{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(52px,8vw,140px);line-height:.86;text-transform:uppercase}.obk .blink{animation:ob-blink 1s steps(1) infinite}.obk .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red)}@keyframes ob-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ob-mq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ob-mqr{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes ob-grain{0%{transform:translate(0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-4%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}@keyframes ob-flick{0%,to{opacity:1}47%{opacity:.94}48%{opacity:.82}49%{opacity:.97}}@keyframes ob-seg{0%,to{opacity:1}50%{opacity:.35}}@keyframes ob-shake{0%{transform:translate(0)}25%{transform:translate(-6px,3px) skew(4deg)}50%{transform:translate(5px,-4px)}75%{transform:translate(-3px,-2px) skew(-3deg)}to{transform:translate(0)}}@keyframes ob-rgb{0%,to{filter:drop-shadow(-3px 0 #FF2D20) drop-shadow(3px 0 #00E5FF)}50%{filter:drop-shadow(3px 0 #FF2D20) drop-shadow(-3px 0 #00E5FF)}}@keyframes ob-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.obk .track{display:flex;width:max-content;animation:ob-mq 32s linear infinite}.obk .track-r{display:flex;width:max-content;animation:ob-mqr 26s linear infinite}.obk .grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:40;opacity:.07;animation:ob-grain .6s steps(4) infinite}.obk .cursor{position:fixed;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:2px solid var(--bone);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;opacity:0;transition:width .2s,height .2s,margin .2s,background .2s,opacity .2s}.obk .cursor.on{opacity:1}.obk .cursor.hot{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--bone)}@media(pointer:coarse){.obk .cursor{display:none}}.obk .scan{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.38) 0 2px,transparent 2px 4px)}.obk .vig{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75) 100%)}.obk .brk{display:flex;align-items:stretch;border-bottom:2px solid var(--red);position:relative;z-index:5}.obk .brk-l{display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--red);color:var(--ink);font-family:Anton,Impact,sans-serif;font-size:20px;letter-spacing:.04em;white-space:nowrap}.obk .brk-l .dot{background:var(--ink)}.obk .brk-m{flex:1;overflow:hidden;display:flex;align-items:center;min-width:0}.obk .brk-m span{padding:12px 26px;white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.obk .brk-m i{font-style:normal;color:var(--red);padding:12px 0;font-family:JetBrains Mono,monospace;font-weight:700}.obk .brk-r{display:flex;align-items:center;gap:6px;padding:0 18px;border-left:2px solid var(--red);font-family:JetBrains Mono,monospace;font-weight:800;font-size:13px;letter-spacing:.08em;white-space:nowrap}@media(max-width:749px){.obk .brk-r{display:none}}.obk .hero{position:relative;height:clamp(520px,64vw,920px);overflow:hidden;border-bottom:2px solid #1E1E1E}.obk .hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.obk .hero-fb{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);text-align:center}.obk .hud{position:absolute;top:24px;right:24px;bottom:24px;left:24px;pointer-events:none}.obk .hud b{position:absolute;width:40px;height:40px;border:0 solid var(--bone)}.obk .hud b:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px}.obk .hud b:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px}.obk .hud b:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}.obk .hud b:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}.obk .hl{position:absolute;font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;letter-spacing:.14em;pointer-events:none}.obk .hl.tl{left:48px;top:44px;display:flex;align-items:center;gap:10px;font-weight:800}.obk .hl.tr{right:48px;top:44px;color:var(--mut)}.obk .hl.bl{left:48px;bottom:44px;color:var(--mut)}.obk .hl.br{right:48px;bottom:44px;font-family:Anton,Impact,sans-serif;font-size:22px;letter-spacing:.3em}@media(max-width:749px){.obk .hl.tr,.obk .hl.bl{display:none}.obk .hl.tl{left:36px;top:36px}.obk .hl.br{right:36px;bottom:36px;font-size:16px}}.obk .scroll{position:absolute;left:50%;bottom:36px;margin-left:-22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bone);border-radius:50%;animation:ob-bob 1.6s ease-in-out infinite}@media(max-width:749px){.obk .scroll{display:none}}.obk .tapes{position:relative;height:200px;overflow:hidden}.obk .tape{position:absolute;left:-5%;right:-5%;overflow:hidden}.obk .tape-y{top:56px;transform:rotate(-3deg);background:var(--yel);color:var(--ink);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.obk .stripe{height:10px;background:repeating-linear-gradient(-45deg,var(--ink) 0 12px,var(--yel) 12px 24px)}.obk .tape-y span{padding:8px 24px;white-space:nowrap;font-family:Anton,Impact,sans-serif;font-size:30px;letter-spacing:.06em;text-transform:uppercase}.obk .tape-r{top:92px;transform:rotate(2.4deg);background:var(--red);color:var(--ink);box-shadow:0 10px 30px #0009}.obk .tape-r span{padding:12px 22px;white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:800;font-size:16px;letter-spacing:.16em;text-transform:uppercase}.obk .man{padding-top:clamp(48px,7vw,110px);padding-bottom:clamp(64px,8vw,120px)}.obk .man-h{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(48px,12.5vw,230px);line-height:.86;text-transform:uppercase;margin-top:24px}.obk .man-h .ln{display:block;white-space:nowrap}.obk .man-h .ln:nth-child(2n) .done{color:transparent;-webkit-text-stroke:2px var(--bone)}.obk .man-h .rest{color:var(--red)}.obk .man:hover .ln{animation:ob-shake .25s steps(2) 1}.obk .man-f{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:48px}.obk .man-f p{max-width:520px;font-size:clamp(17px,1.5vw,22px);line-height:1.5;color:var(--bone2)}.obk .btn{display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 32px;text-decoration:none;font-family:Anton,Impact,sans-serif;font-size:24px;letter-spacing:.04em;text-transform:uppercase;transition:transform .15s,box-shadow .15s}.obk .btn:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--red)}.obk .btn-bone{background:var(--bone);color:var(--ink)}.obk .btn-red{background:var(--red);color:var(--ink)}.obk .btn-red:hover{box-shadow:8px 8px 0 var(--bone)}.obk .stat{padding-bottom:clamp(64px,8vw,120px)}.obk .stat-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line);border:2px solid var(--line)}.obk .panel{background:var(--ink2);padding:32px;display:flex;flex-direction:column;gap:18px;min-width:0}.obk .panel.wide{grid-column:span 2}@media(max-width:989px){.obk .stat-g{grid-template-columns:minmax(0,1fr)}.obk .panel.wide{grid-column:auto}}.obk .panel-h{display:flex;justify-content:space-between;gap:12px;font-family:JetBrains Mono,monospace;font-weight:800;font-size:13px;letter-spacing:.16em}.obk .panel-h span:first-child{color:var(--mut)}.obk .red{color:var(--red)}.obk .cd{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px}.obk .cd-u{display:flex;flex-direction:column;gap:6px}.obk .cd-n{font-family:Anton,Impact,sans-serif;font-size:clamp(52px,9vw,150px);line-height:.85;color:var(--red);text-shadow:0 0 40px rgba(255,45,32,.45);font-variant-numeric:tabular-nums}.obk .cd-l{font-family:JetBrains Mono,monospace;font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--mut)}.obk .cd-s{font-family:Anton,Impact,sans-serif;font-size:clamp(36px,6vw,100px);line-height:1;color:var(--red);padding:0 4px 30px}.obk .segs{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;height:90px;align-items:end}.obk .segs i{display:block;animation:ob-seg 1.6s ease-in-out infinite}.obk .chips{display:flex;flex-wrap:wrap;gap:8px}.obk .chips span{font-family:JetBrains Mono,monospace;font-weight:800;font-size:12px;letter-spacing:.1em;padding:8px 12px;border:2px solid var(--bone)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/outbrk.css.map */