.hero{position:relative;width:100%;aspect-ratio:3168 / 1344;overflow:hidden;background:var(--sky);border-bottom:var(--edge) solid var(--brown);contain:layout paint;isolation:isolate;--overscan: 1.06;--lockup-w: 21%;--ratio-hoju: .6241;--ratio-bang: .0764}.hero__plate{position:absolute;inset:0;transform:scale(var(--overscan));transform-origin:center;will-change:transform}.hero__bg{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}.hero__title{position:absolute;left:3.9%;top:20%;width:100%;z-index:2;will-change:transform}.hero__lockup{margin:0;display:grid;justify-items:start}.t-row{display:flex;align-items:flex-start;gap:calc(var(--lockup-w) * .03);width:100%}.t-row--2{margin-left:calc(var(--lockup-w) * .2);margin-top:calc(var(--lockup-w) * .045)}.t-bob{display:block;flex:0 0 auto}.t-bob--hoju{width:calc(var(--lockup-w) * var(--ratio-hoju))}.t-bob--cooper{width:var(--lockup-w)}.t-bob--bang{width:calc(var(--lockup-w) * var(--ratio-bang))}.t-in{display:block;height:auto;image-rendering:pixelated}.t-in{width:100%}.hero__cta{position:absolute;left:14%;top:57%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.btn--reddit{font-size:var(--fs-px-lg);padding:9px 14px;gap:7px;background:#ff4500;color:#fff;border-color:var(--brown)}.btn--reddit:hover{background:#ff6a33;color:#fff}.btn--reddit img{image-rendering:auto}@media (max-width: 1100px){.hero__cta .btn{font-size:11px;padding:12px 16px}.btn--reddit{padding:8px 12px}.btn--reddit img{width:18px;height:18px}}@media (orientation: portrait) and (max-width: 767px){.hero{aspect-ratio:auto;--lockup-w: 56%;display:block}.hero__plate{position:relative;inset:auto;aspect-ratio:2123 / 1344;transform:none;will-change:auto}.hero__title,.hero__cta{position:static;left:auto;top:auto;width:auto;background:var(--cream)}.hero__title{padding:24px var(--gap) 0}.hero__cta{padding:20px var(--gap) 26px}.hero__cta .btn{font-size:11px;padding:13px 16px}}@media (prefers-reduced-motion: reduce){.hero *,.hero *:before,.hero *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.hero{--px: 2px}@media (max-width: 767px){.hero{--px: 1px}}@media (min-width: 1440px){.hero{--px: 3px}}.hero__plate{transform:translate3d(calc(var(--mx, 0) * -8px),calc(var(--my, 0) * -5px + var(--scroll, 0px)),0) scale(var(--overscan))}.hero__title{transform:translate3d(calc(var(--mx, 0) * 20px),calc(var(--my, 0) * 12px),0)}@media (orientation: portrait) and (max-width: 767px){.hero__plate,.hero__title{transform:none}}@keyframes t-drop{0%{transform:translate3d(0,calc(var(--px) * -30),0);opacity:0}14%{opacity:1}62%{transform:translate3d(0,calc(var(--px) * 4),0)}80%{transform:translate3d(0,calc(var(--px) * -2),0)}to{transform:translateZ(0);opacity:1}}@keyframes t-bang-in{0%{transform:scale(.2);opacity:0}20%{opacity:1}55%{transform:scale(1.25)}78%{transform:scale(.92)}to{transform:scale(1);opacity:1}}@keyframes t-flash{0%,to{filter:none}50%{filter:brightness(2.2) saturate(.2)}}@keyframes t-shake{0%,to{transform:translateZ(0)}33%{transform:translate3d(calc(var(--px) * 2),0,0)}66%{transform:translate3d(calc(var(--px) * -2),0,0)}}.t-in{animation:t-drop .64s steps(9,jump-end) both}.t-in--hoju{animation-delay:.12s}.t-in--cooper{animation-delay:.3s}.t-in--bang{animation:t-bang-in .3s steps(5,jump-end) .56s both,t-flash .12s steps(2,jump-end) .84s both}.hero__lockup{animation:t-shake .12s steps(3,jump-end) .86s both}@keyframes t-bob{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(var(--px) * -1),0)}}.t-bob{animation:t-bob 3.2s steps(2,jump-none) .9s infinite alternate}.t-bob--cooper{animation-duration:3.7s}.t-bob--bang{animation-duration:2.9s}.t-bob--hoju{position:relative}.t-bob--hoju:before,.t-bob--hoju:after{content:"";position:absolute;inset:0;background:url(/hero/title-hoju.webp) center / 100% 100% no-repeat;image-rendering:pixelated;pointer-events:none;opacity:0;animation:t-glitch 9s steps(1,jump-end) 1.4s infinite}.t-bob--hoju:before{transform:translate3d(calc(var(--px) * -2),0,0);filter:sepia(1) saturate(7) hue-rotate(-40deg)}.t-bob--hoju:after{transform:translate3d(calc(var(--px) * 2),0,0);filter:sepia(1) saturate(7) hue-rotate(150deg);animation-delay:1.45s}@keyframes t-glitch{0%,96%{opacity:0}97%,98%{opacity:.55}99%,to{opacity:0}}.fx{position:absolute;pointer-events:none}.fx--sign-a,.fx--sign-b{mix-blend-mode:screen}.fx--sign-a:before,.fx--sign-b:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff6d6e6,#fff6);opacity:.05;animation:sign-breathe 4s ease-in-out infinite alternate}.fx--sign-a{left:var(--signA-x);top:var(--signA-y);width:var(--signA-w);height:var(--signA-h)}.fx--sign-b{left:var(--signB-x);top:var(--signB-y);width:var(--signB-w);height:var(--signB-h)}.fx--sign-b:before{animation-delay:-1.7s}.fx--sign-b:after{animation-delay:-4.2s}@keyframes sign-breathe{0%{opacity:.05}to{opacity:.14}}@keyframes sign-stutter{0%,87.9%{opacity:0}88%,88.7%{opacity:.5}88.8%,89.4%{opacity:0}89.5%,90.2%{opacity:.34}90.3%,to{opacity:0}}.fx--sign-a:after,.fx--sign-b:after{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse at center,rgba(255,238,198,.75),transparent 70%);filter:blur(10px);opacity:0;animation:sign-stutter 11s steps(1,jump-end) infinite}.fx--vend{left:var(--vending-x);top:var(--vending-y);width:var(--vending-w);height:var(--vending-h);background:linear-gradient(180deg,#d6f2ff8c,#ffffff2e);mix-blend-mode:screen;animation:vend-breathe 6s ease-in-out infinite alternate,vend-flicker 13s steps(1,jump-end) infinite}@keyframes vend-breathe{0%{opacity:.1}to{opacity:.26}}@keyframes vend-flicker{0%,96.4%{filter:none}96.5%,96.9%{filter:brightness(.3)}97%,to{filter:none}}.hero__particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero--offscreen *,.hero--offscreen *:before,.hero--offscreen *:after{animation-play-state:paused}
