:root{--bg-dark:#120b24;--bg-dark-2:#1a1140;--bg-light:#fafafe;--text-on-dark:#ede9fb;--muted-on-dark:#a7a0c9;--accent-warm:#f2b679;--accent-cool:#8fd9e8;--accent-violet:#c9bff0;--text-dark:#1b1730;--muted-dark:#6f6a8f;--card-bg:#fff;--card-border:#ece9f7;--font-display:"Poppins", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-body);background:var(--bg-light);color:var(--text-dark);opacity:0;line-height:1.6;animation:.4s forwards pageFadeIn}body.leaving{opacity:0;transition:opacity .3s;animation:none}@keyframes pageFadeIn{to{opacity:1}}@media (prefers-reduced-motion:reduce){body{opacity:1;animation:none}}a{color:inherit;text-decoration:none}.topbar{z-index:10;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:28px 48px;transition:background .3s,border-color .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.topbar.scrolled{backdrop-filter:blur(10px);background:#120b24d1;border-bottom-color:#ffffff14;padding-top:18px;padding-bottom:18px}.mark{font-family:var(--font-display);color:var(--text-on-dark);font-size:20px;font-weight:600}.mark-dot{color:var(--accent-warm)}.topnav{align-items:center;gap:32px;display:flex}.topnav a{color:var(--muted-on-dark);font-size:16px;font-weight:500;transition:color .2s}.topnav a:hover{color:var(--text-on-dark)}.lang-switch{border:1px solid #ffffff29;border-radius:20px;padding:5px 12px;transition:border-color .2s,background .2s;color:var(--text-on-dark)!important;font-size:16px!important}.lang-switch:hover{border-color:var(--accent-warm);background:#ffffff0d}.hero{background:var(--bg-dark);background-image:radial-gradient(circle at 80% 20%, var(--bg-dark-2), var(--bg-dark) 60%);justify-content:space-between;align-items:center;gap:40px;min-height:640px;padding:140px 64px 160px;display:flex;position:relative;overflow:hidden}.hero-text{z-index:2;max-width:520px}.hero-title{font-family:var(--font-display);color:var(--text-on-dark);letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(48px,7vw,76px);font-weight:300}.hero-sub{color:var(--muted-on-dark);max-width:520px;font-size:18px;line-height:1.8}.hero-cta{margin-top:32px}.hl{font-weight:600}.hl-warm{color:var(--accent-warm)}.hl-cool{color:var(--accent-cool)}.hero-art{z-index:2;flex-shrink:0;width:440px;margin-right:200px}.illo{width:100%;height:auto}.wave-divider{z-index:1;width:100%;height:100px;position:absolute;bottom:-2px;left:0}.work{background:var(--bg-light);padding:40px 64px 110px}.section-head{text-align:center;margin-bottom:56px}.section-head h2{font-family:var(--font-display);margin-bottom:8px;font-size:42px;font-weight:500}.section-head p{color:var(--muted-dark);font-size:18px}.view-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;justify-content:center;gap:4px;width:fit-content;margin:0 auto 40px;padding:4px;display:flex}.view-toggle-btn{font-family:var(--font-body);color:var(--muted-dark);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .2s,color .2s}.view-toggle-btn.is-active{background:var(--bg-dark);color:var(--text-on-dark)}.project-grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;width:100%;display:grid}.category-divider{grid-column:1/-1;align-items:center;gap:10px;margin:8px 0 4px;display:flex}.category-divider:first-child{margin-top:0}.category-divider-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.category-divider-label{font-family:var(--font-body);color:var(--text-dark);letter-spacing:.02em;white-space:nowrap;font-size:13px;font-weight:600}.category-divider-line{background:var(--card-border);flex:1;height:1px}.category-divider--work .category-divider-dot{background:var(--accent-warm)}.category-divider--academic .category-divider-dot{background:var(--accent-cool)}.category-divider--personal .category-divider-dot{background:var(--accent-violet)}.project-grid.view-all .category-divider{display:none}.card{background:var(--card-bg);border:1px solid var(--card-border);will-change:transform;border-radius:18px;transition:box-shadow .25s,transform .15s ease-out;overflow:hidden;box-shadow:0 12px 32px -18px #1b173040}.card:hover{box-shadow:0 20px 40px -18px #1b173059}.card-cover{cursor:pointer;display:block}.card-thumb{justify-content:center;align-items:center;height:130px;display:flex;position:relative}.card-thumb:after{content:"";background:linear-gradient(#0000 60%,#00000040);position:absolute;inset:0}.thumb-label{font-family:var(--font-display);color:#fff;z-index:1;font-size:18px;font-weight:500;position:relative}.thumb-1{background:linear-gradient(135deg,#241b4a,#443577)}.thumb-2{background:linear-gradient(135deg,#14202b,#1f3d47)}.thumb-3{background:linear-gradient(135deg,#2a1830,#4a2a52)}.thumb-4{background:linear-gradient(135deg,#1a2a1e,#2f4a36)}.thumb-5{background:linear-gradient(135deg,#2a2010,#4a3a1a)}.thumb-6{background:linear-gradient(135deg,#1a1a2e,#2f2f52)}.card-badge{z-index:2;font-family:var(--font-body);color:var(--text-dark);backdrop-filter:blur(4px);background:#fffffff0;border-radius:20px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.card-badge-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.card-badge--work .card-badge-dot{background:var(--accent-warm)}.card-badge--academic .card-badge-dot{background:var(--accent-cool)}.card-badge--personal .card-badge-dot{background:var(--accent-violet)}.card-body{padding:20px 22px 8px}.card-body h3{font-family:var(--font-display);color:var(--text-dark);margin-bottom:8px;font-size:20px;font-weight:500}.card-body p{color:var(--muted-dark);font-size:16px;line-height:1.7}.card-links{gap:14px;padding:16px 22px 20px;font-size:15px;display:flex}.card-links a{background:var(--bg-light);border:1px solid var(--card-border);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .2s,color .2s;display:flex}.card-links a:hover{border-color:var(--accent-warm)}.icon-github{fill:currentColor;width:20px;height:20px}.icon-document{fill:#fff;width:20px;height:20px}.link-btn .icon-document{fill:#fff;width:25px;height:25px}.link-btn .icon-github{vertical-align:-2px;margin-right:2px}.about{background:var(--bg-light);padding:0 48px 100px}.about-inner{text-align:center;max-width:760px;margin:0 auto}.about-inner h2{font-family:var(--font-display);margin-bottom:20px;font-size:28px;font-weight:500}.about-inner p{color:var(--muted-dark);margin-bottom:40px;font-size:17px}.facts{justify-content:center;gap:56px;list-style:none;display:flex}.facts li{flex-direction:column;align-items:center;gap:6px;display:flex}.facts strong{font-family:var(--font-display);color:var(--accent-warm);font-size:26px}.facts span{color:var(--muted-dark);font-size:12px}.contact{background:var(--bg-dark);text-align:center;padding:100px 48px}.contact h2{font-family:var(--font-display);color:var(--text-on-dark);margin-bottom:20px;font-size:clamp(28px,5vw,40px);font-weight:300}.contact-link{color:var(--accent-cool);border-bottom:1px solid var(--accent-cool);padding-bottom:3px;font-size:17px}.social{justify-content:center;gap:24px;margin-top:36px;display:flex}.social a{color:var(--muted-on-dark);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.social a:hover{color:var(--text-on-dark)}.footer{background:var(--bg-dark);text-align:center;color:var(--muted-on-dark);border-top:1px solid #ffffff0f;padding:20px;font-size:12px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px}.project-hero{background:var(--bg-dark);background-image:radial-gradient(circle at 80% 20%, var(--bg-dark-2), var(--bg-dark) 60%);padding:120px 64px 160px;position:relative;overflow:hidden}.breadcrumb{color:var(--muted-on-dark);align-items:center;gap:8px;margin-bottom:32px;font-size:13px;transition:color .2s;display:inline-flex}.breadcrumb:hover{color:var(--text-on-dark)}.project-hero-head{max-width:720px}.project-eyebrow{color:var(--accent-cool);letter-spacing:.04em;margin-bottom:16px;font-size:16px;font-weight:500}.project-hero h1{font-family:var(--font-display);color:var(--text-on-dark);letter-spacing:-.01em;margin-bottom:20px;font-size:clamp(40px,6vw,62px);font-weight:300}.project-tagline{color:var(--muted-on-dark);max-width:700px;margin-bottom:40px;font-size:20px;line-height:1.8}.project-meta{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:40px;padding-top:28px;display:flex}.project-meta-item{flex-direction:column;gap:6px;display:flex}.project-meta-item .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-on-dark);opacity:.75;font-size:15px}.project-meta-item .value{color:var(--text-on-dark);font-size:14px}.project-links{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.link-btn{color:var(--text-on-dark);border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.link-btn:hover{border-color:var(--accent-warm);background:#ffffff0a}.link-btn.primary{background:var(--accent-warm);color:var(--bg-dark);border-color:var(--accent-warm)}.link-btn.primary:hover{background:#f6c692}.project-body{background:var(--bg-light);max-width:1300px;margin:0 auto;padding:72px 64px 20px}.project-body h2{font-family:var(--font-display);margin:0 0 18px;font-size:34px;font-weight:500}.project-body p{color:var(--muted-dark);font-size:19px;line-height:1.8}.text-col{max-width:680px}.tag-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.tag-row span{border:1px solid var(--card-border);color:var(--text-dark);background:#fff;border-radius:20px;padding:8px 16px;font-size:15px}.tech-section{margin:88px 0 96px}.split-row{flex-wrap:wrap;align-items:center;gap:64px;margin-bottom:88px;display:flex}.split-row.reverse{flex-direction:row-reverse}.split-visual{border-radius:22px;flex:540px;height:340px;overflow:hidden}.split-text{flex:520px}.split-text .eyebrow-small{color:var(--accent-warm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.split-text h2{margin-bottom:16px}.split-text p{max-width:560px}.media-fill{object-fit:cover;width:100%;height:100%;display:block}.media-color{color:#ffffffe6;width:100%;height:100%;font-family:var(--font-display);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:15px;display:flex}img.media-fill{cursor:zoom-in}.lightbox{z-index:100;opacity:0;pointer-events:none;background:#0a0814eb;justify-content:center;align-items:center;padding:40px;transition:opacity .25s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:auto}.lightbox-img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 30px 80px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:#ffffff2e}@media (width<=720px){.lightbox{padding:20px}.lightbox-close{width:38px;height:38px;top:14px;right:14px}}.cover-banner{border-radius:24px;width:100%;height:460px;margin-bottom:64px;overflow:hidden}.cover-content{max-width:1260px;margin:0 auto}.cover-content p{margin-bottom:20px}.pull-quote{font-family:var(--font-display);color:var(--text-dark);border-left:3px solid var(--accent-warm);margin:44px 0;padding-left:24px;font-size:25px;font-weight:300;line-height:1.5}.stat-row{flex-wrap:wrap;gap:56px;margin:44px 0;display:flex}.stat-row .stat{flex-direction:column;gap:4px;display:flex}.stat-row .stat strong{font-family:var(--font-display);color:var(--accent-warm);font-size:36px;font-weight:500}.stat-row .stat span{color:var(--muted-dark);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.timeline{max-width:1020px;margin:40px 0 0;padding-left:44px;position:relative}.timeline:before{content:"";background:var(--card-border);width:2px;position:absolute;top:6px;bottom:6px;left:9px}.timeline-item{padding-bottom:48px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--accent-warm);width:20px;height:20px;color:var(--bg-dark);font-size:10px;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:-44px}.timeline-content h3{font-family:var(--font-display);margin-bottom:8px;font-size:19px;font-weight:500}.timeline-content p{max-width:960px;font-size:16px}.result-banner{background:radial-gradient(circle at 20% 20%, var(--bg-dark-2), var(--bg-dark) 70%);border-radius:22px;margin-top:64px;padding:44px 48px}.result-banner h2{color:var(--text-on-dark)}.result-banner .stat-row{margin:20px 0 0}.result-banner .stat-row .stat span{color:var(--muted-on-dark)}.carousel-wrap{max-width:1240px;margin:48px auto 0}.carousel-wrap h2{text-align:center}.carousel{border-radius:22px;margin-top:8px;position:relative;overflow:hidden}.carousel-track{transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{flex:0 0 100%;height:720px;position:relative}.carousel-slide p{color:#fff;z-index:2;background:linear-gradient(#0000,#000000a6);margin:0;padding:14px 20px;position:absolute;bottom:0;left:0;right:0}.carousel-btn{border:1px solid var(--card-border);cursor:pointer;width:42px;height:42px;color:var(--text-dark);z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{border-color:var(--accent-warm);background:#fff}.carousel-btn.prev{left:16px}.carousel-btn.next{right:16px}.carousel-dots{justify-content:center;gap:8px;margin-top:50px;display:flex}.carousel-dot{background:var(--card-border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.carousel-dot.active{background:var(--accent-warm);transform:scale(1.3)}.gallery{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.gallery-item{color:#fffc;height:160px;font-family:var(--font-display);border-radius:14px;justify-content:center;align-items:center;font-size:13px;display:flex}.challenge-list{flex-direction:column;gap:14px;margin-top:8px;list-style:none;display:flex}.challenge-list li{color:var(--muted-dark);padding-left:24px;font-size:14px;line-height:1.8;position:relative}.challenge-list li:before{content:"";background:var(--accent-warm);border-radius:2px;width:8px;height:8px;position:absolute;top:8px;left:0}@media (width<=900px){.project-grid{grid-template-columns:repeat(2,1fr)}.facts{flex-wrap:wrap;gap:32px}}@media (width<=720px){.topnav{display:none}.hero{text-align:left;flex-direction:column;padding:120px 28px 140px}.hero-art{width:220px}.project-grid{grid-template-columns:1fr;padding:0 4px}.work{padding:40px 24px 80px}.project-hero{padding:100px 28px}.project-body{padding:56px 24px 20px}.gallery{grid-template-columns:1fr}.split-row,.split-row.reverse{flex-direction:column;gap:28px;margin-bottom:56px}.split-visual{height:220px}.cover-banner{height:220px;margin-bottom:40px}.result-banner{padding:32px 24px}.carousel-slide{height:240px}.carousel-btn{width:36px;height:36px}}