:root{--bg: #121920;--bg-soft: #1a242d;--surface: #1d2933;--surface-strong: #253441;--text: #e6edf4;--text-muted: #a9b9c8;--line: #334655;--line-strong: #456177;--accent: #4d8fb1;--accent-strong: #67accf;--focus: #9bd2ef;--shadow: 0 12px 36px rgba(7, 12, 16, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Manrope,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(720px 360px at 86% -8%,rgba(88,150,181,.22),transparent 72%),radial-gradient(900px 480px at -18% 12%,rgba(104,142,114,.17),transparent 72%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);line-height:1.58;overflow-x:hidden}body[data-theme=light]{--bg: #edf3f7;--bg-soft: #dce8ef;--surface: #f7fbff;--surface-strong: #eef5fb;--text: #17232d;--text-muted: #496477;--line: #c2d5e2;--line-strong: #8fb0c6;--accent: #2d6687;--accent-strong: #3f81a8;--focus: #27678b;--shadow: 0 10px 30px rgba(45, 88, 117, .14)}.skip-link{position:fixed;top:-44px;left:16px;z-index:999;color:#fff;background:#22313d;border-radius:10px;padding:8px 12px;text-decoration:none}.skip-link:focus-visible{top:12px}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(173,199,214,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(173,199,214,.06) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at 50% 18%,rgba(0,0,0,.78),transparent 82%);mask-image:radial-gradient(circle at 50% 18%,rgba(0,0,0,.78),transparent 82%)}.top-nav{position:sticky;top:10px;z-index:20;width:min(1160px,calc(100% - 24px));margin:10px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{border:0;background:transparent;color:var(--text);font-size:1rem;font-weight:800;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;padding:6px 2px}.nav-list{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.nav-list button,.toggle-button{border:1px solid transparent;background:transparent;color:var(--text-muted);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .22s ease}.nav-list button.active,.nav-list button:hover,.toggle-button:hover{color:var(--text);background:color-mix(in srgb,var(--surface-strong) 76%,transparent);border-color:var(--line-strong)}.top-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.top-link{text-decoration:none;color:var(--text-muted);border:1px solid transparent;border-radius:10px;padding:8px 10px;font-weight:600;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.top-link:hover{color:var(--text);border-color:var(--line-strong);background:color-mix(in srgb,var(--surface-strong) 76%,transparent)}.page-shell{width:min(1160px,calc(100% - 24px));margin:14px auto 42px}.page{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:var(--shadow);padding:clamp(18px,3vw,34px);opacity:0;transform:translateY(10px) scale(.995);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease}.page[hidden]{display:none}.page.is-active{opacity:1;transform:translateY(0) scale(1)}.page.is-entering{opacity:0;transform:translateY(14px) scale(.992)}.page.is-leaving{opacity:0;transform:translateY(-8px) scale(.998)}.hero{display:grid;gap:20px;grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr);align-items:stretch}.hero-portrait{margin:0;border:1px solid var(--line);border-radius:16px;min-height:340px;overflow:hidden}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover}.hero-content{background:var(--surface-strong);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,26px)}.hero-kicker{margin:0;color:var(--accent-strong);letter-spacing:.06em;font-size:.8rem;text-transform:uppercase;font-weight:700}h1{margin:12px 0 0;font-size:clamp(1.85rem,4.5vw,3.1rem);line-height:1.12;letter-spacing:-.01em}.hero-lead{margin:12px 0 0;color:var(--text-muted);max-width:64ch}.hero-evidence{margin-top:16px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-item{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,transparent);padding:12px}.evidence-value{margin:0;font-size:1.35rem;font-weight:800;color:var(--text)}.evidence-label{margin:4px 0 0;color:var(--text-muted);font-size:.86rem;line-height:1.4}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.primary-button,.secondary-button{border-radius:10px;padding:10px 14px;font-weight:700;border:1px solid var(--line-strong);text-decoration:none;cursor:pointer;transition:transform .22s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.primary-button{background:color-mix(in srgb,var(--accent) 74%,var(--surface-strong));color:#eff7fd}.primary-button:hover{transform:translateY(-1px);border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent-strong) 72%,var(--surface-strong))}.secondary-button{color:var(--text);background:transparent}.secondary-button:hover{transform:translateY(-1px);border-color:var(--accent-strong);background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}.intro-panels{margin-top:20px;display:grid;gap:12px;grid-template-columns:1.25fr 1fr}.panel{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 85%,transparent);padding:16px}.hero-portrait,.panel,.fact-item,.timeline-item,.publication-item,.featured-project,.project-card,.library-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.panel h2{margin:0;font-size:1.06rem}ul{margin:10px 0 0;padding-left:18px}li+li{margin-top:8px}.fact-grid{margin:10px 0 0;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.fact-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.fact-item dt{font-size:.78rem;color:var(--text-muted)}.fact-item dd{margin:4px 0 0;font-weight:700}.edu-tag{color:var(--accent-strong);font-weight:800}.fact-item-wide{grid-column:1 / -1}.section-head{margin-bottom:12px}.section-head p{margin:0;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.section-head h2{margin:6px 0 0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2}.section-head>p:last-child:not(:first-child){margin-top:8px;color:var(--text-muted);letter-spacing:0;text-transform:none;font-size:.96rem;font-weight:500}.timeline-section{margin-top:20px}.timeline-list{display:grid;gap:10px}.timeline-item{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--surface) 84%,transparent);padding:12px}.timeline-date{margin:0;color:var(--text-muted);font-size:.82rem;font-weight:600}.timeline-item h3{margin:6px 0 0;font-size:1rem}.timeline-item p{margin:6px 0 0;color:var(--text-muted)}.publications-section{margin-top:20px}.publication-list{display:grid;gap:10px}.publication-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.publication-item h3{margin:0;font-size:1.02rem}.publication-item p{margin:8px 0 0;color:var(--text-muted)}.featured-project{border:1px solid var(--line);border-radius:14px;padding:16px;background:color-mix(in srgb,var(--surface-strong) 86%,transparent)}.project-proof{margin-top:12px;display:grid;gap:10px}.project-gallery{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-shot{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--surface) 82%,transparent)}.project-shot img{width:100%;aspect-ratio:16 / 10;display:block;object-fit:contain;background:color-mix(in srgb,var(--surface) 86%,transparent);cursor:zoom-in}.project-shot-label{margin:0;padding:8px 10px;border-top:1px solid var(--line);font-size:.8rem;color:var(--text-muted)}.project-fallback{margin:0;padding:14px 12px;color:var(--text-muted);font-size:.86rem;line-height:1.5}.project-links{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.shot-toggle{border-top:0;padding-top:0;margin-top:4px}.shot-toggle summary{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:color-mix(in srgb,var(--surface) 84%,transparent);color:var(--accent-strong);font-weight:700}.shot-toggle summary:hover{border-color:var(--line-strong)}.shot-toggle[open] summary{margin-bottom:10px}.project-link{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-weight:700;background:color-mix(in srgb,var(--surface) 85%,transparent);transition:border-color .18s ease,color .18s ease,transform .18s ease}.project-link:hover{color:var(--accent-strong);border-color:var(--line-strong);transform:translateY(-1px)}.project-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.library-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.project-headline{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}.project-headline h3{margin:0;font-size:1.08rem}.project-duration{margin:0;font-size:.8rem;color:var(--text-muted);font-weight:700}.project-summary{margin:10px 0 0;color:var(--text-muted)}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip-wrap span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 75%,transparent);color:var(--text);padding:4px 10px;font-size:.8rem;font-weight:700}details{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}summary{cursor:pointer;font-weight:700;color:var(--accent-strong)}.library-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.library-card h3{margin:0;font-size:1.02rem}.library-card p{margin:8px 0 0;color:var(--text-muted)}.resource-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.resource-item{display:block;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:color-mix(in srgb,var(--surface-strong) 76%,transparent);color:var(--text);font-weight:700;transition:border-color .18s ease,color .18s ease,transform .2s ease,box-shadow .2s ease}.resource-item:hover{color:var(--accent-strong);border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 8px 16px #0b12172e}.contact-strip{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);padding:16px}.contact-strip p{margin:0;font-weight:700}.contact-links{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.contact-links a{text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.contact-links a:hover{border-color:var(--line-strong);color:var(--accent-strong)}.hero-portrait:hover,.panel:hover,.fact-item:hover,.timeline-item:hover,.publication-item:hover,.featured-project:hover,.project-card:hover,.library-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 10px 26px #0b121747}body[data-theme=light] .hero-portrait:hover,body[data-theme=light] .panel:hover,body[data-theme=light] .fact-item:hover,body[data-theme=light] .timeline-item:hover,body[data-theme=light] .publication-item:hover,body[data-theme=light] .featured-project:hover,body[data-theme=light] .project-card:hover,body[data-theme=light] .library-card:hover{box-shadow:0 10px 26px #30587229}.reveal{opacity:0;transform:translateY(18px);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease}.reveal.visible{opacity:1;transform:none}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#080e14e0;display:grid;place-items:center;gap:10px;padding:24px;opacity:0;transition:opacity .22s ease}.image-lightbox[hidden]{display:none!important}.image-lightbox.is-open{opacity:1}.lightbox-image{max-width:min(1100px,94vw);max-height:78vh;width:auto;height:auto;border-radius:12px;border:1px solid var(--line);background:#fff;object-fit:contain}.lightbox-caption{margin:0;color:#d8e6f1;font-size:.92rem;text-align:center}.lightbox-close{position:absolute;top:18px;right:18px;border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;background:color-mix(in srgb,var(--surface-strong) 84%,transparent);color:var(--text);font-weight:700;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,a,summary{outline:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (max-width: 1040px){.top-nav{grid-template-columns:1fr;gap:10px}.nav-list{justify-content:flex-start}.top-actions{justify-content:flex-start;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-evidence{grid-template-columns:1fr 1fr}.intro-panels{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.project-proof{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr 1fr}}@media (max-width: 740px){.top-nav{position:static}.page-shell{margin-top:12px}.nav-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.hero-evidence,.fact-grid,.project-grid,.library-grid,.project-gallery{grid-template-columns:1fr}.contact-links{flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.reveal,.reveal.visible{opacity:1;transform:none}}