@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=VT323&display=swap";:root{--bg-0: #f9f7ff;--bg-1: #fffef8;--surface: rgba(255, 255, 255, .9);--surface-solid: #ffffff;--ink-1: #3b3552;--ink-2: #5c5478;--ink-3: #7e759f;--line: #9bb5f7;--line-soft: #b6aee8;--teal: #9ee7dc;--coral: #ffc1ba;--gold: #ffe8a1;--lime: #cdf4be;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;font-family:VT323,monospace;line-height:1.35;font-size:22px;font-weight:400;color:var(--ink-1);background:var(--bg-0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--ink-1);background:repeating-linear-gradient(90deg,rgba(182,174,232,.1) 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,rgba(182,174,232,.1) 0 1px,transparent 1px 22px),radial-gradient(1000px 650px at 50% -20%,rgba(155,181,247,.35),transparent 60%),radial-gradient(900px 700px at 8% 100%,rgba(158,231,220,.35),transparent 62%),radial-gradient(700px 550px at 95% 80%,rgba(255,232,161,.28),transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%)}a{color:inherit;text-decoration:none}img,svg{display:block}::selection{background:#d8e4ff;color:#2d2752}.ui-card{border:3px solid var(--line);border-radius:0;background:var(--surface);box-shadow:6px 6px #d8d2f0}.ui-card-header,.ui-card-content,.ui-card-footer{padding:.9rem}.ui-card-header{display:grid;gap:.45rem}.ui-card-content{display:grid;gap:.6rem}.ui-card-footer{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding-top:0}.ui-card-title{font-family:Silkscreen,monospace;letter-spacing:0;line-height:1.3;font-size:clamp(.65rem,1.4vw,.82rem)}.ui-card-description{color:var(--ink-2);max-width:68ch}.ui-button{border:3px solid var(--line);border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;font-weight:400;text-transform:uppercase;letter-spacing:.02em;transition:transform 90ms steps(2,end),box-shadow 90ms steps(2,end);box-shadow:4px 4px #ddd7f2}.ui-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #d4cdef}.ui-button-default{background:var(--teal);color:#284146}.ui-button-secondary{background:var(--coral);color:#5a3433}.ui-button-outline{border-color:var(--line);background:#f5f3ff;color:var(--ink-1)}.ui-button-ghost{border-color:#f3cf73;background:#fff9db;color:#6a5a2d}.ui-button-sm{min-height:1.7rem;padding:.18rem .45rem;font-size:.66rem}.ui-button-md{min-height:2.1rem;padding:.28rem .52rem;font-size:.7rem}.ui-button-lg{min-height:2.4rem;padding:.35rem .65rem;font-size:.74rem}.ui-badge{display:inline-flex;align-items:center;border-radius:0;border:2px solid var(--line);font-size:.62rem;font-family:Silkscreen,monospace;letter-spacing:.03em;text-transform:uppercase;padding:.17rem .35rem}.ui-badge-neutral{background:#e8f0ff;color:#5a6798}.ui-badge-accent{background:#ffe8ee;color:#9a6780}.ui-badge-muted{background:#fff7d8;color:#87753b;border-color:#f3cf73}.ui-separator{width:calc(100% - 1.8rem);margin:0 auto;border:0;border-top:3px dashed var(--line-soft)}.goo-filter-container{position:absolute;overflow:hidden;z-index:1;width:0;height:0}.pixel-canvas{position:absolute;inset:0;z-index:1;background:transparent!important}.site-shell{position:relative;min-height:100vh;padding:1rem;overflow:hidden}body.cursor-custom,body.cursor-custom *{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAD1BMVEUAAAADAgIODAz///+mnprujG6FAAAAAnRSTlMAPFn8sb8AAAABb3JOVAHPoneaAAAAQUlEQVQoz2NQUhJkQAGYAsZoIlgE0ESwCaCKYBVAEcEu4KJEQEBJCa+AC5rTMAWUlFyMkXRgCjAwCKKHEYbAsAEAsUoRRU+eFtAAAAAASUVORK5CYII=) 0 0,auto!important}body.cursor-custom a,body.cursor-custom button,body.cursor-custom [role=button],body.cursor-custom .site-link,body.cursor-custom input[type=button],body.cursor-custom input[type=submit],body.cursor-custom input[type=reset],body.cursor-custom select,body.cursor-custom summary,body.cursor-custom label[for]{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAPUExURQAAAAMCAg4MDP///6aemu6MboUAAAACdFJOUwA8WfyxvwAAAAFiS0dEAxEMTPIAAAAHdElNRQfqAhESFA9I3UwEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI2LTAyLTE3VDE4OjIwOjE1KzAwOjAwcXStVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNi0wMi0xN1QxODoyMDoxNSswMDowMAApFeoAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjYtMDItMTdUMTg6MjA6MTUrMDA6MDBXPDQ1AAAAS0lEQVQoz9XPwQ0AMAgCQFdgBVZwBfefqZI+msZY3+XHPYiaGQi7UoDOGcgJktACKIgzXICh+oQsygt8AGyJHlJCHT3o+OvZCp9kASnIGV9KnmpxAAAAAElFTkSuQmCC) 4 0,pointer!important}.site-noise{position:fixed;inset:-6%;z-index:0;pointer-events:none;opacity:.14;background:linear-gradient(90deg,rgba(107,117,159,.06) 1px,transparent 1px),linear-gradient(rgba(107,117,159,.05) 1px,transparent 1px);background-size:28px 28px}.site-pattern{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.52;background-image:linear-gradient(90deg,rgba(155,181,247,.2) 1px,transparent 1px),linear-gradient(rgba(155,181,247,.18) 1px,transparent 1px),radial-gradient(circle at 8px 8px,rgba(139,122,176,.33) 1.6px,transparent 1.6px),radial-gradient(circle at 22px 22px,rgba(229,165,187,.3) 1.4px,transparent 1.4px);background-size:34px 34px,34px 34px,34px 34px,34px 34px}.site-glow{position:fixed;pointer-events:none;z-index:0;opacity:.22;image-rendering:pixelated}.site-glow-a{width:16rem;height:16rem;top:8%;left:-4%;background:radial-gradient(circle at 30% 30%,#9ee7dca6,#9ee7dc1a 70%)}.site-glow-b{width:14rem;height:14rem;right:-4%;top:15%;background:radial-gradient(circle at 70% 25%,#ffc1ba9e,#ffc1ba1a 70%)}.site-trail-layer{position:fixed;inset:0;z-index:1;pointer-events:none}.topbar,.site-main,.ticker{position:relative;z-index:2}.topbar{max-width:1080px;margin:0 auto;border:3px solid var(--line);border-radius:0;background:#ffffffe0;padding:.6rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:7px 7px #ddd7f2}.brand{display:inline-flex;align-items:center;gap:.55rem}.brand-mark{width:2rem;aspect-ratio:1;border:3px solid #f3cf73;border-radius:0;display:grid;place-items:center;font-family:Silkscreen,monospace;font-size:.56rem;background:#fff6d6;color:#826f31}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-family:Silkscreen,monospace;font-size:.52rem}.brand-copy span{color:var(--ink-3);font-size:.95rem}.site-nav{display:inline-flex;gap:.4rem}.site-link{border:3px solid transparent;border-radius:0;padding:.2rem .45rem;color:var(--ink-2);font-family:Silkscreen,monospace;font-size:.5rem;line-height:1.6;transition:transform 90ms steps(2,end)}.site-link:hover{transform:translate(-1px,-1px);border-color:var(--line)}.site-link.active{color:#4e5f8f;border-color:var(--line);background:#e7efff}.ticker{max-width:1080px;margin:.65rem auto 0;border:3px solid var(--line);border-radius:0;overflow:hidden;padding:.25rem 0;background:#fff;box-shadow:7px 7px #ddd7f2}.ticker-track{display:flex;align-items:center;width:max-content;gap:3.5rem;padding:0 2rem;animation:tickerRight 18s linear infinite}.ticker span{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;white-space:nowrap;font-family:Silkscreen,monospace;font-size:.46rem;text-transform:uppercase;letter-spacing:.06em;color:#8b7ab0;padding:0 .2rem}.ticker span:before,.ticker span:after{content:"*";color:#e5a5bb}.site-main{max-width:1080px;margin:.95rem auto 2.1rem}.site-main-wide{width:min(calc(100vw - 2rem),1320px);max-width:1320px}.route-frame{animation:routeEnter .16s steps(3,end)}@keyframes tickerRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes routeEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){body.cursor-custom,body.cursor-custom *{cursor:auto!important}.site-shell{padding:.7rem}.topbar{padding:.45rem}.brand-copy span{display:none}.site-link{font-size:.45rem}.ticker-track{gap:3.2rem;animation-duration:14s}.site-glow{display:none}}@media(prefers-reduced-motion:reduce){.ticker-track,.route-frame{animation:none;transform:none}}.home-page{display:grid;gap:.9rem}.hero-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(155,181,247,.2),transparent 42%),linear-gradient(90deg,rgba(155,181,247,.12) 1px,transparent 1px),linear-gradient(rgba(155,181,247,.12) 1px,transparent 1px),var(--surface);background-size:auto,14px 14px,14px 14px,auto}.hero-head h1{font-family:Silkscreen,monospace;font-size:clamp(.92rem,2.2vw,1.3rem);line-height:1.45;letter-spacing:0;max-width:24ch}.hero-actions{display:flex;gap:.5rem;flex-wrap:wrap}.skills-wrap{display:flex;gap:.45rem;flex-wrap:wrap}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.home-grid .ui-card:nth-child(1){background:#ecfbf7;border-color:#8adfce}.home-grid .ui-card:nth-child(2){background:#ffeef2;border-color:#efc0d0}.home-grid .ui-card:nth-child(3){background:#fff8dc;border-color:#f3cf73}.home-grid .ui-card{transform:translateY(var(--offset, 0)) rotate(var(--tilt, 0deg));transition:transform .14s steps(2,end)}.home-grid .ui-card:hover{transform:translateY(-3px) rotate(var(--hover-tilt, 0deg))}.home-grid .ui-card:nth-child(1){--offset: -2px;--tilt: -.9deg;--hover-tilt: -2.4deg}.home-grid .ui-card:nth-child(2){--offset: 2px;--tilt: .85deg;--hover-tilt: 2.2deg}.home-grid .ui-card:nth-child(3){--offset: -1px;--tilt: -.75deg;--hover-tilt: -2deg}.focus-card{border-color:#bde6a7;background:repeating-linear-gradient(90deg,rgba(205,244,190,.35) 0 8px,transparent 8px 16px),#f5fff1}.focus-card .ui-card-title{color:#70945f}.focus-card .ui-card-description,.focus-card .highlight-item span{color:#6f8a63}.highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.highlight-item{border:2px solid #bde6a7;border-radius:0;background:#fcfff9;padding:.55rem;display:grid;gap:.1rem}.highlight-item strong{color:#6e8d65;font-family:Silkscreen,monospace;font-size:.54rem;line-height:1.6}@media(max-width:930px){.home-grid,.highlights-grid{grid-template-columns:1fr}}.projects-page{display:grid;gap:.9rem}.projects-head{width:100%;max-width:1080px;margin:0 auto;border:3px solid var(--line);border-radius:0;background:linear-gradient(180deg,rgba(255,232,161,.3),transparent 55%),#fff;padding:.85rem .95rem;box-shadow:6px 6px #ddd7f2}.projects-head p{font-size:.56rem;font-family:Silkscreen,monospace;text-transform:uppercase;letter-spacing:.06em;color:#b09045}.projects-head h1{margin-top:.3rem;font-family:Silkscreen,monospace;font-size:clamp(.7rem,1.5vw,.95rem);line-height:1.55;letter-spacing:0;max-width:none}.projects-grid{display:grid;grid-template-columns:1fr;gap:22vh;width:min(100%,1240px);max-width:1240px;margin:0 auto;padding:1.5rem 0 5rem}.project-motion{width:min(100%,1200px);justify-self:center}.project-row{display:grid;grid-template-columns:1fr;width:100%}.project-row-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card{display:flex;flex-direction:column;min-height:68vh;transform:none;transition:transform .14s steps(2,end),box-shadow .14s steps(2,end)}.project-motion-duo .project-card{min-height:56vh}.project-card:hover{transform:translateY(-3px) rotate(var(--hover-tilt, 0deg))}.project-card-course-tools{background:#ecfbf7;border-color:#8adfce;--hover-tilt: -2.3deg}.project-card-gyl-website{background:#ffeef2;border-color:#efc0d0;--hover-tilt: 2.1deg}.project-card-willowbrook-game{background:#edf1ff;border-color:#b7c6f8;--hover-tilt: -1.95deg}.project-card-meow-meow-misses-home{background:#f5fff1;border-color:#bde6a7;--hover-tilt: 2deg}.project-card .ui-card-description{min-height:0}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-feature-list{margin-top:.7rem;padding-left:1rem;display:grid;gap:.35rem;color:var(--ink-2)}.project-feature-list li{line-height:1.35}.project-preview{margin-top:1rem;border:2px solid #b7c6f8;background:#ffffffb8;padding:.7rem .8rem;display:grid;gap:.55rem}.project-preview p{font-family:Silkscreen,monospace;font-size:.48rem;letter-spacing:.04em;text-transform:uppercase;color:#5d6f9f}.project-preview-frame{width:100%;min-height:300px;border:2px solid #9db1f0;background:#fff}.project-preview-fallback{min-height:300px;border:2px solid #9db1f0;background:linear-gradient(180deg,#edf3ffcc,#edf3ff59),#fff;color:#4e5f8f;display:grid;place-items:center;text-align:center;padding:1rem}.project-preview-actions{display:flex;justify-content:flex-end}.project-preview-link{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;border:2px solid #9db1f0;background:#edf3ff;color:#4e5f8f;font-family:Silkscreen,monospace;font-size:.5rem;line-height:1.5;padding:.25rem .4rem}.project-preview-link:hover{transform:translate(-1px,-1px)}.project-actions{margin-top:auto}@media(max-width:860px){.projects-grid{gap:14vh;padding:.6rem 0 2rem}.project-motion{width:100%;justify-self:stretch}.project-row-duo{grid-template-columns:1fr;gap:.9rem}.project-card,.project-motion-duo .project-card{min-height:52vh}.project-preview-frame,.project-preview-fallback{min-height:220px}}.embed-page{display:flex;flex-direction:column;height:min(82vh,880px);border:2px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.embed-header{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:2px solid var(--line);background:#fff7e2}.back-link,.open-external{border:2px solid var(--line);border-radius:10px;padding:.38rem .6rem;font-size:.84rem;font-weight:700;background:#fff}.back-link:hover,.open-external:hover{transform:translateY(-1px)}.embed-title{flex:1;font-family:Syne,sans-serif;font-size:1.05rem}.open-external{background:#191919;color:#fff}.embed-iframe{flex:1;width:100%;border:none;background:#fff}@media(max-width:720px){.embed-page{height:80vh}.embed-header{flex-wrap:wrap}.embed-title{order:-1;width:100%}}