:root{color-scheme:dark;--bg: #05070d;--surface: rgba(12, 16, 24, .42);--text: #f4f0e8;--muted: #b0aa9d;--soft: rgba(255, 255, 255, .06);--accent: #f4d35e;--accent-strong: #ffe082;--button-text: #15120a;--sun-x: 84%;--sun-y: 12%;--sun-line: rgba(255, 235, 181, .16);--heading-font: "Arial Narrow", "Trebuchet MS", sans-serif;--body-font: "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--body-font);background:radial-gradient(circle at var(--sun-x) var(--sun-y),rgba(255,228,154,.16),transparent 20%),radial-gradient(circle at 20% 18%,rgba(130,158,255,.08),transparent 18%),linear-gradient(180deg,#03050a,#070b14 45%,#03060c);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#root{min-height:100vh}.site-shell{position:relative;overflow:hidden;min-height:100vh;padding:28px 24px 48px}.solar-system{position:absolute;top:0;left:0;width:100%;height:calc(100vh + 14rem);z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 68%,rgba(0,0,0,.92) 78%,rgba(0,0,0,.45) 90%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000,#000 68%,#000000eb 78%,#00000073 90%,#0000)}.solar-system:before,.solar-system:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.solar-system:before{background-image:radial-gradient(circle at 12% 28%,rgba(255,255,255,.48) 0 .45px,transparent .8px),radial-gradient(circle at 26% 12%,rgba(255,255,255,.32) 0 .45px,transparent .8px),radial-gradient(circle at 46% 34%,rgba(255,255,255,.38) 0 .45px,transparent .8px),radial-gradient(circle at 64% 24%,rgba(255,255,255,.24) 0 .4px,transparent .75px),radial-gradient(circle at 76% 46%,rgba(255,255,255,.28) 0 .45px,transparent .8px),radial-gradient(circle at 18% 64%,rgba(255,255,255,.34) 0 .45px,transparent .8px),radial-gradient(circle at 38% 76%,rgba(255,255,255,.22) 0 .4px,transparent .75px),radial-gradient(circle at 8% 14%,rgba(255,255,255,.32) 0 .5px,transparent .9px),radial-gradient(circle at 22% 44%,rgba(255,255,255,.18) 0 .4px,transparent .75px),radial-gradient(circle at 34% 18%,rgba(255,244,214,.24) 0 .45px,transparent .8px),radial-gradient(circle at 52% 58%,rgba(255,255,255,.16) 0 .38px,transparent .72px),radial-gradient(circle at 68% 12%,rgba(255,255,255,.2) 0 .4px,transparent .72px),radial-gradient(circle at 82% 30%,rgba(255,255,255,.28) 0 .45px,transparent .8px),radial-gradient(circle at 90% 62%,rgba(255,248,224,.2) 0 .4px,transparent .75px),radial-gradient(circle at 14% 82%,rgba(255,255,255,.18) 0 .4px,transparent .75px),radial-gradient(circle at 58% 82%,rgba(255,255,255,.14) 0 .36px,transparent .7px),radial-gradient(circle at 72% 72%,rgba(255,255,255,.18) 0 .4px,transparent .72px),radial-gradient(circle at 44% 90%,rgba(255,255,255,.14) 0 .38px,transparent .72px);opacity:.44;animation:star-drift 80s linear infinite}.solar-system:after{background:radial-gradient(circle at var(--sun-x) var(--sun-y),rgba(255,219,122,.12),transparent 24%),linear-gradient(90deg,transparent 46%,rgba(255,225,145,.04) 70%,transparent 100%)}.star-field{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;width:.14rem;height:.14rem;border-radius:50%;background:#fff8e8f2;box-shadow:0 0 6px #fff8e86b,0 0 12px #fff8e81f;animation:star-twinkle 4.8s ease-in-out infinite}.star:before,.star:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:999px;opacity:.85}.star:before{width:.55rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,248,232,.85),transparent)}.star:after{width:1px;height:.55rem;background:linear-gradient(180deg,transparent,rgba(255,248,232,.75),transparent)}.star-one{top:12%;left:14%;animation-delay:-.8s}.star-two{top:20%;left:31%;width:.11rem;height:.11rem;animation-delay:-2.4s}.star-three{top:15%;left:63%;animation-delay:-1.7s}.star-four{top:28%;left:82%;width:.1rem;height:.1rem;animation-delay:-3.2s}.star-five{top:46%;left:18%;animation-delay:-2.1s}.star-six{top:58%;left:39%;width:.12rem;height:.12rem;animation-delay:-4.1s}.star-seven{top:62%;left:77%;animation-delay:-1.1s}.star-eight{top:74%;left:11%;width:.09rem;height:.09rem;animation-delay:-3.7s}.star-nine{top:82%;left:56%;animation-delay:-2.8s}.star-ten{top:88%;left:86%;width:.1rem;height:.1rem;animation-delay:-4.6s}.sun-scene{position:absolute;top:var(--sun-y);left:var(--sun-x);width:min(78vw,56rem);aspect-ratio:1;transform:translate(-50%,-50%);transform-style:preserve-3d}.sun-core,.sun-halo,.sun-aura,.sun-flare,.orbit,.planet{position:absolute;border-radius:50%}.sun-core{top:38%;right:38%;bottom:38%;left:38%;overflow:hidden;background:radial-gradient(circle at 34% 32%,rgba(255,249,221,.34),transparent 22%),radial-gradient(circle at 50% 50%,#ffcb4b14,#ffba2c2e 72%,#ffba2c00),url(/solar/sun.jpg);background-position:center;background-repeat:no-repeat;background-size:138%;filter:brightness(1.12) saturate(1.12) contrast(1.06);box-shadow:0 0 80px #ffcb4b73,0 0 150px #ffcb4b38;animation:sun-pulse 8s ease-in-out infinite}.sun-core:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 66%,rgba(255,221,127,.08) 78%,rgba(255,221,127,0) 100%),radial-gradient(circle at 24% 24%,rgba(255,255,255,.16),transparent 20%)}.sun-core:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffbf3814,#ffbf3808 58%,#ffbf3800 76%);mix-blend-mode:screen}.sun-halo{top:20%;right:20%;bottom:20%;left:20%;background:radial-gradient(circle,rgba(255,211,94,.32),rgba(255,211,94,.08) 42%,transparent 72%);filter:blur(20px);opacity:.9}.sun-aura{top:6%;right:6%;bottom:6%;left:6%;background:radial-gradient(circle,rgba(255,214,102,.08),transparent 66%);filter:blur(12px);opacity:.9}.sun-flare{top:24%;right:24%;bottom:24%;left:24%;border-radius:45% 55% 58% 42%;border:1px solid rgba(255,236,192,.08);filter:blur(2px)}.sun-flare-one{transform:rotate(18deg) scale(1.08);animation:flare-spin 28s linear infinite}.sun-flare-two{transform:rotate(-24deg) scale(1.2);opacity:.55;animation:flare-spin-reverse 36s linear infinite}.orbit{top:50%;left:50%;transform-style:preserve-3d;border:1px solid var(--sun-line);box-shadow:inset 0 0 30px #ffffff05;opacity:.55}.orbit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%,rgba(255,255,255,.02) 70%,transparent 100%)}.orbit-one{--orbit-rotation: -14deg;width:42%;height:28%;margin-left:-21%;margin-top:-14%;animation:orbit-spin 24s linear infinite}.orbit-two{--orbit-rotation: 8deg;width:62%;height:40%;margin-left:-31%;margin-top:-20%;animation:orbit-spin 34s linear infinite reverse}.orbit-three{--orbit-rotation: -10deg;width:82%;height:54%;margin-left:-41%;margin-top:-27%;animation:orbit-spin 46s linear infinite}.orbit-four{--orbit-rotation: 12deg;width:106%;height:72%;margin-left:-53%;margin-top:-36%;animation:orbit-spin 60s linear infinite reverse}.planet-system{inset:auto;top:50%;left:100%;position:absolute;width:0;height:0;transform:translate(-50%,-50%)}.planet{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);background-position:center;background-repeat:no-repeat;box-shadow:inset -8px -8px 14px #00000024,inset 8px 10px 16px #ffffff2e,0 0 22px #ffecbe1a}.planet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.24),transparent 20%),radial-gradient(circle at 68% 74%,rgba(0,0,0,.1),transparent 42%);pointer-events:none}.planet-one{width:.9rem;height:.9rem;background-image:url(/solar/mercury.jpg);background-size:132%;filter:saturate(1) contrast(1.08) brightness(1.14)}.planet-two{width:1.15rem;height:1.15rem;background-image:url(/solar/mars.jpg);background-size:122%;filter:saturate(1.1) contrast(1.08) brightness(1.12)}.planet-three{width:1.5rem;height:1.5rem;background-image:url(/solar/earth.jpg);background-size:118%;filter:saturate(1.14) contrast(1.06) brightness(1.14)}.planet-four{width:2rem;height:2rem;background-image:url(/solar/saturn.jpg);background-size:128%;filter:saturate(1.08) contrast(1.06) brightness(1.16)}.planet-four:after{content:"";position:absolute;top:-20%;right:-34%;bottom:-20%;left:-34%;border-radius:50%;border:1px solid rgba(255,235,190,.3);transform:rotate(22deg);opacity:.75}.moon-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(255,245,220,.08);border-radius:50%;transform-origin:center;animation:moon-spin linear infinite}.moon{position:absolute;top:50%;left:100%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.32),transparent 30%),radial-gradient(circle at 40% 40%,#e7dfcf,#b8b0a3 55%,#6e675f);box-shadow:inset -2px -2px 4px #00000024,0 0 6px #fff4d61f}.moon-orbit-mars{width:1rem;height:1rem;margin-left:-.5rem;margin-top:-.5rem;animation-duration:6s}.moon-mars{width:.08rem;height:.08rem;opacity:.85}.moon-orbit-earth{width:2.1rem;height:2.1rem;margin-left:-1.05rem;margin-top:-1.05rem;animation-duration:9s}.moon-earth{width:.18rem;height:.18rem}.moon-orbit-saturn-a{width:3rem;height:3rem;margin-left:-1.5rem;margin-top:-1.5rem;animation-duration:11s}.moon-orbit-saturn-b{width:4rem;height:4rem;margin-left:-2rem;margin-top:-2rem;animation-duration:16s;animation-direction:reverse}.moon-saturn-a{width:.14rem;height:.14rem;opacity:.9}.moon-saturn-b{width:.11rem;height:.11rem;opacity:.72}@keyframes orbit-spin{0%{transform:rotate(var(--orbit-rotation)) rotate(0)}to{transform:rotate(var(--orbit-rotation)) rotate(360deg)}}@keyframes sun-pulse{0%,to{transform:scale(1);box-shadow:0 0 80px #ffcb4b73,0 0 150px #ffcb4b38}50%{transform:scale(1.04);box-shadow:0 0 100px #ffcb4b8a,0 0 180px #ffcb4b47}}@keyframes flare-spin{0%{transform:rotate(18deg) scale(1.08)}to{transform:rotate(378deg) scale(1.08)}}@keyframes flare-spin-reverse{0%{transform:rotate(-24deg) scale(1.2)}to{transform:rotate(-384deg) scale(1.2)}}@keyframes moon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-1.5%,1%,0)}}@keyframes star-twinkle{0%,to{opacity:.42;transform:scale(.9);box-shadow:0 0 5px #fff8e84d,0 0 10px #fff8e81a}45%{opacity:1;transform:scale(1.15);box-shadow:0 0 9px #fff8e88c,0 0 18px #fff8e82e}60%{opacity:.7;transform:scale(1)}}.topbar,.page-frame{position:relative;z-index:1;text-shadow:0 0 24px rgba(255,223,151,.06)}.topbar{display:flex;align-items:center;justify-content:flex-start;max-width:1180px;margin:0 auto 48px;padding:0;filter:drop-shadow(0 0 24px rgba(255,214,102,.06))}.nav{display:flex;flex-wrap:wrap;gap:10px}.nav-link{padding:8px 0;border-radius:999px;color:var(--muted);transition:color .18s ease,transform .18s ease}.nav-link:hover,.nav-link-active{color:var(--text);transform:translateY(-1px)}.page-frame{max-width:1180px;margin:0 auto}.page{display:grid;gap:64px}.hero{display:grid;gap:20px;max-width:1120px;padding-top:32px}.hero-fullscreen{align-items:center;min-height:calc(100vh - 128px);padding-top:0}.hero-compact{max-width:760px}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}h1,h2{margin:0;font-family:var(--heading-font);font-weight:700;line-height:.95}h1{font-size:clamp(2.8rem,6vw,5.9rem);max-width:16ch;letter-spacing:-.04em;line-height:1.04}.hero-title{width:fit-content;color:transparent;background-image:linear-gradient(120deg,#f4f0e8,#f4f0e8 36%,#ffe082 50%,#fff8e8 58%,#f4f0e8 72%,#f4f0e8);background-size:220% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(255,224,145,.08));transition:background-position .42s ease,text-shadow .42s ease}.hero-title:hover{background-position:0% 50%;text-shadow:0 0 24px rgba(244,211,94,.12)}h2{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}p{margin:0;color:var(--muted);line-height:1.75}.lead{max-width:44rem;font-size:1.08rem}.button-row,.tag-row,.project-meta{display:flex;flex-wrap:wrap;gap:14px}.button-row{margin-top:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;font-weight:800;letter-spacing:.02em;transition:transform .18s ease,background-color .18s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--button-text);background:linear-gradient(135deg,var(--accent-strong),var(--accent));box-shadow:0 0 22px #ffd66629,0 10px 24px #ffc23d1f}.button-secondary{color:var(--text);background:#ffffff0f;box-shadow:inset 0 0 0 1px #fff0cb0d}.section{display:grid;gap:16px}.section-split{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:start}.section-copy{display:grid;gap:18px;max-width:48rem}.tag{padding:10px 14px;border-radius:999px;color:var(--text);background:#ffffff0d;box-shadow:inset 0 0 0 1px #fff0cb0a}.project-list{display:grid;gap:40px}.project-item{display:grid;gap:14px;max-width:54rem}.project-note{color:var(--accent);font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}.project-meta{align-items:baseline;gap:18px}.project-type{display:inline-flex;align-items:center;width:fit-content;color:var(--accent);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.project-item h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.04em;text-transform:none}.contact-list{display:grid;gap:20px}.contact-list span{display:block;margin-bottom:6px;color:var(--text);font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){.hero-title{transition:none}.sun-core,.sun-flare,.orbit,.solar-system:before,.star,.moon-orbit{animation:none}}@media (max-width: 900px){:root{--sun-x: 78%;--sun-y: 10%}.section-split{grid-template-columns:1fr}h1{max-width:none}}@media (max-width: 680px){:root{--sun-x: 82%;--sun-y: 8%}.site-shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.page{gap:48px}.hero{padding-top:12px}.hero-fullscreen{min-height:calc(100vh - 96px);padding-top:0}.sun-scene{width:34rem}}