:root{--ink:#060a12;--paper:#0b1220;--lime:#57a8ff;--cyan:#66d9ff;--muted:#8c98aa;--line:#90beff29}[data-theme=light]{--ink:#f3f4ef;--paper:#e9ebe4;--muted:#606861;--line:#0a0e0b24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:var(--ink)}.nav{z-index:10;color:#fff;justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex;position:absolute;inset:0 0 auto}.monogram{border-left:2px solid var(--lime);letter-spacing:.06em;align-items:baseline;gap:2px;padding-left:11px;font-size:14px;font-weight:800;display:flex}.monogram span{color:var(--lime);font-size:10px}.nav-links{align-items:center;gap:34px;font-size:13px;display:flex}.nav-contact{border-bottom:1px solid #fff9;padding:8px 0}.theme-toggle{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;width:34px;height:34px;font-size:16px}.hero{background:radial-gradient(circle at 78% 32%,#122c4d 0,#0a1628 34%,var(--ink) 68%);color:#fff;grid-template-columns:1.12fr .88fr;align-items:center;gap:5vw;min-height:100svh;padding:130px 5vw 65px;display:grid;overflow:hidden}.hero-copy{padding-left:3vw}.kicker{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:11px;font-size:11px;display:flex}.status-dot{background:var(--cyan);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #66d9ff1a,0 0 18px #66d9ff66}.hero h1{letter-spacing:-.075em;margin:6vh 0 4vh;font-size:clamp(72px,10vw,160px);font-weight:650;line-height:.76}.hero h1 small{letter-spacing:.13em;text-transform:uppercase;color:#aab1ac;margin-bottom:28px;font-size:13px;font-weight:400;line-height:1;display:block}.hero h1 em,.contact h2 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.hero-lead{color:#b8bdb9;max-width:590px;font-size:clamp(18px,1.65vw,25px);line-height:1.48}.hero-actions,.contact-actions{align-items:center;gap:28px;margin-top:44px;display:flex}.button{border-radius:2px;justify-content:space-between;align-items:center;gap:30px;min-width:220px;padding:18px 21px;font-size:13px;font-weight:700;transition:transform .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:var(--ink)}.text-link{border-bottom:1px solid;padding:9px 0;font-size:13px}.portrait-wrap{align-self:stretch;min-height:650px;position:relative;overflow:hidden}.portrait-media{width:100%;height:calc(100% - 44px);position:relative;overflow:hidden}.portrait-media:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #10131233}.portrait-wrap img{object-fit:cover;object-position:50% 24%;filter:grayscale()contrast(1.03);width:100%;height:100%;transition:filter .6s,transform 1s;display:block}.portrait-wrap:hover img{filter:grayscale(.15);transform:scale(1.015)}.character-wrap{overflow:visible}.character-media{background:radial-gradient(circle at 52% 45%,#57a8ff2e,#0000 58%);overflow:visible}.character-media:before{content:"";border:1px solid #66d9ff29;border-radius:48% 52% 46% 54%;animation:12s linear infinite orbit;position:absolute;inset:8% 5% 6%}.character-media:after{box-shadow:none;background:linear-gradient(90deg,#0000 49.8%,#66d9ff12 50%,#0000 50.2%)}.character-wrap img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 50px #00000061);animation:5s ease-in-out infinite character-float}.character-wrap:hover img{filter:drop-shadow(0 30px 65px #57a8ff3d);transform:none}@keyframes character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbit{to{transform:rotate(360deg)}}.gaming-wrap{overflow:visible}.gaming-media{background:#061128;border:1px solid #57a8ff38;box-shadow:0 30px 90px #00235861}.gaming-media:after{background:linear-gradient(#0000 70%,#03081233);box-shadow:inset 0 0 90px #0108164d}.gaming-wrap img{object-fit:cover;object-position:center 18%;filter:saturate(.92)contrast(1.03);animation:6s ease-in-out infinite gaming-breathe}.gaming-wrap:hover img{filter:saturate(1.08)contrast(1.04);transform:scale(1.025)}@keyframes gaming-breathe{0%,to{transform:scale(1.01)}50%{transform:scale(1.035)}}.portrait-caption{text-transform:uppercase;letter-spacing:.12em;color:#aeb2af;justify-content:space-between;align-items:end;height:44px;font-size:9px;display:flex}.statement,.work-section,.journey,.expertise{color:#f3f5f3;padding:120px 8vw}.education{color:#f3f5f3;background:#09111e;padding:120px 8vw}.education-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-left:25%;display:grid}.education-card{border:1px solid var(--line);background:linear-gradient(145deg,#101d31,#09121f);min-height:260px;padding:26px;position:relative;overflow:hidden}.education-card:before{content:"";border:1px solid #57a8ff57;border-radius:50%;width:90px;height:90px;position:absolute;top:-45px;right:-30px}.education-card p{color:var(--lime);font-family:monospace;font-size:11px}.education-card h3{letter-spacing:-.035em;margin:55px 0 18px;font-size:25px;line-height:1.15}.education-card span{color:#9da59f;font-size:13px;line-height:1.55}.statement{grid-template-columns:1fr 3fr;gap:7vw;display:grid}.section-index{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.big-statement{letter-spacing:-.055em;max-width:1100px;margin:0;font-size:clamp(38px,5.4vw,80px);line-height:1.08}.big-statement strong{border-bottom:4px solid var(--lime);font-family:Georgia,serif;font-style:italic;font-weight:400}.body-copy{color:#aab1ac;max-width:670px;margin:55px 0 0 auto;font-size:18px;line-height:1.75}.statement{background:#0c1422}.work-section{background:#060a12}.section-heading{grid-template-columns:1fr 3fr;gap:7vw;margin-bottom:68px;display:grid}.section-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(54px,7.5vw,110px);font-weight:600;line-height:.88}.project-grid{background:#ffffff24;border:1px solid #ffffff24;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.project-card{background:#0d1727;flex-direction:column;min-height:430px;padding:30px;transition:background .35s,transform .35s;display:flex}.project-card:hover{box-shadow:inset 0 3px 0 var(--lime);background:#12233a;transform:translateY(-7px)}.card-top{text-transform:uppercase;letter-spacing:.14em;color:#899089;justify-content:space-between;font-size:9px;display:flex}.project-card h3{letter-spacing:-.04em;max-width:280px;margin:76px 0 22px;font-size:32px;line-height:1.07}.project-card p{color:#a6ada8;font-size:14px;line-height:1.65}.project-bottom{margin-top:auto}.project-link{color:var(--lime);border-bottom:1px solid;margin-bottom:18px;padding-bottom:5px;font-size:12px;font-weight:700;display:inline-block}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span,.skill-cloud span{border:1px solid #57a8ff57;border-radius:99px;padding:8px 12px;font-size:10px}.confidential-note{color:#7e867f;max-width:520px;margin:24px 0 0 auto;font-size:11px;line-height:1.5}.journey{background:#09111e}.timeline{border-top:1px solid var(--line);margin-left:25%}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 3fr;gap:30px;padding:34px 0;display:grid}.timeline-item>p{color:var(--muted);letter-spacing:.12em;font-size:10px}.timeline-item h3{letter-spacing:-.03em;margin:0 0 5px;font-size:24px}.timeline-item span{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.timeline-item div p{color:#a0a7a2;max-width:700px;line-height:1.6}.expertise{background:#0d1929;position:relative;overflow:hidden}.expertise:after{content:"SECURITY / CLARITY / ACTION";color:#57a8ff0b;white-space:nowrap;pointer-events:none;font-size:8vw;font-weight:900;position:absolute;bottom:-35px;right:-20px}.skill-cloud{flex-wrap:wrap;gap:11px;max-width:1000px;margin-left:25%;display:flex}.skill-cloud span{background:#57a8ff0b;padding:14px 20px;font-size:14px;transition:background .25s,transform .25s}.skill-cloud span:hover{background:var(--lime);color:var(--ink);transform:translateY(-3px)}.learning-note{max-width:640px;margin:55px 0 0 25%;font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.55}.contact{color:#fff;background:#04070d;flex-direction:column;min-height:86svh;padding:120px 8vw 35px;display:flex}.contact h2{letter-spacing:-.06em;margin:65px 0 0;font-size:clamp(50px,7vw,105px);line-height:.94}.light{color:var(--ink);background:#fff}.light-link{color:#fff}footer{color:#8e9490;text-transform:uppercase;letter-spacing:.13em;border-top:1px solid #ffffff2e;justify-content:space-between;margin-top:auto;padding-top:80px;font-size:10px;display:flex}.enter{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards enter;transform:translateY(24px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}.delay-4{animation-delay:.5s}@keyframes enter{to{opacity:1;transform:none}}.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry 5% cover 28%}@keyframes reveal{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter,.reveal,.character-wrap img,.character-media:before,.gaming-wrap img{opacity:1;animation:none;transform:none}.portrait-wrap img,.button{transition:none}}[data-theme=light] body{color:#101410;background:#f3f4ef}[data-theme=light] .hero{color:#101720;background:radial-gradient(circle at 80% 30%,#d9e9f8 0,#edf3f8 38%,#f7f9fb 70%)}[data-theme=light] .nav{color:#101410}[data-theme=light] .nav-contact,[data-theme=light] .theme-toggle{border-color:#0a0e0b59}[data-theme=light] .statement,[data-theme=light] .journey{color:#101410;background:#f3f4ef}[data-theme=light] .education,[data-theme=light] .work-section,[data-theme=light] .expertise{color:#101410;background:#e4e7df}[data-theme=light] .education-card,[data-theme=light] .project-card{color:#101410;background:#f7f7f3}[data-theme=light] .hero-lead,[data-theme=light] .body-copy,[data-theme=light] .education-card span,[data-theme=light] .project-card p,[data-theme=light] .timeline-item div p{color:#59615a}@media (width<=900px){.nav-links>a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-copy{padding:0}.portrait-wrap{min-height:58vh;margin-top:20px}.portrait-media{height:calc(100% - 35px)}.statement,.section-heading{grid-template-columns:1fr;gap:30px}.project-grid,.education-grid{grid-template-columns:1fr}.education-grid{margin-left:0}.project-card{min-height:330px}.project-card h3{margin-top:50px}.timeline,.skill-cloud,.learning-note{margin-left:0}.timeline-item{grid-template-columns:1fr}.statement,.education,.work-section,.journey,.expertise,.contact{padding:88px 6vw}.section-heading h2{font-size:58px}}@media (width<=520px){.nav{height:74px}.hero h1{font-size:21vw}.hero-actions,.contact-actions{flex-direction:column;align-items:flex-start}.portrait-wrap{min-height:430px}.big-statement{font-size:40px}.timeline-item h3{font-size:21px}.contact h2{font-size:46px}footer{flex-direction:column;align-items:flex-start;gap:20px}.nav-contact{font-size:11px}}
