:root{--ink:#07151a;--paper:#f6f4ee;--green:#63e6bd;--acid:#d9ff78;--muted:#a9b6b4;--line:rgba(255,255,255,.15)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:#f8fbfa;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");z-index:5}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.17;animation:drift 13s ease-in-out infinite}.orb.a{width:450px;height:450px;background:var(--green);right:-150px;top:80px}.orb.b{width:250px;height:250px;background:var(--acid);left:-100px;top:850px;animation-delay:-5s}@keyframes drift{50%{transform:translate(-45px,60px) scale(1.1)}}
    nav{height:78px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:2}.brand{font:500 12px 'DM Mono';letter-spacing:.12em;color:var(--green)}.navlinks{display:flex;gap:22px}.navlinks a{color:#d9e4e1;text-decoration:none;font-size:13px}.navlinks a:hover{color:var(--acid)}
    main{max-width:1160px;margin:auto;padding:35px 24px 100px;position:relative;z-index:1}.hero{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:45px}.eyebrow{font:500 12px 'DM Mono';letter-spacing:.12em;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--green)}h1{font-size:clamp(52px,8vw,105px);line-height:.91;letter-spacing:-.075em;margin:20px 0 28px;max-width:800px}h1 span{color:var(--green);display:block}.lead{max-width:590px;color:#c2cecb;font-size:18px;line-height:1.65}.buttons{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{padding:14px 19px;border-radius:100px;text-decoration:none;font-size:14px;font-weight:700;transition:.25s}.button.primary{background:var(--green);color:var(--ink)}.button.secondary{border:1px solid var(--line);color:white}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(99,230,189,.18)}
    .portrait-wrap{justify-self:end;position:relative;width:min(100%,390px)}.portrait-wrap:before{content:'K.H.Y / 2005';position:absolute;z-index:1;top:17px;left:-35px;writing-mode:vertical-rl;font:11px 'DM Mono';color:var(--acid);letter-spacing:.14em}.portrait{width:100%;aspect-ratio:1/1.14;object-fit:cover;object-position:center;border-radius:190px 190px 18px 18px;filter:grayscale(1) contrast(1.07);display:block}.portrait-wrap:after{content:'';position:absolute;inset:12px -12px -12px 12px;border:1px solid var(--green);border-radius:190px 190px 18px 18px;z-index:-1}.stamp{position:absolute;right:-24px;bottom:32px;background:var(--acid);color:var(--ink);width:115px;height:115px;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 12px/1.3 'DM Mono';transform:rotate(12deg)}
    .metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 130px}.metric{padding:27px 18px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:30px;letter-spacing:-.06em;display:block;color:var(--acid)}.metric small{color:var(--muted);font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.kicker{font:500 11px 'DM Mono';letter-spacing:.13em;color:var(--green)}h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:10px 0 0;letter-spacing:-.06em}.section-note{max-width:290px;font-size:13px;line-height:1.6;color:var(--muted)}section{margin-top:125px}
    .timeline{border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);transition:.3s}.job:hover{padding-left:12px;background:rgba(99,230,189,.05)}.date{font:12px 'DM Mono';color:var(--green)}.job h3{font-size:20px;margin:0 0 8px;letter-spacing:-.035em}.job .place{color:var(--acid);font-size:13px}.job p{margin:12px 0 0;color:#bec9c7;line-height:1.65;font-size:14px;max-width:720px}
    .capabilities{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cap{padding:31px;border:1px solid var(--line);border-radius:18px;min-height:170px;background:rgba(255,255,255,.02);transition:.35s}.cap:hover{background:var(--green);color:var(--ink);transform:translateY(-6px)}.cap-num{font:12px 'DM Mono';color:var(--green)}.cap:hover .cap-num{color:var(--ink)}.cap h3{font-size:23px;letter-spacing:-.05em;margin:34px 0 8px}.cap p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.cap:hover p{color:#17342d}
    .education{background:var(--paper);color:var(--ink);border-radius:24px;padding:clamp(28px,6vw,72px);display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.education h2{font-size:52px}.edu-item{border-top:1px solid #bdc6bf;padding:22px 0}.edu-item strong{font-size:19px;display:block}.edu-item span,.edu-item p{color:#5e6965;font-size:14px;margin:7px 0 0;line-height:1.6}.edu-item em{font:12px 'DM Mono';color:#337e68;font-style:normal}.licenses{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.license{border:1px solid #b6c1ba;padding:7px 10px;border-radius:99px;font:11px 'DM Mono'}.credential-list{margin-top:28px;border-top:1px solid #bdc6bf}.credential{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #d3d9d4;font-size:13px}.credential b{font:11px 'DM Mono';color:#337e68;letter-spacing:.06em}.credential span{color:#45524e;line-height:1.45}
    footer{padding:130px 0 20px}.contact{border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.contact h2{font-size:clamp(44px,7vw,80px)}.contact h2 span{color:var(--green)}.contact-links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.contact-links a{color:#e9f0ee;text-decoration:none;font:13px 'DM Mono'}.contact-links a:hover{color:var(--acid)}.copyright{margin-top:80px;color:#73817e;font:11px 'DM Mono'}
    .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:720px){nav{height:65px}.navlinks{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px;gap:55px}.portrait-wrap{justify-self:center;width:75%}.metrics{margin-bottom:80px}.metric{padding:18px 9px}.metric strong{font-size:23px}.section-head{display:block}.section-note{margin-top:20px}.job{grid-template-columns:1fr;gap:10px}.capabilities{grid-template-columns:1fr}.education{grid-template-columns:1fr;gap:25px}.education h2{font-size:44px}.contact{grid-template-columns:1fr}.contact-links{align-items:flex-start}.stamp{right:-15px}section{margin-top:85px}}