:root{--void: #070b14;--deepfield: #0d1526;--aurora: #7fe9c3;--ion: #6fa8ff;--starlight: #f2eee3;--dust: #8b93a7;--font-display: "Fraunces", "Georgia", serif;--font-body: "Karla", "Helvetica Neue", sans-serif;--font-data: "JetBrains Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--void);background-image:radial-gradient(ellipse 120% 70% at 50% -10%,#101d33 0%,var(--void) 60%);color:var(--starlight);font-family:var(--font-body);font-weight:350;line-height:1.6;overflow-x:hidden}::selection{background:#7fe9c340}.sky{position:fixed;inset:0;z-index:0;pointer-events:none}.sky canvas{position:absolute;inset:0;width:100%;height:100%}main,footer{position:relative;z-index:1}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1.5rem;gap:1.4rem}.eyebrow{font-family:var(--font-data);font-size:.78rem;letter-spacing:.35em;text-transform:uppercase;color:var(--aurora);opacity:.85}.hero h1{font-family:var(--font-display);font-weight:380;font-size:clamp(4.2rem,14vw,9rem);letter-spacing:.02em;line-height:1;text-shadow:0 0 26px rgba(111,168,255,.35),0 0 90px rgba(127,233,195,.18);animation:rise 1.6s cubic-bezier(.2,.7,.2,1) both}.thesis{font-family:var(--font-display);font-style:italic;font-weight:340;font-size:clamp(1.05rem,2.4vw,1.35rem);color:var(--dust);max-width:34em;animation:rise 1.6s .25s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.scroll-hint{margin-top:3rem;font-family:var(--font-data);font-size:.8rem;letter-spacing:.2em;color:var(--dust);text-decoration:none;animation:bob 3.4s ease-in-out infinite}.scroll-hint:hover,.scroll-hint:focus-visible{color:var(--aurora)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.section{max-width:68rem;margin:0 auto;padding:7rem 1.5rem 3rem}.section h2{font-family:var(--font-display);font-weight:420;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.01em}.section-mark{color:var(--aurora);font-size:.7em;vertical-align:.25em;margin-right:.35rem}.section-note{font-family:var(--font-data);font-size:.8rem;color:var(--dust);margin:.5rem 0 3rem;letter-spacing:.06em}.loading{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.constellation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem}.constellation svg{width:100%;height:auto;overflow:visible}.constellation figcaption{font-family:var(--font-data);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--dust);text-align:center;margin-top:1rem}.edge{stroke:#8b93a759;stroke-width:.35;stroke-dasharray:1.6 1.9;transition:stroke .35s ease,opacity .35s ease}.edge-dim{opacity:.25}.star{cursor:default;outline:none;transition:opacity .35s ease}.star-dim{opacity:.3}.star-core{fill:var(--starlight);transition:fill .3s ease}.star-halo{fill:#7fe9c31f;transform-origin:center;transition:fill .3s ease}.star:hover .star-core,.star:focus-visible .star-core{fill:var(--aurora)}.star:hover .star-halo,.star:focus-visible .star-halo{fill:#7fe9c347}.star:focus-visible .star-halo{stroke:var(--aurora);stroke-width:.4}.star text{fill:var(--dust);font-family:var(--font-data);font-size:3.4px;letter-spacing:.08em;text-anchor:middle;transition:fill .3s ease}.star:hover text,.star:focus-visible text{fill:var(--starlight)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}.project-card{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 0%;display:flex;flex-direction:column;gap:.7rem;padding:1.6rem;border-radius:14px;border:1px solid rgba(139,147,167,.18);background:radial-gradient(420px circle at var(--glow-x) var(--glow-y),rgba(111,168,255,.1),transparent 45%),linear-gradient(#0d1526b8,#0d1526b8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:inherit;text-decoration:none;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:border-color .3s ease,box-shadow .3s ease,transform .15s ease-out}.project-card:hover,.project-card:focus-visible{border-color:#7fe9c373;box-shadow:0 0 0 1px #7fe9c31f,0 12px 42px #040812b3,0 0 34px #7fe9c312}.project-card.featured{grid-column:1 / -1}@media(min-width:700px){.project-card.featured{padding:2.2rem}.project-card.featured p{max-width:44em}}.project-card h3{font-family:var(--font-data);font-weight:500;font-size:1.02rem;color:var(--aurora);letter-spacing:.02em}.project-card.featured h3{font-size:1.25rem}.project-card p{color:var(--dust);font-size:.95rem;flex-grow:1}.project-meta{display:flex;gap:1.2rem;align-items:center;font-family:var(--font-data);font-size:.78rem;color:var(--dust)}.lang{display:inline-flex;align-items:center;gap:.45rem}.lang-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.stars{color:var(--starlight);opacity:.8}.audio-toggle{position:fixed;right:1.4rem;bottom:1.4rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.1rem;border-radius:999px;border:1px solid rgba(139,147,167,.3);background:#0d1526bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--dust);font-family:var(--font-data);font-size:.76rem;letter-spacing:.12em;cursor:pointer;transition:color .3s ease,border-color .3s ease}.audio-toggle:hover,.audio-toggle:focus-visible{color:var(--starlight);border-color:#7fe9c380}.audio-toggle.on{color:var(--aurora);border-color:#7fe9c380}.audio-waves{display:inline-flex;align-items:flex-end;gap:2.5px;height:12px}.audio-waves i{width:2.5px;height:4px;border-radius:2px;background:currentColor}.audio-toggle.on .audio-waves i{animation:wave 1.6s ease-in-out infinite}.audio-toggle.on .audio-waves i:nth-child(2){animation-delay:.25s}.audio-toggle.on .audio-waves i:nth-child(3){animation-delay:.5s}@keyframes wave{0%,to{height:4px}50%{height:12px}}footer{padding:6rem 1.5rem 3rem;text-align:center}footer nav{display:flex;justify-content:center;gap:2.2rem;margin-bottom:1.2rem}footer a{color:var(--starlight);font-family:var(--font-data);font-size:.85rem;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}footer a:hover,footer a:focus-visible{color:var(--aurora);border-color:#7fe9c380}.colophon{font-family:var(--font-data);font-size:.72rem;color:var(--dust);opacity:.7;letter-spacing:.08em}:focus-visible{outline:2px solid var(--aurora);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1,.thesis,.scroll-hint,.loading,.audio-toggle.on .audio-waves i{animation:none}.project-card{transform:none;transition:border-color .3s ease,box-shadow .3s ease}}