:root{--bg: #fafafa;--surface: #ffffff;--text: #18181b;--muted: #52525b;--border: #e4e4e7;--accent: #0d9488;--accent-soft: rgba(13, 148, 136, .08);--fx-particle: #6ba6dc;--radius: 14px;--max-w: 880px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c0c0f;--surface: #16161a;--text: #f4f4f5;--muted: #a1a1aa;--border: #27272a;--accent: #2dd4bf;--accent-soft: rgba(45, 212, 191, .1);--fx-particle: #dbeafe}}:root[data-theme=dark]{--bg: #0c0c0f;--surface: #16161a;--text: #f4f4f5;--muted: #a1a1aa;--border: #27272a;--accent: #2dd4bf;--accent-soft: rgba(45, 212, 191, .1);--fx-particle: #dbeafe}:root[data-season=winter]{--bg: #f3f7fb;--accent: #0369a1;--accent-soft: rgba(3, 105, 161, .08);--fx-particle: #64a0d8}:root[data-season=fall]{--bg: #fbf6ee;--accent: #c2410c;--accent-soft: rgba(194, 65, 12, .09);--fx-particle: #ea8c0c}:root[data-season=spring]{--bg: #fdf5f9;--accent: #db2777;--accent-soft: rgba(219, 39, 119, .08);--fx-particle: #f784bd}:root[data-season=summer]{--bg: #fbf8ee;--accent: #a16207;--accent-soft: rgba(161, 98, 7, .09);--fx-particle: #d9a514}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-season=winter]{--bg: #0a0e13;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .1);--fx-particle: #dbeafe}:root:not([data-theme=light])[data-season=fall]{--bg: #120d09;--accent: #fb923c;--accent-soft: rgba(251, 146, 60, .1);--fx-particle: #fbbf24}:root:not([data-theme=light])[data-season=spring]{--bg: #120a10;--accent: #f472b6;--accent-soft: rgba(244, 114, 182, .1);--fx-particle: #f9a8d4}:root:not([data-theme=light])[data-season=summer]{--bg: #101008;--accent: #facc15;--accent-soft: rgba(250, 204, 21, .1);--fx-particle: #fde047}}:root[data-theme=dark][data-season=winter]{--bg: #0a0e13;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .1);--fx-particle: #dbeafe}:root[data-theme=dark][data-season=fall]{--bg: #120d09;--accent: #fb923c;--accent-soft: rgba(251, 146, 60, .1);--fx-particle: #fbbf24}:root[data-theme=dark][data-season=spring]{--bg: #120a10;--accent: #f472b6;--accent-soft: rgba(244, 114, 182, .1);--fx-particle: #f9a8d4}:root[data-theme=dark][data-season=summer]{--bg: #101008;--accent: #facc15;--accent-soft: rgba(250, 204, 21, .1);--fx-particle: #fde047}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:transparent;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}main{max-width:var(--max-w);margin:0 auto;padding:0 24px}.hero-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px}.nav{display:inline-flex;align-items:center;gap:22px}.nav a{color:var(--muted);font-size:.925rem;transition:color .15s ease}.nav a:hover{color:var(--text)}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;vertical-align:middle;transition:color .15s ease,border-color .15s ease}#theme-toggle:hover{color:var(--text);border-color:var(--accent)}#season-toggle{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.825rem;font-family:inherit;cursor:pointer;vertical-align:middle;transition:color .15s ease,border-color .15s ease}#season-toggle:hover{color:var(--text);border-color:var(--accent)}#season-toggle #season-label{line-height:1}#season-toggle .icon-season{display:none}#season-toggle .icon-season-off{display:block}:root[data-season=winter] #season-toggle .icon-season-off,:root[data-season=fall] #season-toggle .icon-season-off,:root[data-season=spring] #season-toggle .icon-season-off,:root[data-season=summer] #season-toggle .icon-season-off{display:none}:root[data-season=winter] #season-toggle .icon-season-winter{display:block}:root[data-season=fall] #season-toggle .icon-season-fall{display:block}:root[data-season=spring] #season-toggle .icon-season-spring{display:block}:root[data-season=summer] #season-toggle .icon-season-summer{display:block}:root #season-toggle[data-mode=auto] .icon-season{display:none}:root #season-toggle[data-mode=auto] .icon-season-auto{display:block}#theme-toggle .icon-sun{display:none}#theme-toggle .icon-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) #theme-toggle .icon-moon{display:none}}:root[data-theme=dark] #theme-toggle .icon-sun{display:block}:root[data-theme=dark] #theme-toggle .icon-moon{display:none}.hero{padding:48px 0 56px}@media(max-width:640px){.hero{padding:40px 0 48px}.hero-head{flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.hero-head .nav{order:-1}.hero .sub{margin-top:14px}.hero-links{margin-top:24px}}.hero h1{font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.03em;line-height:1.15}.accent{color:var(--accent)}.hero .sub{margin-top:18px;max-width:560px;color:var(--muted);font-size:1.125rem}.hero-links{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:.95rem;font-weight:500;transition:border-color .15s ease,transform .15s ease}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0c0c0f}.btn-primary:hover{filter:brightness(1.08)}.ripple{position:absolute;border-radius:50%;background:#ffffff73;transform:scale(0);pointer-events:none;animation:ripple-expand .55s ease-out forwards}.btn:not(.btn-primary) .ripple{background:#0d948840}@keyframes ripple-expand{to{transform:scale(1);opacity:0}}.btn-primary.pulse{animation:btn-pulse .5s ease-out}@keyframes btn-pulse{0%{box-shadow:0 0 #0d94888c}to{box-shadow:0 0 0 18px #0d948800}}.projects{position:relative;padding:32px 0 80px}.projects h2{font-size:1.4rem;letter-spacing:-.02em;margin-bottom:24px}.projects.flash:before{content:"";position:absolute;inset:-14px -14px 48px;border:1px solid var(--accent);border-radius:calc(var(--radius) + 6px);pointer-events:none;animation:section-flash 1.1s ease-out forwards}@keyframes section-flash{0%{opacity:0;transform:scale(1.02);box-shadow:0 0 0 0 var(--accent-soft)}18%{opacity:1;transform:scale(1);box-shadow:0 0 0 6px var(--accent-soft)}70%{opacity:1;box-shadow:0 0 0 10px #0d948800}to{opacity:0;box-shadow:0 0 0 14px #0d948800}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}@media(prefers-color-scheme:dark){.card:hover{box-shadow:0 8px 24px #0006}}:root[data-theme=dark] .card:hover{box-shadow:0 8px 24px #0006}.card-img{position:relative;margin:-24px -24px 18px;aspect-ratio:16 / 9;overflow:hidden;background:var(--accent-soft);border-bottom:1px solid var(--border);border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease}.card-img:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(to top,color-mix(in srgb,var(--accent) 22%,transparent),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover .card-img img{transform:scale(1.045);filter:saturate(1.08)}.card:hover .card-img:after{opacity:1}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.card h3{font-size:1.05rem;letter-spacing:-.01em}.domain{font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:6px;white-space:nowrap}.card p{color:var(--muted);font-size:.925rem;flex:1}.tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 10px}footer{border-top:1px solid var(--border);padding:28px 24px;text-align:center;color:var(--muted);font-size:.875rem}footer a{color:var(--accent)}footer a:hover{text-decoration:underline}#scroll-top{position:fixed;right:22px;bottom:22px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:0 6px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s,color .15s ease,border-color .15s ease}#scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}#scroll-top:hover{color:var(--text);border-color:var(--accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #scroll-top{box-shadow:0 6px 20px #00000073}}:root[data-theme=dark] #scroll-top{box-shadow:0 6px 20px #00000073}#egg-fx{position:fixed;inset:0;z-index:40;pointer-events:none}#egg-hints{margin-top:10px;font-size:.78rem;letter-spacing:.02em;color:var(--muted);opacity:0;transition:opacity .35s ease}@media(hover:hover){footer:hover #egg-hints{opacity:.8}}@media(hover:none){#egg-hints{opacity:.35}}#sig{cursor:pointer}@keyframes rocket-lift{0%{transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.5,0,.9,.4)}20%{transform:translateY(-118vh) scale(1.06) rotate(-1.4deg);animation-timing-function:linear}46%{transform:translateY(-118vh) scale(1.06) rotate(1.2deg);animation-timing-function:cubic-bezier(.16,.7,.4,1)}78%{transform:translateY(3vh) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes rocket-thrust{0%{transform:scaleY(.7);opacity:.65}to{transform:scaleY(1.4);opacity:1}}html[data-egg=launch]{overflow-x:hidden}html[data-egg=launch] main,html[data-egg=launch] footer{animation:rocket-lift 3.6s linear}html[data-egg=launch] #scroll-top{opacity:1;visibility:visible;transform:translateY(0);color:var(--accent);border-color:var(--accent)}html[data-egg=launch] #scroll-top:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:24px;margin-left:-5px;border-radius:50%;background:linear-gradient(to bottom,var(--accent),transparent);filter:blur(4px);transform-origin:top center;animation:rocket-thrust .16s ease-in-out infinite alternate}#bg-base{position:fixed;inset:0;z-index:-2;background:var(--bg);pointer-events:none}#bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none}#bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;--gx: 50%;--gy: 50%;background:radial-gradient(520px circle at var(--gx) var(--gy),color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}.projects.flash:before{animation:none}.card-img img{transition:none}.card:hover .card-img img{transform:none;filter:none}.card-img:after{transition:none}#scroll-top,#season-toggle{transition:none}#bg-fx,#bg-glow{display:none}html[data-season][data-motion=ignore] #bg-fx{display:block}html[data-egg=launch] main,html[data-egg=launch] footer{animation:none}html[data-egg=launch] #scroll-top:after{animation:none}}