*,*:before,*:after{box-sizing:border-box}html,body{height:100%;cursor:var(--cursor);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{margin:0;background:#fe0000;color:#fff;overflow:hidden;cursor:var(--cursor)}button,a,[role=button]{cursor:var(--cursor-ptr)}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid rgba(255,28,28,.95);outline-offset:4px}@font-face{font-family:P5Titles;src:url(/assets/fonts/Titles.ttf) format("truetype");font-display:swap}@font-face{font-family:P5TitlesAlt;src:url(/assets/fonts/Titles-Alt.ttf) format("truetype");font-display:swap}@font-face{font-family:P5Sub;src:url(/assets/fonts/Subtitles.ttf) format("truetype");font-display:swap}@font-face{font-family:P5Text;src:url(/assets/fonts/Text.ttf) format("truetype");font-display:swap}:root{--bg: #FE0000;--ink: #ffffff;--ink-dim: #ffffff;--red: #FE0000;--red2: #FE0000;--white: #ffffff;--black: #000000;--card: #000000;--card2: #000000;--stroke: #ffffff;--stroke2: #ffffff;--shadow: none;--radius: 18px;--radius2: 12px;--titles: "P5Titles", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--subs: "P5Sub", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--text: "P5Text", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--cursor: url(/assets/images/cursor.gif), auto;--cursor-ptr: url(/assets/images/cursor.gif), pointer}body{font-family:var(--text);letter-spacing:.2px}::selection{background:#000;color:#fff}.app{height:100%;background-color:#fe0000}.shell{position:relative;height:100%;isolation:isolate;z-index:2;opacity:0;will-change:transform,opacity}[data-entered="1"] .shell{animation:shellSlideIn .8s cubic-bezier(.2,.9,.2,1) forwards}@keyframes shellSlideIn{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}.bg{position:absolute;inset:0;z-index:0;overflow:hidden;background-color:#fe0000;will-change:transform}[data-entered="1"] .bg{animation:bgSlideIn .8s cubic-bezier(.2,.9,.2,1) forwards}@keyframes bgSlideIn{0%{transform:translate(100vw)}to{transform:translate(0)}}.bg__img{position:absolute;inset:0 0 0 0%;background-image:url(/assets/images/bg.jpg);background-size:cover;background-position:center;filter:none;will-change:transform}.bg__noise{position:absolute;inset:0;background:transparent;mix-blend-mode:normal;opacity:1;will-change:transform;pointer-events:none}.bg__viz{position:absolute;left:50%;right:0;bottom:10px;height:110px;padding:0 22px;opacity:1;pointer-events:none}.viz{width:min(600px,46vw);height:110px;display:block;margin:0 auto;filter:none}.chrome{position:absolute;inset:0;z-index:2;pointer-events:none;padding:60px}.topbar{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;pointer-events:none}.sig{text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:40px;pointer-events:auto}.sig__name{font-family:var(--titles);font-size:clamp(48px,5.4vw,48px);letter-spacing:4px;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:4px #000;paint-order:stroke fill;scale:1.5;transform-origin:left center}.sig__role{margin-top:24px;font-family:var(--subs);font-size:13px;letter-spacing:2.3px;color:#ffffffe6;text-shadow:-2px 2px 0 #000}.stage{position:absolute;left:-120px;bottom:-120px;width:70%;height:60%;z-index:1;display:flex;justify-content:flex-start;align-items:flex-end;pointer-events:none}.stage>*{pointer-events:auto}@media(max-width:1919px)and (min-width:1200px){.chrome{padding:clamp(30px,2.2vw,42px)}.stage{left:clamp(-72px,-4vw,-36px);bottom:clamp(-72px,-4vw,-34px);width:74%;height:64%}}@media(max-width:1199px)and (min-width:769px){.chrome{padding:26px}.stage{left:-14px;bottom:-14px;width:84%;height:68%}}@media(max-width:768px){[data-entered="1"] .shell{animation:shellSlideInMobile .8s cubic-bezier(.2,.9,.2,1) forwards}[data-entered="1"] .bg{animation:bgSlideInMobile .8s cubic-bezier(.2,.9,.2,1) forwards}@keyframes shellSlideInMobile{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bgSlideInMobile{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.bg__img{background-image:url(/assets/images/bg-mobile.png);background-position:center bottom}.bg__viz{display:none}body{background-color:#fe0000;overflow-y:auto}.chrome{padding:20px;position:relative;height:auto}.topbar{align-items:center;text-align:center}.sig{align-items:center;text-align:center;margin-bottom:20px}.sig__name{scale:.8!important;transform-origin:center}.stage{position:relative;left:0;bottom:0;width:100%;height:66vh;min-height:420px;margin-top:-60px;display:flex;justify-content:center;padding:0 10px 8px}}.toasts{position:fixed;right:16px;bottom:16px;z-index:99;display:grid;gap:10px;pointer-events:none}.toast{pointer-events:none;padding:16px 38px 20px 32px;background:url(/assets/images/toast-bg.png) no-repeat center / 100% 100%;border:none;font-family:var(--subs);letter-spacing:1.6px;font-size:14px;color:#fff;transform:translateY(0);opacity:1;transition:transform .24s ease,opacity .24s ease;filter:drop-shadow(0 0 4px rgba(0,0,0,.4))}.toast[data-out="1"]{transform:translateY(8px);opacity:0}.enter{position:fixed;inset:0;z-index:999;display:grid;place-items:center}.enter__scrim{position:absolute;inset:0;background:#fe0000}.enter__card{position:relative;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;text-align:center;transform:rotate(-1.2deg);transition:transform .2s cubic-bezier(.2,.9,.2,1);cursor:var(--cursor-ptr)}.enter__card:hover{transform:rotate(2deg) scale(1.1)}.enter__title{font-family:var(--titles);font-size:clamp(44px,7vw,86px);letter-spacing:6px;color:#fff;text-shadow:-4px 4px 0 #000}.enter__sub{margin-top:8px;font-family:var(--subs);letter-spacing:2.4px;color:#fff;text-shadow:-3px 3px 0 #000}.enter[data-leaving="1"] .enter__card{animation:gateBlast .4s ease-in forwards}.enter[data-leaving="1"] .enter__scrim{display:none}.enter[data-leaving="1"]{pointer-events:none}@keyframes gateBlast{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0;rotate:400deg}}@keyframes scrimOut{to{opacity:0}}.navbar{text-align:left;margin-top:0;pointer-events:auto}.navbar__inner{display:flex;flex-direction:column;align-items:flex-start;gap:60px}.link-wrapper{position:relative;display:inline-block;padding:0;cursor:var(--cursor-ptr)}.link-wrapper .fallback{font-size:2.25em;letter-spacing:4px;line-height:0;opacity:0;position:relative;top:15px;left:0}.img-wrapper .img{width:auto;height:50px;display:block;left:0;right:0;top:-5px;margin:0 auto;position:absolute;z-index:999;font-family:var(--titles);letter-spacing:4px;text-transform:uppercase;font-size:36px;line-height:50px;text-align:center;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:8px #000;paint-order:stroke fill;white-space:nowrap}.img-wrapper .img.normal{display:block}.img-wrapper .img.active{display:none;z-index:-1}.link-wrapper .shape-wrapper{display:none;position:absolute;top:0;left:0;right:0;z-index:1}.link-wrapper:hover{z-index:9999}.link-wrapper:hover .shape-wrapper{transform:rotate(-6deg);display:block}.link-wrapper:hover .shape-wrapper .shape.cyan-fill{transform:scale(3,.1)}.link-wrapper:nth-child(2n):hover .shape-wrapper{transform:rotate(11deg)}.link-wrapper:hover .img-wrapper .img{animation:tiltBounce .15s ease;animation-fill-mode:forwards;display:block}.link-wrapper:hover .img-wrapper .img.normal{mix-blend-mode:darken}.link-wrapper:nth-child(2n):hover .img-wrapper .img{animation:tiltBounceAlt .15s ease;animation-fill-mode:forwards}.shape-wrapper{filter:sepia(50%) saturate(3)}.shape-wrapper .shape{transition:all .1s linear;position:absolute;top:0;left:0;right:0;height:35px;overflow:hidden}.shape-wrapper .shape svg{position:absolute;left:0;top:0}.shape-wrapper .shape.cyan-fill{mix-blend-mode:screen;animation-delay:.05s;animation-duration:.4s;transition:transform .3s linear}.shape-wrapper .shape.red-fill{animation-duration:.45s;animation-delay:.08s;opacity:.8}.jelly{animation-name:jelly;transform-origin:center;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes tiltBounce{0%{transform:scale(1) rotate(-7deg)}50%{transform:scale(1.5) rotate(-7deg)}to{transform:scale(1.15) rotate(-7deg)}}@keyframes tiltBounceAlt{0%{transform:scale(1) rotate(7deg)}50%{transform:scale(1.5) rotate(7deg)}to{transform:scale(1.15) rotate(7deg)}}@keyframes jelly{0%{width:100%;transform:scaleX(1.25) skew(20deg) translateY(3px) rotateX(40deg) rotateY(10deg) rotate(-10deg)}50%{width:100%;transform:scale(1.25,1.1) skew(-15deg) translateY(-2px) translateZ(-30px)}to{width:100%;transform:scaleX(1.25) skew(20deg) translateY(3px) rotateX(-40deg) rotateY(-10deg) rotate(-15deg)}}@media(max-width:768px){.navbar{width:100%;text-align:center;display:flex;justify-content:center}.navbar__inner{align-items:center}}@media(max-width:560px){.navbar__inner{gap:25px}.img-wrapper .img{font-size:18px;letter-spacing:6px;scale:1.2;line-height:70px}}.section{position:absolute;inset:0;padding:0;opacity:0;pointer-events:none;transition:opacity .34s ease-out}.stage[data-route=home] .section[data-section=home],.stage[data-route=projects] .section[data-section=projects],.stage[data-route=contact] .section[data-section=contact],.stage[data-route=donate] .section[data-section=donate]{opacity:1;pointer-events:auto}.section__wrap{height:100%;display:grid;place-items:center;padding-top:0;padding-bottom:10px;max-height:100%;overflow:auto}.screen{width:min(1240px,100%);max-width:100%;aspect-ratio:1008 / 266;position:relative;background:url(/assets/images/section-bg.png) no-repeat center / contain;padding:0;margin:-22 px auto 0;--float-y: 0px;--float-r: -.2deg;--hover-s: 1;transform:translateY(var(--float-y)) rotate(var(--float-r)) scale(var(--hover-s));animation:screenFloat .5s ease-in-out infinite;will-change:transform;transition:transform .18s ease;opacity:.95;scale:1;left:3%;bottom:3%}@keyframes screenFloat{0%{--float-y: 0px;--float-r: -.2deg}50%{--float-y: -2px;--float-r: .2deg}to{--float-y: 0px;--float-r: -.2deg}}.screen:hover{--hover-s: 1.01;--float-y: 0px;--float-r: 0deg;animation-play-state:paused}.screen__shards{display:none}.screen__plate{position:absolute;top:10.5%;left:10%;width:25%;height:25%;display:flex;align-items:center;justify-content:center;background:transparent;clip-path:none;padding:0;transform:rotate(-13deg);z-index:2}.screen__title{font-family:var(--titles);letter-spacing:-1px;text-transform:uppercase;font-size:clamp(24px,4vw,32px);color:#000;transform:skew(-10deg)}.section[data-section=donate] .screen__main{top:45%;height:25%;padding:0 34px}.screen__main{position:absolute;inset:32% 14% 12% 17.5%;z-index:1;background:transparent;color:#fff;padding:24px 34px;clip-path:none;overflow-y:auto;scrollbar-width:none}.screen__scroll-indicator{position:absolute;bottom:12px;left:20%;font-family:var(--titles);color:var(--white);font-size:32px;pointer-events:none;animation:arrowPulse 1.5s ease-in-out infinite;z-index:5;text-shadow:2px 2px 0 #000;display:none}.section[data-section=donate] .screen__scroll-indicator{display:block}@keyframes arrowPulse{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(5px);opacity:1}}.screen__main::-webkit-scrollbar{display:none}.section[data-section=contact] .screen__sub{font-size:clamp(14px,1.8vw,20px);letter-spacing:.5px}.section[data-section=donate] .screen__sub{word-break:break-all;max-width:90%;font-size:clamp(14px,1.8vw,20px);letter-spacing:.5px}.section[data-section=home] .screen__main{padding-top:50px}.screen__sub{font-family:var(--text);letter-spacing:1px;font-size:clamp(16px,2.2vw,26px);color:#fff;line-height:1.2;text-shadow:2px 2px 0px #000;max-width:95%}.contact-link{color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:var(--cursor-ptr)}.menu{margin-top:14px;display:grid;gap:10px}.menu__item{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:#000000bf;clip-path:polygon(0% 12px,12px 0%,100% 0%,100% calc(100% - 12px),calc(100% - 24px) 100%,0% 100%)}.menu__k{font-family:var(--subs);letter-spacing:2px;text-transform:uppercase;font-size:12px;color:#fff;opacity:.9}.menu__copy-hint{font-family:"P5TitlesAlt",var(--titles);letter-spacing:1px;font-size:14px;color:#fff;opacity:.9}.menu__v{font-family:var(--titles);letter-spacing:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__btn{padding:9px 12px;background:#fff;color:#000;font-family:"P5TitlesAlt",var(--titles);letter-spacing:2px;font-size:12px;clip-path:polygon(0% 10px,10px 0%,100% 0%,100% 100%,0% 100%);cursor:var(--cursor-ptr)}.menu__btn:hover{background:#fe0000;color:#fff}.cta{margin-top:14px;padding:12px 16px;background:#fe0000;color:#fff;font-family:var(--titles);letter-spacing:3px;text-transform:uppercase;clip-path:polygon(0% 14px,14px 0%,100% 0%,100% 100%,0% 100%);cursor:var(--cursor-ptr);transform:rotate(-1deg)}.cta:hover{transform:rotate(-1deg) translateY(-2px)}.copy-btn{display:inline-block;vertical-align:middle;text-align:center;margin-left:14px;padding:0 8px;color:#000;background:#fff;opacity:.5;font-family:var(--subs);font-size:16px;line-height:1;letter-spacing:0;cursor:var(--cursor-ptr);border:none;transition:transform .12s ease,background .12s ease,color .12s ease;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);transform:rotate(-5deg) translateY(-4px)}.copy-btn:hover{transform:rotate(-5deg) scale(1.05) translateY(-4px)}@media(max-width:1919px)and (min-width:1400px){.screen{width:min(1080px,100%);max-width:100%;aspect-ratio:1008 / 300}}@media(max-width:1399px)and (min-width:921px){.screen{width:min(940px,100%);max-width:100%;aspect-ratio:1008 / 330}}@media(max-width:920px){.section{position:absolute;inset:0;overflow-x:hidden}.section__wrap{place-items:start center;padding-top:8px;overflow-x:hidden}.screen{grid-template-columns:1fr;scale:1;right:0;background-image:url(/assets/images/section-bg-mobile.png);background-repeat:no-repeat;background-position:center;background-size:contain;width:min(100%,96vw);max-width:96vw;aspect-ratio:1008 / 420;height:auto;min-height:280px;margin:80px auto 0}.screen__plate{top:26%;left:1%;width:40%;height:14%;transform:rotate(-20deg)}.screen__title{font-size:clamp(16px,4.2vw,22px);color:#fff;text-shadow:2px 2px 0 #000}.screen__main{inset:12% 8% 4% 9%;padding:14px 14px 16px;overflow-x:hidden;overflow-y:auto}.screen__sub{font-size:clamp(13px,3.2vw,18px);letter-spacing:.3px;line-height:1.25;max-width:100%;overflow-wrap:anywhere}.menu__v{font-size:clamp(12px,2.9vw,16px);white-space:normal;overflow-wrap:anywhere;word-break:break-word}.menu,.menu__item{width:100%}.menu__item{grid-template-columns:110px 1fr auto;gap:8px;padding:8px 10px}.menu__k,.menu__btn{font-size:11px;letter-spacing:1px}.copy-btn{margin-left:8px;font-size:13px}}