@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;700&family=Inter:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}:root{--text:#355872;--text-h:#355872;--bg:#f7f8f0;--primary:#a5ceea;--secondary:#c0dcee;--accent:#7aaace;--border:#355872;--code-bg:#e08dd71a;--accent-bg:#ae28a11a;--accent-border:#ae28a180;--social-bg:#00000080;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Inter", system-ui, sans-serif;--heading:"Syne", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{margin:0}img{max-width:100%;height:auto}#root{text-align:center;box-sizing:border-box;border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root>main{flex:1}.home{flex-direction:column;display:flex}.home-hero{text-align:left;background-color:var(--bg);flex-direction:column;align-items:flex-start;width:100%;min-height:92svh;padding:clamp(1.5rem,10vw,8rem);display:flex;position:relative}.home-hero__image{object-fit:cover;pointer-events:none;z-index:1;border-radius:20px;width:auto;max-width:35%;height:min(40vh,600px);animation:1.1s cubic-bezier(.34,1.3,.64,1) .4s both hero-img-fall;position:absolute;top:60%;right:2rem;transform:translateY(-50%)}@keyframes hero-img-fall{0%{opacity:0;transform:translateY(-160%)rotate(-6deg)}60%{opacity:1;transform:translateY(-46%)rotate(2deg)}80%{transform:translateY(-51%)rotate(-1deg)}to{opacity:1;transform:translateY(-50%)rotate(0)}}.scroll-cue{color:var(--text);letter-spacing:.12em;text-transform:uppercase;opacity:.65;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem;text-decoration:none;transition:opacity .2s;animation:1.8s ease-in-out infinite scroll-bounce;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-cue:hover{opacity:1}@keyframes scroll-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}.home-hero__text>:first-child{color:var(--text);margin:0;font-size:clamp(2.5rem,8vw,78px);font-weight:700;line-height:1.1}.deletewriter-line{opacity:.85;color:var(--text);margin-top:1.5rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:500}.home-block{flex-direction:column;align-items:center;width:100%;padding:6rem 2rem;display:flex}.projects-section{scroll-margin-top:80px}@media (width<=800px){.home-hero{min-height:auto;padding:2.5rem 1.5rem 1rem}.home-hero__text{min-height:9.5rem}.deletewriter-line{min-height:2.6em}.home-hero__image{aspect-ratio:4/3;align-self:center;width:100%;max-width:420px;height:auto;margin-top:1rem;animation:.8s ease-out .3s both hero-img-rise;position:static;transform:none}.scroll-cue{display:none}.home-block{padding:3rem 1.25rem}}@keyframes hero-img-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.home-hero__image{animation:none}}.ProjectsPage{flex-direction:column;align-items:center;width:100%}.ProjectsCards{padding:20px 0;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:clamp(20px,4vw,50px);width:100%;max-width:1200px;margin:0 auto;padding-inline:20px;display:grid}.ExperienceCards{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(20px,4vw,50px);width:100%;max-width:1200px;margin:0 auto;padding:0 0 140px;padding-inline:20px;display:grid}.project-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:20px;align-self:stretch;padding:30px;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.experience-page h1{padding-top:4rem;padding-bottom:4rem}.project-card h2{margin:0}.project-card h3{margin:8px 0 0;font-size:16px;font-style:italic}.project-card__details{max-height:0;transition:max-height .4s;overflow:hidden}.project-card.is-open{box-shadow:var(--shadow);transform:scale(1.04)}.is-open .project-card__details{max-height:200px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);text-align:center;width:90%;max-width:500px;box-shadow:var(--shadow);border-radius:24px;max-height:85svh;padding:48px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-pop;position:relative;overflow-y:auto}.modal button{cursor:pointer;width:36px;height:36px;color:var(--text);background:0 0;border:none;border-radius:50%;font-size:20px;transition:background .2s;position:absolute;top:16px;right:16px}.modal button:hover{background:#00000014}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transition:opacity 1s,transform 1s;transform:translate(-40px)}.reveal--visible{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=600px){.ProjectsCards{grid-template-columns:repeat(2,1fr);gap:14px;padding-inline:0}.ExperienceCards{padding-inline:0;gap:14px;padding-bottom:80px}.project-card{padding:20px 14px}.project-card h2{font-size:17px}.project-card h3{font-size:13px}.project-card svg{width:40px;height:40px}.experience-page{padding-inline:1.25rem}.experience-page h1{padding-top:1.5rem;padding-bottom:1.5rem}.modal{width:calc(100% - 32px);padding:44px 20px 24px}}.terminal{--term-paper:#f7f8f0;--term-ink:#24262a;--term-muted:#767a70;--term-accent:#3f6ea8;--term-edge:#d8dace;border:1px solid var(--term-edge);background:var(--term-paper);width:min(760px,100%);color:var(--term-ink);cursor:text;margin:0 auto;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.75}.terminal__bar{border-bottom:1px solid var(--term-edge);align-items:center;gap:.45rem;padding:.7rem 1rem;display:flex}.terminal__dot{background:var(--term-edge);border-radius:50%;width:10px;height:10px}.terminal__path{color:var(--term-muted);margin-left:auto;font-size:.78rem}.terminal__screen{overscroll-behavior:contain;height:22rem;padding:1.25rem 1.25rem 1.5rem;overflow-y:auto}.terminal__line{white-space:pre-wrap;word-break:break-word;gap:.6rem;display:flex}.terminal__prompt{color:var(--term-accent);-webkit-user-select:none;user-select:none}.terminal__entry{align-items:baseline;gap:.6rem;display:flex}.terminal__input{color:inherit;font:inherit;caret-color:var(--term-accent);background:0 0;border:none;outline:none;flex:1;padding:0}.terminal:focus-within{border-color:var(--term-accent)}@media (width<=600px){.terminal{font-size:.85rem}.terminal__screen{height:18rem;padding:1rem}}h2.TeamPlayerHeader{text-align:left;width:80%;margin:0 auto 30px;font-size:28px}div.TeamPlayerTextContainer{text-align:left;width:75%;margin:0 auto 80px;font-size:18px;line-height:1.8}.Team-flex-container{justify-content:center;align-items:center;margin:0 auto;display:flex}.mjolnir-img{float:right;border-radius:12px;width:220px;height:auto;margin:40px 0 0 30px}.astralia-img{float:right;border-radius:12px;width:220px;height:320px;margin:40px 0 0 30px}div.Team-flex-container p{text-align:left;font-size:18px;line-height:1.8}div.Team-flex-container h3{font-size:24px}.card1,.card2,.card3{scrollbar-color:var(--border) transparent;background-color:#0000;border-radius:12px;max-width:750px;padding:10px 40px}.Team-flex-container button{cursor:pointer;background-color:var(--bg);width:80px;height:80px;color:var(--text);border:none;font-size:32px}.carousel-wrapper{flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.card-counter{color:var(--text);margin:0;padding-bottom:100px;font-size:16px}@media (width<=700px){.Team-flex-container{align-items:flex-start}.card1,.card2,.card3{padding:0 4px}.mjolnir-img,.astralia-img{float:none;object-fit:cover;width:min(240px,100%);height:300px;margin:0 auto 8px;display:block}div.Team-flex-container p{font-size:16px;line-height:1.7}div.Team-flex-container h3{font-size:20px}.Team-flex-container button{flex-shrink:0;width:36px;height:36px;margin-top:140px;padding:0;font-size:20px}.card-counter{padding-bottom:60px}}#root>main.about-main{justify-content:flex-start;align-items:flex-start}.AboutPage{flex-direction:column;align-self:flex-start;align-items:center;width:100%;padding:40px 20px 0;display:flex}.Title{text-align:left;margin-top:60px;margin-bottom:40px;font-size:36px}.AboutPage-container{text-align:left;width:75%;margin:0 auto;font-size:18px;line-height:1.8}.about-img{float:right;border-radius:12px;width:230px;height:auto;margin:0 0 24px 40px}.AboutPage-container p{margin-bottom:20px}.FunFacts-section,.TeamPlayer-section{width:100%;margin-top:80px}@media (width<=700px){.AboutPage{padding:16px 20px 0}.Title{margin-top:16px;margin-bottom:24px;font-size:30px}.AboutPage-container{width:100%;font-size:16px;line-height:1.7}.about-img{float:none;width:min(260px,80%);margin:0 auto 24px;display:block}.TeamPlayer-section{margin-top:40px}}.top-artists{text-align:center;color:#2c3e50;max-width:900px;margin:0 auto}.top-artists h1{font-size:40px}.top-artists__note{margin-bottom:2.5rem}.artist-list{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.artist-card{opacity:0;flex-direction:column;align-items:center;width:140px;transition:opacity .55s,transform .55s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(40px)scale(.9)}.reveal--visible .artist-card{opacity:1;transform:none}.reveal--visible .artist-card:first-child{transition-delay:.35s}.reveal--visible .artist-card:nth-child(2){transition-delay:.47s}.reveal--visible .artist-card:nth-child(3){transition-delay:.59s}.reveal--visible .artist-card:nth-child(4){transition-delay:.71s}.reveal--visible .artist-card:nth-child(5){transition-delay:.83s}.artist-card:hover{transform:translateY(-6px)}.artist-rank{opacity:.5;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.artist-img{object-fit:cover;border-radius:50%;width:120px;height:120px;transition:box-shadow .3s,transform .3s;box-shadow:0 8px 20px #00000026}.artist-card:hover .artist-img{transform:scale(1.05);box-shadow:0 14px 30px #00000040}.artist-name{margin-top:.75rem;font-weight:600}@media (prefers-reduced-motion:reduce){.reveal,.reveal h1,.reveal .top-artists__note,.artist-card{opacity:1!important;transition:none!important;transform:none!important}}.contact-page{padding-top:30vh;flex-direction:column;justify-content:flex-start;align-items:center;padding-inline:1.25rem;display:flex}.ContactIcons{justify-content:center;gap:1.5rem;display:flex}.ContactIcons button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:2.5rem;transition:transform .2s;display:flex}.ContactIcons button:hover{transform:scale(1.3)translateY(-3px)}.navbarcontainer{z-index:100;background-color:var(--bg);position:sticky;top:0}.navbar{background-color:var(--bg);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex}.navbar-name{color:#355872;font-size:1.2rem;text-decoration:none}.navbar-links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:#355872;font-size:1rem;text-decoration:none;transition:transform .2s;display:inline-block;transform:scale(1)}.navbar-links a:hover{transform:scale(1.1)}.navbar-links a{white-space:nowrap}@media (width<=600px){.navbar{padding:1rem 1.25rem}.navbar-name{font-size:1.05rem}.navbar-links{gap:1rem}.navbar-links a{font-size:.95rem}}.footer{background-color:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:1.5rem 3rem;font-size:.9rem;display:flex}.footercontainer{border-top:1px solid var(--border)}@media (width<=600px){.footer{padding:1.25rem;font-size:.8rem}}