html{--mobile-design-width: 540;--desktop-design-width: 1600;--ultrawide-design-width: 2560;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=2560px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}html{scrollbar-width:none}body{background:#000;transition:background 1.234s}body:has(.top-1-21-trigger:hover),body:has(.top-1-21-video-yt--johnny-boying){background:#444b63}body:has(.top-1-21-trigger:hover) .top-1-21-main:before,body:has(.top-1-21-video-yt--johnny-boying) .top-1-21-main:before{opacity:1}body:has(.top-1-21-trigger:hover) .top-1-21-container,body:has(.top-1-21-video-yt--johnny-boying) .top-1-21-container{filter:grayscale(0) brightness(1) contrast(1)}body:has(.top-1-21-trigger:hover) .top-1-21-background:before,body:has(.top-1-21-video-yt--johnny-boying) .top-1-21-background:before{opacity:.4}.top-1-21-main{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;min-height:100dvh;padding:100rem;font-family:Martian Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@media(width<768px){.top-1-21-main{padding:0;overflow:hidden}}.top-1-21-main:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#444b63,#d1cec626,#444b63);opacity:0;transition:opacity 1.234s}@media(width>=768px)and (hover:hover)and (pointer:fine){.top-1-21-main:before{will-change:opacity}}@media(width<768px){.top-1-21-main:before{background:linear-gradient(to bottom,#444b63,#d1cec626,#c0c8a6)}}.top-1-21-container{position:relative;z-index:1;transform-style:preserve-3d;perspective:1234rem;width:1400rem;aspect-ratio:3/2;opacity:0;filter:grayscale(1) brightness(.5) contrast(1.5);transition:filter 1.234s,opacity 1.234s}@media(width>=768px)and (hover:hover)and (pointer:fine){.top-1-21-container{will-change:filter,opacity}}@media(width<768px){.top-1-21-container{position:absolute;inset:50% auto auto -150rem;transform:translateY(-50%)}}.top-1-21-trigger,.top-1-21-screen,.top-1-21-video{position:absolute;inset:112rem auto auto 191rem;width:404.6rem;aspect-ratio:867/682}.top-1-21-trigger{z-index:4;background:none;font-size:0;cursor:pointer}.top-1-21-screen{z-index:3;background:url(/assets/images/1-21-tv-screen.png) no-repeat center/cover;image-rendering:pixelated;opacity:.7;mix-blend-mode:luminosity;pointer-events:none}.top-1-21-video{z-index:2;mask-image:url(/assets/images/1-21-tv-screen.png);mask-repeat:no-repeat;mask-position:center;mask-size:cover}.top-1-21-video-countdown{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-end;position:absolute;inset:0;z-index:3;padding-bottom:27rem;color:#ffffffb3;font-size:9rem;font-weight:400;line-height:0;pointer-events:none}@media(width<768px){.top-1-21-video-countdown{padding-bottom:32rem;font-size:13rem}}.top-1-21-video-yt{position:absolute;inset:-77rem;z-index:1;transition:inset .543s}@media(hover:hover)and (pointer:fine){.top-1-21-video-yt:hover{inset:0}}.top-1-21-video-yt>div{width:100%;height:100%}.top-1-21-video:before{content:"";position:absolute;inset:-21rem -39rem;z-index:2;border-radius:100rem;box-shadow:inset 0 0 16rem 32rem #1b2a3d,inset 0 0 16rem 42rem #1b2a3d;pointer-events:none}@media(width<768px){.top-1-21-video:before{inset:-21rem -35rem}}.top-1-21-background{position:absolute;inset:0;z-index:1;background:url(/assets/images/1-21-tv-background.jpg) no-repeat 50% 50%/cover;image-rendering:pixelated}.top-1-21-background:before{content:"";position:absolute;inset:auto 0rem 120rem auto;width:650rem;height:600rem;filter:blur(32rem);background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.21) 100%);transition:opacity 1.234s}@media(width>=768px)and (hover:hover)and (pointer:fine){.top-1-21-background:before{will-change:opacity}}@media(width<768px){.top-1-21-background:before{display:none}}.top-1-21-headline,.top-1-21-paragraph{position:absolute;z-index:1;color:#000;font-weight:900;line-height:100%;mix-blend-mode:overlay;letter-spacing:-.02em}.top-1-21-headline{inset:46% 85rem auto auto;transform:rotateX(-5deg) rotateY(3deg) translateZ(101rem);font-size:210rem;white-space:nowrap;text-shadow:0 0 16rem #000,0 0 4rem #000}@media(width<768px){.top-1-21-headline{inset:58% auto auto 315rem;font-size:110rem}}.top-1-21-paragraph{inset:70% 90rem auto auto;transform:rotateX(-5deg) rotateY(5deg) rotate(-2.1deg) translateZ(101rem);z-index:2;font-size:50rem;text-shadow:0 0 4rem #000}@media(width<768px){.top-1-21-paragraph{inset:72% auto auto 367rem;font-size:33rem}}