@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#f4f2ed;--paper:#fbfaf7;--ink:#15171b;--muted:#686b70;--line:#d9d7d0;--dark:#11151b;--dark2:#171d25;--accent:#66d5c3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f2ede6;border-bottom:1px solid #15171b14;justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;font-family:Manrope;display:flex}.brand span{background:var(--dark);width:36px;height:36px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.brand b{letter-spacing:.15em;font-size:12px}.links{text-transform:uppercase;letter-spacing:.12em;gap:28px;font-size:11px;font-weight:700;display:flex}.links a{opacity:.65}.links a:hover{opacity:1}.menu{background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 75% 25%,#d8e7e0 0,transparent 28%),var(--bg);flex-direction:column;min-height:100vh;padding:150px 6vw 55px;display:flex}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;width:100%;max-width:1240px;margin:auto;display:grid}.pill{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.11em;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.055em;max-width:800px;margin:25px 0;font:800 clamp(52px,7vw,98px)/.94 Manrope}.hero h1 em{color:#438f83;font-style:normal}.lead{color:var(--muted);max-width:680px;font-size:18px;line-height:1.7}.actions{gap:12px;margin:32px 0;display:flex}.btn{border-radius:8px;align-items:center;gap:10px;padding:14px 19px;font-size:13px;font-weight:700;display:inline-flex}.primary{background:var(--dark);color:#fff}.secondary{border:1px solid var(--line)}.stats{gap:45px;margin-top:48px;display:flex}.stats div{flex-direction:column;gap:5px;display:flex}.stats b{font:800 22px Manrope}.stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hero-card{background:var(--dark);border-radius:24px;padding:20px;position:relative;transform:rotate(2deg);box-shadow:0 35px 80px #00000029}.portrait-wrap{aspect-ratio:4/5;background:#26313b;border-radius:14px;overflow:hidden}.portrait-wrap img{object-fit:cover;object-position:48% 17%;filter:saturate(.92);width:100%;height:100%}.hero-card-bottom{color:#fff;flex-direction:column;gap:5px;padding:18px 3px 3px;display:flex}.hero-card-bottom span{letter-spacing:.03em;font:700 16px Manrope}.hero-card-bottom small{color:#9ea7b0}.scroll{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.section{max-width:1400px;margin:auto;padding:125px 6vw}.section-title{max-width:680px;margin-bottom:55px}.section-title>span,.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#438f83;font-size:11px;font-weight:800}.section-title h2{letter-spacing:-.045em;margin:14px 0;font:800 clamp(36px,5vw,64px)/1.02 Manrope}.section-title p{color:var(--muted);font-size:17px;line-height:1.7}.about{grid-template-columns:1fr 1.15fr;gap:10vw;display:grid}.about .section-title{margin:0}.about-copy{color:#44474c;font-size:19px;line-height:1.75}.quote{border-left:3px solid var(--accent);color:var(--ink);margin-top:35px;padding:22px 0 22px 25px;font:600 20px/1.5 Manrope}.dark{background:var(--dark);color:#fff;max-width:none}.dark>.section-title,.dark>.expert-grid,.dark>.skill-cloud{max-width:1240px;margin-left:auto;margin-right:auto}.dark .section-title p{color:#aeb5bd}.expert-grid{background:#343a42;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.expert-card{background:var(--dark);min-height:250px;padding:35px}.expert-card svg{color:var(--accent);margin-bottom:30px}.expert-card h3{margin:0 0 10px;font:700 19px Manrope}.expert-card p{color:#aeb5bd;font-size:14px;line-height:1.65}.skill-cloud{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.skill-cloud span{color:#c5cad0;border:1px solid #3a424c;border-radius:999px;padding:9px 12px;font-size:11px}.timeline{max-width:1000px}.timeline-item{border-top:1px solid var(--line);grid-template-columns:170px 28px 1fr;gap:20px;padding:28px 0;display:grid}.time{color:var(--muted);font-size:12px;font-weight:700}.line{position:relative}.line:before{content:"";background:var(--line);width:1px;position:absolute;top:5px;bottom:-35px;left:50%}.line span{background:var(--accent);z-index:2;border-radius:50%;width:9px;height:9px;margin:5px auto;display:block;position:relative}.job h3{margin:0 0 7px;font:700 21px Manrope}.job h4{color:#438f83;margin:0 0 13px;font-size:13px}.job p{color:var(--muted);margin:0;line-height:1.65}.project-section{background:var(--paper)}.project-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.project-card{border:1px solid var(--line);background:#fff;grid-template-columns:45px 1fr;gap:20px;min-height:300px;padding:30px;display:grid;position:relative}.project-num{color:#438f83;font:700 12px Manrope}.project-card h3{margin:0;font:700 23px/1.15 Manrope}.project-card .company{color:#438f83;font-size:12px;font-weight:700}.project-card p:not(.company){color:var(--muted);font-size:14px;line-height:1.7}.metric{align-items:baseline;gap:9px;display:flex;position:absolute;bottom:28px;left:95px}.metric b{font:800 28px Manrope}.metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.credentials{grid-template-columns:.7fr 1.3fr;gap:8vw;display:grid}.credentials .section-title{margin:0}.credential-grid{grid-template-columns:1fr;gap:12px;display:grid}.credential-card{border:1px solid var(--line);background:#ffffff59;padding:25px}.credential-card svg{color:#438f83}.credential-card h3{font:700 17px Manrope}.credential-card ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.8}.contact{background:var(--dark);color:#fff;padding:110px 6vw}.contact-inner{grid-template-columns:1.1fr .9fr;align-items:end;gap:8vw;max-width:1240px;margin:auto;display:grid}.contact h2{letter-spacing:-.05em;margin:14px 0 20px;font:800 clamp(42px,6vw,76px)/1 Manrope}.contact p{color:#aeb5bd;max-width:560px;line-height:1.7}.contact-links{flex-direction:column;gap:16px;display:flex}.contact-links a{color:#e9ecef;border-bottom:1px solid #333a42;align-items:center;gap:12px;padding-bottom:13px;font-size:14px;display:flex}.contact-links svg:first-child{color:var(--accent)}.contact-links svg:last-child{margin-left:auto}footer{color:#7d858e;letter-spacing:.08em;text-transform:uppercase;background:#0b0e12;justify-content:space-between;padding:22px 6vw;font-size:11px;display:flex}@media (max-width:900px){.links{display:none}.links.open{background:var(--bg);flex-direction:column;padding:22px 6vw;display:flex;position:absolute;top:78px;left:0;right:0}.menu{display:block}.hero-grid,.about,.credentials,.contact-inner{grid-template-columns:1fr}.hero{padding-top:125px}.hero-card{max-width:480px;margin:0 auto}.expert-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.contact-inner,.credentials{gap:45px}}@media (max-width:600px){.hero h1{font-size:52px}.lead{font-size:16px}.stats{flex-wrap:wrap;gap:22px}.section{padding:90px 6vw}.expert-grid{grid-template-columns:1fr}.expert-card{min-height:auto}.timeline-item{grid-template-columns:1fr;gap:8px}.line{display:none}.project-card{grid-template-columns:30px 1fr;min-height:330px}.metric{left:75px}.actions{flex-direction:column}.btn{justify-content:center}footer{flex-direction:column;gap:8px}}.reveal{opacity:0;will-change:transform,opacity;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s)}.reveal-up{transform:translateY(46px)}.reveal-down{transform:translateY(-24px)}.reveal-left{transform:translate(-55px)}.reveal-right{transform:translate(55px)}.reveal.is-visible{opacity:1;transform:translate(0,0)}.hero h1 em{animation:4s ease-in-out infinite accentFloat;display:inline-block}.dot{animation:2s ease-in-out infinite pulseDot}.hero-card{animation:6s ease-in-out infinite heroFloat}.stats b{animation:1s both statRise;display:inline-block}.stats div:nth-child(2) b{animation-delay:.12s}.stats div:nth-child(3) b{animation-delay:.24s}.btn,.expert-card,.project-card,.credential-card,.skill-cloud span,.contact-links a{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,background-color .35s,box-shadow .35s,color .35s}.btn:hover{transform:translateY(-4px)}.expert-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0003}.project-card:hover{border-color:#b9b6ad;transform:translateY(-7px);box-shadow:0 24px 55px #11151b1a}.credential-card:hover{border-color:#bbb8af;transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.skill-cloud span:hover{border-color:var(--accent);color:#fff;background:#1c242c;transform:translateY(-3px)}.contact-links a:hover{border-color:var(--accent);color:#fff;transform:translate(8px)}.timeline-item .line:before{transform-origin:top;transition:transform 1s .25s;transform:scaleY(0)}.timeline-item.is-visible .line:before{transform:scaleY(1)}.timeline-item .line span{transition:transform .45s cubic-bezier(.22,1,.36,1) .35s;transform:scale(0)}.timeline-item.is-visible .line span{transform:scale(1)}@keyframes accentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #66d5c373}50%{box-shadow:0 0 0 8px #66d5c300}}@keyframes heroFloat{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(1deg)translateY(-10px)}}@keyframes statRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}.skill-cloud span{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1),border-color .35s,background-color .35s,color .35s;transform:translateY(14px)}.skill-cloud.is-visible span{opacity:1;transform:translateY(0)}.skill-cloud.is-visible span:first-child{transition-delay:80ms}.skill-cloud.is-visible span:nth-child(2){transition-delay:.125s}.skill-cloud.is-visible span:nth-child(3){transition-delay:.17s}.skill-cloud.is-visible span:nth-child(4){transition-delay:.215s}.skill-cloud.is-visible span:nth-child(5){transition-delay:.26s}.skill-cloud.is-visible span:nth-child(6){transition-delay:.305s}.skill-cloud.is-visible span:nth-child(7){transition-delay:.35s}.skill-cloud.is-visible span:nth-child(8){transition-delay:.395s}.skill-cloud.is-visible span:nth-child(9){transition-delay:.44s}.skill-cloud.is-visible span:nth-child(10){transition-delay:.485s}.skill-cloud.is-visible span:nth-child(11){transition-delay:.53s}.skill-cloud.is-visible span:nth-child(12){transition-delay:.575s}.logo-brand{align-items:center;width:190px;height:52px;display:flex;overflow:visible}.logo-brand img{object-fit:contain;object-position:left center;filter:drop-shadow(0 0 #e4203f00);width:190px;height:auto;max-height:52px;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s;display:block}.logo-brand:hover img{filter:drop-shadow(0 6px 16px #e4203f2e);transform:scale(1.035)translateY(-1px)}.nav{-webkit-backdrop-filter:blur(14px);background:#f7f6f2e0}.section-animated{position:relative;overflow:hidden}.section-animated:before{content:"";background:linear-gradient(90deg,var(--accent),transparent);width:0;height:2px;transition:width 1.1s cubic-bezier(.22,1,.36,1) .15s;position:absolute;top:0;left:6vw}.section-animated:after{content:"";opacity:0;border:1px solid #438f831f;border-radius:50%;width:180px;height:180px;transition:opacity .9s,transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;top:18%;right:-90px;transform:scale(.65)}.section-animated:has(.is-visible):before{width:38%}.section-animated:has(.is-visible):after{opacity:1;transform:scale(1)}.about-copy p{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s}.about-copy.is-visible p:first-child{animation:.8s .12s both copyReveal}.about-copy.is-visible p:nth-child(2){animation:.8s .25s both copyReveal}.about-copy.is-visible .quote{animation:1s .4s both quoteReveal}.expert-card{overflow:hidden}.expert-card:before{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .5s;position:absolute;inset:auto auto 0 0;transform:scaleX(0)}.expert-card{position:relative}.expert-card:hover:before{transform:scaleX(1)}.expert-card svg{transition:transform .5s cubic-bezier(.22,1,.36,1)}.expert-card:hover svg{transform:rotate(-8deg)scale(1.12)}.timeline-item .job h3,.timeline-item .job h4,.timeline-item .job p{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translate(22px)}.timeline-item.is-visible .job h3{opacity:1;transition-delay:.12s;transform:none}.timeline-item.is-visible .job h4{opacity:1;transition-delay:.22s;transform:none}.timeline-item.is-visible .job p{opacity:1;transition-delay:.32s;transform:none}.timeline-item .time{transition:transform .7s cubic-bezier(.22,1,.36,1),color .35s}.timeline-item:hover .time{color:var(--ink);transform:translate(5px)}.project-card:before{content:"";opacity:0;background:linear-gradient(120deg,#438f830f,#0000 45%);transition:opacity .5s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-num{transition:transform .5s cubic-bezier(.22,1,.36,1),color .35s}.project-card:hover .project-num{color:var(--accent);transform:translateY(-5px)}.metric b{transition:transform .45s cubic-bezier(.22,1,.36,1);display:inline-block}.project-card:hover .metric b{transform:scale(1.08)}.credential-card{position:relative;overflow:hidden}.credential-card:after{content:"";opacity:.4;border:1px solid #438f831f;border-radius:50%;width:90px;height:90px;transition:transform .6s,opacity .6s;position:absolute;top:-35px;right:-35px;transform:scale(.4)}.credential-card:hover:after{opacity:1;transform:scale(1.15)}.credential-card svg{transition:transform .5s cubic-bezier(.22,1,.36,1)}.credential-card:hover svg{transform:translateY(-4px)rotate(5deg)}.contact{position:relative;overflow:hidden}.contact:before{content:"";opacity:0;border:1px solid #438f8329;border-radius:50%;width:420px;height:420px;transition:opacity 1s,transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;top:-150px;right:-180px;transform:scale(.5)}.contact:has(.is-visible):before{opacity:1;transform:scale(1)}.contact-links a svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.contact-links a:hover svg:first-child{transform:translate(3px)rotate(-5deg)}footer{position:relative;overflow:hidden}footer:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);width:100%;height:1px;transition:transform 1.2s;position:absolute;top:0;left:0;transform:scaleX(0)}footer.is-visible:before{transform:scaleX(1)}@keyframes copyReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes quoteReveal{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media (max-width:600px){.logo-brand{width:145px;height:42px}.logo-brand img{width:145px;max-height:42px}}
