@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root{--bg:#07111f;--bg2:#0c1728;--panel:rgba(255,255,255,.065);--panel2:rgba(255,255,255,.105);--text:#eef5ff;--muted:#a9b8cb;--line:rgba(255,255,255,.14);--green:#54e0a3;--blue:#66a6ff;--shadow:0 28px 90px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.58;background:radial-gradient(circle at 8% 5%,rgba(102,166,255,.23),transparent 34rem),radial-gradient(circle at 92% 12%,rgba(84,224,163,.14),transparent 31rem),linear-gradient(135deg,var(--bg),var(--bg2) 58%,#08101b);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.mark{font:700 24px/1 Manrope;text-decoration:none}.mark span,.section-label,.case-type{color:var(--green)}nav{display:flex;gap:28px}nav a{font-size:14px;text-decoration:none;color:var(--muted);transition:.2s}nav a:hover{color:var(--text)}
.hero{min-height:760px;padding:82px 0 74px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;align-items:center;position:relative}.kicker,.section-label,.case-type{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600}.kicker{color:var(--green)}.hero h1{font:600 clamp(54px,7.2vw,98px)/.96 Manrope;margin:24px 0 34px;letter-spacing:-.058em;max-width:900px}.intro{font-size:20px;max-width:760px;margin:0 0 16px}.muted,.case p,.statement-grid p,.capability-grid p,.timeline p,.education p{color:var(--muted)}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;padding:0 20px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:600;background:var(--panel);backdrop-filter:blur(15px);transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}.button.primary{border:0;color:#04111b;background:linear-gradient(135deg,var(--green),var(--blue))}.portrait-card{align-self:end;padding:10px;border-radius:30px;background:linear-gradient(135deg,rgba(84,224,163,.72),rgba(102,166,255,.46));box-shadow:var(--shadow);margin:0}.portrait-card img{width:100%;height:auto;display:block;border-radius:22px;filter:saturate(.82) contrast(1.03)}.portrait-card div{margin-top:10px;padding:15px 12px;border-radius:18px;background:rgba(7,17,31,.88);display:flex;justify-content:space-between;gap:14px}.portrait-card strong{font:600 15px Manrope}.portrait-card span{text-align:right;color:var(--muted);font-size:12px;line-height:1.4}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof div,.case,.capability-grid article,.timeline article,.education-grid>div{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(17px);box-shadow:0 12px 38px rgba(0,0,0,.14)}.proof div{padding:24px;border-radius:20px}.proof strong,.proof span{display:block}.proof strong{font:600 18px Manrope}.proof span{font-size:14px;color:var(--muted);margin-top:5px}
.statement{padding:140px 0}.statement h2,.section-heading h2,.contact h2{font:600 clamp(38px,5.1vw,68px)/1.06 Manrope;letter-spacing:-.044em;margin:18px 0 48px;max-width:1000px}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-left:25%}.statement-grid p{font-size:19px;margin:0}.section-heading{margin-bottom:52px}.work,.capabilities,.experience{padding:105px 0}.case{position:relative;border-radius:24px;padding:30px}.case.featured{display:grid;grid-template-columns:48px minmax(0,1fr) 225px;gap:34px;padding:36px;background:linear-gradient(135deg,rgba(84,224,163,.11),rgba(102,166,255,.08))}.case-number{font:600 13px Manrope;color:var(--green)}.case h3{font:600 clamp(27px,3vw,42px)/1.1 Manrope;letter-spacing:-.035em;margin:9px 0 18px}.case p{font-size:17px;max-width:740px}.outcomes{list-style:none;padding:0;margin:27px 0 0}.outcomes li{position:relative;padding:10px 0 10px 22px;border-top:1px solid var(--line)}.outcomes li:before{content:"↳";position:absolute;left:0;color:var(--green)}.outcomes.compact li{font-size:14px}.stack{display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:7px}.stack span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:11px;color:#dbe8f8;background:rgba(255,255,255,.045)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.case-grid .case{padding:29px}.case-grid .stack{margin-top:26px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capability-grid article{min-height:260px;padding:27px;border-radius:22px}.capability-grid article>span{font-size:12px;color:var(--green)}.capability-grid h3{font:600 21px Manrope;margin:52px 0 14px}.capability-grid p{font-size:15px;margin:0}.timeline{display:grid;gap:14px}.timeline article{display:grid;grid-template-columns:24% 1fr;padding:28px;border-radius:22px}.timeline time{font-size:13px;color:var(--green);font-weight:600}.timeline h3{font:600 25px Manrope;margin:0 0 3px}.timeline h4{font-size:14px;margin:0 0 12px;color:#d7e4f3;font-weight:500}.timeline p{max-width:720px;margin:0}.education{padding:90px 0}.education-grid{margin-left:25%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.education-grid>div{padding:26px;border-radius:22px}.education h3{font:600 21px Manrope;margin-top:0}.education p{margin-bottom:0}
.contact{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(84,224,163,.14),rgba(102,166,255,.13));padding:72px;margin-top:70px;box-shadow:var(--shadow)}.contact:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-150px;top:-190px;background:rgba(102,166,255,.13);filter:blur(15px)}.contact h2{max-width:850px;margin-bottom:22px}.contact p{color:var(--muted);font-size:18px}.contact>a{position:relative;z-index:1;display:inline-block;margin-top:32px;font:600 clamp(19px,3vw,30px) Manrope;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:8px}.contact>a span{color:var(--green)}footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:42px;padding-top:60px}.portrait-card{width:280px;align-self:auto}.statement-grid,.education-grid{margin-left:0}.case.featured{grid-template-columns:42px 1fr}.case.featured>.stack{grid-column:2}.capability-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(49px,12vw,76px)}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:68px}.nav nav{gap:14px}.nav nav a:first-child{display:none}.hero{min-height:auto;padding:50px 0 60px}.hero h1{font-size:48px}.intro{font-size:17px}.portrait-card{width:100%;max-width:310px}.proof{grid-template-columns:1fr}.statement,.work,.capabilities,.experience{padding:78px 0}.statement-grid,.education-grid{grid-template-columns:1fr;gap:14px}.statement-grid p{font-size:17px}.case.featured{grid-template-columns:1fr;gap:6px;padding:24px}.case.featured>.stack{grid-column:auto}.case-grid{gap:14px}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:220px}.timeline article{grid-template-columns:1fr;gap:12px;padding:23px}.education{padding:70px 0}.contact{width:min(100% - 20px,1180px);padding:38px 22px;border-radius:23px}.actions{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}