@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";
:root{--background:#0d0d0d;--surface:#171717;--surface-hover:#1d1d1d;--line:#303030;--line-active:#4a4a4a;--text:#ededed;--muted:#a7a7a7;--accent:#e05aa9;--display:"Arial Black", Arial, sans-serif;--body:"Quicksand", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--background);color:var(--text);font-family:var(--body);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}.page-transition{animation:.22s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-frame{width:min(880px,100% - 40px);margin:0 auto;padding-top:24px}.site-header{background:var(--surface);border:1px solid var(--line);border-radius:15px;justify-content:center;align-items:center;gap:28px;width:fit-content;min-height:55px;margin:0 auto;padding:7px 9px 7px 16px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.04em;font-size:14px}.wordmark span,.intro h1 span,.projects-intro h1 span{color:var(--accent)}.site-header nav{gap:2px;display:flex}.site-header nav a{color:var(--muted);text-transform:lowercase;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700;transition:color .15s,background-color .15s}.site-header nav a:hover{color:var(--text);background:var(--surface-hover)}.header-contact{border-left:1px solid var(--line);color:var(--muted);text-transform:lowercase;padding:7px 9px;font-size:11px;font-weight:700}.header-contact:hover{color:var(--accent)}.intro{text-align:center;flex-direction:column;align-items:center;padding:78px 20px 24px;display:flex}.avatar{border:3px solid var(--surface);object-fit:cover;width:104px;height:104px;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-bottom:25px}.intro h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(36px,6vw,53px);line-height:1.08}.home-section{flex-direction:column;align-items:center;padding:24px 0;display:flex}.home-section h2{font-family:var(--display);letter-spacing:-.04em;margin:0 0 24px;font-size:25px}.discord-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;width:330px;margin-bottom:14px;transition:border-color .15s,background-color .15s;position:relative;overflow:hidden}.discord-card:hover{background:var(--surface-hover);border-color:var(--line-active)}.discord-card-banner{border-bottom:1px solid var(--line);background:#cabe95;height:76px;position:relative}.discord-card-banner:after{content:"";background:var(--accent);width:64px;height:3px;position:absolute;bottom:0;right:0}.discord-card-avatar{border:4px solid var(--surface);object-fit:cover;border-radius:50%;width:64px;height:64px;position:absolute;top:43px;left:16px}.discord-card-copy{padding:38px 18px 18px}.discord-card-copy strong{font-size:15px}.discord-card-bio{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.7}.discord-card-bio a{color:var(--accent)}.discord-card-bio a:hover{text-decoration:underline}.discord-card-icon{color:var(--accent);font-size:20px;position:absolute;top:91px;right:17px}.link-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(100%,600px);display:grid}.link-button{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:11px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.link-button:hover{background:var(--surface-hover);border-color:var(--line-active)}.link-button>svg{color:var(--accent);flex-shrink:0;font-size:19px}.link-button strong{font-size:12px}.projects-section{padding-bottom:48px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:100%;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;flex-direction:column;gap:12px;padding:16px;transition:border-color .15s,background-color .15s;display:flex}.project-card:hover{background:var(--surface-hover);border-color:var(--line-active)}.project-topline{color:var(--muted);justify-content:space-between;font-size:17px;display:flex}.card-arrow{font-size:16px}.project-card h3{max-width:90%;font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(20px,3vw,27px);line-height:1.08}.site-footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);justify-content:center;align-items:center;gap:25px;font-size:11px;display:flex}.site-footer p{margin:0}.site-footer>div{gap:17px;display:flex}.site-footer a:hover{color:var(--accent)}.projects-intro{text-align:center;padding:72px 20px 50px}.back-link{color:var(--muted);text-transform:lowercase;gap:7px;margin-bottom:33px;font-size:11px;font-weight:700;display:inline-flex}.projects-intro h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(44px,8vw,68px);line-height:1}.project-detail-list{gap:11px;padding:8px 0 76px;display:grid}.project-detail{background:var(--surface);border:1px solid var(--line);border-radius:13px;grid-template-columns:1fr auto;gap:22px;padding:26px;display:grid}.detail-index{display:none}.project-detail h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:26px;line-height:1.1}.project-detail>a{color:var(--accent);text-transform:uppercase;align-self:start;font-size:10px;font-weight:700}.not-found{text-align:center;place-content:center;gap:16px;min-height:100vh;padding:30px;display:grid}.not-found h1{color:var(--accent);font-family:var(--display);letter-spacing:-.08em;margin:0;font-size:100px}.not-found p{color:var(--muted);margin:0}.not-found a{color:var(--accent);font-weight:700}@media (max-width:640px){.site-frame{width:min(100% - 24px,880px);padding-top:12px}.site-header{gap:12px;padding-left:12px}.site-header nav a{padding:7px 6px;font-size:9px}.header-contact{display:none}.intro{padding:65px 7px 20px}.home-section{padding:20px 0}.discord-card{width:min(330px,100%)}.link-container,.project-list{grid-template-columns:1fr}.project-detail{grid-template-columns:1fr;padding:22px 18px}.site-footer{flex-direction:column;gap:11px}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}*,:before,:after{transition-duration:.01ms!important}}