:root{color-scheme:light;--bg:#f4f7fb;--panel:rgba(255,255,255,.86);--solid:#fff;--muted:#5c687b;--text:#152033;--border:rgba(21,32,51,.13);--blue:#2856a8;--teal:#159886;--soft:#e9f0f8;--shadow:0 22px 60px rgba(36,57,92,.14);--max:1160px}html[data-theme=dark]{color-scheme:dark;--bg:#0f1724;--panel:rgba(24,34,51,.9);--solid:#182233;--muted:#adb8c9;--text:#f2f6fb;--border:rgba(235,242,250,.14);--blue:#82adff;--teal:#55d2c0;--soft:#202c40;--shadow:0 22px 60px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 2%,rgba(40,86,168,.14),transparent 30rem),radial-gradient(circle at 90% 20%,rgba(21,152,134,.12),transparent 25rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;padding:.65rem .9rem;background:var(--text);color:var(--bg);border-radius:.6rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:1rem;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(calc(100% - 2rem),var(--max));margin:1rem auto 0;padding:.8rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--panel);box-shadow:0 12px 32px rgba(36,57,92,.1);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.75rem;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:.8rem}.site-header nav{display:flex;justify-content:flex-end;gap:1.15rem}.site-header nav a{color:var(--muted);font-size:.92rem;font-weight:700;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--blue)}.theme-toggle{width:2.4rem;height:2.4rem;border:1px solid var(--border);border-radius:.75rem;background:var(--solid);color:var(--text);cursor:pointer}main,footer{width:min(calc(100% - 2rem),var(--max));margin:auto}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,7vw,6rem);min-height:calc(100vh - 6rem);padding:clamp(4rem,10vw,8rem) 0}.eyebrow{margin:0 0 .75rem;color:var(--blue);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{margin-top:0;line-height:1.12;text-wrap:pretty}h1{max-width:12ch;margin-bottom:1.25rem;font-size:clamp(3rem,8vw,6.4rem);letter-spacing:-.055em}h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}h3{margin-bottom:.7rem}.hero-summary,.section-heading>p:last-child,.mode-card p,.project-card p,.timeline-body p,.education-card p,.contact-card p{color:var(--muted)}.hero-summary{max-width:67ch;margin:0 0 1.7rem;font-size:clamp(1.04rem,1.5vw,1.22rem)}.hero-actions,.contact-actions,.signal-list,.tag-row{display:flex;flex-wrap:wrap;gap:.65rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.72rem 1.05rem;border-radius:.82rem;font-weight:800;text-decoration:none;transition:transform .16s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--blue),#173f84);color:#fff;box-shadow:0 10px 24px rgba(40,86,168,.24)}.button.secondary{border:1px solid var(--border);background:var(--panel)}.signal-list{margin:1.4rem 0 0;padding:0;list-style:none}.signal-list li,.tag-row span,.project-status{padding:.4rem .68rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.8rem;font-weight:700}.hero-visual{display:grid;justify-items:center;gap:1rem}.orbit-shell{position:relative;width:min(70vw,350px);aspect-ratio:1;border:1px solid var(--border);border-radius:50%;background:radial-gradient(circle,var(--soft),transparent 58%),var(--panel);box-shadow:var(--shadow);overflow:hidden}.orbit,.node,.core-mark{position:absolute;border-radius:50%}.orbit{inset:50%;border:1px solid var(--border);transform:translate(-50%,-50%)}.orbit-one{width:42%;height:42%}.orbit-two{width:68%;height:68%;animation:spin 16s linear infinite}.orbit-three{width:88%;height:88%;animation:reverse-spin 22s linear infinite}.core-mark{left:50%;top:50%;display:grid;place-items:center;width:28%;aspect-ratio:1;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:2rem;font-weight:850;transform:translate(-50%,-50%)}.node{width:1rem;height:1rem;background:var(--teal);box-shadow:0 0 0 .45rem rgba(21,152,134,.14);animation:pulse 2.6s ease-in-out infinite}.node-a{left:45%;top:17%}.node-b{right:18%;bottom:28%;animation-delay:.8s}.node-c{left:17%;bottom:31%;animation-delay:1.5s}.visual-caption{margin:0;color:var(--muted);font-size:.85rem;font-weight:750}.section{padding:clamp(4.5rem,9vw,8rem) 0}.section-heading{max-width:760px;margin-bottom:2rem}.mode-grid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mode-card,.project-card,.education-card,.contact-card,.timeline-item{border:1px solid var(--border);background:var(--panel);box-shadow:0 12px 30px rgba(36,57,92,.1);backdrop-filter:blur(14px)}.mode-card,.project-card{padding:1.2rem;border-radius:1.5rem}.mode-visual{position:relative;height:11rem;margin-bottom:1.2rem;border:1px solid var(--border);border-radius:1.15rem;background:linear-gradient(135deg,var(--soft),var(--solid));overflow:hidden}.inspection-frame{position:absolute;inset:21% 13%;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.inspection-frame span{border:1px solid var(--border);border-radius:.65rem;background:var(--solid)}.inspection-frame span:nth-child(2){border-color:var(--teal)}.scan-line{position:absolute;left:-5%;top:0;width:110%;height:2px;background:var(--teal);box-shadow:0 0 .8rem var(--teal);animation:scan 3s ease-in-out infinite}.code-visual{display:grid;align-content:center;gap:.85rem;padding:2rem}.code-row{display:grid;grid-template-columns:20% 50% 20%;gap:.55rem}.code-row.short{grid-template-columns:34% 52%}.code-row span{height:.7rem;border-radius:999px;background:var(--blue);opacity:.3}.code-row span:nth-child(2){background:var(--teal);opacity:.55}.code-pulse{width:.85rem;height:.85rem;border-radius:50%;background:var(--teal);animation:travel 3.3s ease-in-out infinite}.assembly-visual{display:grid;place-items:center}.part,.assembly-target{position:absolute;border:2px solid var(--blue);background:var(--solid)}.part-one{left:17%;width:2.6rem;height:2.6rem;border-radius:.55rem;animation:part-one 4s ease-in-out infinite}.part-two{right:18%;width:3.1rem;height:1.4rem;border-radius:999px;animation:part-two 4s ease-in-out infinite}.part-three{bottom:17%;width:1.35rem;height:2.9rem;border-color:var(--teal);border-radius:.4rem;animation:part-three 4s ease-in-out infinite}.assembly-target{width:5.5rem;height:5.5rem;border-style:dashed;border-color:var(--border);border-radius:1.15rem}.route-visual{display:grid;place-items:center}.route-line{width:70%;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--teal))}.route-dot{position:absolute;top:50%;width:1.15rem;height:1.15rem;border:3px solid var(--blue);border-radius:50%;background:var(--solid);transform:translateY(-50%)}.dot-one{left:15%}.dot-two{left:calc(50% - .58rem);border-color:var(--teal);animation:pulse 2.3s infinite}.dot-three{right:15%}.timeline{display:grid;gap:.85rem}.timeline-item{border-radius:1.1rem;overflow:hidden}.timeline-item summary{display:grid;grid-template-columns:minmax(8.5rem,.28fr) 1fr auto;align-items:center;gap:1rem;min-height:5rem;padding:1.1rem 1.25rem;cursor:pointer;list-style:none}.timeline-item summary::-webkit-details-marker{display:none}.timeline-item summary:after{content:"+";display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--soft);color:var(--blue);font-weight:850}.timeline-item[open] summary:after{content:"–"}.timeline-year{color:var(--blue);font-size:.84rem;font-weight:850}.timeline-title{font-weight:800}.timeline-body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border)}.timeline-body p{max-width:78ch}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{min-height:14rem}.project-status{display:inline-block;margin-bottom:1rem;color:var(--blue)}.education-card,.contact-card{padding:clamp(1.5rem,4vw,3rem);border-radius:1.7rem}.education-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.education-symbol{display:grid;place-items:center;width:clamp(6rem,15vw,9.5rem);aspect-ratio:1;border-radius:1.8rem;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:2.5rem;font-weight:850;box-shadow:var(--shadow)}.contact-card{text-align:center}.contact-card h2{max-width:20ch;margin-inline:auto}.contact-card>p:not(.eyebrow):not(.privacy-note){max-width:62ch;margin-inline:auto}.contact-actions{justify-content:center;margin-top:1.4rem}.privacy-note{margin:1.4rem auto 0;font-size:.82rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0 3rem;border-top:1px solid var(--border);color:var(--muted);font-size:.86rem}footer p{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes reverse-spin{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes pulse{50%{transform:scale(1.18);opacity:1}}@keyframes scan{50%{top:calc(100% - 2px)}}@keyframes travel{50%{transform:translateX(8rem)}}@keyframes part-one{45%,75%{transform:translateX(4rem) rotate(45deg)}}@keyframes part-two{45%,75%{transform:translateX(-4rem)}}@keyframes part-three{45%,75%{transform:translateY(-3.2rem)}}@media(max-width:880px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:5rem}.mode-grid,.project-grid{grid-template-columns:1fr}}@media(max-width:620px){.site-header{width:calc(100% - 1rem);top:.5rem}.brand>span:last-child{display:none}main,footer{width:calc(100% - 1.25rem)}h1{font-size:clamp(2.7rem,16vw,4.5rem)}.hero-actions,.contact-actions{flex-direction:column}.button{width:100%}.timeline-item summary{grid-template-columns:1fr auto}.timeline-year,.timeline-title{grid-column:1}.timeline-item summary:after{grid-column:2;grid-row:1/span 2}.education-card{grid-template-columns:1fr}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}