:root{--navy:#081a2f;--navy-2:#0d2744;--blue:#146cf5;--cyan:#3ed8d0;--ink:#0c1e32;--muted:#5c6d7f;--line:#d9e2ea;--paper:#f4f7f9;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);background:rgba(247,249,251,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(8,26,47,.1)}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:36px;height:36px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;font-size:12px;letter-spacing:-1px;border-radius:4px}.brand b{font-size:15px}.site-header nav{display:flex;gap:34px;color:#405267;font-size:13px;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--blue);transition:.25s}.site-header nav a:hover:after{right:0}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);color:#fff;padding:14px 20px;font-weight:700;font-size:13px;border-radius:3px}.header-cta span,.button span{color:var(--cyan)}.menu-button{display:none;border:0;background:transparent;padding:10px}.menu-button span{display:block;width:25px;height:2px;background:var(--navy);margin:6px}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:6vw;align-items:center;padding:130px max(7vw,40px) 90px;overflow:hidden;background:linear-gradient(118deg,#f7f9fa 0%,#edf2f5 55%,#d9e5eb 100%)}.hero:before{content:"";position:absolute;left:0;bottom:0;width:52%;height:7px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.hero-orb{position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:70px;background:rgba(62,216,208,.14);filter:blur(2px)}.hero-copy{max-width:770px;position:relative;z-index:2}.status{font-size:11px;text-transform:uppercase;letter-spacing:.19em;font-weight:800;color:#4c6074;display:flex;align-items:center;gap:10px}.status i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(62,216,208,.15)}.hero h1{font-size:clamp(64px,7vw,110px);line-height:.89;letter-spacing:-.065em;margin:32px 0 22px;color:var(--navy);max-width:790px}.hero h1 em{display:block}.hero-lead{font-size:clamp(22px,2.2vw,34px);font-weight:300;line-height:1.25;max-width:630px;margin:0;color:#273f57}.hero-text{max-width:580px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button.primary{background:var(--blue);padding:17px 24px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #9aabb9;padding:12px 0}.text-link span{color:var(--blue)}.expertise{margin-top:52px;display:flex;flex-wrap:wrap;gap:12px 20px}.expertise span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#627385}.portrait-wrap{position:relative;z-index:2;max-width:540px}.portrait-frame{position:relative;border:1px solid rgba(8,26,47,.18);padding:10px;background:rgba(255,255,255,.45)}.portrait-frame:before,.portrait-frame:after{content:"";position:absolute;background:var(--cyan);z-index:2}.portrait-frame:before{width:70px;height:4px;left:-22px;top:36px}.portrait-frame:after{width:4px;height:70px;right:-18px;bottom:45px}.portrait-frame img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center}.profile-card{position:absolute;left:-64px;bottom:-52px;width:calc(100% + 25px);background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:22px 26px;box-shadow:0 20px 50px rgba(8,26,47,.22)}.profile-card>div{display:flex;gap:15px;align-items:center}.profile-card>div+div{border-left:1px solid rgba(255,255,255,.18);padding-left:25px}.profile-card strong{font-size:29px;color:var(--cyan)}.profile-card span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;line-height:1.45}.scroll-cue{position:absolute;left:max(7vw,40px);bottom:26px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#758594}.scroll-cue span{color:var(--blue);font-size:18px;margin-left:10px}
.section{width:min(1160px,calc(100% - 48px));margin:auto;padding:120px 0}.section-kicker{display:flex;align-items:center;gap:18px;color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.18em;border-top:1px solid var(--line);padding-top:18px}.section-kicker span:first-child{font-family:Georgia,serif;font-size:25px;font-weight:400}.section-head h2,.manifesto h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-.045em;margin:50px 0 70px;color:var(--navy);max-width:970px}.manifesto-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end}.manifesto h2{font-size:clamp(38px,4vw,60px);margin:55px 0 0}.manifesto p,.project-copy>p,.quote-note{color:var(--muted);font-size:16px;line-height:1.75}
.projects{padding-top:90px}.project-list{display:flex;flex-direction:column;gap:130px}.project{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.project:nth-child(even) .project-image{order:2}.project-image{position:relative;background:#dfe7eb;border:1px solid #cbd7df;padding:10px;box-shadow:0 28px 65px rgba(13,39,68,.13);overflow:hidden}.project-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .65s}.project-image:hover img{transform:scale(1.035)}.project-index{position:absolute;z-index:2;left:-1px;top:-1px;background:var(--blue);color:#fff;font:20px Georgia,serif;padding:13px 17px}.view-icon{position:absolute;right:24px;bottom:24px;width:42px;height:42px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:800}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--blue)}.project-copy h3{font-size:clamp(34px,3.3vw,52px);letter-spacing:-.04em;margin:18px 0 10px;color:var(--navy)}.project-copy h4{font:italic 21px Georgia,serif;color:var(--blue);margin:0 0 25px}.project-copy ul{list-style:none;padding:0;margin:28px 0}.project-copy li{border-top:1px solid var(--line);padding:11px 0;color:#526679;font-size:12px}.project-copy li:before{content:"+";color:var(--blue);margin-right:12px}.project-link{display:inline-flex;gap:30px;border-bottom:2px solid var(--blue);padding-bottom:7px;font-size:12px;font-weight:800}.project-link span{color:var(--blue)}
.solution-grid,.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.solution-card,.education-card{background:#fff;padding:34px;min-height:245px;position:relative;transition:.3s}.solution-card:hover{background:var(--navy);color:#fff;transform:translateY(-5px);z-index:2}.solution-card>span,.education-card>span{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--blue);text-transform:uppercase}.solution-icon{font-size:30px;color:var(--blue);margin:35px 0 22px}.solution-card h3,.education-card h3{font-size:21px;margin:0 0 14px}.solution-card p{color:var(--muted);font-size:13px;line-height:1.6}.solution-card:hover p{color:#b8c6d3}
.process-band{background:var(--navy);color:#fff}.process-band .section-kicker{border-color:rgba(255,255,255,.2);color:var(--cyan)}.process-band h2{color:#fff}.process-band h2 em{color:var(--cyan)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.process-step{border-top:1px solid rgba(255,255,255,.2);padding-top:25px}.process-step>span{font:34px Georgia,serif;color:var(--cyan)}.process-step h3{font-size:18px;margin:25px 0 12px}.process-step p{font-size:13px;line-height:1.65;color:#aebdca}.skills{border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:55px 280px 1fr;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:34px 0}.skill-row>span{font:20px Georgia,serif;color:var(--blue)}.skill-row h3{font-size:21px;margin:0}.skill-row p{color:var(--muted);line-height:1.7;margin:0}
.education-card{min-height:200px}.education-card h3{font-size:22px;line-height:1.3;margin-top:27px}.education-card b{position:absolute;right:25px;bottom:20px;color:#dce4e9;font:26px Georgia,serif}blockquote{font:clamp(35px,4vw,56px)/1.2 Georgia,serif;max-width:920px;margin:100px 0 25px;color:var(--navy)}.quote-note{max-width:700px}.contact{background:linear-gradient(120deg,#102b48,#06182b);color:#fff}.section-kicker.light{color:var(--cyan);border-color:rgba(255,255,255,.2)}.contact-grid{display:grid;grid-template-columns:1fr 340px;gap:80px;align-items:end}.contact h2{color:#fff;margin-bottom:25px}.contact h2 em{color:var(--cyan)}.contact p{color:#aec0d0;max-width:650px;line-height:1.7}.contact-actions{display:flex;flex-direction:column}.contact-actions a{display:flex;justify-content:space-between;padding:21px 2px;border-bottom:1px solid rgba(255,255,255,.25);font-weight:700;font-size:13px}.contact-actions span{color:var(--cyan)}footer{padding:35px max(7vw,40px);display:flex;align-items:center;gap:45px;background:#051321;color:#8293a3;font-size:11px}footer .brand{margin-right:auto;color:#fff}.reveal{opacity:1;transform:none}.js-enabled .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.js-enabled .reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.header-cta{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:125px;gap:55px}.hero h1{font-size:64px}.portrait-wrap{width:min(470px,90%);margin:auto}.profile-card{left:-20px;width:calc(100% + 40px)}.scroll-cue{display:none}.manifesto-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.project{grid-template-columns:1fr;gap:40px}.project:nth-child(even) .project-image{order:0}.solution-grid,.education-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.skill-row{grid-template-columns:50px 1fr}.skill-row p{grid-column:2}.contact-actions{max-width:420px}}
@media(max-width:560px){.site-header{height:68px;padding:0 20px}.brand b{font-size:13px}.hero{padding:105px 24px 95px}.hero h1{font-size:52px}.hero-lead{font-size:22px}.hero-actions{align-items:flex-start;flex-direction:column}.profile-card{position:relative;left:0;bottom:0;width:100%;padding:18px}.section{width:calc(100% - 40px);padding:85px 0}.section-head h2,.manifesto h2,.contact h2{font-size:39px;margin:38px 0 50px}.project-list{gap:90px}.solution-grid,.education-grid,.process-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:40px 1fr}.contact-grid{gap:25px}footer{align-items:flex-start;flex-direction:column;gap:12px;padding:35px 24px}footer .brand{margin:0}.expertise{margin-top:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}