:root{--evergreen: #1e2f23;--hunter-green: #34623f;--fern: #607744;--palm-leaf: #768948;--golden-bronze: #b39c4d;--cornsilk: #fefae0;--link: #e66c79;--intense-cherry: #c52233;--ruby-red: #a51c30;--brown-red: #a7333f;--burgundy: #74121d;--night-bordeaux: #580c1f;--bg: var(--evergreen);--text: var(--cornsilk);--muted: rgba(254, 250, 224, .66);--rule: rgba(254, 250, 224, .16);--accent: var(--golden-bronze);--measure: 68ch;--hero-size: clamp(2rem, 6vw, 3.25rem);font-family:Geist Pixel,Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1120px;width:100%;margin:0 auto;padding:2rem}.page-rule{height:1px;width:min(1120px,100%);margin:0 auto;background:var(--rule);transition:width .35s ease-out}.app-shell:has(.snake-board) .page-rule{width:100%;background:var(--accent)}.brand{color:var(--text);text-decoration:none;letter-spacing:.02em}@media(pointer:coarse){.brand{padding-block:.6rem}}.brand:hover{color:var(--accent)}.nav-links{position:relative;display:flex;gap:2rem}.nav-link{color:var(--muted);text-decoration:none}@media(pointer:coarse){.nav-link{padding-block:.6rem}}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent)}.nav-indicator{position:absolute;bottom:-.45rem;height:1px;background:var(--accent);transform:translate(-50%);transition:left .25s ease-out,width .25s ease-out,opacity .2s ease-out;pointer-events:none}.content{position:relative;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:3.5rem 2rem 5rem}.footer{max-width:1120px;width:100%;margin:0 auto;padding:2rem;color:var(--muted);font-size:.85rem}.page h1{font-size:1.75rem;font-weight:400;letter-spacing:.01em;margin-bottom:2rem}.page>p{max-width:var(--measure);margin-bottom:1rem}.lede{color:var(--muted);max-width:var(--measure)}.hero{min-height:58vh;display:flex;flex-direction:column;justify-content:center}.hero-text{max-width:var(--measure)}.hero-greeting{color:var(--muted);margin-bottom:.5rem}.hero-name{font-size:var(--hero-size);font-weight:400;line-height:1.15;margin-bottom:.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-button{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;border:1px solid var(--rule);color:var(--text);text-decoration:none;transition:border-color .15s ease,color .15s ease}@media(pointer:coarse){.hero-button{padding-block:.8rem}}.hero-button:hover{border-color:var(--accent);color:var(--accent)}.hero-button .arrow{transition:transform .15s ease}.hero-button:hover .arrow{transform:translate(3px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:3.5rem 2rem}.card{display:flex;flex-direction:column;gap:.9rem;color:inherit;text-decoration:none}.card-thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;border:2px solid var(--rule);transition:border-color .15s ease}.card-thumb--empty{background:#fefae00d}a.card:hover .card-thumb{border-color:var(--accent)}a.card:hover .card-title{color:var(--accent)}.card-body{display:flex;flex-direction:column;gap:.4rem}.card-title{font-size:1rem;font-weight:400;transition:color .15s ease}.card-desc{color:var(--muted);font-size:.9rem;line-height:1.6}.chip-row{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.chip{font-size:.7rem;line-height:1.5;color:var(--accent);border:1px solid rgba(179,156,77,.45);padding:.05rem .45rem}.contact-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}.contact-list li{display:flex;align-items:center;gap:.75rem}.contact-glyph{display:inline-flex;font-size:1.1rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:640px){.navbar{flex-direction:column;align-items:flex-start;gap:1rem}.nav-links{gap:1.5rem}.content{padding:2.5rem 1.25rem 3.5rem}}.hero-name-button{font:inherit;border:0;padding:0;cursor:pointer;background:linear-gradient(100deg,var(--text) 42%,var(--accent) 50%,var(--text) 58%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:hero-shimmer 2.2s linear infinite;transition:transform .18s ease}.hero-name-button:hover{animation:none;background:none;color:var(--accent);transform:translateY(-2px) scale(1.03)}@keyframes hero-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.hero-name-button{animation:none;background:none;color:var(--text)}.hero-name-button:hover{color:var(--accent);transform:none}}.hero:has(.snake-board) .hero-greeting,.hero:has(.snake-board) .hero-buttons{opacity:0;pointer-events:none;transition:opacity .12s ease}.hero-greeting,.hero-buttons{transition:opacity .12s ease}.hero-name--playing{visibility:hidden}.snake-board{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:var(--page-w, 100%);z-index:1;font-size:var(--hero-size);line-height:1;pointer-events:none}.snake-seg,.snake-food{position:absolute;display:grid;place-items:center}.snake-seg{color:var(--text);transition:color .09s ease}.snake-seg--dead,.snake-seg--head.snake-seg--dead{color:var(--intense-cherry)}.snake-seg--head{color:var(--accent)}.snake-food{color:var(--link)}.snake-over{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.15rem;pointer-events:auto;cursor:pointer;font:inherit;color:var(--text);background:#1e2f23d1;border:0;outline:none}.snake-over-score{font-size:1em;color:var(--accent);line-height:1}.snake-over-unit{font-size:.34em;vertical-align:baseline;margin-left:.15em}.snake-over-hint{font-size:.28em;color:var(--muted);text-align:center}