:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#fff;background:#050505;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 8%,#ff6a2a33,#0000 28%),radial-gradient(circle at 85% 12%,#ffbe7814,#0000 24%),linear-gradient(#050505 0%,#080808 48%,#050505 100%);margin:0}a{color:inherit;text-decoration:none}.site{color:#f7f7f7;min-height:100vh}.navbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0;display:flex}.logo{color:#ff8a4c;background:#ffffff0b;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 0 40px #ff6a2a14}.nav-links{color:#b8b8b8;align-items:center;gap:26px;font-size:14px;font-weight:700;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:hover{color:#fff}.nav-links>a:after,.dropdown-trigger:after{content:"";background:#ff8a4c;border-radius:999px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-7px;left:0}.nav-links>a:hover:after,.nav-dropdown:hover .dropdown-trigger:after{width:100%}.nav-dropdown{align-items:center;display:flex;position:relative}.dropdown-trigger{cursor:pointer}.dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:linear-gradient(145deg,#ffffff16,#ffffff09),#111;border:1px solid #ffffff1f;border-radius:18px;min-width:230px;padding:10px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:34px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 26px 80px #00000059}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.dropdown-menu a{color:#d6d6d6;border-radius:12px;padding:11px 12px;font-size:13px;line-height:1.2;display:block}.dropdown-menu a:hover{color:#fff;background:#ffffff12}.eyebrow,.section-label{color:#ff8a4c;text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px;font-size:13px;font-weight:800}.hero{width:min(1180px,100% - 40px);margin:0 auto;padding:76px 0}.hero-content{grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;min-height:590px;display:grid}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(58px,9vw,116px);line-height:.9}.hero-lead{color:#fff;letter-spacing:-.035em;text-align:center;max-width:680px;margin:28px auto 0;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.3}.hero-description{color:#c7c7c7;text-align:center;max-width:680px;margin:22px auto 0;font-size:17px;line-height:1.75}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;max-width:680px;margin:36px auto 0;display:flex}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.primary-button{color:#111;background:#ff6a2a}.secondary-button{color:#fff;background:#ffffff0b;border:1px solid #ffffff2e}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero-visual{place-items:center;min-height:630px;display:grid;position:relative}.portrait-card{aspect-ratio:.72;background:linear-gradient(145deg,#ffffff29,#ffffff08),#ffffff0a;border:1px solid #ffffff29;border-radius:36px;width:min(430px,100%);padding:14px;overflow:hidden;box-shadow:0 40px 100px #00000073,0 0 80px #ff6a2a1a}.portrait-card img{object-fit:cover;filter:grayscale(8%)contrast(1.04);border-radius:26px;width:100%;height:100%;display:block}.education-section{border-top:1px solid #ffffff1a;width:min(1180px,100% - 40px);margin:0 auto;padding:92px 0 108px}.education-header{text-align:center;max-width:820px;margin:0 auto 52px}.education-header .section-label{letter-spacing:.18em;margin-bottom:18px;font-size:18px}.education-header h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,66px);line-height:.95}.education-header p:last-child{color:#c7c7c7;max-width:760px;margin:22px auto 0;font-size:18px;line-height:1.65}.education-timeline{gap:28px;max-width:980px;margin:0 auto;display:grid;position:relative}.education-timeline:before{content:"";background:linear-gradient(#ff6a2acc,#ffffff1a);border-radius:999px;width:2px;position:absolute;top:20px;bottom:20px;left:22px}.education-timeline-item{grid-template-columns:46px 1fr;align-items:start;gap:24px;display:grid;position:relative}.timeline-marker{z-index:2;background:radial-gradient(circle,#ff8a4c 0%,#ff6a2a 34%,#ff6a2a29 36%),#111;border:1px solid #ff8a4c8c;border-radius:50%;width:46px;height:46px;position:relative;box-shadow:0 0 44px #ff6a2a40}.education-timeline-card{background:linear-gradient(145deg,#ffffff14,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:30px;padding:30px;transition:transform .2s,border-color .2s;box-shadow:0 28px 90px #00000047}.education-timeline-card:hover{border-color:#ff6a2a8c;transform:translateY(-3px)}.education-card-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.education-date{color:#ff8a4c;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}.education-timeline-card h3{letter-spacing:-.05em;margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.education-school{color:#d8d8d8;margin:14px 0 0;font-size:17px;line-height:1.55}.education-status{color:#111;background:#ff6a2a;border-radius:999px;flex:none;padding:9px 12px;font-size:12px;font-weight:900}.education-summary{color:#c7c7c7;margin:24px 0 0;font-size:16px;line-height:1.75}.education-details-row{grid-template-columns:.45fr 1fr;gap:12px;margin-top:24px;display:grid}.education-details-row div{background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;padding:17px}.education-details-row span{color:#ff8a4c;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.education-details-row p{color:#fff;margin:0;font-size:15px;font-weight:800;line-height:1.35}.skills-section{border-top:1px solid #ffffff1a;width:min(1180px,100% - 40px);margin:0 auto;padding:74px 0 110px}.skills-header{text-align:center;max-width:820px;margin:0 auto 46px}.skills-header .section-label{letter-spacing:.18em;margin-bottom:18px;font-size:18px}.skills-header p:last-child{color:#d0d0d0;max-width:780px;margin:0 auto;font-size:22px;line-height:1.55}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-card{background:linear-gradient(145deg,#ffffff13,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;min-height:330px;padding:30px;transition:transform .2s,border-color .2s;display:flex}.skill-card:hover{border-color:#ff6a2a8c;transform:translateY(-3px)}.skill-card h3{text-align:center;letter-spacing:-.035em;justify-content:center;align-items:flex-start;min-height:62px;margin:0;font-size:24px;line-height:1.08;display:flex}.skill-card p{color:#bdbdbd;text-align:center;min-height:92px;margin:18px 0 26px;line-height:1.65}.tag-row{flex-wrap:wrap;place-content:flex-start center;gap:10px;margin-top:auto;display:flex}.tag-row span{color:#d8d8d8;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:9px 11px;font-size:12px;font-weight:700}.contact-section{text-align:center;border-top:1px solid #ffffff1a;width:min(1180px,100% - 40px);margin:0 auto;padding:90px 0 130px}.contact-section .section-label{margin-bottom:22px}.contact-section h2{letter-spacing:-.055em;max-width:920px;margin:0 auto;font-size:clamp(34px,5vw,62px);line-height:1}.contact-icons{justify-content:center;align-items:center;gap:24px;margin-top:46px;display:flex}.contact-icon{color:#fff;background:linear-gradient(145deg,#ffffff17,#ffffff09),#111;border:1px solid #ffffff1f;border-radius:28px;place-items:center;width:88px;height:88px;transition:transform .2s,border-color .2s,background .2s,color .2s;display:grid;box-shadow:0 24px 80px #00000047}.contact-icon:hover{color:#ff8a4c;background:linear-gradient(145deg,#ff6a2a33,#ffffff0a),#141414;border-color:#ff6a2aa6;transform:translateY(-4px)}.contact-svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.publications-page{width:min(1180px,100% - 40px);margin:0 auto;padding:86px 0 130px}.publications-header{text-align:center;max-width:880px;margin:0 auto 52px}.publications-header .section-label{letter-spacing:.18em;margin-bottom:20px;font-size:18px}.publications-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(48px,8vw,92px);line-height:.92}.publications-header p:last-child{color:#c7c7c7;max-width:780px;margin:26px auto 0;font-size:18px;line-height:1.7}.publication-list{gap:22px;max-width:980px;margin:0 auto;display:grid}.publication-card{text-align:center;background:linear-gradient(145deg,#ffffff14,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:30px;padding:32px;transition:transform .2s,border-color .2s;box-shadow:0 28px 90px #00000047}.publication-card:hover{border-color:#ff6a2a8c;transform:translateY(-3px)}.publication-card-muted{opacity:.88}.publication-meta{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.publication-meta span{color:#111;background:#ff6a2a;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.publication-card h2{letter-spacing:-.055em;max-width:900px;margin:0 auto;font-size:clamp(28px,4vw,46px);line-height:1}.publication-authors{color:#ff8a4c;margin:20px 0 0;font-weight:800}.publication-description{color:#c7c7c7;max-width:840px;margin:18px auto 0;font-size:16px;line-height:1.75}.publication-tags{justify-content:center;margin-top:24px}.publication-actions{justify-content:center;margin-top:26px;display:flex}.publication-button{color:#111;background:#ff6a2a;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:900;transition:transform .2s,background .2s;display:inline-flex}.publication-button:hover{background:#ff8a4c;transform:translateY(-2px)}.solar-car-landing{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0 56px}.solar-car-intro{text-align:center;max-width:920px;margin:0 auto 46px}.solar-car-intro h1{letter-spacing:-.075em;margin:0;font-size:clamp(48px,8vw,104px);line-height:.92}.solar-car-intro .hero-lead{text-align:center;max-width:820px;margin:30px auto 0;font-size:clamp(22px,2.4vw,34px);font-weight:800;line-height:1.25}.solar-car-intro .hero-description{color:#c7c7c7;text-align:center;max-width:850px;margin:24px auto 0;font-size:17px;line-height:1.8}.project-carousel{background:#111;border:1px solid #ffffff1a;border-radius:34px;width:100%;overflow:hidden;box-shadow:0 34px 100px #00000061,0 0 80px #ff6a2a14}.wide-carousel{max-width:1180px;margin:0 auto}.carousel-track{width:max-content;animation:45s linear infinite carouselScroll;display:flex}.project-carousel:hover .carousel-track{animation-play-state:paused}.carousel-track img{object-fit:cover;flex-shrink:0;width:560px;height:370px;display:block}@keyframes carouselScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-overview-section{width:min(1180px,100% - 40px);margin:0 auto;padding:32px 0 110px}.project-overview-card{max-width:1180px;margin:0 auto}.project-overview-card .section-label{text-align:center}.project-overview-card h2{text-align:center;letter-spacing:-.06em;max-width:820px;margin:0 auto 30px;font-size:clamp(36px,5vw,64px);line-height:.96}.project-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-topic-card{min-height:210px;color:inherit;background:linear-gradient(145deg,#ffffff14,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:30px;padding:30px;transition:transform .2s,border-color .2s,background .2s;box-shadow:0 24px 80px #00000038}.project-topic-card:hover{background:linear-gradient(145deg,#ff6a2a24,#ffffff06),#111;border-color:#ff6a2a8c;transform:translateY(-4px)}.project-topic-card h3{letter-spacing:-.045em;margin:0 0 14px;font-size:28px;line-height:1}.project-topic-card p{color:#c7c7c7;margin:0;font-size:16px;line-height:1.7}.project-detail-hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:52px;width:min(1180px,100% - 40px);margin:0 auto;padding:76px 0 70px;display:grid}.project-detail-text h1{letter-spacing:-.075em;margin:0;font-size:clamp(56px,8vw,104px);line-height:.9}.project-detail-text .hero-lead,.project-detail-text .hero-description{text-align:left;margin-left:0;margin-right:0}.project-detail-hero-centered{text-align:center;max-width:980px;display:block}.project-detail-hero-centered .project-detail-text{max-width:920px;margin:0 auto}.project-detail-hero-centered .hero-lead,.project-detail-hero-centered .hero-description{text-align:center;margin-left:auto;margin-right:auto}.project-detail-hero-centered .hero-buttons{justify-content:center}.project-detail-image-card{background:linear-gradient(145deg,#ffffff1f,#ffffff08),#111;border:1px solid #ffffff1f;border-radius:34px;padding:14px;box-shadow:0 34px 100px #00000061,0 0 80px #ff6a2a14}.project-detail-image-card img{object-fit:cover;border-radius:24px;width:100%;display:block}.project-detail-section,.project-gallery-section{width:min(1180px,100% - 40px);margin:0 auto;padding:40px 0 80px}.project-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-info-card{background:linear-gradient(145deg,#ffffff14,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:30px;padding:30px}.project-info-card h2{letter-spacing:-.05em;margin:0 0 14px;font-size:30px;line-height:1}.project-info-card p{color:#c7c7c7;margin:0;font-size:16px;line-height:1.75}.project-gallery-header{text-align:center;margin-bottom:32px}.project-gallery-header h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,66px);line-height:.95}.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-gallery-card{background:linear-gradient(145deg,#ffffff1a,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:28px;padding:12px}.project-gallery-card img,.project-gallery-card video{background:#050505;border-radius:20px;width:100%;display:block}.caption-card{position:relative;overflow:hidden}.image-caption{opacity:0;pointer-events:none;background:linear-gradient(#0000000d,#000000c7);border-radius:20px;place-items:end start;padding:20px;transition:opacity .2s;display:grid;position:absolute;inset:12px}.caption-card:hover .image-caption{opacity:1}.image-caption p{color:#fff;margin:0;font-size:15px;font-weight:800;line-height:1.35}.experience-section{border-top:1px solid #ffffff1a;width:min(1180px,100% - 40px);margin:0 auto;padding:92px 0 108px}.experience-header{text-align:center;max-width:860px;margin:0 auto 52px}.experience-header h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,66px);line-height:.95}.experience-header p:last-child{color:#c7c7c7;max-width:760px;margin:22px auto 0;font-size:18px;line-height:1.65}.experience-timeline{gap:28px;max-width:980px;margin:0 auto;display:grid;position:relative}.experience-timeline:before{content:"";background:linear-gradient(#ff6a2acc,#ffffff1a);border-radius:999px;width:2px;position:absolute;top:20px;bottom:20px;left:22px}.experience-item{grid-template-columns:46px 1fr;align-items:start;gap:24px;display:grid;position:relative}.experience-card{background:linear-gradient(145deg,#ffffff14,#ffffff06),#111;border:1px solid #ffffff1a;border-radius:30px;padding:30px;box-shadow:0 28px 90px #00000047}.experience-date{color:#ff8a4c;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}.experience-card h3{letter-spacing:-.05em;margin:0;font-size:clamp(26px,3.4vw,42px);line-height:1}.experience-company{color:#d8d8d8;margin:14px 0 0;font-size:17px;line-height:1.55}.experience-card p{color:#c7c7c7;font-size:16px;line-height:1.75}.experience-card ul{color:#d6d6d6;margin:18px 0 0;padding-left:20px}.experience-card li{margin-bottom:10px;line-height:1.6}@media (width<=980px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{min-height:440px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-track img{width:460px;height:310px}}.mobile-menu-toggle,.mobile-menu-button{display:none}@media (width<=700px){.navbar{flex-direction:row;justify-content:space-between;align-items:center;padding:24px 0;position:relative}.mobile-menu-toggle{display:none}.mobile-menu-button{color:#ff8a4c;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff24;border-radius:14px;place-items:center;width:44px;height:44px;font-size:28px;font-weight:900;display:grid}.nav-links{z-index:100;background:linear-gradient(145deg,#ffffff1a,#ffffff09),#111;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;align-items:stretch;gap:0;width:min(280px,100vw - 40px);padding:14px;display:none;position:absolute;top:78px;right:0;box-shadow:0 26px 80px #00000073}.mobile-menu-toggle:checked~.nav-links{display:flex}.nav-links a{color:#d6d6d6;border-radius:14px;padding:13px 14px;font-size:14px}.nav-links a:hover{color:#fff;background:#ffffff12}.nav-links>a:after,.nav-dropdown,.dropdown-menu,.dropdown-trigger{display:none}.hero{padding:62px 0 54px}.hero h1{font-size:60px}.hero-lead{font-size:22px}.hero-description{font-size:16px}.hero-visual{min-height:380px}.portrait-card{width:min(310px,100%)}.education-section,.skills-section,.contact-section,.publications-page,.solar-car-landing,.project-overview-section,.project-detail-hero,.project-detail-section,.project-gallery-section,.experience-section{width:min(100% - 28px,1180px)}.education-card-top{flex-direction:column}.education-details-row{grid-template-columns:1fr}.education-timeline-item,.experience-item{grid-template-columns:34px 1fr;gap:16px}.education-timeline:before,.experience-timeline:before{left:16px}.timeline-marker{width:34px;height:34px}.skills-grid,.project-topic-grid,.project-detail-grid,.project-gallery-grid{grid-template-columns:1fr}.skill-card,.project-topic-card,.skill-card h3,.skill-card p{min-height:auto}.contact-icons{gap:14px}.contact-icon{border-radius:22px;width:72px;height:72px}.solar-car-landing{padding-top:52px}.solar-car-intro{margin-bottom:34px}.solar-car-intro h1{font-size:clamp(48px,15vw,68px);line-height:.95}.solar-car-intro .hero-lead{font-size:22px}.solar-car-intro .hero-description{font-size:16px}.carousel-track img{width:330px;height:240px}.project-detail-hero{grid-template-columns:1fr}.project-detail-text h1{font-size:clamp(48px,15vw,72px)}}@media (width>=701px){.nav-links{display:flex}.mobile-menu-toggle,.mobile-menu-button{display:none!important}}