@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;600;800&display=swap";:root{--paper: #e9e5da;--ink: #000;--red: #ff2b1c;--blue: #2d3bff;--display: "Anton", "Impact", "Arial Narrow", sans-serif;--body: "Archivo", "Helvetica Neue", Arial, sans-serif;--ease-slow: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;background:var(--ink)}body{font-family:var(--body);background:var(--paper);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.site{position:relative;min-height:100vh;padding:76px 0 110px;transition:filter 1.2s var(--ease-slow)}.noise{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .5s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}.scan{position:fixed;inset:0;z-index:59;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.05) 3px 4px)}.bar{position:fixed;left:0;right:0;z-index:70;height:0;background:var(--ink);transition:height 1.6s var(--ease-slow)}.bar-top{top:0}.bar-bottom{bottom:0}.slowmo .bar{height:14vh}.arrive .bar{height:0;transition-duration:1.4s}.top{position:fixed;top:0;left:0;right:0;z-index:55;display:flex;align-items:center;gap:18px;padding:14px clamp(14px,3vw,36px);background:var(--paper);border-bottom:3px solid var(--ink)}.brand{font-family:var(--display);font-size:30px;letter-spacing:.02em;line-height:1}.brand span{color:var(--red);font-size:16px;vertical-align:top}.choose-back{font-weight:800;font-size:13px;border-bottom:2px solid var(--red);padding:5px 0}.choose-page{min-height:100vh;display:grid;grid-template-columns:.75fr 1.25fr;background:var(--paper)}.choose-intro{padding:clamp(30px,6vw,90px);display:flex;flex-direction:column;justify-content:center;border-right:4px solid var(--ink)}.choose-intro>span{font-weight:800;letter-spacing:.18em;font-size:13px}.choose-intro h1{font-family:var(--display);font-weight:400;font-size:clamp(70px,10vw,170px);line-height:.9;margin:30px 0}.choose-intro h1 em{font-style:normal;color:var(--red)}.choose-intro p{font-weight:800;max-width:24ch;font-size:18px}.choose-grid{display:grid;grid-template-columns:repeat(2,1fr)}.choose-card{position:relative;min-height:100vh;overflow:hidden;background:var(--ink);color:var(--paper);border-right:4px solid var(--paper);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,3vw,46px);isolation:isolate}.choose-card:last-child{border-right:0}.choose-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.65);z-index:-2;transition:transform 1s var(--ease-slow),filter 1s var(--ease-slow)}.choose-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000000d9);z-index:-1}.choose-card:hover img,.choose-card:focus-visible img{transform:scale(1.06);filter:grayscale(0) contrast(1.1) brightness(.9)}.choose-label{font-weight:800;font-size:12px;letter-spacing:.2em}.choose-card strong{font-family:var(--display);font-weight:400;font-size:clamp(52px,6vw,110px);line-height:1;margin:8px 0 20px}.choose-arrow{display:inline-block;width:fit-content;font-weight:800;background:var(--red);color:var(--ink);padding:10px 14px}.choose-card-stas .choose-arrow{background:var(--paper)}.person-switch{display:flex;border:2px solid var(--ink);flex-shrink:0}.person-switch button{padding:6px 12px;font-weight:800;font-size:13px}.person-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.person-switch button+button{border-left:2px solid var(--ink)}.rec{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;margin-left:auto;font-variant-numeric:tabular-nums}.rec i{width:11px;height:11px;border-radius:50%;background:var(--red);animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.status{font-family:var(--display);font-size:20px;background:var(--ink);color:var(--paper);padding:4px 12px}.effect-toggle{font-weight:800;font-size:13px;border:2px solid var(--ink);padding:7px 12px;transition:background .3s,color .3s}.effect-toggle:hover{background:var(--ink);color:var(--paper)}.hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4vw;min-height:calc(100vh - 76px);padding:5vh clamp(16px,4vw,56px);overflow:hidden}.eyebrow{font-weight:800;font-size:14px;border-left:6px solid var(--red);padding-left:10px;margin-bottom:18px;max-width:34ch}.hero-title{display:block;text-align:left;font-family:var(--display);font-weight:400;font-size:clamp(64px,13.5vw,230px);line-height:.88;letter-spacing:-.01em;text-transform:uppercase;position:relative}.hero-title em{font-style:normal;color:var(--paper);-webkit-text-stroke:3px var(--ink);text-shadow:7px 7px 0 var(--red)}.hero-title.glitching{animation:rgbsplit .9s steps(12)}@keyframes rgbsplit{0%,to{text-shadow:none;transform:none}20%{text-shadow:-10px 0 var(--red),10px 0 var(--blue);transform:skew(-6deg)}45%{text-shadow:14px 0 var(--red),-14px 0 var(--blue);transform:translate(-8px)}70%{text-shadow:-6px 0 var(--red),6px 0 var(--blue);transform:skew(4deg)}}.phrase{margin-top:26px;font-family:var(--display);font-size:clamp(22px,3vw,40px);background:var(--red);color:var(--ink);display:inline-block;padding:4px 14px;transform:rotate(-1.5deg)}.phrase.swap{animation:swap 1s var(--ease-slow)}@keyframes swap{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.start{display:block;margin-top:30px;font-family:var(--display);font-size:28px;letter-spacing:.03em;padding:16px 34px;background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--red);transition:transform .6s var(--ease-slow),box-shadow .6s var(--ease-slow)}.start:hover{transform:translate(6px,6px);box-shadow:2px 2px 0 var(--red)}.start:active{transform:translate(8px,8px) scale(.97);box-shadow:0 0 0 var(--red)}.portrait-wrap{position:relative;justify-self:center;width:min(100%,460px);aspect-ratio:4 / 5;border:4px solid var(--ink);background:var(--ink);transform:rotate(2.5deg);transition:transform 1.4s var(--ease-slow)}.portrait-wrap:hover{transform:rotate(0) scale(1.03)}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.35);transition:filter 1.2s var(--ease-slow),transform 6s linear}.portrait-wrap:hover img{filter:grayscale(0) contrast(1.1);transform:scale(1.08)}.portrait-wrap.clicked img{animation:slowpunch 1.1s var(--ease-slow)}@keyframes slowpunch{0%{transform:scale(1)}12%{transform:scale(1.22) translate(-10px);filter:invert(1)}to{transform:scale(1.08)}}.orbit{position:absolute;z-index:2;left:-4px;right:-4px;top:-34px;background:var(--red);font-family:var(--display);font-size:22px;white-space:nowrap;overflow:hidden;padding:3px 0;border:4px solid var(--ink);animation:marquee 12s linear infinite;text-align:left}@keyframes marquee{0%{text-indent:0}to{text-indent:-360px}}.portrait-label{position:absolute;z-index:2;left:0;bottom:0;background:var(--paper);font-family:var(--display);font-size:22px;padding:6px 14px;border-top:4px solid var(--ink);border-right:4px solid var(--ink)}.stamp{position:absolute;z-index:3;font-family:var(--display);font-size:18px;border:3px solid var(--red);color:var(--red);padding:4px 12px;transform:rotate(-8deg)}.stamp-a{top:4vh;right:6vw}.stamp-b{bottom:9vh;left:4vw;transform:rotate(5deg)}.scroll-cue{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-weight:800;font-size:12px;letter-spacing:.2em;animation:cue 2.4s ease-in-out infinite}@keyframes cue{50%{transform:translate(-50%,8px)}}.slideshow{background:var(--ink);color:var(--paper);padding:clamp(36px,7vw,90px) clamp(16px,4vw,56px)}.slide-head h2,.section-heading h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,9vw,150px);line-height:.9;text-transform:uppercase}.slide-head i,.section-heading i{font-style:normal;color:var(--red)}.slide-head p{margin:14px 0 28px;font-weight:600}.slide-stage{position:relative;height:min(76vh,700px);overflow:hidden;border:4px solid var(--paper);background:#000}.slide-backdrop{position:absolute;inset:-6%;background-size:cover;background-position:center;filter:blur(26px) saturate(0) brightness(.6);transform:scale(1.1)}#slide-image{position:relative;z-index:2;height:100%;margin:0 auto;object-fit:contain;filter:grayscale(.2) contrast(1.15);animation:drift 14s linear infinite alternate}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.07) translateY(-1%)}}.slide-flash{position:absolute;inset:0;z-index:4;background:var(--paper);opacity:0;pointer-events:none}.slide-stage.detonate .slide-flash{animation:flashfade 1.4s var(--ease-slow)}.slide-stage.detonate #slide-image{animation:ramp 2.4s var(--ease-slow),drift 14s linear 2.4s infinite alternate}.slide-stage.quiet-change #slide-image{animation:fadein .8s ease}@keyframes flashfade{0%{opacity:.95}to{opacity:0}}@keyframes ramp{0%{transform:scale(1.5) translate(-4%);filter:grayscale(0) contrast(1.6) drop-shadow(14px 0 var(--red)) drop-shadow(-14px 0 var(--blue))}12%{transform:scale(1.3) translate(2%)}to{transform:scale(1);filter:grayscale(.2) contrast(1.15)}}@keyframes fadein{0%{opacity:0}}.slide-caption{position:absolute;z-index:5;left:0;bottom:0;font-family:var(--display);font-size:clamp(26px,5vw,64px);background:var(--red);color:var(--ink);padding:6px 22px}.slide-number{position:absolute;z-index:5;top:14px;left:14px;font-family:var(--display);font-size:22px;background:var(--paper);color:var(--ink);padding:2px 12px}.slide-sticker{position:absolute;z-index:5;top:14px;right:14px;font-family:var(--display);font-size:20px;border:3px solid var(--paper);padding:3px 10px;transform:rotate(4deg)}.slide-controls{display:flex;gap:12px;margin-top:18px}.slide-controls button{flex:1;font-family:var(--display);font-size:22px;padding:12px;border:3px solid var(--paper);transition:background .4s,color .4s}.slide-controls button:hover{background:var(--paper);color:var(--ink)}.navigation{padding:clamp(36px,7vw,90px) clamp(16px,4vw,56px)}.section-heading p{margin:14px 0 34px;font-weight:600;max-width:46ch}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:4px solid var(--ink)}.card{position:relative;display:flex;flex-direction:column;gap:14px;min-height:280px;padding:20px;border-right:4px solid var(--ink);background:var(--paper);overflow:hidden;transition:color .8s var(--ease-slow);isolation:isolate}.card:last-child{border-right:0}.card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .9s var(--ease-slow)}.card:nth-child(2n):before{background:var(--red)}.card:hover:before{transform:translateY(0)}.card:hover{color:var(--paper)}.card:nth-child(2n):hover{color:var(--ink)}.card-top{font-weight:800;font-size:13px;display:flex;justify-content:space-between}.card-top b{font-family:var(--display);font-size:28px}.card strong{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,48px);line-height:.95;margin-top:auto}.card small{font-size:14px;font-weight:600;max-width:26ch}.card-arrow{position:absolute;right:18px;bottom:16px;font-family:var(--display);font-size:34px;transition:transform .8s var(--ease-slow)}.card:hover .card-arrow{transform:translate(6px,-6px) rotate(45deg)}.forbidden{display:block;margin:44px auto 0;font-family:var(--display);font-size:clamp(22px,3vw,36px);color:var(--red);border:4px solid var(--red);padding:14px 40px;transition:background .5s,color .5s}.forbidden:hover{background:var(--red);color:var(--paper);animation:tremble .15s linear infinite}@keyframes tremble{25%{transform:translate(2px,-2px)}75%{transform:translate(-2px,2px)}}.forbidden-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;text-align:center;background:var(--red);color:var(--ink);font-family:var(--display);font-size:clamp(54px,15vw,220px);line-height:.9;clip-path:circle(0% at 50% 50%);pointer-events:none;transition:clip-path 1.6s var(--ease-slow)}.forbidden-overlay.active{clip-path:circle(150% at 50% 50%);animation:negative 2.2s steps(1) forwards}@keyframes negative{30%,60%{filter:invert(1)}45%,to{filter:none}}.subpage{min-height:calc(100vh - 76px);display:grid;align-items:center;padding:6vh clamp(16px,5vw,70px)}.subpage-inner h1{font-family:var(--display);font-weight:400;font-size:clamp(54px,11vw,190px);line-height:.9;text-transform:uppercase;margin:8px 0 14px;text-shadow:6px 6px 0 var(--red)}.subpage-inner>p{font-weight:600;font-size:18px;max-width:46ch}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:32px 0}.gallery img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border:4px solid var(--ink);filter:grayscale(1) contrast(1.25);transition:filter 1.4s var(--ease-slow),transform 1.4s var(--ease-slow)}.gallery img:nth-child(odd){transform:rotate(-1.5deg)}.gallery img:nth-child(2n){transform:rotate(1.5deg)}.gallery img:hover{filter:none;transform:scale(1.03) rotate(0)}.feature{display:flex;flex-direction:column;gap:6px;margin:32px 0;padding:30px;background:var(--ink);color:var(--paper);font-size:64px;width:fit-content;max-width:100%;box-shadow:10px 10px 0 var(--red)}.feature strong{font-family:var(--display);font-weight:400;font-size:clamp(34px,6vw,80px);line-height:1}.feature span{font-weight:600;font-size:16px}.back{display:inline-block;font-family:var(--display);font-size:22px;border-bottom:4px solid var(--red);transition:padding .6s var(--ease-slow)}.back:hover{padding-right:24px}footer{padding:26px clamp(16px,4vw,56px);border-top:4px solid var(--ink);font-weight:800;font-size:13px}.music-control{position:fixed;right:16px;bottom:16px;z-index:56;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.music-control button{width:38px;height:38px;background:var(--ink);color:var(--paper);font-size:16px}.music-control label{display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:10px}.music-control input{width:90px;accent-color:var(--red)}.equalizer{display:flex;align-items:flex-end;gap:3px;height:26px}.equalizer i{width:5px;height:20%;background:var(--ink)}.equalizer.playing i{animation:eq .9s ease-in-out infinite alternate}.equalizer.playing i:nth-child(2){animation-delay:.2s}.equalizer.playing i:nth-child(3){animation-delay:.45s}.equalizer.playing i:nth-child(4){animation-delay:.1s}@keyframes eq{to{height:100%}}.toast{position:fixed;left:50%;top:92px;z-index:80;transform:translate(-50%,-30px);opacity:0;pointer-events:none;font-family:var(--display);font-size:22px;background:var(--red);color:var(--ink);border:3px solid var(--ink);padding:8px 18px}.toast.show{animation:toast 3s var(--ease-slow)}@keyframes toast{8%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-30px)}}.transition{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;pointer-events:none;visibility:hidden}.transition.active{visibility:visible;pointer-events:all}.tr-split{position:absolute;top:0;bottom:0;width:50%;background:var(--ink);transition:transform 1.5s var(--ease-slow)}.tr-l{left:0;transform:translate(-101%)}.tr-r{right:0;transform:translate(101%)}.transition.active .tr-split{transform:none}.transition img{position:relative;z-index:2;height:62vh;opacity:0;filter:grayscale(1) contrast(1.4);transform:scale(1.5)}.transition.active img{animation:tr-face 1.9s linear forwards}@keyframes tr-face{0%{opacity:0;transform:scale(1.5)}35%{opacity:1}to{opacity:1;transform:scale(1.02);filter:grayscale(0) contrast(1.2) drop-shadow(8px 0 var(--red)) drop-shadow(-8px 0 var(--blue))}}.transition span{position:absolute;z-index:3;bottom:18vh;font-family:var(--display);font-size:clamp(40px,9vw,130px);color:var(--paper);mix-blend-mode:difference;letter-spacing:.04em;text-align:center;opacity:0}.transition.active span{animation:tr-text 1.9s var(--ease-slow) .35s forwards}@keyframes tr-text{0%{opacity:0;letter-spacing:.3em}to{opacity:1;letter-spacing:.02em}}.transition em{position:absolute;z-index:3;top:18vh;left:6vw;font-style:normal;font-weight:800;font-size:14px;letter-spacing:.3em;color:var(--red)}.slowmo{animation:slowzoom 1.9s cubic-bezier(.3,0,.2,1) forwards}@keyframes slowzoom{to{transform:scale(1.12);filter:invert(1) contrast(1.4) blur(3px)}}.arrive main{animation:arrive 1.4s var(--ease-slow)}@keyframes arrive{0%{transform:scale(1.08);filter:invert(1) blur(6px)}to{transform:none;filter:none}}.launch{animation:launch 1.5s var(--ease-slow)}@keyframes launch{10%{filter:invert(1) contrast(1.4);transform:scale(1.015)}30%{filter:none}to{transform:none}}@media(max-width:860px){.choose-page{grid-template-columns:1fr}.choose-intro{border-right:0;border-bottom:4px solid var(--ink);padding:32px 20px}.choose-intro h1{font-size:clamp(56px,12vw,100px);margin:18px 0}.choose-card{min-height:55vh}.hero{grid-template-columns:1fr;padding-top:48px}.rec{display:none}.status{margin-left:auto;font-size:16px}.portrait-wrap{width:min(86%,380px)}.card{border-right:0;border-bottom:4px solid var(--ink)}.card:last-child{border-bottom:0}.music-control label{display:none}}@media(max-width:560px){.choose-grid{grid-template-columns:1fr 1fr}.choose-card{min-height:50vh;padding:14px}.choose-card strong{font-size:clamp(35px,9vw,65px)}.top{flex-wrap:wrap;gap:8px}.person-switch{order:3;width:100%}.person-switch button{flex:1}.status{display:none}.site{padding-top:110px}.hero{min-height:calc(100vh - 110px)}}.calm .noise,.calm .scan,.calm .rec i,.calm .orbit,.calm #slide-image,.calm .equalizer i{animation:none!important}.calm .noise,.calm .scan{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}