:root{--ink:#17221f;--muted:#70807b;--paper:#f5f7f4;--card:#fff;--line:#dfe7e2;--accent:#2d7462;--accent-2:#d6e7df;--warm:#e8a967;--shadow:0 18px 50px rgba(34,70,58,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif;line-height:1.65}body.dark{--ink:#e9f0ec;--muted:#a1b2aa;--paper:#17211e;--card:#202d28;--line:#354740;--accent:#8dccb5;--accent-2:#29473c;--shadow:0 18px 50px rgba(0,0,0,.24)}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}.noise{position:fixed;inset:0;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .shell{width:min(1180px,calc(100% - 56px));margin:auto}.site-header{height:78px;width:min(1240px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand span{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--accent);border-radius:50%;font:800 12px Manrope;color:var(--accent)}.brand b{font-size:15px}.desktop-nav{display:flex;gap:34px;margin-left:100px}.desktop-nav a{color:var(--muted);text-decoration:none;font-size:13px;transition:.2s}.desktop-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.icon-btn{font-size:21px;width:42px;height:42px;border-radius:50%}.header-cta,.primary-btn{background:var(--ink);color:var(--paper);padding:12px 17px;border-radius:4px;font-weight:700;font-size:13px}.header-cta span,.primary-btn span{margin-left:15px;color:var(--warm)}.hero{min-height:520px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;padding:64px 0 75px}.eyebrow{color:var(--accent);font:700 11px Manrope;letter-spacing:1.5px;text-transform:uppercase}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warm);margin-right:9px}.hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.12;letter-spacing:-3px;margin:22px 0;color:var(--ink)}.hero h1 em{font-style:normal;color:var(--accent)}.hero-intro{color:var(--muted);max-width:520px;font-size:15px;line-height:1.9}.hero-buttons{display:flex;align-items:center;gap:26px;margin:31px 0}.text-btn{color:var(--accent);font-weight:700;font-size:13px}.text-btn span{font-size:19px;margin-left:10px}.quick-facts{display:flex;gap:20px;color:var(--muted);font:11px Manrope;border-top:1px solid var(--line);padding-top:17px}.hero-visual{position:relative;min-height:430px}.map-grid{position:absolute;width:340px;height:340px;right:35px;top:27px;border-radius:50%;background:linear-gradient(120deg,transparent 48%,rgba(45,116,98,.12) 49%,transparent 50%),linear-gradient(35deg,transparent 48%,rgba(45,116,98,.11) 49%,transparent 50%),repeating-radial-gradient(circle at 50% 50%,transparent 0 39px,rgba(45,116,98,.15) 40px 41px);opacity:.8}.map-grid:after{content:'';position:absolute;inset:40px;border:1px dashed var(--accent);border-radius:45% 55% 46% 54%;transform:rotate(24deg)}.portrait-wrap{position:absolute;right:82px;top:42px;width:265px;height:355px;overflow:hidden;border-radius:130px 130px 8px 8px;background:#dfeae3;box-shadow:var(--shadow);border:7px solid var(--card)}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-tag{position:absolute;bottom:15px;left:17px;color:white;font:700 9px/1.3 Manrope;letter-spacing:1px;background:rgba(23,34,31,.66);padding:8px 10px}.orbit{position:absolute;border:1px solid var(--accent);border-radius:50%;opacity:.55}.orbit-a{width:410px;height:205px;right:7px;top:112px;transform:rotate(-35deg)}.orbit-b{width:250px;height:420px;right:112px;top:0;transform:rotate(28deg)}.visual-note{position:absolute;background:var(--card);padding:12px 14px;box-shadow:var(--shadow);font:700 11px Manrope;letter-spacing:1px}.visual-note small{display:block;color:var(--muted);line-height:1.3;margin-top:3px}.note-a{right:0;top:72px}.note-b{left:12px;bottom:63px}.note-dot{width:7px;height:7px;background:var(--warm);display:inline-block;border-radius:50%;margin-right:8px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;margin-bottom:90px}.stats div{display:flex;align-items:baseline;gap:12px;padding-left:26px;border-left:1px solid var(--line)}.stats div:first-child{padding-left:0;border-left:0}.stats strong{font:800 27px Manrope;color:var(--accent)}.stats span{font-size:12px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:260px 1fr;gap:90px;padding-bottom:95px}.side-label,.section-meta{font:700 10px Manrope;letter-spacing:1.5px;color:var(--muted)}.contact-card{margin-top:18px;border-top:2px solid var(--accent);padding:21px 0}.card-kicker{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.card-kicker span{color:var(--accent);font-size:19px}.contact-list{list-style:none;padding:0;margin:19px 0}.contact-list li{display:flex;justify-content:space-between;gap:10px;margin:12px 0;font-size:12px}.contact-list span{color:var(--muted)}.contact-list b{font-weight:600}.copy-phone{width:100%;text-align:left;border-top:1px solid var(--line);padding-top:16px;color:var(--accent);font:700 16px Manrope}.copy-phone span{float:right;font:11px 'Noto Sans SC';color:var(--muted)}.side-label-2{margin-top:54px}.focus-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.focus-chip{border:1px solid var(--line);color:var(--muted);padding:8px 10px;font-size:11px;border-radius:2px}.focus-chip.active,.focus-chip:hover{background:var(--accent);border-color:var(--accent);color:white}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.section-heading>div{display:flex;gap:17px;align-items:center}.section-no{font:700 12px Manrope;color:var(--warm)}h2{margin:0;font-size:25px;letter-spacing:-.8px}.resume-section{margin-bottom:72px}.timeline-item{display:grid;grid-template-columns:155px 1fr;gap:34px;padding:18px 0;border-bottom:1px solid var(--line)}.time{font:600 11px/1.5 Manrope;color:var(--accent)}.time small{color:var(--muted);font:11px 'Noto Sans SC'}.timeline-body h3{margin:0;font-size:16px}.timeline-body h3 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:10px}.timeline-body p,.project-desc{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.8}.tag-row,.project-tools,.certs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-row span,.project-tools span,.certs span{font-size:10px;color:var(--accent);background:var(--accent-2);padding:4px 8px;border-radius:2px}.project-card{background:var(--card);box-shadow:var(--shadow);padding:27px 30px;border-left:3px solid var(--accent)}.project-top{display:flex;justify-content:space-between;gap:20px}.project-type{color:var(--accent);font:700 10px Manrope;letter-spacing:1px}.project-card h3{font-size:25px;margin:6px 0}.project-year{font:700 24px Manrope;color:var(--accent)}.project-year small{display:block;font:10px 'Noto Sans SC';color:var(--muted);text-align:right}.project-layout{display:grid;grid-template-columns:1fr 190px;gap:40px;margin-top:24px}.deliverables h4{font-size:12px;margin:0 0 11px}.deliverables ul{list-style:none;padding:0;margin:0}.deliverables li{font-size:12px;color:var(--muted);padding:5px 0 5px 17px;position:relative}.deliverables li:before{content:'↳';position:absolute;left:0;color:var(--warm)}.project-diagram{position:relative;width:180px;height:180px;border:1px dashed var(--line);border-radius:50%;background:radial-gradient(circle,var(--accent-2) 0 28%,transparent 29%)}.diagram-center{position:absolute;inset:67px auto auto 67px;text-align:center;font-size:11px;font-weight:700;color:var(--accent)}.diagram-node{position:absolute;background:var(--card);border:1px solid var(--accent);font:700 10px Manrope;padding:5px 7px}.n1{left:-14px;top:35px}.n2{right:-12px;top:32px}.n3{right:-12px;bottom:31px}.n4{left:-14px;bottom:30px}.expand-project{color:var(--accent);font-size:12px;margin-top:24px;padding:8px 0}.expand-project span{margin-left:12px;font-size:18px}.project-more{display:none;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}.project-more.show{display:block}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.capability-card{border:1px solid var(--line);padding:21px}.cap-icon{color:var(--warm);font:24px Manrope}.capability-card h3{font-size:15px;margin:8px 0}.capability-card p{color:var(--muted);font-size:11px}.skill-bars{margin-top:19px}.skill-bars div{margin-top:13px;font-size:10px;color:var(--muted)}.skill-bars i{height:3px;background:var(--line);display:block;margin-top:5px}.skill-bars b{display:block;height:100%;background:var(--accent)}.certs{margin-top:22px}.certs span{background:transparent;border:1px solid var(--line);color:var(--muted);padding:7px 10px}.site-footer{border-top:1px solid var(--line);padding:29px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer div:first-child{display:flex;align-items:center;gap:16px}.site-footer b{font-size:15px}.site-footer div span,.site-footer small{font-size:11px;color:var(--muted)}.footer-actions{display:flex;gap:18px}.footer-actions button{font-size:11px;color:var(--accent)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:11px 17px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-bar{display:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.14s}.hidden-filter{display:none!important}@media(max-width:800px){.shell,.site-header{width:min(100% - 34px,600px)}.site-header{height:68px}.desktop-nav{display:none}.header-cta{padding:9px 11px}.header-cta span{margin-left:7px}.hero{display:flex;flex-direction:column;padding:44px 0 56px;gap:10px;align-items:stretch}.hero h1{font-size:47px;letter-spacing:-2px}.hero-intro{font-size:14px}.hero-visual{min-height:370px;transform:scale(.88);transform-origin:center top;margin-bottom:-42px}.portrait-wrap{right:50%;transform:translateX(50%);width:235px;height:315px}.map-grid{right:50%;transform:translateX(50%);width:290px;height:290px}.orbit-a{right:50%;transform:translateX(50%) rotate(-35deg);width:350px}.orbit-b{right:50%;transform:translateX(50%) rotate(28deg);height:380px}.note-a{right:2px;top:62px}.note-b{left:2px;bottom:45px}.quick-facts{gap:11px;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:60px}.stats div:nth-child(3){padding-left:0;border-left:0}.content-grid{display:block;padding-bottom:75px}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:62px}.side-label-2{margin-top:0}.contact-card{grid-column:1/-1;margin-top:2px}.focus-list{grid-column:1/-1;margin-top:4px}.section-heading{align-items:start;gap:20px}.section-meta{display:none}.timeline-item{grid-template-columns:1fr;gap:6px}.timeline-body h3{font-size:15px}.project-card{padding:21px 18px}.project-layout{grid-template-columns:1fr;gap:20px}.project-diagram{margin:auto}.capability-grid{grid-template-columns:1fr}.site-footer{display:block;padding-bottom:88px}.site-footer div:first-child{display:block}.site-footer div span{display:block;margin-top:5px}.footer-actions{margin:22px 0}.mobile-bar{position:fixed;z-index:10;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;padding:10px 17px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);gap:10px}.mobile-bar button{height:43px;border:1px solid var(--accent);color:var(--accent);font-size:12px;font-weight:700}.mobile-bar button:last-child{background:var(--accent);color:white}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media print{body{background:white;color:#17221f}.site-header,.hero-buttons,.side-column,.site-footer,.mobile-bar,.toast,.expand-project,.project-more{display:none!important}.shell{width:100%}.hero{min-height:0;display:block;padding:20px 0}.hero-visual{display:none}.hero h1{font-size:35px}.hero-intro{max-width:700px}.stats{margin-bottom:24px}.content-grid{display:block;padding:0}.resume-section{margin-bottom:27px}.project-card{box-shadow:none;border:1px solid #cfd9d4}.reveal{opacity:1;transform:none}.capability-card{break-inside:avoid}}