@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0c1220;--panel:#0d1423e0;--card:#0c1322f0;--border:#9aacca24;--border-strong:#c4d2eb3d;--heading:#f7f4ef;--muted:#b7c0d2;--muted-strong:#8f9ab0;--accent-strong:#ffbf6c;--accent-soft:#7bc5ff;--tag-bg:#ffffff0d;--tag-border:#ffffff14;--shadow-soft:0 22px 60px #00000047;--display:"Space Grotesk", sans-serif;--body:"Instrument Sans", sans-serif;--mono:"IBM Plex Mono", monospace;color:var(--muted);background:radial-gradient(circle at top,#ff985129,#0000 24%),radial-gradient(circle at 82% 18%,#5ba8ff1f,#0000 20%),linear-gradient(#0b1020 0%,#0d1422 48%,#09101a 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 88%);mask-image:radial-gradient(circle,#000 42%,#0000 88%)}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}.page-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:32px 0 72px}.detail-shell{width:min(1220px,100% - 40px)}.hero-panel,.summary-band,.capabilities-section,.timeline-section,.projects-section,.skills-section,.education-section,.principles-section,.contact-section{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.hero-panel{background:radial-gradient(circle at top left, #ff95482e, transparent 28%), radial-gradient(circle at bottom right, #4dadff29, transparent 30%), var(--panel);border-radius:32px;grid-template-columns:1.1fr .9fr;gap:24px;padding:40px;animation:.7s ease-out both rise-in;display:grid}.locale-switch{z-index:3;gap:8px;display:inline-flex;position:absolute;top:20px;right:20px}.locale-button{border:1px solid var(--border-strong);min-height:38px;color:var(--heading);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:0 14px;transition:transform .18s,background .18s}.locale-button.is-active{color:#18110d;background:linear-gradient(135deg,#ffc46e,#ff9459)}.hero-copy,.hero-card,.summary-band,.capability-card,.timeline-card,.education-card,.skills-card,.project-card,.principles-list article,.contact-section{animation:.7s ease-out both rise-in}.hero-card{background:linear-gradient(#081022f5,#0e1c2feb);border:1px solid #ffffff14;border-radius:26px;padding:22px}.portrait-shell{border-bottom:1px solid #ffffff14;grid-template-columns:112px 1fr;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:grid}.portrait-ring{background:linear-gradient(135deg,#ffc46e47,#7bc5ff3d);border:1px solid #ffffff1f;border-radius:28px;place-items:center;width:112px;height:112px;display:grid}.portrait-image{object-fit:cover;object-position:center 18%;border-radius:24px;width:88px;height:88px;box-shadow:0 18px 38px #00000047}.portrait-copy strong{color:var(--heading);margin-bottom:8px;font-size:1rem;display:block}.portrait-copy p{color:#e8ecf3cc;margin:0;line-height:1.55}.hero-card-top,.project-meta,.summary-label,.timeline-period{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em}.hero-card-top{color:var(--muted-strong);justify-content:space-between;margin-bottom:18px;font-size:.74rem;display:flex}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.signal-grid article{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;min-height:124px;padding:16px}.signal-grid strong{color:#fff5eb;margin-bottom:10px;font-size:1rem;display:inline-block}.signal-grid p{color:#e8ecf3cc}.eyebrow{color:var(--accent-strong);letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem}.hero-panel h1,.section-heading h2,.contact-section h2{color:var(--heading);font-family:var(--display);letter-spacing:-.04em;margin:0;font-weight:700}.hero-panel h1{max-width:12ch;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.96}.hero-panel h1 span{color:var(--accent-soft)}.hero-text{max-width:62ch;color:var(--muted);margin:24px 0 0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-link,.secondary-link,.contact-links a{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary-link{color:#18110d;background:linear-gradient(135deg,#ffc46e,#ff9459);font-weight:700}.secondary-link,.contact-links a{color:var(--heading);border:1px solid var(--border-strong);background:#ffffff0a}.action-button{cursor:pointer}.primary-link:hover,.secondary-link:hover,.contact-links a:hover,.locale-button:hover{transform:translateY(-2px)}.summary-band{border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;display:grid}.summary-band>div{padding:24px 26px}.summary-band>div+div{border-left:1px solid var(--border)}.summary-band p{color:var(--heading);margin-top:10px;font-size:1rem}.summary-label{color:var(--muted-strong);font-size:.72rem}.capabilities-section,.timeline-section,.projects-section,.skills-section,.education-section,.principles-section,.contact-section{border-radius:28px;margin-top:22px;padding:32px}.section-heading{gap:10px;margin-bottom:24px;display:grid}.section-heading h2,.contact-section h2{max-width:16ch;font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.02}.section-heading.compact h2{max-width:19ch}.capability-grid,.timeline-grid,.education-grid,.skills-grid,.project-grid{gap:16px;display:grid}.capability-grid,.timeline-grid,.education-grid,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card,.timeline-card,.education-card,.skills-card,.project-card,.principles-list article{border:1px solid var(--border);background:var(--card);border-radius:24px}.capability-card,.timeline-card,.education-card,.skills-card,.project-card{padding:22px}.project-card-button,.related-project-card{text-align:left;cursor:pointer;width:100%}.project-card-button{color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}.project-card-button:hover,.project-card-button:focus-visible,.related-project-card:hover,.related-project-card:focus-visible{border-color:#ffc46e5c;transform:translateY(-4px);box-shadow:0 22px 48px #00000038}.capability-card h3,.timeline-card h3,.education-card h3,.skills-card h3,.project-card h3{color:var(--heading);font-family:var(--display);margin:0 0 14px;font-size:1.4rem}.capability-card ul{margin:0;padding:0;list-style:none}.capability-card li{color:var(--muted);padding-left:18px;position:relative}.capability-card li+li{margin-top:10px}.capability-card li:before{content:"";background:linear-gradient(135deg,#ffc36d,#ff9151);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:0}.timeline-period{color:var(--accent-strong);margin-bottom:12px;font-size:.72rem;display:inline-flex}.timeline-company{color:var(--heading);margin:-4px 0 12px;font-size:.98rem}.timeline-summary{color:var(--muted);font-size:.98rem;line-height:1.62}.project-visual{border:1px solid #ffffff1a;border-radius:20px;min-height:140px;margin-bottom:18px;padding:18px;position:relative;overflow:hidden}.project-visual.has-image:before,.detail-media-item:before{content:"";z-index:0;background:linear-gradient(#070b140a,#070b147a);position:absolute;inset:0}.project-visual:after{content:"";background:#ffffff1f;border-radius:28px;width:110px;height:110px;position:absolute;inset:auto -24px -28px auto;transform:rotate(18deg)}.project-visual strong,.project-visual p,.project-visual-code{z-index:1;position:relative}.project-visual-image,.detail-media-image{z-index:0;width:100%;height:100%;position:absolute;inset:0}.project-visual-image{object-fit:cover}.project-visual-image.is-contain,.detail-media-image.is-contain{object-fit:contain;padding:20px}.project-visual strong{color:#fdf8f2;font-family:var(--display);margin-top:26px;font-size:1.5rem;display:block}.project-visual p{color:#f5f6fadb;margin:8px 0 0}.project-visual-code{color:#fff;min-height:30px;font-family:var(--mono);letter-spacing:.14em;background:#ffffff1f;border-radius:999px;align-items:center;padding:0 10px;font-size:.72rem;display:inline-flex}.accent-amber{background:linear-gradient(135deg,#ffa34df2,#613112e0)}.accent-blue{background:linear-gradient(135deg,#4db0fff2,#122e4fe0)}.accent-mint{background:linear-gradient(135deg,#5dddc2f2,#14454ce0)}.accent-rose{background:linear-gradient(135deg,#ff6f91f2,#61192fe6)}.accent-violet{background:linear-gradient(135deg,#9876fff2,#2a1a58e6)}.accent-slate{background:linear-gradient(135deg,#8497b5f2,#1c283ae6)}.project-meta{color:var(--muted-strong);justify-content:space-between;gap:16px;font-size:.68rem;display:flex}.project-summary,.project-impact,.principles-list p,.capability-card li,.contact-links a{font-size:.98rem;line-height:1.62}.project-summary{color:var(--heading)}.project-impact{color:var(--muted);margin-top:12px}.project-cta{color:var(--accent-soft);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-top:18px;font-size:.72rem;display:inline-flex}.tag-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tag-row span{background:var(--tag-bg);border:1px solid var(--tag-border);min-height:34px;color:var(--heading);border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;display:inline-flex}.principles-list{gap:14px;display:grid}.principles-list article{grid-template-columns:74px 1fr;gap:18px;padding:20px 22px;display:grid}.principles-list span{color:var(--accent-soft);font-family:var(--display);font-size:1.8rem;font-weight:700}.principles-list p{color:var(--heading);margin:0}.contact-section{grid-template-columns:1.1fr .9fr;align-items:end;gap:18px;display:grid}.contact-links{gap:12px;display:grid}.project-detail-panel,.detail-summary-card,.detail-media-card,.detail-stack-card,.detail-related-card,.detail-block{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft);animation:.7s ease-out both rise-in;position:relative;overflow:hidden}.project-detail-panel{background:radial-gradient(circle at top left, #ff954824, transparent 24%), radial-gradient(circle at 90% 15%, #4dadff29, transparent 22%), var(--panel);border-radius:32px;padding:28px}.detail-actions,.detail-hero,.detail-meta-grid,.detail-metrics-grid,.detail-content-grid,.related-projects-grid{gap:16px;display:grid}.detail-actions{grid-template-columns:repeat(2,max-content);justify-content:space-between;margin-top:54px}.detail-hero{grid-template-columns:1.05fr .95fr;align-items:stretch;margin-top:22px}.detail-copy{align-content:start;gap:18px;display:grid}.detail-copy h1{color:var(--heading);font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.96}.detail-meta-grid,.detail-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-meta-grid article,.detail-metrics-grid article,.related-project-card{border:1px solid var(--border);background:var(--card);border-radius:22px}.detail-meta-grid article,.detail-metrics-grid article{padding:18px}.detail-meta-grid span,.detail-metrics-grid span,.related-project-card span{color:var(--muted-strong);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem;display:block}.detail-meta-grid strong,.detail-metrics-grid strong,.related-project-card strong{color:var(--heading);font-size:1rem;line-height:1.5}.detail-visual{min-height:100%;margin-bottom:0;padding:24px}.detail-visual strong{font-size:clamp(2rem,4vw,3.2rem)}.detail-summary-card,.detail-media-card,.detail-stack-card,.detail-related-card{border-radius:28px;margin-top:22px;padding:28px}.detail-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-media-item{border:1px solid var(--border);background:radial-gradient(circle at 0 0,#ffc67e1f,#0000 32%),linear-gradient(#152035e6,#0a0f19fa);border-radius:24px;min-height:280px;margin:0;position:relative;overflow:hidden}.detail-media-image{object-fit:cover}.detail-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.detail-block{border-radius:28px;padding:24px}.detail-block h3{color:var(--heading);font-family:var(--display);margin:0 0 16px;font-size:1.5rem}.detail-block ul{margin:0;padding:0;list-style:none}.detail-block li{color:var(--muted);padding-left:18px;font-size:.98rem;line-height:1.7;position:relative}.detail-block li+li{margin-top:12px}.detail-block li:before{content:"";background:linear-gradient(135deg,#ffc36d,#7bc5ff);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:0}.related-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-project-card{color:inherit;padding:20px}.related-project-card p{color:var(--muted);margin:12px 0 0;font-size:.96rem;line-height:1.62}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.page-shell{width:min(100% - 24px,1180px);padding:14px 0 40px}.hero-panel,.contact-section,.capability-grid,.timeline-grid,.education-grid,.skills-grid,.project-grid,.summary-band,.detail-hero,.detail-meta-grid,.detail-metrics-grid,.detail-content-grid,.related-projects-grid,.detail-media-grid{grid-template-columns:1fr}.hero-panel,.capabilities-section,.timeline-section,.projects-section,.skills-section,.education-section,.principles-section,.contact-section,.project-detail-panel,.detail-summary-card,.detail-media-card,.detail-stack-card,.detail-related-card,.detail-block{padding:24px}.detail-actions{grid-template-columns:1fr;margin-top:58px}.summary-band>div+div{border-left:0;border-top:1px solid var(--border)}.signal-grid{grid-template-columns:1fr}.project-meta{flex-direction:column}.portrait-shell{grid-template-columns:88px 1fr;gap:14px}.portrait-ring{border-radius:22px;width:88px;height:88px}.portrait-image{border-radius:18px;width:68px;height:68px}}@media (width<=640px){.hero-panel{border-radius:24px;padding:64px 20px 20px}.locale-switch{top:16px;right:16px}.summary-band,.capabilities-section,.timeline-section,.projects-section,.skills-section,.education-section,.principles-section,.contact-section,.project-detail-panel,.detail-summary-card,.detail-media-card,.detail-stack-card,.detail-related-card,.detail-block{border-radius:22px;padding:20px}.hero-panel h1{max-width:100%;font-size:2.9rem}.section-heading h2,.contact-section h2{max-width:100%;font-size:2rem}.detail-copy h1{font-size:2.5rem}.detail-media-item{min-height:220px}.principles-list article{grid-template-columns:1fr;gap:8px}.portrait-shell{grid-template-columns:1fr}}