:root{--bg:#e9edf2;--ink:#18202a;--muted:#697482;--blue:#F16913;--line:#cbd2da;--shadow:12px 12px 28px #c2c9d1,-12px -12px 28px #fff;--sm:6px 6px 14px #c2c9d1,-6px -6px 14px #fff;--in:inset 4px 4px 9px #c5ccd4,inset -4px -4px 9px #fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}::selection{background:var(--blue);color:#fff}
.nav-shell{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));height:64px;padding:8px 10px 8px 20px;border:1px solid #ffffffb8;border-radius:22px;background:#e9edf2dc;box-shadow:8px 8px 20px #acb5bf88,-8px -8px 20px #fff;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.logo{font:800 1.45rem Manrope}.logo span,.heading>span,.business>div>span,.contact>span{color:var(--blue)}.nav-shell nav{display:flex;gap:32px}.nav-shell nav a{font-weight:700;font-size:.87rem;color:#596572}.nav-shell nav a:hover,.nav-shell nav a.active{color:var(--blue)}.pill,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:15px;font-weight:800}.pill,.dark{color:#fff;background:linear-gradient(145deg,#3174fa,#1e53c6);box-shadow:var(--sm),inset 1px 1px 2px #ffffff55}.button:not(.dark){box-shadow:var(--sm);border:1px solid #ffffffaa}.button:active,.pill:active{transform:translateY(2px);box-shadow:var(--in)}#menu,.mobile{display:none}
.section{width:min(1180px,calc(100% - 40px));margin:auto;padding:110px 0}.hero{min-height:100vh;padding-top:125px;display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;font-weight:800;color:var(--muted)}.eyebrow i{width:9px;height:9px;border-radius:50%;background:#38a66a;box-shadow:0 0 0 5px #38a66a1f}.hero h1,.heading h2,.business h2,.contact h2{font-family:Manrope;line-height:.98;letter-spacing:-.055em}.hero h1{font-size:clamp(4rem,8vw,7.7rem);margin:24px 0 28px}.hero h1 em,.business h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:570px;color:var(--muted);font-size:1.1rem}.actions{display:flex;gap:14px;margin:32px 0}.socials{display:flex;gap:24px;flex-wrap:wrap;color:#63707d;font-size:.84rem;font-weight:800}.portrait-panel{height:min(650px,70vh);min-height:520px;position:relative;overflow:hidden;border:1px solid #fff;border-radius:42px;background:linear-gradient(145deg,#f4f7fa,#d8dde3);box-shadow:18px 18px 40px #bdc5ce,-18px -18px 40px #fff}.portrait-panel:after{content:"";position:absolute;inset:15px;border-radius:30px;box-shadow:var(--in)}.stamp{position:absolute;top:16%;left:50%;transform:translateX(-50%) rotate(-90deg);font:800 clamp(5rem,9vw,8rem) Manrope;color:#18202a0e}.halo{position:absolute;left:50%;top:18%;width:62%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#dfe5eb;box-shadow:var(--in)}.portrait-panel img{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:93%;height:94%;object-fit:contain;object-position:center bottom}.floor-shadow{position:absolute;z-index:1;bottom:5%;left:20%;width:65%;height:7%;border-radius:50%;background:#141b233a;filter:blur(16px)}.label{display:flex;justify-content:space-between;margin:12px 0;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.label b{color:#31865a}
.heading{display:grid;grid-template-columns:1fr 2.1fr;align-items:start;margin-bottom:50px}.heading>span,.business>div>span,.contact>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.heading h2{font-size:clamp(2.8rem,5vw,5.1rem);margin:0}.card{border:1px solid #ffffffc7;background:linear-gradient(145deg,#f1f4f8,#dce1e7);box-shadow:var(--shadow);border-radius:30px}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.copy{padding:42px}.copy p{color:var(--muted)}.copy .lead{font:600 1.5rem/1.42 Manrope;color:var(--ink)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stats .card{padding:25px;min-height:145px;display:flex;flex-direction:column;justify-content:center}.stats strong{font:800 3rem Manrope;letter-spacing:-.07em}.stats span{color:var(--muted)}
.timeline{display:grid;gap:18px}.row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:24px;padding:22px 28px;border:1px solid #ffffffbd;border-radius:24px;box-shadow:var(--sm)}.row i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;box-shadow:var(--in);font-style:normal;font-size:.76rem;font-weight:800;color:var(--blue)}small,.feature small,.award small{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.row h3{font:700 1.16rem Manrope;margin:3px 0}.row p{margin:0;color:var(--muted)}.row>b{font-size:.78rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:30px;min-height:245px}.feature h3{font:700 1.5rem Manrope;margin:35px 0 12px}.feature p{color:var(--muted);margin:0}.awards,.travel{border-top:1px solid var(--line)}.award{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;padding:30px 10px;border-bottom:1px solid var(--line)}.award strong{font:800 2rem Manrope;color:var(--blue)}.award h3{font:700 1.45rem Manrope;margin:5px 0}.award>i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;box-shadow:var(--sm);font-style:normal}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{min-height:500px;border:1px solid #ffffffcc;border-radius:36px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#f2f5f8,#d8dee4);box-shadow:var(--shadow)}.project.dark{background:linear-gradient(145deg,#27313d,#131a22);color:#f5f7fa}.project-top{display:flex;justify-content:space-between;font-size:.78rem;font-weight:800}.project-top i{font:normal 5rem/1 Manrope;color:var(--blue)}.project h3{font:800 clamp(2.2rem,4vw,3.8rem) Manrope;letter-spacing:-.06em;margin:22px 0 12px}.project p{color:var(--muted)}.dark p{color:#9aa5b2}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags b{padding:7px 11px;border-radius:9px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--in)}.dark .tags b{box-shadow:inset 2px 2px 5px #0008,inset -2px -2px 5px #ffffff18}.skills .card{padding:32px}.skills .card>span{color:var(--blue);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.skills h3{font:650 1.18rem/1.8 Manrope;margin:22px 0 0}
.business{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:68px;border-radius:40px;background:linear-gradient(145deg,#303a46,#171e26);box-shadow:18px 18px 40px #bcc3cb,-18px -18px 40px #fff;color:#f4f7fa}.business h2{font-size:clamp(4rem,8vw,7rem);margin:25px 0 0}.business>div:last-child{align-self:end}.business p{font-size:1.08rem;color:#aeb8c3}.business .tags b{box-shadow:inset 2px 2px 5px #0008,inset -2px -2px 5px #ffffff18}.travel-row{display:grid;grid-template-columns:80px 1fr 1fr;padding:22px 10px;align-items:center;border-bottom:1px solid var(--line)}.travel-row span{color:var(--blue);font-weight:800}.travel-row h3{font:700 1.45rem Manrope;margin:0}.travel-row p{margin:0;color:var(--muted)}.contact{padding:75px;text-align:center;border:1px solid #ffffffcc;border-radius:40px;box-shadow:var(--shadow)}.contact h2{font-size:clamp(3.3rem,7vw,6.7rem);margin:25px auto 45px}.contact>div{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.contact a{padding:14px 20px;border-radius:14px;box-shadow:var(--sm);font-weight:800}footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:30px 0 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--muted);font-size:.8rem}footer p{margin:0;text-align:center}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-shell nav{display:none}#menu{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:14px;box-shadow:var(--sm);background:var(--bg);font-size:1.2rem}.mobile{position:fixed;z-index:29;display:grid;top:92px;left:18px;right:18px;max-height:70vh;overflow:auto;padding:16px;border-radius:22px;background:#e9edf2f7;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.mobile.open{opacity:1;visibility:visible;transform:none}.mobile a{padding:11px 12px;font-weight:800}.hero{grid-template-columns:1fr;gap:60px}.heading{grid-template-columns:1fr;gap:18px}.about-grid,.business{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.business{gap:40px}}
@media(max-width:620px){html{scroll-padding-top:85px}body{padding-bottom:82px}.section{width:calc(100% - 28px);padding:76px 0}.nav-shell{top:10px;width:calc(100% - 20px);height:58px;border-radius:19px;padding:6px 8px 6px 17px}.nav-shell .pill,#menu{display:none}.mobile{display:flex;z-index:40;top:auto;bottom:10px;left:10px;right:10px;height:66px;padding:6px;overflow:visible;align-items:center;justify-content:space-around;border:1px solid #ffffffcc;border-radius:22px;opacity:1;visibility:visible;transform:none;background:#e9edf2f2;box-shadow:8px 8px 22px #aeb6bf,-8px -8px 22px #fff}.mobile a{display:none}.mobile a[href="#about"],.mobile a[href="#experience"],.mobile a[href="#projects"],.mobile a[href="#travel"],.mobile a[href="#contact"]{display:flex;position:relative;width:50px;height:50px;padding:0;align-items:flex-end;justify-content:center;border-radius:16px;font-size:0;color:var(--muted)}.mobile a:before{position:absolute;top:5px;font-size:1.12rem;line-height:1}.mobile a:after{font-size:.57rem;font-weight:800;margin-bottom:4px}.mobile a[href="#about"]:before{content:"◉"}.mobile a[href="#about"]:after{content:"About"}.mobile a[href="#experience"]:before{content:"▣"}.mobile a[href="#experience"]:after{content:"Work"}.mobile a[href="#projects"]:before{content:"◇"}.mobile a[href="#projects"]:after{content:"Projects"}.mobile a[href="#travel"]:before{content:"⌖"}.mobile a[href="#travel"]:after{content:"Travel"}.mobile a[href="#contact"]:before{content:"↗"}.mobile a[href="#contact"]:after{content:"Contact"}.mobile a.active{color:var(--blue);box-shadow:var(--in)}.hero{min-height:auto;padding-top:95px;gap:28px;display:flex;flex-direction:column}.hero-copy{display:contents}.eyebrow{order:1;align-self:flex-start}.hero h1{order:2;font-size:clamp(3.25rem,16vw,4.7rem);margin:14px 0 4px;align-self:flex-start}.hero-copy>p{order:4;font-size:1rem;margin:0}.portrait{order:3;width:100%}.portrait-panel{height:58vh;min-height:430px;border-radius:30px}.portrait-panel:after{inset:10px;border-radius:22px}.label{font-size:.59rem}.label b{display:none}.actions{order:5;width:100%;display:grid;grid-template-columns:1.2fr .8fr;margin:20px 0 0;gap:10px}.button{padding:0 12px;min-height:52px;font-size:.87rem}.socials{order:6;width:100%;justify-content:space-between;gap:8px;font-size:.73rem}.heading{margin-bottom:32px}.heading h2{font-size:2.65rem}.about-grid,.projects,.grid,.skills{grid-template-columns:1fr}.copy{padding:27px}.copy .lead{font-size:1.26rem}.stats{grid-template-columns:1fr 1fr;gap:13px}.stats .card{min-height:118px;padding:19px;border-radius:22px}.stats strong{font-size:2.3rem}.stats span{font-size:.8rem}.row{grid-template-columns:50px 1fr;padding:18px 14px;gap:11px}.row i{width:42px;height:42px}.row>b{grid-column:2}.feature{min-height:0;padding:25px}.feature h3{margin:25px 0 9px}.award{grid-template-columns:76px 1fr;gap:12px;padding:24px 4px}.award strong{font-size:1.2rem}.award>i{display:none}.award h3{font-size:1.15rem}.project{min-height:420px;padding:26px;border-radius:28px}.project h3{font-size:2.45rem}.business,.contact{padding:36px 23px;border-radius:28px}.business h2{font-size:3.5rem}.travel-row{grid-template-columns:40px 1fr;padding:19px 4px}.travel-row p{grid-column:2}.contact h2{font-size:3rem}.contact>div{flex-direction:column}.contact a{font-size:.85rem}.contact{margin-bottom:20px}footer{grid-template-columns:1fr;gap:8px;text-align:center;padding-bottom:25px}footer p:last-child{text-align:center}footer .logo{margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}