@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#000;--primary:#ffd600;--secondary:#ff31b8;--accent:#00e0ff;--success:#32cd32;--paper:#fffdf4;--paper-alt:#eefcff;--paper-warm:#fff1db;--border-width:1.5px;--border-strong:2px;--shadow:3px 3px 0px 0px #000;--shadow-small:1.5px 1.5px 0px 0px #000;--shadow-hover:1px 1px 0px 0px #000;--section-space:clamp(4rem, 8vw, 6.5rem);--container-max:1180px;--card-gap:1.25rem;--radius-tight:0}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;min-width:320px;font-family:Outfit,sans-serif;line-height:1.5;color:#000!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:-1px;font-weight:900;line-height:.95}a{color:inherit;text-decoration:none}ul{list-style:none}.neo-box{border:var(--border-width) solid black;box-shadow:var(--shadow);background:#fff;padding:clamp(1.1rem,2vw,1.5rem);transition:all .2s}.neo-box:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.neo-button{background:var(--primary);border:var(--border-width) solid black;box-shadow:var(--shadow-small);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;min-height:56px;padding:.95rem 1.45rem;font-weight:900;line-height:1;transition:all .1s;display:inline-flex}.neo-button:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:3px 3px #000}.neo-button:active{box-shadow:none;transform:translate(0)}.neo-input{border:var(--border-width) solid black;width:100%;box-shadow:var(--shadow-small);color:#000;background:#fff;outline:none;padding:.95rem 1rem;font-family:inherit;font-size:1rem}.neo-input:focus{box-shadow:var(--shadow)}.container{width:min(100%, var(--container-max));margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}section{padding-block:var(--section-space)}.marquee{color:#fff;white-space:nowrap;text-transform:uppercase;border-top:var(--border-width) solid black;border-bottom:var(--border-width) solid black;background:#000;padding:1rem 0;font-size:1.5rem;font-weight:900;overflow:hidden}.marquee-content{animation:20s linear infinite scroll;display:inline-block}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:768px){.container{padding:0 1rem}}.navbar{z-index:1000;border-bottom:var(--border-width) solid black;background:#fff;padding:.7rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.nav-topbar{align-items:center;gap:.65rem;display:flex}.nav-logo{background:var(--primary);min-width:68px;min-height:56px;box-shadow:none;justify-content:center;align-items:center;padding:.75rem .9rem;font-size:1.25rem;font-weight:900;transition:transform .2s;display:inline-flex}.nav-logo-mark{letter-spacing:-.06em;line-height:1;display:inline-block}.nav-logo:hover{transform:rotate(-3deg)scale(1.1)}.logo-group{align-items:flex-start;gap:.55rem;display:flex}.name-audio-button{cursor:pointer;z-index:10;background:#fff;border:1.5px solid #000;justify-content:center;align-items:center;padding:.4rem .85rem;transition:all .1s;display:flex;box-shadow:1.5px 1.5px #000}.name-audio-button:hover{background:var(--accent);transform:translate(-1px,-1px);box-shadow:2.5px 2.5px #000}.name-audio-button:active{box-shadow:none;transform:translate(0)}.nav-links{background:#fff;flex-wrap:wrap;align-items:center;gap:1.1rem;padding:.8rem 1.1rem;display:flex}.nav-links-inner{flex-wrap:wrap;align-items:center;gap:1.1rem;width:100%;display:flex}.nav-menu-button{border:var(--border-width) solid black;width:56px;height:56px;box-shadow:var(--shadow-small);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:none}.nav-menu-icon{object-fit:contain;width:1.5rem;height:1.5rem;display:block}.nav-resume-button{flex-shrink:0}.nav-resume-mobile{display:none}.nav-links a{font-weight:700;transition:color .2s}.nav-links a:hover{color:var(--secondary)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(2rem,5vw,4rem);min-height:calc(100vh - 96px);display:grid}.hero h1{max-width:10ch;font-size:2.8rem;line-height:.9}.hero-tag{background:var(--accent);border:var(--border-width) solid black;box-shadow:none;padding:.7rem 1rem;font-weight:700;display:inline-block}.hero-image-container{position:relative}.hero-image{aspect-ratio:4/5;background:var(--secondary);border:var(--border-strong) solid black;width:100%;max-width:380px;margin-left:auto;position:relative;overflow:hidden;box-shadow:7px 7px #000}.section-title{border:var(--border-width) solid black;box-shadow:none;background:#fff;margin-bottom:2rem;padding:.7rem 1.5rem;font-size:clamp(2rem,6vw,2.5rem);display:inline-block}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.25rem;display:grid}.project-card{flex-direction:column;display:flex}.project-img{aspect-ratio:16/9;border:var(--border-width) solid black;background:#eee;width:100%;transition:all .2s}.project-card:hover .project-img{transform:translate(-2px,-2px);box-shadow:3px 3px #000}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border:1px solid #000;padding:.35rem .7rem;font-size:.8rem;font-weight:700}.tag-primary{background:var(--paper-warm)}.tag-accent{background:var(--accent)}.tag-secondary{background:var(--secondary);color:#fff}@media (max-width:968px){.hero{grid-template-columns:1fr;min-height:auto}.hero h1{max-width:100%}.hero-image{min-height:360px}.nav-container{flex-wrap:wrap;align-items:center}.nav-topbar{justify-content:space-between;width:100%}.nav-menu-button{display:inline-flex}.nav-links{order:3;justify-content:center;width:100%;display:none}.nav-links-open{display:flex}.nav-links-inner{justify-content:center}.neo-box{padding:1rem}}@media (max-width:640px){section{padding-block:3.5rem}.navbar{padding:.85rem 0}.nav-logo{width:auto;min-width:68px}.nav-menu-button{width:56px}.nav-links{order:4;justify-content:flex-start;gap:.7rem;padding:.9rem 1rem}.nav-links-inner{justify-content:flex-start;gap:.7rem}.nav-links a{text-align:center;width:calc(50% - .35rem);padding:.35rem 0}.nav-resume-desktop{display:none}.nav-resume-mobile{width:100%;margin-top:.25rem;display:inline-flex}.hero{gap:1.75rem;padding-top:2rem}.hero-image{min-height:300px}.marquee{padding:.8rem 0;font-size:1rem}.projects-grid{grid-template-columns:1fr}.section-title{margin-bottom:1.35rem;padding-inline:1rem}.neo-box{padding:1rem}}@media (max-width:420px){section{padding-block:3rem}.nav-links-inner{gap:.55rem}.nav-links a{width:100%}.hero-image{min-height:260px}}