@import "https://fonts.googleapis.com/css2?family=Bungee&family=Raleway:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--off-white:#f7f2e1;--retro-orange:#c2410c;--retro-orange-bright:#ea580c;--cream:#fff;--ink:#5b3a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:var(--retro-orange);background:var(--off-white);height:100vh;font-family:Raleway,system-ui,sans-serif;line-height:1.6;overflow:hidden}@media (width<=963px){body{height:auto;overflow:hidden auto}}.hero{background:var(--off-white);width:100%;height:100vh;position:relative;overflow:hidden}.grass-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.cursor-canvas{z-index:9999;pointer-events:none;position:fixed;inset:0}.hero__name{z-index:1;letter-spacing:0;color:var(--retro-orange);text-shadow:0 3px #78320a1f;-webkit-user-select:none;user-select:none;margin:0;font-family:Bungee,Raleway,system-ui,sans-serif;font-size:clamp(2.2rem,7vw,5rem);font-weight:400;line-height:1.05;position:absolute;top:clamp(2rem,15vh,11rem);left:clamp(9.5rem,26vw,34rem)}.hero__name span{width:fit-content;display:block}@keyframes neon-name{0%{color:#ff2bd6}20%{color:#00f0ff}40%{color:#a6ff00}60%{color:#ffe600}80%{color:#ff6ec7}to{color:#ff2bd6}}.hero__name--dancing{text-shadow:none;animation:2.4s linear infinite neon-name}@media (prefers-reduced-motion:reduce){.hero__name--dancing{animation:none}}@media (width<=963px){.hero{height:auto;min-height:max(140vh,850px)}.hero__name{white-space:nowrap;flex-direction:column;align-items:center;max-width:none;font-size:clamp(2.2rem,11vw,4.5rem);line-height:1;display:flex;top:max(300px,46vh);left:50%;transform:translate(-50%)}}.projects{z-index:100;--proj-bg:var(--retro-orange);position:fixed;inset:0}.projects.is-leaving{opacity:0;transition:opacity .16s,transform .16s}.projects__veil{background:var(--proj-bg);transform-origin:50%;will-change:transform;transition:transform .7s cubic-bezier(.65,0,.35,1);position:fixed}.projects__topfade{z-index:102;background:var(--proj-bg);pointer-events:none;opacity:0;height:clamp(5.5rem,15vh,8.5rem);transition:opacity .25s;position:fixed;top:0;left:0;right:0}.projects__topfade.is-open{opacity:1;transition:opacity .4s .35s}.projects__title{z-index:103;color:var(--off-white);white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:top, left, transform, font-size;margin:0;font-family:Bungee,Raleway,system-ui,sans-serif;font-weight:400;line-height:1;transition:top .61s cubic-bezier(.65,0,.35,1),left .61s cubic-bezier(.65,0,.35,1),transform .61s cubic-bezier(.65,0,.35,1),font-size .61s cubic-bezier(.65,0,.35,1);position:fixed}.projects__page{z-index:101;opacity:0;padding:clamp(7rem,16vh,11rem) clamp(1rem,3vw,3.5rem) 2rem;transition:opacity .25s;position:fixed;inset:0;overflow-y:auto}.projects__page.is-open{opacity:1;transition:opacity .4s .35s}.projects__back{z-index:104;color:var(--off-white);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:1.4rem;transition:opacity .25s;display:inline-flex;position:fixed;top:clamp(.6rem,3vh,1.5rem);left:clamp(.6rem,2vw,1.5rem)}.projects__back.is-open{opacity:1;transition:opacity .4s .35s}.projects__back:hover{opacity:.75}.arcade{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:72rem;height:100%;margin:0 auto;display:grid}.arcade__menu{flex-direction:column;padding-left:2.8rem;display:flex;position:relative}.arcade__menu-label{letter-spacing:.18em;color:var(--off-white);opacity:.4;margin:0 0 2.5rem;font-family:Bungee,system-ui,sans-serif;font-size:.72rem}.arcade__cursor{color:var(--off-white);pointer-events:none;font-family:Bungee,system-ui,sans-serif;font-size:1.4rem;line-height:1;transition:transform .26s cubic-bezier(.4,0,.2,1);animation:1.1s step-start infinite arcade-blink;position:absolute;top:0;left:0}@keyframes arcade-blink{0%,49%{opacity:1}50%,to{opacity:0}}.arcade__item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.arcade__num{color:var(--off-white);opacity:.28;min-width:2ch;font-family:Bungee,system-ui,sans-serif;font-size:clamp(.72rem,1.1vw,.88rem);transition:opacity .16s}.arcade__item--sel .arcade__num{opacity:.65}.arcade__name{color:var(--off-white);opacity:.2;font-family:Bungee,system-ui,sans-serif;font-size:clamp(1.4rem,2.9vw,2.4rem);line-height:1.1;transition:opacity .16s}.arcade__item--sel .arcade__name{opacity:1}.arcade__hint{color:var(--off-white);opacity:.35;letter-spacing:.04em;margin:2.5rem 0 0;font-family:Raleway,system-ui,sans-serif;font-size:.76rem}.arcade__panel{min-width:0}.arcade__panel-inner{flex-direction:column;gap:.9rem;animation:.34s cubic-bezier(.2,0,0,1) arcade-panel-in;display:flex}@keyframes arcade-panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.arcade__img{transform-origin:bottom;will-change:transform;border-radius:1rem;width:100%;animation:5.2s ease-in-out infinite img-sway;display:block;box-shadow:0 8px 32px #3c190573}@keyframes img-sway{0%,to{transform:rotate(-.65deg)}50%{transform:rotate(.65deg)}}.arcade__title-link{text-decoration:none}.arcade__proj-title{color:var(--off-white);margin:0;font-family:Bungee,system-ui,sans-serif;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.05}.arcade__proj-desc{color:var(--off-white);opacity:.85;max-width:42rem;margin:0;font-family:Raleway,system-ui,sans-serif;font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.55}.arcade__launch{letter-spacing:.1em;color:var(--off-white);border-bottom:2px solid #fff6;padding-bottom:1px;font-family:Bungee,system-ui,sans-serif;font-size:.82rem;text-decoration:none;transition:border-color .16s;display:inline-block}.arcade__launch:hover{border-color:#fff}@media (prefers-reduced-motion:reduce){.projects__veil,.projects__title,.projects__topfade,.projects__topfade.is-open,.projects__back,.projects__back.is-open,.projects__page,.projects__page.is-open,.arcade__cursor,.arcade__panel-inner,.arcade__img{transition:none;animation:none;transform:none}}