@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{color:#f1f3ef;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080b0a;--surface:#0e1210;--surface-2:#151a17;--text:#f1f3ef;--muted:#9aa39d;--line:#eef3ef21;--cyan:#43e5d0;--lime:#c3f659;--gold:#e8b866;--violet:#a9a4ff;--max:1700px;background:#080b0a;font-family:DM Sans,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:radial-gradient(circle at 10% 18%, #43e5d00f, transparent 26%), var(--bg);min-width:1100px;color:var(--text);margin:0;overflow-x:hidden}body:before{content:"";z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(var(--max), calc(100% - 96px));margin:0 auto}.nav-wrap{z-index:10;padding-top:22px;position:fixed;top:0;left:0;right:0}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a09ad;border:1px solid #ffffff26;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 22px;display:grid}.logo{letter-spacing:-.05em;width:max-content;font-family:Manrope,sans-serif;font-size:23px;font-weight:800}.logo span{color:var(--cyan);vertical-align:top;margin-left:4px;font-size:10px}.nav-links{color:#c5cbc7;align-items:center;gap:42px;font-size:14px;display:flex}.nav-links a,.nav-contact{transition:color .18s}.nav-links a:hover,.nav-contact:hover{color:var(--cyan)}.nav-contact{justify-self:end;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.hero{isolation:isolate;border-bottom:1px solid var(--line);min-height:100vh;position:relative;overflow:hidden}.hero-media,.hero-media video,.hero-overlay{width:100%;height:100%;position:absolute;inset:0}.hero-media{z-index:-2;background:#07100f}.hero-media video{object-fit:cover;object-position:58% center;filter:saturate(.7)contrast(1.12)brightness(.72)}.hero-grid{grid-template-columns:1fr auto;align-items:center;min-height:100vh;padding:150px 0 180px;display:grid}.status-pill{color:#d6dbd7;letter-spacing:.14em;border:1px solid #fff3;align-items:center;gap:10px;width:max-content;margin-bottom:50px;padding:9px 13px;font-size:11px;display:flex}.status-pill span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 18px var(--lime);border-radius:50%}.hero-index{color:var(--cyan);letter-spacing:.17em;margin:0 0 14px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(72px,7vw,126px);font-weight:800;line-height:.98}.hero h1 em,.contact-heading h2 em{color:var(--cyan);font-family:Georgia,Noto Serif SC,serif;font-weight:400}.hero-intro{color:#c3cac5;margin:30px 0 0;font-size:18px;line-height:1.85}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{border:1px solid #fff3;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{color:#04100e;border-color:var(--cyan);background:var(--cyan)}.button-ghost:hover{border-color:var(--cyan)}.hero-side{color:#ffffff85;letter-spacing:.19em;writing-mode:vertical-rl;align-self:center;justify-items:end;gap:12px;font-size:11px;display:grid}.hero-side p{margin:0}.hero-stats{z-index:2;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080794;border-right:1px solid #ffffff29;flex-direction:column;justify-content:center;min-height:116px;padding:20px 30px;display:flex}.hero-stat strong{color:var(--cyan);font-family:Manrope,sans-serif;font-size:34px;line-height:1}.hero-stat span{color:#afb7b1;margin-top:10px;font-size:13px}.scroll-hint{color:#ffffff80;letter-spacing:.12em;transform-origin:100% 100%;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:38px;right:22px;transform:rotate(90deg)}.section{border-bottom:1px solid var(--line);padding:150px 0;position:relative}.section-title{grid-template-columns:82px minmax(0,1fr);gap:28px;margin-bottom:72px;display:grid}.section-title>span{color:var(--cyan);padding-top:5px;font-family:Manrope,sans-serif;font-size:14px}.section-title>div{border-left:1px solid var(--line);padding-left:34px}.section-title p{color:var(--muted);letter-spacing:.18em;margin:0 0 16px;font-size:11px;font-weight:700}.section-title h2{letter-spacing:-.055em;max-width:1260px;margin:0;font-size:clamp(46px,4.2vw,74px);line-height:1.12}.section-lead{max-width:800px;color:var(--muted);margin-top:24px;font-size:17px;line-height:1.8}.profile-section{background-color:#0a0e0c;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.profile-grid{grid-template-columns:440px minmax(0,1fr);align-items:stretch;gap:64px;display:grid}.portrait-card{background:#d9dcd7;min-height:570px;position:relative;overflow:hidden}.portrait-card:after{content:"";background:linear-gradient(#0000 48%,#040706eb);position:absolute;inset:0}.portrait-card img{object-fit:cover;object-position:center top;filter:saturate(.68)contrast(1.08);width:100%;height:100%}.portrait-caption{z-index:2;gap:8px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.portrait-caption span{color:var(--cyan);letter-spacing:.15em;font-size:11px}.portrait-caption strong{font-size:20px}.profile-content{flex-direction:column;display:flex}.profile-statement{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:20px;padding-bottom:40px;display:grid}.profile-statement svg{color:var(--cyan)}.profile-statement p{color:#d7dcd8;letter-spacing:-.02em;max-width:1000px;margin:0;font-size:27px;line-height:1.65}.profile-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:auto;display:grid}.profile-facts>div{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:20px;min-height:140px;padding:24px;display:flex}.profile-facts span{color:var(--muted);font-size:12px}.profile-facts strong{font-size:17px;line-height:1.55}.contact-strip{color:#bac1bc;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 34px;margin-top:28px;font-size:14px;display:grid}.contact-strip a,.contact-strip span{align-items:center;gap:9px;display:flex}.contact-strip svg{color:var(--cyan)}.experience-block{border-top:1px solid var(--line);grid-template-columns:220px 1fr;gap:30px;margin-top:92px;padding-top:22px;display:grid}.experience-label{color:var(--cyan);letter-spacing:.18em;font-size:11px;font-weight:700}.experience-list{display:grid}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:210px 1fr 180px;align-items:center;gap:36px;min-height:128px;display:grid}.experience-row time{color:var(--muted);font-size:13px}.experience-row h3{margin:0;font-size:21px}.experience-row p{color:var(--muted);margin:9px 0 0;font-size:14px}.experience-row>strong{color:#dfe4e0;justify-self:end;font-size:15px}.projects-list{gap:34px;display:grid}.project-card{border:1px solid var(--line);background:#0e1210;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);min-height:520px;transition:transform .25s,border-color .25s;display:grid;overflow:hidden}.project-card:hover{border-color:#ffffff4d;transform:translateY(-7px)}.project-card-01{--accent:#55eaff;background:radial-gradient(circle at 92% 10%,#5bd7ff2b,#0000 32%),radial-gradient(circle at 72% 85%,#e250ff21,#0000 38%),linear-gradient(135deg,#131836fa,#0b0d1ff5);border-color:#7086ff47;box-shadow:0 32px 110px #0507168c,0 0 70px #5355ff14}.project-card-01:hover{border-color:#58e7ff75;box-shadow:0 38px 120px #050716a3,0 0 80px #c646ff21}.project-card-01 .project-visual{background:radial-gradient(circle at 75% 82%,#f844ed47,#0000 38%),radial-gradient(circle at 25% 18%,#364cff4d,#0000 42%),#111240}.project-card-01 .project-visual:after{background:linear-gradient(90deg,#0000 74%,#080a1b4d),linear-gradient(#0000 70%,#090a1c33)}.project-card-01 .project-visual img{object-fit:cover;border-radius:22px;width:calc(100% - 36px);height:calc(100% - 36px);padding:0;box-shadow:0 28px 80px #0808236b,0 0 0 1px #ffffff14}.project-card-01 .project-info{background:radial-gradient(circle at 100% 0,#4fdeff2e,#0000 34%),radial-gradient(circle at 20% 100%,#dc45ff1a,#0000 38%)}.project-card-01 .project-category{color:#75f3ff;background:#37d3ff17;border-color:#59e7ff6b;box-shadow:0 0 26px #49deff14}.project-card-01 .project-info h3{color:#fbfbff;text-shadow:0 12px 40px #586dff29}.project-card-01 .project-metrics span{background:linear-gradient(135deg,#2ec7ff17,#de42ff0f);border-color:#50e1ff52}.project-card-01 .project-note{color:#69efff;border-top-color:#68dcff33}.project-card-01 .project-number{color:#fff;background:linear-gradient(135deg,#3ccaff47,#d53fff3d);border-color:#72ecff66;box-shadow:0 0 26px #58e1ff2e}.project-card-02{--accent:#80ead7;-webkit-backdrop-filter:blur(28px)saturate(135%);background:radial-gradient(circle at 12% 12%,#4ce0d31f,#0000 32%),radial-gradient(circle at 86% 84%,#ff89531a,#0000 36%),linear-gradient(135deg,#aed4e01a,#13182885);border-color:#c0e4e238;position:relative;overflow:hidden;box-shadow:0 34px 110px #02061273,inset 0 1px #ffffff29}.project-card-02:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(125deg,#ffffff1f,#0000 24%),radial-gradient(circle at 50% -10%,#ffffff1c,#0000 42%);border-radius:29px;position:absolute;inset:1px}.project-card-02>*{z-index:1;position:relative}.project-card-02:hover{border-color:#78edda6b;box-shadow:0 40px 125px #0206128a,0 0 75px #50dac71a,inset 0 1px #fff3}.project-card-02 .project-visual{isolation:isolate;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 28% 28%,#45dad333,#0000 35%),radial-gradient(circle at 76% 72%,#ff845329,#0000 38%),linear-gradient(145deg,#aad3dc1a,#070b16ad)}.project-card-02 .project-visual:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff17,#ffffff04),#131b2757;border:1px solid #ffffff21;border-radius:24px;position:absolute;inset:18px;box-shadow:inset 0 1px #ffffff24,0 25px 70px #00000038}.project-card-02 .project-visual:after{background:linear-gradient(115deg,#ffffff14,#0000 24%),radial-gradient(circle at 82% 18%,#66efde21,#0000 30%)}.project-card-02 .project-visual img{object-fit:contain;mix-blend-mode:normal;filter:saturate(1.1)contrast(1.08)drop-shadow(0 30px 44px #00000052)drop-shadow(0 0 24px #65ded81a);width:86%;height:86%;padding:0}.project-card-02 .project-info{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 100% 0,#5be0d31f,#0000 32%),linear-gradient(135deg,#ffffff09,#0000 44%)}.project-card-02 .project-category{color:#a8f7e9;background:#4edbc714;border-color:#74ebd857;box-shadow:inset 0 1px #ffffff14}.project-card-02 .project-metrics span{background:linear-gradient(135deg,#5ddecc14,#ff8b560b),#ffffff05;border-color:#74ebd842;box-shadow:inset 0 1px #ffffff0f}.project-card-02 .project-note{color:#92f2e2;border-top-color:#94e7dc2e}.project-card-02 .project-number{color:#d8fff8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#7eded41f;border-color:#99efe159;box-shadow:inset 0 1px #ffffff1f,0 0 25px #5bdecf1a}.project-visual{border-right:1px solid var(--line);min-height:520px;position:relative;overflow:hidden}.project-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 62%,#080b0a6b);position:absolute;inset:0}.project-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-visual img{transform:scale(1.035)}.project-number{z-index:2;font-family:Manrope,sans-serif;font-size:13px;position:absolute;bottom:20px;left:24px}.project-info{flex-direction:column;padding:48px;display:flex}.project-category{color:var(--accent);letter-spacing:.09em;margin:0;font-size:12px;font-weight:700}.project-info h3{letter-spacing:-.045em;margin:24px 0 0;font-size:42px;line-height:1.12}.project-description{color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.85}.project-metrics{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.project-metrics span{border:1px solid color-mix(in srgb, var(--accent), transparent 62%);color:#dbe0dc;background:color-mix(in srgb, var(--accent), transparent 92%);align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:12px;display:inline-flex}.project-metrics svg{color:var(--accent)}.project-note{border-top:1px solid var(--line);color:var(--accent);letter-spacing:.13em;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;font-size:11px;font-weight:700;display:flex}.accent-cyan{--accent:var(--cyan)}.accent-lime{--accent:var(--lime)}.accent-violet{--accent:var(--violet)}.accent-gold{--accent:var(--gold)}.strengths-section{background-color:#0b0f0d;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.strength-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.strength-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0e0cc2;min-height:330px;padding:32px;transition:background .22s,transform .22s}.strength-card:hover{z-index:2;background:#151c18;transform:translateY(-5px)}.strength-top{color:var(--cyan);justify-content:space-between;align-items:center;display:flex}.strength-top span{color:var(--muted);font-size:12px}.strength-card>p{color:var(--cyan);letter-spacing:.15em;margin:56px 0 0;font-size:10px;font-weight:700}.strength-card h3{margin:14px 0 0;font-size:27px}.strength-card>div:last-child{max-width:380px;color:var(--muted);margin-top:20px;font-size:15px;line-height:1.8}.contact-section{isolation:isolate;background:#060908;flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.contact-backdrop{z-index:-2;filter:saturate(.62);background:linear-gradient(90deg,#040706f5,#0407068a),url(/assets/hero-personal-portfolio.png) 50%/cover;position:absolute;inset:0}.contact-backdrop:after{content:"";background:radial-gradient(circle at 68%,#43e5d01f,#0000 28%);position:absolute;inset:0}.contact-layout{grid-template-columns:1fr 500px;align-items:center;gap:90px;padding:130px 0;display:grid}.contact-heading>p{color:var(--cyan);letter-spacing:.17em;margin:0 0 28px;font-size:11px;font-weight:700}.contact-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(62px,6vw,108px);line-height:1.02}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b100db8;border:1px solid #ffffff2e;padding:34px}.contact-card>span{color:var(--lime);letter-spacing:.15em;font-size:10px;font-weight:700}.contact-card>p{color:#bac2bc;margin:22px 0 32px;font-size:16px;line-height:1.8}.contact-card>a,.contact-card-line{border-top:1px solid var(--line);grid-template-columns:24px 1fr;align-items:center;gap:14px;padding:20px 0;display:grid}.contact-card svg{color:var(--cyan)}.contact-card small,.contact-card strong{display:block}.contact-card small{color:var(--muted);letter-spacing:.14em;margin-bottom:5px;font-size:9px}.contact-card strong{font-size:17px}.footer-line{border-top:1px solid var(--line);color:#ffffff7a;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:22px 0;font-size:10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=1380px){.container{width:min(1260px,100% - 64px)}.hero h1{font-size:82px}.profile-grid{grid-template-columns:360px 1fr;gap:42px}.portrait-card{min-height:520px}.profile-statement p{font-size:23px}.project-card{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)}.project-info{padding:38px}.contact-layout{grid-template-columns:1fr 440px}}.profile-section .section-title h2{white-space:nowrap;letter-spacing:-.05em;max-width:none;font-size:clamp(38px,3.15vw,58px)}.projects-section .section-lead{white-space:nowrap;max-width:none;font-size:16px}.apple-glass-interactive{isolation:isolate;will-change:box-shadow, backdrop-filter;transition:border-color .32s,box-shadow .32s,background-color .32s,-webkit-backdrop-filter .32s,backdrop-filter .32s;position:relative;overflow:hidden;transform:translateZ(0)}.apple-glass-interactive:after{content:"";z-index:20;pointer-events:none;border-radius:inherit;opacity:0;mix-blend-mode:screen;background:linear-gradient(135deg,#ffffff29,#0000 34%),linear-gradient(315deg,#a0dcff12,#0000 42%);transition:opacity .26s;position:absolute;inset:0}.apple-glass-interactive.glass-hovered{-webkit-backdrop-filter:blur(34px)saturate(175%)brightness(1.08);box-shadow:inset 0 1.5px #ffffff57,inset 0 -1px #ffffff0f,0 20px 58px #00000047,0 0 0 1px #abe2ff12;border-color:#ffffff47!important}.apple-glass-interactive.glass-hovered:after{opacity:1}.apple-glass-interactive.glass-pressed{transition-duration:.11s;transform:scale(.985);box-shadow:inset 0 7px 20px #0000004d,inset 0 1px #ffffff61,0 7px 22px #00000038,0 0 42px #6fdcff33;border-color:#a5e8ff7a!important}.apple-glass-interactive.glass-pressed:after{opacity:1;background:linear-gradient(135deg,#ffffff38,#0000 40%),linear-gradient(315deg,#71dfff1a,#0000 48%)}.profile-facts>div.apple-glass-interactive,.project-metrics span.apple-glass-interactive{overflow:hidden}@media (prefers-reduced-motion:reduce){.apple-glass-interactive,.apple-glass-interactive.glass-hovered,.apple-glass-interactive.glass-pressed{transform:none}}html{background:#070813}body{background-color:#0000;background-image:radial-gradient(circle at 16% 8%,#46deee1f,#0000 25%),radial-gradient(circle at 86% 28%,#9765ff21,#0000 30%),radial-gradient(circle at 20% 58%,#409fff12,#0000 28%),radial-gradient(circle at 82% 82%,#de48ff17,#0000 30%),linear-gradient(#070914 0%,#090b19 30%,#080a17 66%,#070914 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}main{isolation:isolate;background:0 0;position:relative}main:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 30%,#4be8ee0f,#0000 24%),radial-gradient(circle at 90% 55%,#ae6fff12,#0000 28%);position:fixed;inset:0}.profile-section,.projects-section,.strengths-section{isolation:isolate;background:0 0!important}.profile-section:after,.projects-section:after,.strengths-section:after{content:"";z-index:-1;pointer-events:none;opacity:.7;position:absolute;inset:-100px 0;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.profile-section:after{background:radial-gradient(circle at 4% 32%,#46e7e512,#0000 28%),radial-gradient(circle at 93% 82%,#8366ff0e,#0000 30%)}.projects-section:after{background:radial-gradient(circle at 91% 15%,#ae6fff11,#0000 28%),radial-gradient(circle at 8% 60%,#45c9ff0d,#0000 30%)}.strengths-section:after{background:radial-gradient(circle at 5% 20%,#52f3ed0e,#0000 27%),radial-gradient(circle at 90% 70%,#d05aff0f,#0000 30%)}.section{border:0}.contact-section{background:0 0}.contact-backdrop{opacity:.28;filter:saturate(.62)brightness(.55);background:linear-gradient(#070914 0%,#07091459 18%,#07091494 78%,#070914 100%),linear-gradient(90deg,#070914eb,#0709146b),url(/assets/hero-space-astronaut.png) 50%/cover;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 100%);mask-image:linear-gradient(#0000 0%,#000 20% 100%)}.contact-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 45%,#4cdaeb14,#0000 27%),radial-gradient(circle at 25% 65%,#be60ff0e,#0000 30%);position:absolute;inset:-160px 0 0;-webkit-mask-image:linear-gradient(#0000,#000 20%);mask-image:linear-gradient(#0000,#000 20%)}.content-video-stage{isolation:isolate;background:#070914;position:relative}.content-video-layer{z-index:0;pointer-events:none;width:100%;height:100vh;margin-bottom:-100vh;position:sticky;top:0;overflow:hidden}.content-video-layer video,.content-video-overlay{width:100%;height:100%;position:absolute;inset:0}.content-video-layer video{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.06)brightness(.66);transform:scale(1.02)}.content-video-overlay{background:linear-gradient(#070914 0%,#07091494 12%,#07091466 38%,#07091470 72%,#070914 100%),linear-gradient(90deg,#0508128a,#080a1747,#0508127a),radial-gradient(circle at 18% 25%,#47e2ec17,#0000 30%),radial-gradient(circle at 82% 70%,#b85dff17,#0000 32%)}.content-sections{z-index:1;position:relative}.content-sections:before,.content-sections:after{content:"";z-index:3;pointer-events:none;height:220px;position:absolute;left:0;right:0}.content-sections:before{background:linear-gradient(#070914,#07091400);top:0}.content-sections:after{background:linear-gradient(#07091400,#070914);bottom:0}.content-video-stage .profile-section,.content-video-stage .projects-section,.content-video-stage .strengths-section,.content-video-stage .contact-section{background:0 0!important}.content-video-stage .profile-section:after,.content-video-stage .projects-section:after,.content-video-stage .strengths-section:after{opacity:.38}.content-video-stage .contact-backdrop{display:none}.content-video-stage .section{position:relative}.content-video-stage .section:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0709144d 0%,#07091414 14% 86%,#0709144d 100%);position:absolute;inset:0}.projects-section .project-card{border-radius:30px;min-height:0;display:block}.projects-section .project-info{min-height:520px;padding:52px 64px 42px}.project-info-head{align-items:center;gap:16px;display:flex}.projects-section .project-number{flex:none;width:46px;height:46px;position:static}.projects-section .project-category{margin:0}.projects-section .project-info h3{max-width:1050px;font-size:48px}.projects-section .project-description{max-width:1250px;font-size:17px;line-height:2}.projects-section .project-metrics{max-width:1200px}.projects-section .project-note{margin-top:46px}@media (width<=1380px){.projects-section .project-info{min-height:500px;padding:46px 52px 38px}.projects-section .project-info h3{font-size:42px}.projects-section .project-description{font-size:16px}}.projects-section .project-card-01{--accent:#59e9ff;-webkit-backdrop-filter:blur(30px)saturate(145%);background:radial-gradient(circle at 8% 8%,#41e0ff24,#0000 30%),radial-gradient(circle at 82% 82%,#ed48ff21,#0000 34%),linear-gradient(135deg,#7baeda1c,#10122a8f);border-color:#85d6ff47;box-shadow:0 36px 120px #02051480,inset 0 1px #ffffff26}.projects-section .project-card-01:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(125deg,#ffffff1c,#0000 24%),radial-gradient(circle at 50% -12%,#ffffff1a,#0000 40%);border-radius:29px;position:absolute;inset:1px}.projects-section .project-card-01>*{z-index:1;position:relative}.projects-section .project-card-01:hover{border-color:#59e9ff7a;box-shadow:0 42px 130px #02051499,0 0 80px #cf44ff1f,inset 0 1px #ffffff2e}.projects-section .project-card-01 .project-visual{isolation:isolate;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 30% 20%,#3de1ff2e,#0000 34%),radial-gradient(circle at 70% 78%,#ea42ff29,#0000 38%),#0a0e1f57;padding:14px}.projects-section .project-card-01 .project-visual:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1a,#ffffff05),#0c0f244d;border:1px solid #ffffff26;border-radius:23px;position:absolute;inset:14px;box-shadow:inset 0 1px #ffffff29,0 25px 70px #00000040}.projects-section .project-card-01 .project-visual:after{background:linear-gradient(120deg,#ffffff17,#0000 25%),radial-gradient(circle at 80% 15%,#4de7ff24,#0000 28%)}.projects-section .project-card-01 .project-visual img{object-fit:cover;object-position:center;filter:saturate(1.05)contrast(1.04)drop-shadow(0 28px 46px #00000057);border-radius:20px;width:100%;height:100%;padding:0;box-shadow:0 0 0 1px #ffffff14}.projects-section .project-card-01 .project-info{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 100% 0,#46e0ff24,#0000 31%),radial-gradient(circle at 16% 100%,#eb45ff17,#0000 34%),linear-gradient(135deg,#ffffff09,#0000 45%)}.projects-section .project-card-01 .project-category{color:#90f4ff;background:#43d7ff14;border-color:#58e8ff66}.projects-section .project-card-01 .project-metrics span{background:linear-gradient(135deg,#43d5ff14,#e843ff0e),#ffffff04;border-color:#59e6ff4d}.projects-section .project-card-01 .project-note{color:#71edff;border-top-color:#67e3ff33}.projects-section .project-card-01 .project-number{color:#fff;background:linear-gradient(135deg,#3ad2ff42,#e141ff38);border-color:#75ebff66;box-shadow:inset 0 1px #ffffff26,0 0 28px #4bdeff29}.projects-experience{background:radial-gradient(circle at 100% 0,#b18cff14,#0000 32%),radial-gradient(circle at 0 100%,#52f3ed0f,#0000 28%),#0c0f1e9e;border-color:#7ddeff26;margin:0 0 76px}.projects-experience .experience-row:last-child{border-bottom:0}.project-cases-heading{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;padding-bottom:18px;display:flex}.project-cases-heading span{color:var(--cyan);letter-spacing:.18em;font-size:11px;font-weight:700}.project-cases-heading p{color:#ffffffd1;margin:0;font-size:24px;font-weight:700}.project-context{color:#ffffffa8;background:#ffffff06;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:170px minmax(260px,1fr) auto;align-items:center;gap:24px;margin-top:28px;padding:15px 18px;display:grid}.project-context time{color:var(--accent);font-size:13px}.project-context strong{color:#ffffffe6;font-size:15px}.project-context span{color:#ffffffb8;justify-self:end;font-size:13px}@media (width<=1380px){.project-context{grid-template-columns:150px 1fr}.project-context span{grid-column:2;justify-self:start}}.hero-geometric-field{z-index:0;pointer-events:none;opacity:.72;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0% 50%,#0000 82%);mask-image:linear-gradient(90deg,#000 0% 50%,#0000 82%)}.hero-geometric-field:before{content:"";filter:blur(48px);background:linear-gradient(135deg,#6366f10e,#0000 50%,#f472b60e);position:absolute;inset:0}.hero-elegant-shape{position:absolute}.hero-elegant-shape>div{position:relative}.hero-elegant-shape-surface{background:radial-gradient(circle at 50% 50%, #ffffff2e, transparent 70%), linear-gradient(90deg, rgba(var(--shape-color), .16), transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid #ffffff24;border-radius:999px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 32px #ffffff14,inset 0 1px #ffffff14}.shape-one{top:18%;left:-8%}.shape-two{top:67%;right:37%}.shape-three{bottom:7%;left:6%}.shape-four{top:8%;left:30%}.hero-grid{z-index:2}.hero-copy{max-width:850px}.hero h1{letter-spacing:-.072em;margin-top:2px;font-weight:800}.hero h1>span{color:#0000;background:linear-gradient(#fff 0%,#ffffffc7 100%);-webkit-background-clip:text;background-clip:text}.hero h1 em{color:#0000;background:linear-gradient(90deg,#a5b4fc 0%,#fffffff0 48%,#fda4d5 100%);filter:drop-shadow(0 0 28px #a5b4fc26);-webkit-background-clip:text;background-clip:text}.hero-intro{color:#ffffff85;letter-spacing:.035em;font-weight:400}.status-pill{background:#ffffff09;border-color:#ffffff1a}@media (width<=1380px){.shape-one{left:-18%}.shape-two{right:30%}}.project-visual img{width:94%;height:94%}.project-card-01 .project-visual img{object-fit:cover;width:calc(100% - 24px);height:calc(100% - 24px)}.project-card-02 .project-visual img{width:98%;height:98%}.project-description{max-width:920px}@media (width<=1380px){.project-card{grid-template-columns:minmax(340px,3fr) minmax(0,7fr);min-height:600px}.project-visual{min-height:600px}.project-info{padding:40px 46px 36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#070813;--surface:#0f1222c7;--surface-2:#171b31e0;--text:#f7f7fb;--muted:#aeb2c6;--line:#cfd6ff24;--cyan:#52f3ed;--lime:#d7ff6a;--gold:#ffc36c;--violet:#b18cff}body{background:radial-gradient(circle at 8% 18%,#3fe2df1a,#0000 22%),radial-gradient(circle at 88% 38%,#ac68ff1f,#0000 25%),#070813}body:after{content:"";z-index:-1;pointer-events:none;opacity:.24;background:radial-gradient(circle at 18% 22%,#ffffffa6 0 1px,#0000 1.8px) 0 0/120px 120px,radial-gradient(circle at 72% 12%,#64e9ff8c 0 1px,#0000 1.8px) 0 0/170px 170px,radial-gradient(circle at 86% 76%,#c184ff8c 0 1px,#0000 1.8px) 0 0/210px 210px;position:fixed;inset:0}.nav-wrap{padding-top:20px}.nav{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#0708138f;border:1px solid #ffffff29;border-radius:999px;width:min(1240px,100% - 72px);height:64px;padding:0 14px 0 22px;box-shadow:0 18px 60px #00000038,inset 0 1px #ffffff14}.logo{align-items:center;gap:9px;display:inline-flex}.logo-orbit{border:1px solid var(--cyan);border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 0 18px #52f3ed61}.logo-orbit:before{content:"";border:1px solid var(--violet);border-radius:50%;width:24px;height:4px;position:absolute;top:7px;left:-4px;transform:rotate(-18deg)}.nav-links{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;gap:10px;padding:5px}.nav-links a{border-radius:999px;padding:8px 16px}.nav-links a:hover{color:#fff;background:#ffffff17}.nav-contact{color:#090b17;background:linear-gradient(135deg, var(--cyan), #8de7ff);border-radius:999px;min-height:40px;padding:0 17px;box-shadow:0 10px 28px #45e1e52e}.nav-contact:hover{color:#090b17;transform:translateY(-1px)}.hero{background:#050610;border-bottom:0;min-height:100vh}.hero-media{background:#050610}.hero-space-art{object-fit:cover;object-position:center center;filter:saturate(.9)contrast(1.04)brightness(.78);width:100%;height:100%;animation:18s ease-in-out infinite alternate cosmicDrift;position:absolute;inset:0;transform:scale(1.01)}.hero-overlay{background:linear-gradient(90deg,#04050efa 0%,#050611e0 31%,#05061142 58%,#05061114 78%),linear-gradient(#04050e7a,#0000 26%,#04050e2e 64%,#04050ee6 100%)}.hero-grid{grid-template-columns:1fr 1fr;padding:148px 0 190px;position:relative}.hero-copy{z-index:2;max-width:790px;padding-top:32px;position:relative}.status-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f1d80;border-color:#9df3ff38;border-radius:999px;margin-bottom:34px;padding:10px 15px;box-shadow:inset 0 1px #ffffff14}.status-pill span{background:#d7ff6a;box-shadow:0 0 18px #d7ff6a}.hero-index{color:#aeb7d5}.hero h1{letter-spacing:-.07em;text-shadow:0 20px 60px #0000008c;max-width:850px;font-size:clamp(70px,6.4vw,112px);line-height:1.02}.hero h1 em,.contact-heading h2 em{color:#0000;background:linear-gradient(92deg,#5af5ef 0%,#9ef 46%,#c196ff 100%);filter:drop-shadow(0 0 24px #5fecef33);-webkit-background-clip:text;background-clip:text}.hero-intro{color:#eceffac2;max-width:690px;font-size:18px}.button{border-radius:16px;min-height:54px;padding:0 23px}.button-primary{color:#080b17;background:linear-gradient(135deg,#5bf5ee,#9eeeff);border-color:#0000;box-shadow:0 16px 46px #44e5e838}.button-ghost{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e11227a;border-color:#ffffff29}.hero-orbit-labels{pointer-events:none;height:100%;position:relative}.orbit-label{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0c1c7a;border:1px solid #ffffff2e;border-radius:15px;align-items:center;gap:10px;min-height:46px;padding:0 16px;font-size:13px;font-weight:700;animation:5s ease-in-out infinite orbitFloat;display:flex;position:absolute;box-shadow:0 18px 48px #00000047,inset 0 1px #ffffff14}.orbit-label svg{color:var(--cyan)}.orbit-label-one{top:22%;right:8%}.orbit-label-two{animation-delay:-1.8s;top:47%;left:12%}.orbit-label-two svg{color:#ff8ddb}.orbit-label-three{animation-delay:-3.2s;bottom:22%;right:1%}.orbit-label-three svg{color:var(--lime)}.hero-stats{border:0;gap:10px;bottom:30px}.hero-stat{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff17,#ffffff05),#0709148c;border:1px solid #ffffff21;border-radius:20px;min-height:106px;box-shadow:inset 0 1px #ffffff14}.hero-stat:last-child{border-right:1px solid #ffffff21}.hero-stat strong{color:#fff;font-size:31px}.hero-stat:first-child strong,.hero-stat:nth-child(3) strong{color:var(--cyan)}.hero-stat:nth-child(2) strong,.hero-stat:nth-child(4) strong{color:var(--violet)}.scroll-hint{display:none}.section{border-bottom:0;padding:140px 0}.section-title{grid-template-columns:62px minmax(0,1fr);margin-bottom:64px}.section-title>span{background:#52f3ed0f;border:1px solid #52f3ed47;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 0 30px #52f3ed14}.section-title>div{border-left-color:#ffffff1a;padding-left:30px}.section-title p{color:#8f96b4}.section-title h2{max-width:1180px;font-size:clamp(45px,4vw,68px)}.profile-section,.strengths-section{background-color:#090b18;background-image:radial-gradient(circle at 0 30%,#4eede714,#0000 24%),radial-gradient(circle at 95% 70%,#a470ff1a,#0000 28%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.portrait-card{border:1px solid #ffffff1f;border-radius:30px;overflow:hidden;box-shadow:0 28px 90px #00000059}.portrait-caption{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a168c;border:1px solid #ffffff1f;border-radius:18px;padding:18px}.profile-statement{background:radial-gradient(circle at 0 0,#52f3ed1a,#0000 30%),#0f1223b3;border:1px solid #ffffff1f;border-radius:28px;padding:34px}.profile-statement p{color:#e1e4ee}.profile-facts{border:0;gap:12px;margin-top:18px}.profile-facts>div{background:#0f12239e;border:1px solid #ffffff1c;border-radius:22px;min-height:154px}.profile-facts>div:last-child{border-right:1px solid #ffffff1c}.contact-strip{background:#0d101f94;border:1px solid #ffffff1a;border-radius:20px;padding:18px 22px}.experience-block{background:#0c0f1e94;border:1px solid #ffffff1c;border-radius:30px;padding:28px}.experience-row{border-radius:18px;padding:0 18px;transition:background .18s,transform .18s}.experience-row:hover{background:#ffffff0b;transform:translate(5px)}.projects-section{background:radial-gradient(circle at 12% 18%,#60e2ff14,#0000 26%),radial-gradient(circle at 90% 60%,#b18cff1a,#0000 30%),#070813}.projects-list{gap:26px}.project-card{background:linear-gradient(135deg,#ffffff09,#0000 45%),#0c0f1dd1;border-color:#ffffff1f;border-radius:30px;grid-template-columns:minmax(0,1.18fr) minmax(470px,.82fr);min-height:610px;box-shadow:0 30px 100px #0000003d}.project-card:hover{border-color:color-mix(in srgb, var(--accent), transparent 55%);box-shadow:0 35px 110px #00000052, 0 0 60px color-mix(in srgb, var(--accent), transparent 90%)}.project-visual{background:radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--accent), transparent 90%), transparent 35%), #080b14;border-right-color:#ffffff1a;place-items:center;min-height:610px;display:grid}.project-visual img{object-fit:contain;filter:saturate(.9)contrast(1.04);padding:18px}.project-number{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a1699;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;bottom:24px;left:25px}.project-info{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent), transparent 88%), transparent 35%), transparent;padding:44px}.project-category{border:1px solid color-mix(in srgb, var(--accent), transparent 65%);background:color-mix(in srgb, var(--accent), transparent 92%);border-radius:999px;width:max-content;max-width:100%;padding:8px 11px}.project-info h3{font-size:38px}.project-description{color:#aeb3c4;font-size:15px;line-height:1.9}.project-metrics span{border-radius:10px}.strength-grid{border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.strength-card{background:radial-gradient(circle at 100% 0,#52f3ed14,#0000 28%),#0e1121ad;border:1px solid #ffffff1c;border-radius:26px;grid-column:span 2;min-height:320px;box-shadow:inset 0 1px #ffffff0a}.strength-card:nth-child(4),.strength-card:nth-child(5){grid-column:span 3}.strength-card:nth-child(2),.strength-card:nth-child(5){background:radial-gradient(circle at 100% 0,#b18cff1f,#0000 30%),#0e1121ad}.strength-card:hover{background-color:#191d34e6;border-color:#52f3ed4d;box-shadow:0 24px 70px #0000003d}.contact-backdrop{filter:saturate(.82)brightness(.72);background:linear-gradient(90deg,#050610f2,#05061080 48%,#0506102e),url(/assets/hero-space-astronaut.png) 50%/cover}.contact-card{background:linear-gradient(145deg,#ffffff1a,#ffffff06),#080a18a8;border-radius:28px;box-shadow:0 30px 100px #00000059}@keyframes cosmicDrift{0%{transform:scale(1.01)translate(0,0)}to{transform:scale(1.045)translate(-8px,-5px)}}@keyframes orbitFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@media (width<=1380px){.nav{width:min(1180px,100% - 64px)}.hero h1{font-size:78px}.orbit-label-one{right:2%}.project-card{grid-template-columns:minmax(0,1fr) minmax(430px,.85fr)}.project-info{padding:36px}}.project-card{grid-template-columns:minmax(0,1.04fr) minmax(560px,.96fr);min-height:660px}.project-visual{min-height:660px}.project-info{padding:50px 52px 42px}.project-category{padding:9px 13px;font-size:12.5px;line-height:1.35}.project-info h3{margin-top:26px;font-size:42px;line-height:1.16}.project-info h3 span{display:inline}.project-description{margin-top:26px;font-size:16.5px;line-height:1.95}.project-metrics{gap:10px;margin-top:32px}.project-metrics span{min-height:38px;padding:0 13px;font-size:13px}.project-note{padding-top:26px;font-size:12px}@media (width<=1380px){.project-card{grid-template-columns:minmax(0,.96fr) minmax(570px,1.04fr);min-height:640px}.project-visual{min-height:640px}.project-info{padding:42px 44px 38px}.project-info h3{font-size:38px}.project-description{font-size:15.5px;line-height:1.9}}.projects-section .project-card{grid-template-columns:minmax(0,30%) minmax(0,70%);min-height:620px}.projects-section .project-visual,.projects-section .project-info{min-width:0}.projects-section .project-visual{min-height:620px;overflow:hidden}.projects-section .project-visual img{width:96%;max-width:100%;height:96%}.projects-section .project-card-01 .project-visual img{object-fit:cover;width:calc(100% - 20px);height:calc(100% - 20px)}.projects-section .project-card-02 .project-visual img{object-fit:contain;width:100%;height:100%}.projects-section .project-info{padding:48px 60px 40px}.projects-section .project-description{max-width:980px}@media (width<=1380px){.projects-section .project-card{grid-template-columns:minmax(0,30%) minmax(0,70%);min-height:600px}.projects-section .project-visual{min-height:600px}.projects-section .project-info{padding:40px 46px 36px}}.hero .hero-copy h1>span{color:#0000;background:linear-gradient(#fff 0%,#ffffffc7 100%);-webkit-background-clip:text;background-clip:text}.hero .hero-copy h1 em{color:#0000;background:linear-gradient(90deg,#a5b4fc 0%,#fffffff0 48%,#f9a8d4 100%);filter:drop-shadow(0 0 28px #a5b4fc26);-webkit-background-clip:text;background-clip:text}.hero .hero-copy .status-pill>span{background:#f472b6eb;box-shadow:0 0 18px #f472b6b8}
