:root{--bg:#fff;--text:#313131;--subtext:#565656;--card:#e3e3e3;--border:#5f5f5f;--text-dark:#1b2620;--text-muted:#5c6b62;--brand-orange:#ff6b35;--brand-green:#226f4b;--brand-green-alt:#32af5b;--brand-green-light:#b8d5b9;--brand-mint:#e8f5e9;--brand-blue:#1d4ed8;--brand-blue-alt:#5ba2f6;--brand-blue-light:#b3e5fd;--brand-blue-tint:#eff6ff;--brand-purple:#6d28d9;--brand-purple-alt:#8b5cf6;--brand-purple-light:#c084fc;--brand-purple-tint:#f5f3ff;--brand-brown:#78350f;--brand-brown-alt:#b45309;--brand-brown-light:#f59e0b;--brand-brown-tint:#fffbeb;--h1-size:3.5rem;--h2-size:2.5rem;--h3-size:2rem;--h4-size:1.75rem;--p-font-size:1rem;--superscript-size:.8rem;--site-font:"Trebuchet MS", sans-serif;transition:background .5s,color .5s}*{box-sizing:border-box;margin:0;padding:0}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size)}h4{font-size:var(--h4-size)}p{font-size:var(--p-font-size)}button{font-family:var(--site-font)}body{color:var(--text);background:var(--bg);width:90%;max-width:850px;font-size:var(--p-font-size);caret-color:#0000;font-family:var(--site-font);margin-left:auto;margin-right:auto;transition:background-color .3s,color .3s}body.dark{--bg:#202020;--text:#eaeaea;--subtext:#cacaca;--card:#ffffff1a;--accent:#9aa4ff;--border:#4f4f4f;--text-dark:#1b2620;--text-muted:#5c6b62;--brand-orange:#ff6b35;--brand-green:#32af5b;--brand-green-alt:#226f4b;--brand-green-light:#124f3b;--brand-mint:#124f3b;--accent-peach:#fff0ea;--brand-blue:#60a5fa;--brand-blue-alt:#2563eb;--brand-blue-light:#1e3a8a;--brand-blue-tint:#0f172a;--brand-purple:#a78bfa;--brand-purple-alt:#7c3aed;--brand-purple-light:#4c1d95;--brand-purple-tint:#1e1b4b;--brand-brown:#fbbf24;--brand-brown-alt:#d97706;--brand-brown-light:#92400e;--brand-brown-tint:#451a03}.gcolor1{color:var(--brand-green)}.smaller{font-size:var(--p-font-size)}@media (width<=600px){:root{--h1-size:2.75rem;--h2-size:2rem;--h3-size:1.5rem;--h4-size:1.35rem;--p-font-size:.9rem;--superscript-size:.6rem}}.abstract-bg{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.abstract-bg path{transition:fill .5s}body.dark .abstract-bg path{mix-blend-mode:plus-lighter}.gordie{color:var(--text);font-weight:700;transition:font-size .2s}.gordie:hover{font-size:1.1em}.tooltip{opacity:0;color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background-color:#f0f0f0;border:solid #a9a9a9;border-radius:.2em;padding:.25em;font-weight:400;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(-.5em)}.gordie:focus-visible .tooltip,.gordie:hover .tooltip{opacity:1;pointer-events:auto;transform:translate(.5em,-.5em)}.projects-panel{scroll-behavior:smooth;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--brand-green-alt) transparent;flex:2 65%;min-width:320px;margin:0;padding:1em 1em 2em;overflow:auto hidden}.project-card{all:unset;white-space:normal;width:250px;color:inherit;background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;margin-right:1.2em;text-decoration:none;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s,background-color .3s;display:inline-flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.project-card.selected{border-color:var(--brand-green);background-color:var(--brand-mint);box-shadow:0 0 0 3px var(--brand-green-light);transform:scale(1.03)}body.dark .project-card.selected{background-color:#32af5b26;box-shadow:0 0 0 3px #32af5b4d}.project-card:focus-visible{outline:3px solid var(--brand-green-alt);outline-offset:4px}.project-card:hover{border-color:var(--brand-green-alt);background:color-mix(in srgb, var(--card) 95%, var(--brand-green-light));transform:translateY(-6px);box-shadow:0 12px 24px #00000026}body.dark .project-card:hover{background:color-mix(in srgb, var(--card) 92%, var(--brand-green))}.project-image{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:150px;transition:transform .3s;display:block}.project-card:hover .project-image{transform:scale(1.04)}.project-content{flex-direction:column;gap:.6em;min-height:10.5rem;padding:1.2em;display:flex}.project-title{color:var(--text);letter-spacing:-.01em;font-size:1.35rem;font-weight:800;line-height:1.2}.project-brief{color:var(--subtext);font-size:.95rem;line-height:1.45}.button-container{flex-wrap:wrap;gap:.5em;margin-top:auto;padding-top:.5em;display:flex}.libraries-sidebar{-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--brand-green-alt) transparent;flex:30%;min-width:250px;margin-top:10px;margin-bottom:10px}.libraries-sidebar h2{color:var(--brand-green);background-color:var(--brand-mint);border:solid 3px var(--brand-green-light);border-radius:20px;gap:10px;width:fit-content;margin-top:.3em;margin-bottom:.3em;padding:.15em .2em}.libraries-sidebar .lib-tag{all:unset;background:color-mix(in srgb, var(--bg) 65%, transparent);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:.6em;margin-bottom:.8em;margin-left:1.1em;padding:1.1em;transition:transform .25s cubic-bezier(.25,.8,.25,1),border-color .25s,background-color .25s,box-shadow .25s;display:flex;box-shadow:0 2px 8px #0000000a}.libraries-sidebar .lib-tag:last-child{margin-bottom:0}.libraries-sidebar .lib-tag:hover,.libraries-sidebar .lib-tag:focus-within{border-color:var(--brand-green-alt);background:var(--brand-mint);transform:translate(4px);box-shadow:0 4px 12px #00000014}body.dark .libraries-sidebar .lib-tag:hover,body.dark .libraries-sidebar .lib-tag:focus-within{background:#32af5b14}.lib-card-header{align-items:center;gap:10px;width:100%;display:flex}.lib-card-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lib-card-icon svg{width:18px;height:18px;stroke:var(--brand-green);stroke-width:2.25px;transition:stroke .2s,transform .2s}.lib-tag:hover .lib-card-icon svg{stroke:var(--brand-green-alt);transform:scale(1.1)}.lib-card-title{color:var(--text);letter-spacing:-.01em;white-space:normal;font-size:1.1rem;font-weight:800;line-height:1.2}.lib-card-brief{color:var(--subtext);white-space:normal;font-size:.9rem;line-height:1.4}.lib-card-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:.4em;font-size:.8rem;font-weight:600;display:flex}.lib-card-date{color:var(--text-muted)}.lib-card-languages{background:var(--brand-green-light);color:var(--text-dark);letter-spacing:-.02em;border-radius:4px;padding:2px 8px;font-family:monospace}body.dark .lib-card-languages{color:var(--brand-green-light);background:#32af5b33}.lib-card-link{all:unset;color:var(--brand-blue-alt);cursor:pointer;margin-left:auto;font-weight:700;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.lib-card-link:hover{color:var(--brand-blue);text-decoration:underline}body.dark .lib-card-link{color:var(--brand-blue)}body.dark .lib-card-link:hover{color:var(--brand-blue-alt)}.libraries-sidebar .lib-tag:focus-visible{outline:2px solid var(--brand-green-alt);outline-offset:2px}.portfolio-container{flex-wrap:wrap;align-items:flex-start;gap:24px;width:100%;margin-top:20px;display:flex}#spotlight{flex-direction:column;flex:1.2;gap:12px;min-width:320px;display:flex}.spotlight{margin-top:20px;margin-bottom:20px}.spotlight-tag{font-family:monospace;font-size:var(--h3-size);text-transform:uppercase;letter-spacing:-.05em;color:var(--brand-green);opacity:.85;align-items:center;gap:8px;margin-left:3px;font-weight:700;display:flex}.spotlight-badge{border:3px solid;border-color:var(--brand-green-light);background:color-mix(in srgb, var(--bg) 40%, #0000);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--brand-green);font-size:var(--p-font-size);text-transform:uppercase;letter-spacing:-.03em;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:5px 10px;font-weight:700;display:inline-flex}.project-spotlight{-webkit-backdrop-filter:blur(12px);border:3px solid var(--border);cursor:pointer;background:linear-gradient(-45deg, color-mix(in srgb, var(--brand-brown) 35%, var(--bg)), color-mix(in srgb, var(--brand-green) 15%, var(--bg)), color-mix(in srgb, var(--brand-brown) 15%, var(--bg)), color-mix(in srgb, var(--brand-green-alt) 15%, var(--bg)), color-mix(in srgb, var(--brand-brown) 25%, var(--bg)), color-mix(in srgb, var(--brand-green) 15%, var(--bg)), color-mix(in srgb, var(--brand-brown) 45%, var(--bg)));background-blend-mode:overlay;background-size:400% 400%;border-radius:20px;outline:none;flex-direction:row;align-items:stretch;gap:24px;width:100%;padding:24px;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s,box-shadow .3s,background .3s;animation:8s infinite gradientBG;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.project-spotlight:hover,.project-spotlight:focus-within{border-color:var(--brand-green);transform:translateY(-2px)scale(1.01);box-shadow:0 15px 35px #00000040}.spotlight-image{object-fit:cover;border:3px double var(--border);border-radius:10px;width:40%;max-height:220px;box-shadow:0 4px 12px #0003}.spotlight-content{flex-direction:column;justify-content:center;gap:12px;width:60%;display:flex}.spotlight-title{color:var(--text-primary);letter-spacing:-.025em;margin:0;padding-right:20px;font-size:1.75rem;font-weight:800;line-height:1.2}.spotlight-brief{font-size:1.1rem;font-weight:600;line-height:1.4}.spotlight-detail{color:var(--subtext);font-size:.95rem;line-height:1.5}.spotlight-languages{background:color-mix(in srgb, var(--bg) 50%, #0000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent-color);border:1px solid #38bdf826;border-radius:6px;align-self:flex-start;padding:4px 10px;font-family:monospace;font-size:.8rem;font-weight:600}@media (width<=600px){.project-spotlight{flex-direction:column;gap:16px;padding:16px}.spotlight-image,.spotlight-content{width:100%}}.button-container{flex-wrap:wrap;justify-content:center;padding-top:.4em;display:flex}.project-interact-button{font-size:var(--p-font-size);color:var(--text);border:.15em solid;border-radius:1.2em;place-items:center;width:auto;margin:.2em;padding:.5em 1em;font-weight:700;transition:background .15s,scale .15s,color .15s;display:flex}.play-button{border-color:color-mix(in srgb, var(--brand-green), #fff);background:var(--brand-green-light)}.play-button:hover,.play-button:focus-visible{background:color-mix(in srgb, var(--brand-green-light), white 30%);scale:1.1}.use-button{border-color:color-mix(in srgb, var(--brand-blue-alt), #f0f0f0);background:var(--brand-blue-light)}.use-button:hover,.use-button:focus-visible{background:color-mix(in srgb, var(--brand-blue-light), white 30%);scale:1.1}.github-button{background:color-mix(in srgb, var(--brand-purple-light) 80%, var(--bg));border-color:var(--brand-purple-alt)}.github-button:hover,.github-button:focus-visible{background:color-mix(in srgb, var(--brand-purple-light), white 30%);scale:1.1}@font-face{font-family:Dirty-Seven;src:url(fonts/DirtySevenRegular.ttf)format("truetype")}@font-face{font-family:Gasher;src:url(fonts/GasherRegular.ttf)format("truetype")}.header-container{justify-content:space-between;align-items:center;padding:30px 0;display:flex}.header-container nav{justify-content:right;width:auto;display:flex}.main-title{letter-spacing:-2px;font-weight:800;line-height:1.1;transition:transform .3s,box-shadow .3s}.main-title:hover{border-color:color-mix(in srgb, var(--text), #0000);box-shadow:0px 5px 0px 0px color-mix(in srgb, var(--brand-green), #0000);transform:scale(1.05)}.accent-bar{background:linear-gradient(-45deg, var(--brand-green), var(--border), var(--brand-green-alt), var(--brand-green), var(--brand-green-alt), var(--border), var(--brand-green));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-size:200% 200%;border-radius:100px;justify-content:center;width:auto;height:.3em;margin:10px auto;animation:16s infinite gradientBG;display:flex}.interactive-container{border-radius:16px;justify-content:center;align-items:center;width:110px;height:110px;text-decoration:none;display:flex;position:relative}.interactive-container canvas{pointer-events:none;width:110px;height:110px;position:absolute;top:0;left:0}#morphText{background-color:color-mix(in srgb, var(--bg), #0000 10%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:solid;border-color:var(--border);color:var(--brand-green);font-weight:700;font-size:calc(var(--p-font-size) * 1.2);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:10px;padding:5px;transition:color .3s,font-weight .3s,transform .2s}#morphText:hover{transform:scale(1.1)}.intro-area{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:20px;display:flex}.intro-text-block{flex:1;gap:20px;min-width:300px;padding-top:10px;padding-bottom:10px}.intro-text-block h2{margin-bottom:10px}.intro-area h1{letter-spacing:-.03em;margin:0 0 16px;font-weight:800;line-height:1.1}.intro-area p{color:var(--text-muted,#cbd5e1);margin:0;font-size:1.15rem;line-height:1.6}