:root{--bg: #0a0c11;--bg-soft: #0f121a;--card: #11141d;--card-hi: #161a25;--white: rgb(233, 235, 240);--muted: rgba(233, 235, 240, .58);--faint: rgba(233, 235, 240, .34);--red: rgb(204, 64, 84);--blue: rgb(108, 130, 182);--blue-soft: rgba(108, 130, 182, .16);--line: rgba(233, 235, 240, .09);--line-2: rgba(233, 235, 240, .16);--header-height: 56px;--maxw: 1080px}*,*:after,*:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:Space Grotesk,system-ui,sans-serif;background-color:var(--bg);color:var(--white);margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.display{font-family:Metamorphous,serif;font-weight:400;letter-spacing:.01em}.mono{font-family:Space Mono,ui-monospace,monospace}#header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,48px);background:#0a0c11b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-family:Space Mono,monospace;font-size:.86rem;letter-spacing:.04em;color:var(--white);text-decoration:none}.brand .dot{color:var(--red)}.nav{display:flex;align-items:center;gap:clamp(4px,2vw,14px)}.link{color:var(--muted);text-decoration:none;font-size:.84rem;letter-spacing:.02em;padding:8px 10px;border-radius:6px;transition:color .22s ease}.link:hover{color:var(--white)}#about{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.4px 1.4px at 18% 24%,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 73% 16%,rgba(255,255,255,.55),transparent),radial-gradient(1.6px 1.6px at 41% 71%,rgba(255,255,255,.6),transparent),radial-gradient(1.1px 1.1px at 86% 64%,rgba(255,255,255,.5),transparent),radial-gradient(1.3px 1.3px at 9% 82%,rgba(255,255,255,.5),transparent),radial-gradient(1.2px 1.2px at 63% 88%,rgba(255,255,255,.45),transparent),radial-gradient(1.5px 1.5px at 92% 30%,rgba(255,255,255,.55),transparent),radial-gradient(1.1px 1.1px at 30% 12%,rgba(255,255,255,.45),transparent);opacity:.5;pointer-events:none}.hero-orbit{position:relative;width:min(86vw,78vh,640px);height:min(86vw,78vh,640px);display:flex;align-items:center;justify-content:center}.orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid var(--line);animation:spin linear infinite;pointer-events:none}.orbit-1{width:50%;height:50%;margin:-25% 0 0 -25%;animation-duration:16s}.orbit-2{width:74%;height:74%;margin:-37% 0 0 -37%;animation-duration:26s;animation-direction:reverse;border-color:var(--line-2)}.orbit-3{width:100%;height:100%;margin:-50% 0 0 -50%;animation-duration:40s;border-style:dashed}@keyframes spin{to{transform:rotate(360deg)}}.satellite{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--white)}.orbit-1 .satellite{background:var(--red);width:14px;height:14px;margin-left:-7px;top:-7px}.orbit-2 .satellite{background:var(--blue)}.orbit-3 .satellite{width:8px;height:8px;margin-left:-4px;top:-4px;background:var(--faint)}.hero-content{position:relative;z-index:2;text-align:center}.about-title{margin:0;font-size:clamp(2.4rem,8.5vw,4.6rem);line-height:1;letter-spacing:.01em}.about-subtitle{margin:16px 0 0;font-family:Space Mono,monospace;font-size:clamp(.74rem,1.6vw,.94rem);letter-spacing:.16em;text-transform:lowercase;color:var(--red)}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:3;font-family:Space Mono,monospace;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-hint span:last-child{font-size:.9rem}#projects{padding:clamp(72px,12vw,140px) clamp(18px,6vw,64px);background:var(--bg-soft);border-top:1px solid var(--line)}.section-head{max-width:var(--maxw);margin:0 auto clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:10px}.section-kicker{font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--red)}.section-title{margin:0;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.1}.projects-container{display:grid;gap:clamp(16px,2vw,22px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:var(--maxw);margin:0 auto}.project-card{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;transition:border-color .25s ease,background .25s ease}.project-card:hover{border-color:var(--line-2);background:var(--card-hi)}.project-card.is-inert{opacity:.42}.project-card.is-inert:hover{border-color:var(--line);background:var(--card)}.project-link{text-decoration:none;color:var(--white);display:flex;flex-direction:column;gap:16px;padding:22px;min-height:168px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-index{font-size:.78rem;letter-spacing:.08em;color:var(--faint)}.card-cat{font-family:Space Mono,monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);padding:4px 10px;border:1px solid rgba(108,130,182,.38);border-radius:999px;background:var(--blue-soft)}.card-body{display:flex;flex-direction:column;gap:8px;flex:1}.card-title{margin:0;font-size:1.18rem;line-height:1.2}.card-desc{margin:0;font-size:.9rem;color:var(--muted);text-wrap:pretty}#contact{padding:clamp(80px,14vw,160px) clamp(18px,6vw,64px);background:var(--bg);border-top:1px solid var(--line);text-align:center}.contact-content{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.contact-title{margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1.05}.contact-subtitle{margin:16px 0 40px;font-family:Space Mono,monospace;font-size:.84rem;letter-spacing:.06em;text-transform:lowercase;color:var(--muted)}.contact-container{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.contact-link{flex:1 1 160px;max-width:220px;text-decoration:none;color:var(--white);padding:20px 24px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:.96rem;transition:border-color .25s ease,background .25s ease}.contact-link:hover{border-color:var(--red);background:var(--card-hi)}#footer{background:var(--bg);border-top:1px solid var(--line);text-align:center;padding:28px 18px}#footer p{margin:0;font-family:Space Mono,monospace;font-size:.74rem;letter-spacing:.06em;color:var(--faint)}.detail-main{max-width:var(--maxw);margin:0 auto;padding:calc(var(--header-height) + 56px) clamp(18px,6vw,64px) 96px}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);text-decoration:none;transition:color .22s ease}.back-link:hover{color:var(--white)}.detail-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:32px 0 48px}.detail-title{margin:0;font-size:clamp(1.9rem,5.5vw,3.1rem);line-height:1.05}.detail-tagline{margin:0;max-width:62ch;color:var(--muted);text-wrap:pretty}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.detail-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);background:var(--card);border:1px solid var(--line-2);padding:13px 20px;border-radius:10px;font-size:.92rem;transition:border-color .25s ease,background .25s ease}.detail-btn:hover{border-color:var(--line-2);background:var(--card-hi)}.detail-btn.is-primary{border-color:#cc40548c}.detail-btn.is-primary:hover{border-color:var(--red)}.detail-btn .arr{color:var(--faint)}.detail-section{border-top:1px solid var(--line);margin-top:56px;padding-top:32px}.detail-section-kicker{display:block;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--red);margin-bottom:22px}.detail-body p{margin:0 0 20px;max-width:70ch;line-height:1.75;color:var(--muted);text-wrap:pretty}.detail-body p:last-child{margin-bottom:0}.detail-body code{font-family:Space Mono,ui-monospace,monospace;font-size:.86em;color:var(--white);background:#e9ebf012;border:1px solid var(--line);padding:1px 6px;border-radius:5px}.detail-body a{color:var(--white);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}.detail-gallery{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detail-stack{display:flex;flex-wrap:wrap;gap:8px}.detail-stack .tag{font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.04em;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:16 / 9;border:1px dashed var(--line-2);border-radius:12px;background:var(--card);color:var(--faint);text-align:center}.img-placeholder.is-wide{aspect-ratio:21 / 9}.img-placeholder .ph-icon{font-size:1.6rem}.img-placeholder .ph-text{font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}@media(max-width:540px){.nav{gap:0}.link{padding:8px 7px;font-size:.8rem}.projects-container{grid-template-columns:1fr}.contact-link{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}}