:root{--navy:#101b2d;--navy2:#17263c;--ink:#152238;--muted:#697789;--line:#e4e9ef;--orange:#ff9d55;--cream:#f5f7fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));margin:auto}.brand{display:flex;align-items:center;gap:10px;font:800 14px Manrope,sans-serif;letter-spacing:1.6px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--orange);color:#172238;font-size:12px;letter-spacing:0}.brand-muted,.accent{color:var(--orange)}nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#59677a}nav a:hover{color:#e7833b}.nav-cta{border:1px solid #dce2e9;padding:11px 17px;border-radius:7px;color:var(--ink)}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:48px;padding-bottom:70px}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#8793a2}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f29a52;margin-right:9px;box-shadow:0 0 0 4px #fff0e5}.hero h1{font:800 clamp(52px,7vw,82px)/.99 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0 17px;color:var(--navy)}.hero h1 span{color:#e78a49}.hero-role{font:700 19px Manrope;margin:0 0 13px}.hero-desc{max-width:470px;color:var(--muted);line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.btn{padding:14px 18px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;gap:18px;align-items:center}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#263b59}.btn-ghost{border:1px solid var(--line)}.hero-meta{display:flex;gap:23px;margin-top:35px;color:#778496;font-size:11px;flex-wrap:wrap}.hero-meta b{color:#3c4b5f}.hero-art{height:410px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f0f3f7 0,rgba(245,247,250,.4) 54%,transparent 72%)}.art-orbit{position:absolute;border:1px solid #dce3eb;border-radius:50%;width:330px;height:330px}.orbit-two{width:410px;height:410px;border-style:dashed;opacity:.7}.building{position:relative;width:195px;height:260px;background:linear-gradient(110deg,#1c304b,#263d5b);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);padding:28px 27px 0;box-shadow:0 22px 45px #17263c30}.building-roof{height:9px;background:var(--orange);margin:-8px -5px 15px}.building-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.building-grid span{height:29px;background:#91b0c5;border:3px solid #344d68;box-shadow:inset 0 0 10px #d7efff55}.building-grid span:nth-child(3n+2){background:#f4ae71}.building-base{position:absolute;bottom:0;left:0;right:0;height:17px;background:#0e1b2e}.art-tag{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border:1px solid #e9edf2;border-radius:9px;box-shadow:0 12px 30px #1a2c4312;font-size:11px}.tag-top{top:76px;left:0}.tag-bottom{bottom:64px;right:-2px}.tag-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#fff0e5;color:#db8545;font-size:17px}.art-tag b,.art-tag small{display:block}.art-tag small{color:#8b96a4;margin-top:3px;font-size:9px}.art-cross{position:absolute;right:40px;top:50px;color:#e6a06c;font-size:26px}.stats{display:flex;align-items:center;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.stats div{width:25%;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);padding-left:28px}.stats div:first-child{padding-left:0}.stats strong{font:800 24px Manrope;color:var(--navy)}.stats span{font-size:11px;color:#8793a2}.stats p{margin-left:auto;font-size:10px;color:#9aa4b0}.section{padding:100px 0}.section-label{margin-bottom:30px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2,.contact-section h2{font:800 clamp(30px,4vw,43px)/1.15 Manrope;letter-spacing:-1.8px;margin:0;color:var(--navy)}.lead{font:500 18px/1.75 Manrope;color:#34445a;margin:0 0 15px}.muted{font-size:13px;color:#8290a0;line-height:1.8}.section-dark{background:var(--navy);color:#fff}.section-dark .section-label{color:#8493a7}.section-dark h2{color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:20px}.section-heading p{font-size:12px;color:#8996a8;max-width:310px;line-height:1.7;margin:0}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:16px}.experience-card{padding:27px 27px 29px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff08;min-height:220px}.period{font-size:10px;letter-spacing:1px;color:var(--orange);font-weight:700}.experience-card h3{font:700 17px Manrope;margin:14px 0 6px}.experience-card .role{font-size:12px;color:#b9c5d3;margin:0 0 14px}.experience-card p:last-child{font-size:12px;line-height:1.8;color:#aab7c6;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skill{padding:20px;border:1px solid var(--line);border-radius:7px;display:flex;gap:13px;align-items:flex-start;font-size:12px;line-height:1.6;color:#526174}.skill span{color:#e58c4b;font-size:16px}.credentials{padding-top:20px}.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.credentials h2{margin-bottom:28px}.credential{padding:17px 0;border-bottom:1px solid var(--line)}.credential small{color:#e18b4c;font-size:10px;font-weight:700;letter-spacing:1px}.credential h3{font:700 14px Manrope;margin:7px 0 4px}.credential p{font-size:12px;color:#7b8795;margin:0;line-height:1.6}.contact-section{background:#f3f5f8;padding:85px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-section h2{font-size:45px;margin:0 0 14px}.contact-section p{font-size:13px;color:#758295;line-height:1.8;max-width:360px}.contact-links>a,.contact-location{display:grid;grid-template-columns:1fr auto;gap:6px;padding:17px 0;border-bottom:1px solid #dfe4eb}.contact-links span{grid-column:1/-1;font-size:9px;letter-spacing:1.5px;color:#9aa4b0}.contact-links b{font-size:13px;font-weight:600}.contact-links i{font-style:normal;color:#e28a49}.footer{height:90px;display:flex;align-items:center;justify-content:space-between;color:#96a0ad;font-size:10px}.footer .brand{color:var(--ink)}.footer>a:last-child{color:#e18b4c}@media(max-width:760px){.wrap{width:min(100% - 36px,560px)}.topbar{width:calc(100% - 36px);height:70px}nav{gap:14px}nav a:not(.nav-cta){display:none}.nav-cta{padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:50px;gap:8px}.hero h1{font-size:60px}.hero-art{height:350px;transform:scale(.92);margin:0 -15px}.stats{flex-wrap:wrap;row-gap:20px}.stats div{width:33.33%;padding-left:13px}.stats div:first-child{padding-left:0}.stats p{width:100%;margin:0}.section{padding:72px 0}.about-grid,.credentials-grid,.contact-inner{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading p{margin-top:13px}.timeline{grid-template-columns:1fr}.experience-card{min-height:0}.skills-grid{grid-template-columns:1fr 1fr}.contact-section{padding:70px 0}.contact-section h2{font-size:38px}.footer{height:auto;min-height:90px;gap:14px;flex-wrap:wrap;padding:22px 0}.footer>span{order:3;width:100%}}@media(max-width:420px){.skills-grid{grid-template-columns:1fr}.hero h1{font-size:53px}.hero-meta{gap:12px}.art-tag{transform:scale(.88)}}