@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--bg:#090c0b;--bg-2:#101410;--panel:#151a15;--panel-2:#1c231c;--ink:#f4ead3;--body:#ded2b8;--muted:#a99e88;--line:#f4ead32e;--line-strong:#f4ead357;--amber:#e88a3c;--amber-2:#f0b15c;--cyan:#77c7bb;--red:#b85135;--max:1700px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,video{display:block}main{background:radial-gradient(circle at 18% 8%,#e88a3c29,#0000 32rem),radial-gradient(circle at 88% 28%,#77c7bb1f,#0000 34rem),linear-gradient(#090c0b 0%,#101410 42%,#080a09 100%);position:relative;overflow:clip}main:before,main:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:-20%}main:before{opacity:.28;filter:blur(18px);background:radial-gradient(circle at 22% 24%,#e88a3c33,#0000 18rem),radial-gradient(circle at 76% 18%,#77c7bb29,#0000 20rem),radial-gradient(circle at 48% 80%,#b8513529,#0000 22rem);animation:16s ease-in-out infinite alternate atmosphereDrift}main:after{opacity:.2;background:linear-gradient(115deg,#0000 0 42%,#f0b15c29 49%,#0000 56%),linear-gradient(72deg,#0000 0 58%,#77c7bb21 62%,#0000 68%);animation:10s ease-in-out infinite lightSweep;transform:translate(-18%)}.signal-background{z-index:0;pointer-events:none;opacity:.44;background-image:linear-gradient(#f4ead30e 1px,#0000 1px),linear-gradient(90deg,#f4ead30e 1px,#0000 1px);background-size:96px 96px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 96%);mask-image:linear-gradient(#000,#0000 96%)}.signal-background:before,.signal-background:after{content:"";pointer-events:none;position:absolute}.signal-background:before{background:linear-gradient(#0000 0%,#77c7bb2e 50%,#0000 100%);height:22vh;animation:7s linear infinite scanBand;inset:0;transform:translateY(-30vh)}.signal-background:after{aspect-ratio:1;border:1px solid #f0b15c3d;border-radius:50%;width:min(52vw,760px);animation:28s linear infinite orbitalTurn;top:8vh;right:-12vw;box-shadow:inset 0 0 0 80px #f0b15c05,inset 0 0 0 160px #77c7bb05}.signal-background span{background:linear-gradient(180deg, transparent, var(--amber), transparent);width:1px;height:26vh;animation:12s linear infinite signalDrop;position:absolute}.signal-background span:first-child{animation-delay:-2s;left:12%}.signal-background span:nth-child(2){animation-delay:-7s;left:39%}.signal-background span:nth-child(3){animation-delay:-4s;left:68%}.signal-background span:nth-child(4){animation-delay:-10s;left:91%}@keyframes signalDrop{0%{opacity:0;top:-30vh}12%{opacity:.9}to{opacity:0;top:112vh}}@keyframes atmosphereDrift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}@keyframes lightSweep{0%,26%{opacity:0;transform:translate(-24%)}44%{opacity:.22}74%,to{opacity:0;transform:translate(18%)}}@keyframes scanBand{0%{opacity:0;transform:translateY(-30vh)}12%{opacity:.52}to{opacity:0;transform:translateY(112vh)}}@keyframes orbitalTurn{to{transform:rotate(360deg)}}.site-header{z-index:20;height:88px;padding:0 max(28px, calc((100vw - var(--max)) / 2));border-bottom:1px solid var(--line);background:linear-gradient(#090c0bd1,#090c0b38);align-items:center;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:16px;min-height:48px;margin-right:auto;display:inline-flex}.brand strong{border:1px solid var(--line-strong);width:58px;height:36px;color:var(--amber-2);place-items:center;font-size:19px;font-weight:800;display:grid}.brand span{color:var(--body);font-size:14px}.nav{color:var(--body);align-items:center;gap:34px;margin-right:34px;font-size:15px;display:flex}.nav a{padding:10px 0}.nav a:hover,.nav a:focus-visible{color:var(--amber-2);outline:none}.header-action,.hero-actions a{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);cursor:pointer;background:#f4ead30d;justify-content:center;align-items:center;gap:10px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.header-action{padding:0 18px;font-size:15px}.header-action:hover,.header-action:focus-visible,.hero-actions a:hover,.hero-actions a:focus-visible{border-color:var(--amber);background:var(--amber);color:#10100c;outline:none}.menu-button{border:1px solid var(--line);background:#f4ead30d;place-items:center;width:48px;height:48px;display:none}.hero{min-height:100svh;padding:148px max(28px, calc((100vw - var(--max)) / 2)) 0;position:relative;overflow:hidden}.hero:before{content:"";z-index:2;pointer-events:none;opacity:.28;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 9px,#f4ead314 10px),linear-gradient(90deg,#0000,#f0b15c1f,#0000);animation:5s steps(6,end) infinite terminalFlicker;position:absolute;inset:0}.hero video{object-fit:cover;opacity:.82;width:100%;height:100%;animation:18s ease-in-out infinite alternate heroBreath;position:absolute;inset:0}.hero-scrim{background:linear-gradient(90deg,#090c0bfa 0%,#090c0bc7 48%,#090c0b57 100%),linear-gradient(#0000 46%,#090c0bf5 100%);position:absolute;inset:0}.hero-inner{z-index:2;min-height:calc(100svh - 300px);max-width:var(--max);grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:end;gap:clamp(32px,5vw,88px);margin:0 auto;padding-bottom:72px;display:grid;position:relative}.mission-chip{width:fit-content;color:var(--cyan);background:#0a1110b8;border:1px solid #77c7bb5c;align-items:center;gap:10px;margin:0 0 28px;padding:10px 13px;font-size:12px;font-weight:700;line-height:1.45;display:inline-flex}.hero h1{max-width:950px;color:var(--ink);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(54px,7vw,96px);font-weight:800;line-height:.98}.hero h1 span{color:var(--amber-2);letter-spacing:0;margin-top:16px;font-size:clamp(36px,4vw,68px);display:block}.hero-lead{color:#f2e7ce;text-wrap:pretty;max-width:760px;margin:28px 0 0;font-size:clamp(18px,1.4vw,23px);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-actions a{padding:0 20px;font-size:16px;font-weight:700}.hero-actions a:first-child{border-color:var(--amber);background:var(--amber);color:#10100c}.mission-card{border:1px solid var(--line-strong);background:linear-gradient(#1c231ceb,#0d110eeb),#111410eb;position:relative;overflow:hidden;box-shadow:inset 0 1px #f4ead31f}.mission-card:before{content:"";aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0 62%, #77c7bb33, #f0b15c3d, transparent 78% 100%);filter:blur(.2px);opacity:.82;border-radius:50%;width:58%;animation:8s linear infinite radarSweep;position:absolute;top:-20%;right:-26%}.mission-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000,#f4ead31a,#0000);animation:6.5s ease-in-out infinite panelGlint;position:absolute;inset:0;transform:translate(-120%)}.mission-card-head{z-index:1;border-bottom:1px solid var(--line);color:var(--amber-2);justify-content:space-between;align-items:center;padding:18px 20px;font-size:13px;font-weight:800;display:flex;position:relative}.mission-card dl{z-index:1;margin:0;position:relative}.mission-card div:not(.mission-card-head){border-top:1px solid var(--line);padding:22px 20px}.mission-card div:not(.mission-card-head):first-child{border-top:0}.mission-card dt{color:var(--muted);margin-bottom:10px;font-size:13px}.mission-card dd{color:var(--ink);margin:0;font-size:19px;font-weight:700;line-height:1.55}.metric-strip{z-index:2;max-width:var(--max);border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);background:#090c0bbd;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid;position:relative}.metric-strip div{border-right:1px solid var(--line-strong);min-height:152px;padding:26px 28px}.metric-strip strong{color:var(--amber-2);font-size:clamp(38px,4vw,62px);line-height:1;animation:3.8s ease-in-out infinite numberGlow;display:block}.metric-strip div:nth-child(2) strong{animation-delay:.45s}.metric-strip div:nth-child(3) strong{animation-delay:.9s}@keyframes terminalFlicker{0%,to{opacity:.18}20%{opacity:.3}21%{opacity:.14}52%{opacity:.26}53%{opacity:.2}}@keyframes heroBreath{0%{filter:saturate(.92)contrast();transform:scale(1)}to{filter:saturate(1.08)contrast(1.08);transform:scale(1.045)}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes panelGlint{0%,36%{opacity:0;transform:translate(-120%)}48%{opacity:.72}66%,to{opacity:0;transform:translate(120%)}}@keyframes numberGlow{0%,to{text-shadow:0 0 #f0b15c00}48%{text-shadow:0 0 22px #f0b15c61}}.metric-strip span{max-width:260px;color:var(--body);margin-top:16px;font-size:16px;line-height:1.6;display:block}.section{z-index:1;max-width:var(--max);margin:0 auto;padding:126px 28px;position:relative}.section-heading{max-width:980px;margin-bottom:52px}.section-heading-wide{max-width:1120px}.section-heading p{color:var(--cyan);margin:0 0 18px;font-size:20px;font-weight:800}.section-heading h2{color:var(--ink);letter-spacing:-.018em;text-wrap:balance;margin:0;font-size:clamp(34px,4vw,62px);font-weight:800;line-height:1.16}.about{background:linear-gradient(#101410c2,#0c0f0de0)}.experience-layout{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:28px;display:grid}.profile-panel{border:1px solid var(--line-strong);background:var(--panel);min-height:720px;position:relative;overflow:hidden}.profile-panel:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0 52%,#77c7bb24 54%,#0000 58%);animation:7.2s linear infinite imageScan;position:absolute;inset:0;transform:translateY(-100%)}.profile-panel img{object-fit:cover;filter:saturate(.84)contrast(1.05);width:100%;height:70%;min-height:430px}.profile-panel div{padding:28px}.profile-panel span,.resume-detail-grid span,.toolbelt span{color:var(--amber-2);font-size:15px;font-weight:800}.profile-panel h3{color:var(--ink);margin:16px 0 10px;font-size:clamp(28px,2.8vw,44px);line-height:1.2}.profile-panel p{color:var(--body);margin:0;font-size:21px}.experience-list{border-top:1px solid var(--line-strong);flex-direction:column;display:flex}.experience-list article{border-bottom:1px solid var(--line-strong);grid-template-columns:76px 1fr;gap:24px;min-height:136px;padding:28px 0;transition:background .22s,padding-left .22s;display:grid;position:relative}.experience-list article:hover{background:#f0b15c0f;padding-left:18px}.experience-list span{color:var(--amber-2);font-size:18px;font-weight:800}.experience-list p{color:#efe3c8;text-wrap:pretty;max-width:900px;margin:0;font-size:clamp(18px,1.4vw,23px);line-height:1.75}.work{max-width:none;padding-left:0;padding-right:0}.work .section-heading{max-width:var(--max);margin-inline:auto;padding-inline:28px}.work .section-heading h2{max-width:980px}.project-list{border-top:1px solid var(--line-strong)}.project{border-bottom:1px solid var(--line-strong);background:#0d100de0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:620px;display:grid;position:relative}.project:before{content:"";pointer-events:none;z-index:2;opacity:0;border-top:1px solid #f0b15c8c;border-bottom:1px solid #77c7bb66;transition:opacity .22s;position:absolute;inset:0}.project:hover:before{opacity:1}.project:nth-child(2n){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.project:nth-child(2n) .project-image{order:2}.project-image{background:#070908;position:relative;overflow:hidden}.project-image:after{content:"";mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0 46%,#f0b15c2e 50%,#0000 54%),linear-gradient(#77c7bb24,#0000 32%);animation:9s ease-in-out infinite imageGlide;position:absolute;inset:0;transform:translate(-120%)}.project-image img{object-fit:cover;filter:saturate(.82)contrast(1.05);width:100%;height:100%;min-height:620px;transition:transform .52s;transform:scale(1.01)}.project:hover .project-image img{transform:scale(1.035)}.project-content{flex-direction:column;justify-content:center;padding:clamp(32px,5vw,84px);display:flex}.project-kicker{max-width:720px;color:var(--cyan);justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;font-size:19px;font-weight:800;line-height:1.45;display:flex}.project-content h3{max-width:820px;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;margin:0 0 26px;font-size:clamp(38px,4.4vw,72px);font-weight:800;line-height:1.08}.project-summary{color:#f3e6c9;text-wrap:pretty;max-width:820px;margin:0;font-size:clamp(20px,1.55vw,26px);line-height:1.78}.project-result{max-width:820px;color:var(--body);align-items:flex-start;gap:12px;margin:28px 0 0;font-size:clamp(17px,1.25vw,21px);line-height:1.75;display:flex}.project-result svg{color:var(--amber-2);flex:none;margin-top:5px}.project-content ul{flex-wrap:wrap;gap:12px;margin:34px 0 0;padding:0;list-style:none;display:flex}.project-content li{border:1px solid var(--line-strong);color:var(--ink);background:#f4ead30f;padding:11px 14px;font-size:16px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}.project-content li:hover{background:#e88a3c29;border-color:#f0b15cb3;transform:translateY(-2px)}@keyframes imageScan{0%{opacity:0;transform:translateY(-120%)}12%{opacity:.78}to{opacity:0;transform:translateY(120%)}}@keyframes imageGlide{0%,34%{opacity:0;transform:translate(-120%)}50%{opacity:.65}72%,to{opacity:0;transform:translate(120%)}}.strengths{background:linear-gradient(#090c0beb,#101410f5)}.strength-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.strength-item{border:1px solid var(--line-strong);background:linear-gradient(135deg,#1c231ce0,#0e120feb);grid-template-columns:64px 1fr;gap:22px;min-height:220px;padding:30px;transition:transform .22s,border-color .22s,background .22s;display:grid;position:relative;overflow:hidden}.strength-item:before{content:"";background:radial-gradient(circle at var(--mx,18%) var(--my,18%), #77c7bb29, transparent 18rem);opacity:0;transition:opacity .22s;position:absolute;inset:0}.strength-item:hover{background:linear-gradient(135deg,#1f2c25f0,#0e120feb);border-color:#77c7bb8f;transform:translateY(-4px)}.strength-item:hover:before{opacity:1}.strength-item>*{z-index:1;position:relative}.strength-icon{width:56px;height:56px;color:var(--cyan);border:1px solid #77c7bb6b;place-items:center;animation:4.6s ease-in-out infinite iconPulse;display:grid}.strength-item:nth-child(2) .strength-icon{animation-delay:.45s}.strength-item:nth-child(3) .strength-icon{animation-delay:.9s}.strength-item:nth-child(4) .strength-icon{animation-delay:1.35s}.strength-item h3{color:var(--ink);margin:0 0 14px;font-size:clamp(25px,2.1vw,34px);line-height:1.18}.strength-item p{color:#e8dcc4;text-wrap:pretty;margin:0;font-size:clamp(17px,1.25vw,21px);line-height:1.75}.toolbelt{border:1px solid var(--line-strong);background:linear-gradient(90deg,#e88a3c26,#0000 28%),#f4ead30a;margin-top:54px;padding:36px;position:relative;overflow:hidden}.toolbelt:before{content:"";background:linear-gradient(100deg,#0000,#f0b15c2e,#0000);animation:7.5s ease-in-out infinite panelGlint;position:absolute;inset:0;transform:translate(-120%)}.toolbelt>*{z-index:1;position:relative}.toolbelt p{max-width:1380px;color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:18px 0 0;font-size:clamp(25px,2.5vw,42px);font-weight:800;line-height:1.38;animation:8s ease-in-out infinite alternate toolFloat}@keyframes iconPulse{0%,to{box-shadow:0 0 #77c7bb00}50%{box-shadow:0 0 22px #77c7bb3d}}@keyframes toolFloat{0%{transform:translate(0)}to{transform:translate(10px)}}.resume-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.resume-detail-grid article{border:1px solid var(--line-strong);background:#151a15db;min-height:260px;padding:32px}.resume-detail-grid h3{color:var(--ink);margin:18px 0 16px;font-size:clamp(27px,2.4vw,40px);line-height:1.2}.resume-detail-grid p{color:#e5d9c1;max-width:720px;margin:0;font-size:19px;line-height:1.75}.contact{z-index:1;background:radial-gradient(circle at 70% 20%,#e88a3c33,#0000 28rem),linear-gradient(135deg,#0a0d0b 0%,#1b211b 100%);min-height:100svh;padding:28px;position:relative}.contact-frame{min-height:calc(100svh - 56px);max-width:var(--max);border:1px solid var(--line-strong);background-color:#090c0bbd;background-image:linear-gradient(#f4ead308 1px,#0000 1px),linear-gradient(90deg,#f4ead308 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:space-between;margin:0 auto;display:flex;position:relative;overflow:hidden}.contact-frame:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%, #e88a3c2e, transparent 19rem), conic-gradient(from 0deg at 50% 50%, transparent 0 68%, #77c7bb1f, #f0b15c29, transparent 82% 100%);opacity:.68;animation:16s linear infinite contactOrbit;position:absolute;inset:0}.contact-meta,.contact-bottom{z-index:1;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:22px 26px;font-size:13px;font-weight:800;display:flex;position:relative}.contact-bottom{border-top:1px solid var(--line);border-bottom:0}.contact-main{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:80px 28px;display:flex;position:relative}.contact-main>svg{width:48px;height:48px;color:var(--amber-2);margin-bottom:22px;animation:3.4s ease-in-out infinite iconPulse}.contact-main p{max-width:620px;color:var(--body);margin:0;font-size:20px;line-height:1.7}.contact-main h2{color:var(--ink);letter-spacing:-.03em;margin:26px 0 30px;font-size:clamp(56px,9vw,136px);font-weight:800;line-height:1}.contact-direct{border:1px solid var(--line-strong);background:#f4ead30a;grid-template-columns:repeat(2,minmax(260px,1fr));width:min(920px,100%);display:grid}.contact-direct button{border:0;border-right:1px solid var(--line-strong);min-height:86px;color:var(--ink);cursor:copy;background:0 0;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-size:clamp(17px,1.35vw,22px);font-weight:800;transition:background .18s,color .18s;display:flex;position:relative}.contact-direct button svg{transition:transform .18s}.contact-direct button:hover svg,.contact-direct button:focus-visible svg{transform:scale(1.14)rotate(-4deg)}@keyframes contactOrbit{to{transform:rotate(360deg)}}.contact-direct button:last-child{border-right:0}.contact-direct button:after{content:attr(aria-label);border:1px solid var(--line-strong);color:#14140f;white-space:normal;opacity:0;pointer-events:none;background:#f4ead3;max-width:min(360px,88vw);padding:9px 11px;font-size:13px;font-weight:700;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px)}.contact-direct button:hover,.contact-direct button:focus-visible{background:var(--amber);color:#10100c;outline:none}.contact-direct button:hover:after,.contact-direct button:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.contact-main small{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.6}.reveal{opacity:1;transition:opacity .62s,transform .62s;transform:none}.reveal:not(.visible){opacity:.01;transform:translateY(18px)}@media (width<=1060px){.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090c0beb;height:76px;padding:0 20px;position:fixed}.brand span,.header-action{display:none}.menu-button{display:grid}.nav{border-bottom:1px solid var(--line);background:#090c0b;flex-direction:column;align-items:stretch;gap:0;margin:0;display:none;position:fixed;inset:76px 0 auto}.nav.open{display:flex}.nav a{border-top:1px solid var(--line);padding:18px 22px}.hero{padding:112px 20px 0}.hero-inner,.experience-layout,.project,.project:nth-child(2n),.strength-list,.resume-detail-grid{grid-template-columns:1fr}.project:nth-child(2n) .project-image{order:0}.hero-inner{min-height:auto;padding-bottom:42px}.metric-strip{border-left:0;grid-template-columns:1fr;margin-inline:0}.metric-strip div{border-left:1px solid var(--line-strong);min-height:118px}.section{padding:92px 20px}.profile-panel{min-height:auto}.profile-panel img{aspect-ratio:16/10;height:auto;min-height:0}.project-image img{aspect-ratio:16/10;min-height:360px}.contact{padding:18px}.contact-frame{min-height:calc(100svh - 36px)}}@media (width<=640px){.hero h1{font-size:clamp(48px,15vw,68px)}.hero h1 span{font-size:clamp(30px,9vw,44px)}.mission-chip{font-size:11px}.section-heading h2,.project-content h3{font-size:clamp(32px,10vw,48px)}.experience-list article,.strength-item{grid-template-columns:1fr;gap:14px}.project-content,.toolbelt,.resume-detail-grid article{padding:24px 20px}.project-summary{font-size:18px}.project-content li{font-size:14px}.toolbelt p{font-size:23px}.contact-meta span:last-child{display:none}.contact-main{padding:62px 18px}.contact-direct{grid-template-columns:1fr}.contact-direct button{border-right:0;border-bottom:1px solid var(--line-strong);min-height:78px}.contact-direct button:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-background span,.signal-background:before,.signal-background:after,main:before,main:after,.hero:before,.mission-card:before,.mission-card:after,.metric-strip strong,.profile-panel:before,.project-image:after,.strength-icon,.toolbelt:before,.toolbelt p,.contact-frame:before,.contact-main>svg{animation-duration:18s!important;animation-timing-function:linear!important}.hero video,.project-image img,.reveal{transition:none;animation:none}}
