@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#10233e;--blue:#1664d9;--sky:#e9f3ff;--ice:#f7fbff;--white:#fff;--ink:#18283b;--muted:#64758b;--line:#d6e2f0;--soft:#eff6ff;--mono:'DM Mono',monospace;--sans:'Noto Sans SC',Arial,sans-serif}*{box-sizing:border-box}html{background:var(--ice);scroll-behavior:smooth}body{margin:0;background:var(--ice);color:var(--ink);font:15px/1.8 var(--sans)}.scanline{display:none}.hud{height:74px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.5vw,76px);background:rgba(255,255,255,.92);backdrop-filter:blur(13px);border-bottom:1px solid var(--line)}.wordmark{color:var(--navy);text-decoration:none;display:flex;gap:10px;align-items:baseline}.wordmark b{font:700 23px var(--mono);letter-spacing:-.1em;color:var(--blue)}.wordmark span,.system,.hud nav a{font:10px var(--mono);letter-spacing:.08em}.hud nav{display:flex;gap:28px}.hud nav a{color:var(--muted);text-decoration:none;padding:27px 0;transition:.2s}.hud nav a:hover,.hud nav a.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.system{color:var(--blue)}.system i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25b583;margin-right:7px}.view{width:min(1380px,100%);margin:auto;padding:clamp(42px,6vw,82px) clamp(20px,4.5vw,76px) 80px;min-height:calc(100vh - 74px)}.page-code,.kicker{font:11px var(--mono);letter-spacing:.09em}.page-code{color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.kicker{color:var(--blue);margin:0 0 17px}.resume-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(45px,8vw,140px);padding:clamp(50px,7vw,102px) 0 68px}.resume-hero h1,.project-intro h1,.notes-hero h1{font:900 clamp(62px,10vw,150px)/.82 var(--sans);letter-spacing:-.1em;margin:0;color:var(--navy)}.resume-hero h1 em,.project-intro h1 em,.notes-hero h1 em{color:var(--blue);font-style:normal}.mission{font-size:18px;max-width:570px;color:#52657b;margin:35px 0}.quick{display:flex;gap:19px;flex-wrap:wrap;font:11px var(--mono);letter-spacing:.03em}.quick a{color:var(--blue);text-decoration:none}.quick span{color:var(--muted)}.id-panel{border:1px solid var(--line);padding:19px 21px 24px;background:var(--white);box-shadow:0 16px 35px rgba(35,91,153,.08);position:relative;overflow:hidden}.id-panel:before{content:'PORTFOLIO';position:absolute;right:17px;top:55px;color:rgba(22,100,217,.065);font:800 42px var(--mono);writing-mode:vertical-rl}.id-top{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono)}.id-top b{color:var(--blue)}.profile-name{font:800 clamp(30px,4vw,47px)/1 var(--sans);letter-spacing:-.07em;color:var(--navy);padding:25px 0 22px;border-bottom:2px solid var(--blue)}.crosshair{font:400 135px/.9 var(--mono);color:var(--blue);margin:54px 0 40px}.id-panel dl{margin:0}.id-panel dl div{border-top:1px solid var(--line);padding:10px 0;display:grid;grid-template-columns:105px 1fr;gap:8px}.id-panel dt{font:10px var(--mono);color:var(--muted)}.id-panel dd{margin:0;font-size:13px}.telemetry{border-top:2px solid var(--blue);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:94px;background:var(--white)}.telemetry>div{padding:20px;border-right:1px solid var(--line)}.telemetry>div:first-child{padding-left:0}.telemetry>div:last-child{border:0}.telemetry b{font:700 clamp(31px,4vw,58px)/1 var(--mono);letter-spacing:-.1em;color:var(--blue)}.telemetry b span{font-size:.45em;margin-left:4px}.telemetry p{font:10px var(--mono);letter-spacing:.05em;color:var(--muted);margin:8px 0 0}.resume-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.45fr);gap:clamp(45px,8vw,120px)}h2{letter-spacing:-.05em}h2 small{font:10px var(--mono);letter-spacing:.06em;color:var(--blue);display:block;margin-bottom:8px}.record>h2,.loadout>h2{font-size:28px;margin:0 0 35px;color:var(--navy)}.entry{display:grid;grid-template-columns:160px 1fr;gap:25px;border-top:1px solid var(--line);padding:24px 0 32px}.entry time{font:10px var(--mono);color:var(--blue);padding-top:5px}.entry h3{font-size:21px;line-height:1.4;margin:0 0 11px;letter-spacing:-.045em;color:var(--navy)}.entry mark{background:transparent;color:#4a81d0;font:10px var(--mono);padding:0;margin-left:7px}.entry p,.entry ul{color:#596a7e;margin:0}.entry ul{padding-left:18px;font-size:14px;margin-top:12px}.entry li+li{margin-top:5px}.entry b{color:var(--blue)}.loadout{background:var(--white);border:1px solid var(--line);padding:25px}.load-row{border-top:1px solid var(--line);padding:13px 0}.load-row span{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:3px}.load-row b{font-size:13px}.honor{margin-top:44px!important}.medal{border-left:2px solid var(--blue);padding-left:12px;font-size:13px;color:var(--muted);line-height:1.55}.medal strong{color:var(--navy);font-size:16px}.project-intro{padding:65px 0 43px}.project-intro h1{font-size:clamp(55px,9vw,130px)}.project-intro>p:last-child{color:var(--muted);font-size:16px}.video-frame{border:1px solid var(--line);background:var(--white);padding:9px;box-shadow:0 16px 35px rgba(35,91,153,.08)}.video-frame video{display:block;width:100%;max-height:690px;object-fit:contain;background:#0a1423}.frame-top,.frame-bottom{display:flex;justify-content:space-between;padding:10px 4px 2px;font:10px var(--mono);letter-spacing:.05em;color:var(--blue)}.frame-bottom{color:var(--muted);padding:8px 4px 2px}.project-brief{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:56px 0 88px;background:var(--white)}.project-brief div{padding:18px 20px 20px 0;border-right:1px solid var(--line)}.project-brief div+div{padding-left:20px}.project-brief div:last-child{border:0}.project-brief span{display:block;color:var(--blue);font:10px var(--mono);margin-bottom:9px}.project-brief b{font-size:13px;line-height:1.6}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.module-grid article{border:1px solid var(--line);padding:23px;background:var(--white);transition:.2s}.module-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(35,91,153,.1);border-color:#a9c9f5}.module-grid label{font:10px var(--mono);color:var(--blue)}.module-grid h2{font-size:26px;margin:27px 0 10px;color:var(--navy)}.module-grid p{margin:0;color:#596a7e}.mode-map{border-top:2px solid var(--blue);margin-top:90px;padding:35px 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}.mode-map h2{font-size:39px;line-height:1.13;margin:0;color:var(--navy)}.mode-map h2 em{color:var(--blue);font-style:normal}.flow{display:flex;align-items:stretch;gap:14px}.flow article{background:var(--soft);border:1px solid #d9e9ff;padding:18px;flex:1}.flow b{font:11px var(--mono);color:var(--blue)}.flow p{font-size:13px;color:#596a7e;margin:14px 0 0}.flow>i{font:22px var(--mono);color:var(--blue);align-self:center;font-style:normal}.notes-hero{padding:65px 0 50px;max-width:1000px}.notes-hero h1{font-size:clamp(43px,7.5vw,105px);line-height:.98}.notes-hero>p:last-child{color:#596a7e;max-width:650px;font-size:17px;margin-top:29px}.experience-band{border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 90px;background:var(--white)}.experience-band div{padding:17px;border-right:1px solid var(--line)}.experience-band div:last-child{border:0}.experience-band b{display:block;color:var(--blue);font:11px var(--mono);margin-bottom:5px}.experience-band span{font-size:12px;color:#596a7e;line-height:1.45;display:block}.game-library{margin:0 0 90px}.game-library header{margin:0 0 22px}.game-library h2{font-size:32px;margin:0;color:var(--navy)}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.library-grid article{background:var(--white);border:1px solid var(--line);padding:25px}.library-grid article>span{display:block;font:10px var(--mono);letter-spacing:.06em;color:var(--blue);margin-bottom:24px}.library-grid h3{font-size:23px;letter-spacing:-.05em;color:var(--navy);margin:0 0 10px}.library-grid p{color:#596a7e;margin:0}.library-grid p b{color:var(--navy)}.library-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.focus-projects{margin-top:18px;padding:14px 16px;background:var(--soft);border:1px solid #c9e0ff}.focus-projects span{display:block;font:10px var(--mono);letter-spacing:.08em;color:var(--blue);margin-bottom:7px}.focus-projects p{margin:0!important;color:#52657b!important;font-size:13px!important;line-height:1.8}.library-tags i{font:10px var(--mono);font-style:normal;color:var(--blue);border:1px solid #c9e0ff;background:var(--soft);padding:5px 7px}.archive{max-width:1100px}.archive header{margin-bottom:29px}.archive header h2{font-size:39px;margin:0;color:var(--navy)}.archive header>p:last-child{color:var(--muted);margin:6px 0 0}.report{border-top:1px solid var(--line)}.report:last-of-type{border-bottom:1px solid var(--line)}.report summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:75px 1fr 25px;gap:18px;padding:25px 0}.report summary::-webkit-details-marker{display:none}.report-index{font:11px var(--mono);color:var(--blue);padding-top:3px}.report summary small{font:10px var(--mono);letter-spacing:.06em;color:#4f82c8;display:block;margin-bottom:5px}.report summary strong{font-size:21px;line-height:1.35;letter-spacing:-.04em;color:var(--navy)}.report summary i{font:25px/1 var(--mono);font-style:normal;color:var(--blue);transition:.2s}.report[open] summary i{transform:rotate(45deg)}.report-body{padding:0 0 35px 93px}.report-lead{border-left:2px solid var(--blue);padding-left:18px;max-width:850px}.report-lead h3,.report-detail h4{font:11px var(--mono);letter-spacing:.06em;color:var(--blue);margin:0 0 8px}.report-lead p,.report-detail p,.report-detail li{color:#596a7e}.report-lead p{font-size:16px;margin:0}.report-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:29px}.report-detail article{border:1px solid var(--line);padding:19px;background:var(--white)}.report-detail ul{padding-left:18px;margin:0}.report-detail li+li{margin-top:8px}.report-detail b{color:var(--navy)}.proposal{background:var(--soft)!important;border-color:#c9e0ff!important}.conclusion{background:#dcecff;color:#17345b!important;font-weight:600;padding:16px 19px;margin:25px 0 0;line-height:1.7}footer{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.06em;margin-top:90px}footer a{color:var(--blue);text-decoration:none}
@media(max-width:820px){.hud{height:61px}.hud nav{gap:13px}.hud nav a{font-size:9px;padding:21px 0}.wordmark span,.system{display:none}.view{min-height:calc(100vh - 61px)}.resume-hero,.resume-grid,.mode-map{grid-template-columns:1fr}.telemetry,.experience-band{grid-template-columns:1fr 1fr}.telemetry>div:nth-child(2),.experience-band div:nth-child(2){border-right:0}.telemetry>div:nth-child(n+3),.experience-band div:nth-child(n+3){border-top:1px solid var(--line)}.telemetry>div:nth-child(3){padding-left:0}.entry{grid-template-columns:1fr;gap:8px}.project-brief,.module-grid,.report-detail,.library-grid{grid-template-columns:1fr}.project-brief div,.project-brief div+div{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.project-brief div:last-child{border-bottom:0}.flow{flex-direction:column}.flow>i{align-self:auto;text-align:center;transform:rotate(90deg)}.report summary{grid-template-columns:48px 1fr 18px;gap:10px}.report summary strong{font-size:18px}.report-body{padding-left:0}.experience-band div{padding:14px}.id-panel:before{display:none}.crosshair{margin:35px 0;font-size:100px}.module-grid{gap:13px}.page-code{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Interactive cover: visual language extends the existing navy, blue and white portfolio system. */
.cover-view{--mx:50%;--my:50%;position:relative;isolation:isolate;min-height:calc(100dvh - 74px);overflow:hidden;background:#f7fbff;color:var(--navy)}.cover-scene,.cover-scene>*{position:absolute;inset:0}.cover-scene{z-index:-2;background:radial-gradient(circle at var(--mx) var(--my),rgba(77,167,238,.18),transparent 21%),linear-gradient(125deg,#f7fbff 0%,#e9f3ff 54%,#dcecff 100%)}.cover-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 49.6%,rgba(22,100,217,.12) 49.7% 49.82%,transparent 49.92%),linear-gradient(28deg,transparent 0 69.6%,rgba(22,100,217,.11) 69.7% 69.82%,transparent 69.92%),radial-gradient(circle at 74% 43%,transparent 0 104px,rgba(22,100,217,.15) 105px 106px,transparent 107px 181px,rgba(22,100,217,.1) 182px 183px,transparent 184px);opacity:1}.cover-light{filter:blur(28px);transition:transform .6s cubic-bezier(.16,1,.3,1)}.cover-light-a{inset:auto auto 8% 45%;width:36vw;height:30vw;background:radial-gradient(circle,rgba(38,137,234,.23),transparent 67%);transform:translate(calc((var(--mx) - 50%)*-.06),calc((var(--my) - 50%)*-.06))}.cover-light-b{inset:8% -4% auto auto;width:32vw;height:35vw;background:radial-gradient(circle,rgba(110,190,255,.18),transparent 68%)}.cover-grid{opacity:.5;background:linear-gradient(90deg,transparent 49.8%,#a9cbed 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#a9cbed 50%,transparent 50.2%);background-size:160px 160px;mask-image:radial-gradient(circle at 70% 47%,#000,transparent 64%)}.cover-vignette{background:radial-gradient(ellipse at center,transparent 35%,rgba(229,242,255,.22) 72%,rgba(215,232,248,.56) 100%)}.cover-hud,.cover-kicker,.cover-brief,.cover-status{font:11px var(--mono);letter-spacing:.1em}.cover-hud-top{position:absolute;inset:30px clamp(20px,4.5vw,76px) auto;display:flex;justify-content:space-between;color:#c6e3fa}.cover-copy{position:absolute;left:clamp(20px,9vw,150px);top:50%;width:min(600px,calc(100% - 40px));transform:translateY(-50%)}.cover-kicker{margin:0 0 20px;color:#72c3ff}.cover-copy h1{margin:0;max-width:6ch;font:900 clamp(56px,8.3vw,128px)/.82 var(--sans);letter-spacing:-.085em;text-wrap:balance}.cover-copy h1 em{font-style:normal;color:#55abed}.cover-copy>p:not(.cover-kicker){max-width:30ch;margin:30px 0;color:#c6d8e8;font-size:17px}.cover-actions{display:flex;gap:12px;flex-wrap:wrap}.cover-action{display:inline-flex;align-items:center;gap:10px;min-height:48px;border:1px solid rgba(202,231,255,.54);background:rgba(7,25,44,.54);padding:0 18px;color:#edf8ff;font:12px var(--mono);letter-spacing:.05em;cursor:pointer;transition:transform .24s cubic-bezier(.16,1,.3,1),background .24s,border-color .24s}.cover-action:hover{transform:translateY(-3px);border-color:#fff;background:rgba(23,92,158,.7)}.cover-action:active{transform:translateY(0) scale(.98)}.cover-action.primary{background:#1672d6;border-color:#6ab6f3}.keycap{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid currentColor;color:#fff;font-size:10px}.cover-target{position:absolute;left:clamp(55%,67vw,73%);top:46%;width:164px;height:164px;border:0;background:transparent;color:#effaff;cursor:pointer;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.cover-target:hover{transform:translate(-50%,-50%) scale(1.08)}.target-ring,.target-core{position:absolute;left:50%;top:50%;border:1px solid rgba(193,235,255,.94);transform:translate(-50%,-50%)}.target-ring{width:138px;height:138px;border-radius:50%;box-shadow:0 0 0 8px rgba(76,166,240,.08),0 0 35px rgba(49,158,246,.48)}.target-ring:before,.target-ring:after{content:"";position:absolute;background:#c6edff}.target-ring:before{left:50%;top:-9px;width:1px;height:154px}.target-ring:after{top:50%;left:-9px;width:154px;height:1px}.target-core{width:20px;height:20px;border-radius:50%;background:#63bbf5;box-shadow:0 0 28px #49aff1}.target-label{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);font:11px/1.45 var(--mono);letter-spacing:.12em;text-align:center;white-space:nowrap}.cover-brief{position:absolute;right:clamp(20px,5vw,80px);bottom:88px;width:min(270px,28vw);border-left:1px solid #67b7f5;padding:0 0 0 16px;color:#b7c9d9}.cover-brief span,.cover-brief strong{display:block}.cover-brief span{color:#69baf4;font-size:10px}.cover-brief strong{margin:6px 0;color:#fff}.cover-brief p{margin:8px 0 0;font:12px/1.7 var(--sans);letter-spacing:0}.cover-status{position:absolute;display:flex;justify-content:space-between;gap:20px;left:clamp(20px,4.5vw,76px);right:clamp(20px,4.5vw,76px);bottom:28px;padding-top:15px;border-top:1px solid rgba(187,222,247,.36);color:#b7d5ec;font-size:10px}.cover-status i{display:inline-block;width:7px;height:7px;margin-right:7px;background:#45d7a6;border-radius:50%;box-shadow:0 0 10px rgba(69,215,166,.6)}
@media(prefers-reduced-motion:no-preference){.target-ring{animation:cover-pulse 2.6s ease-in-out infinite}.target-core{animation:cover-core 2.6s ease-in-out infinite}}@keyframes cover-pulse{50%{box-shadow:0 0 0 18px rgba(76,166,240,0),0 0 48px rgba(49,158,246,.7)}}@keyframes cover-core{50%{transform:translate(-50%,-50%) scale(.72)}}
@media(max-width:820px){.cover-view{min-height:calc(100dvh - 61px)}.cover-hud-top{top:18px}.cover-hud-top span:last-child{display:none}.cover-copy{top:43%;left:24px}.cover-copy h1{font-size:clamp(54px,16vw,86px)}.cover-copy>p:not(.cover-kicker){font-size:15px;margin:23px 0}.cover-target{left:auto;right:21px;top:65%;width:126px;height:126px}.target-ring{width:104px;height:104px}.target-ring:before{height:120px}.target-ring:after{width:120px}.target-label{font-size:9px}.cover-brief{left:24px;right:auto;bottom:74px;width:calc(100% - 48px);padding-left:12px}.cover-status{bottom:17px;font-size:8px;gap:8px}.cover-status span:nth-child(2){display:none}.cover-scene:before{background-position:60% center;opacity:.38}}