@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#17211b;--muted:#5c6961;--cream:#f6f4ee;--paper:#fffdf8;--green:#1f5c40;--green2:#2f7d57;--lime:#d9ef8b;--line:#dfe3da;--shadow:0 24px 70px rgba(31,50,39,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(31,92,64,.12) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 60%);opacity:.22;z-index:-1}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font:800 18px 'Manrope';letter-spacing:-.03em}.brand span{color:var(--green2)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;color:var(--muted);font-weight:600;font-size:14px}.nav-links a:hover{color:var(--green)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:12px 19px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:.2s}.nav-cta,.btn-primary{background:var(--green);color:white;box-shadow:0 8px 22px rgba(31,92,64,.18)}.nav-cta:hover,.btn-primary:hover{background:#174b34;transform:translateY(-2px)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.65)}.btn-secondary:hover{border-color:var(--green);color:var(--green)}.hero{padding:74px 0 54px;display:grid;grid-template-columns:1.25fr .75fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e8f2dc;border:1px solid #d3e4bd;color:#315c39;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#5b9b50;box-shadow:0 0 0 4px rgba(91,155,80,.14)}h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.045em;line-height:1.08;margin:0}.hero h1{font-size:clamp(48px,6.4vw,82px);margin:22px 0 24px;max-width:850px}.accent{color:var(--green2)}.lede{font-size:19px;color:var(--muted);max-width:680px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.microcopy{font-size:13px;color:var(--muted);margin-top:14px}.profile-card{background:var(--paper);border:1px solid var(--line);border-radius:34px;padding:15px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.profile-card img{width:100%;aspect-ratio:4/4.5;object-fit:cover;border-radius:24px;display:block;filter:saturate(.85)}.profile-card .caption{padding:17px 8px 8px}.profile-card strong{display:block;font:700 17px 'Manrope'}.profile-card small{color:var(--muted)}.proof{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white;border-radius:var(--radius);overflow:hidden;margin:22px 0 92px}.metric{padding:28px;border-right:1px solid rgba(255,255,255,.12)}.metric:last-child{border:0}.metric b{font:800 32px 'Manrope';color:var(--lime);display:block}.metric span{font-size:13px;color:#c8d1cb}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--green2);margin-bottom:10px}.section h2{font-size:clamp(34px,4vw,52px);max-width:720px}.section-intro{color:var(--muted);max-width:500px;margin:0}.grid{display:grid;gap:18px}.services{grid-template-columns:repeat(3,1fr)}.card{background:rgba(255,253,248,.86);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 34px rgba(31,50,39,.05)}.card-num{font:800 13px 'Manrope';color:var(--green2);margin-bottom:40px}.card h3{font-size:22px;margin-bottom:12px}.card p{margin:0;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag{font-size:12px;font-weight:700;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f8f8f2}.case-grid{grid-template-columns:repeat(2,1fr)}.case{min-height:320px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.case:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--lime);filter:blur(1px);opacity:.18;right:-60px;top:-60px}.case .result{font:800 48px 'Manrope';color:var(--green2);line-height:1}.case small{font-weight:800;color:var(--green2);text-transform:uppercase;letter-spacing:.1em}.case h3{font-size:28px;margin:12px 0}.case p{max-width:510px}.case.wide{grid-column:span 2;min-height:260px;background:var(--green);color:white}.case.wide p{color:#d9e6de}.case.wide .result,.case.wide small{color:var(--lime)}.experience{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.timeline{border-left:1px solid #cbd4ca;padding-left:28px}.role{position:relative;padding:0 0 34px}.role:before{content:"";position:absolute;left:-35px;top:7px;width:12px;height:12px;background:var(--green2);border-radius:50%;box-shadow:0 0 0 5px var(--cream)}.role:last-child{padding-bottom:0}.role .date{font-size:13px;color:var(--green2);font-weight:700}.role h3{font-size:22px;margin:3px 0}.role p{margin:0;color:var(--muted)}.cta-panel{background:var(--ink);color:white;border-radius:34px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:70px 0}.cta-panel h2{font-size:clamp(32px,4vw,50px);max-width:670px}.cta-panel p{color:#c6d0ca;margin:12px 0 0}.footer{padding:34px 0 45px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.footer a{text-decoration:none}.page-hero{padding:70px 0 52px}.page-hero h1{font-size:clamp(46px,6vw,72px);max-width:900px;margin:16px 0}.page-hero .lede{max-width:760px}.about-layout{grid-template-columns:1fr 1fr;align-items:start}.story{font-size:18px;color:var(--muted)}.story p:first-child{margin-top:0}.value-list{display:grid;gap:12px}.value{display:flex;gap:16px;align-items:flex-start}.value b{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#e8f2dc;color:var(--green)}.value h3{font-size:18px;margin:4px 0}.value p{margin:0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start;padding:48px 0 90px}.contact-card{background:var(--ink);color:white;border-radius:30px;padding:38px}.contact-card p{color:#c9d2cc}.contact-link{display:block;color:white;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}form{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:36px;box-shadow:var(--shadow)}label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.field{margin-bottom:18px}input,textarea{width:100%;border:1px solid var(--line);background:#fbfbf7;border-radius:13px;padding:14px 15px;font:inherit;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(47,125,87,.12)}textarea{min-height:150px;resize:vertical}.flash{padding:13px 15px;border-radius:12px;background:#e5f5df;color:#275d34;margin-bottom:18px;font-weight:600}.flash.error{background:#fee7e2;color:#8e3328}.mobile-menu{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:46px}.profile-card{max-width:430px;transform:none}.proof{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.services,.case-grid{grid-template-columns:1fr 1fr}.experience,.about-layout,.contact-grid{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.shell{width:min(100% - 26px,1180px)}.nav{height:70px}.nav-links a:not(.nav-cta){display:none}.hero h1{font-size:45px}.hero{gap:34px}.proof{margin-bottom:52px}.services,.case-grid{grid-template-columns:1fr}.case.wide{grid-column:auto}.section{padding:55px 0}.section-head{align-items:flex-start;flex-direction:column}.cta-panel{padding:34px 26px;border-radius:24px}.footer{flex-direction:column}.contact-card,form{padding:26px}.profile-card{max-width:100%}}
/* Dark commerce theme */
:root{--ink:#f4f5f2;--muted:#a7afa9;--cream:#070807;--paper:#111311;--green:#d9ef8b;--green2:#a8d65d;--lime:#d9ef8b;--line:#292d2a;--shadow:0 28px 80px rgba(0,0,0,.48)}
body{background:radial-gradient(circle at 78% 4%,#1b241d 0,transparent 32%),linear-gradient(145deg,#050605 0%,#0b0d0b 55%,#050605 100%);color:var(--ink)}body:before{background-image:radial-gradient(rgba(217,239,139,.16) .7px,transparent .7px);opacity:.16}.nav{border-bottom:1px solid rgba(255,255,255,.06)}.brand span,.accent,.kicker{color:var(--green2)}.nav-links a{color:#aab1ac}.nav-links a:hover{color:var(--lime)}
.nav-cta,.btn-primary{background:var(--lime);color:#0b100c;box-shadow:0 10px 28px rgba(174,215,90,.17)}.nav-cta:hover,.btn-primary:hover{background:#e7f7a9}.btn-secondary{border-color:#343a35;background:rgba(255,255,255,.035);color:#eef1ed}.btn-secondary:hover{border-color:var(--lime);color:var(--lime)}.eyebrow{background:rgba(168,214,93,.09);border-color:rgba(168,214,93,.25);color:#d4e7b0}.eyebrow:before{background:var(--lime)}.lede,.microcopy,.section-intro,.card p,.story,.value p,.role p{color:var(--muted)}
.profile-card{background:linear-gradient(145deg,#1b1e1b,#0e100e);border-color:#303530;transform:none;padding:12px;max-width:410px;justify-self:end}.profile-card img{aspect-ratio:4/4.35;object-position:50% 18%;border-radius:20px;filter:contrast(1.04) saturate(.82) brightness(.9)}.profile-card .caption{padding:18px 10px 10px}.profile-card small{color:#a8b0aa}.proof{background:#101210;border:1px solid #252925}.metric span{color:#adb6b0}.metric b{color:var(--lime)}
.card,form{background:linear-gradient(145deg,rgba(25,28,25,.96),rgba(13,15,13,.96));border-color:#2a2f2b;box-shadow:0 14px 44px rgba(0,0,0,.25)}.tag{background:#151815;border-color:#303530;color:#d6dcd7}.case:after{opacity:.08}.case .result,.case small{color:var(--lime)}.case.wide{background:linear-gradient(135deg,#172319,#101711);border-color:#344934}.timeline{border-color:#303630}.role:before{background:var(--lime);box-shadow:0 0 0 5px #090b09}.role .date{color:var(--green2)}.cta-panel,.contact-card{background:linear-gradient(135deg,#161a16,#0c0e0c);border:1px solid #2d332e}.cta-panel p,.contact-card p{color:#abb4ae}.footer{border-color:#252925}.value b{background:rgba(168,214,93,.12);color:var(--lime)}input,textarea{background:#0c0e0c;border-color:#303530;color:#f1f3ef}input:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(217,239,139,.10)}
/* Amber alignment refinement */
:root{--green:#ffb14a;--green2:#e9932e;--lime:#ffc66d}
body{background:radial-gradient(circle at 78% 4%,#2b1d12 0,transparent 34%),linear-gradient(145deg,#050505 0%,#10100f 55%,#050505 100%)}body:before{background-image:radial-gradient(rgba(255,177,74,.18) .7px,transparent .7px)}
.nav-cta,.btn-primary{background:linear-gradient(135deg,#ffc66d,#e9932e);color:#130d06;box-shadow:0 10px 28px rgba(233,147,46,.18)}.nav-cta:hover,.btn-primary:hover{background:linear-gradient(135deg,#ffd486,#f3a23c)}.btn-secondary:hover{border-color:#ffb14a;color:#ffc66d}.eyebrow{background:rgba(255,177,74,.09);border-color:rgba(255,177,74,.27);color:#f2c88e}.eyebrow:before{background:#ffb14a;box-shadow:0 0 0 4px rgba(255,177,74,.12)}
.case.wide{background:linear-gradient(135deg,#24180f,#15100b);border-color:#50331b}.value b{background:rgba(255,177,74,.11)}input:focus,textarea:focus{border-color:#ffb14a;box-shadow:0 0 0 3px rgba(255,177,74,.10)}
.shell{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}.section,.proof,.cta-panel,.footer{clear:both}.grid,.services,.case-grid,.about-layout,.experience,.contact-grid{width:100%;margin-left:0;margin-right:0;min-width:0}.grid>*{min-width:0;width:100%}.card{margin:0}.section-head{width:100%;margin-left:0;margin-right:0}.profile-card{width:100%;margin:0;align-self:center}.proof{padding:0}.metric{min-width:0}
@media(max-width:900px){.profile-card{justify-self:start}.shell{width:min(100% - 34px,1180px)}}@media(max-width:650px){.shell{width:min(100% - 26px,1180px)}}
/* Cobalt monochrome refinement */
:root{--green:#6ea8ff;--green2:#82b4ff;--lime:#a9caff;--ink:#f4f6f9;--muted:#9ba4b1;--cream:#050608;--paper:#111318;--line:#272b33}
body{background:radial-gradient(circle at 76% 0%,rgba(42,82,145,.28) 0,transparent 33%),radial-gradient(circle at 0% 72%,rgba(35,45,62,.22) 0,transparent 30%),linear-gradient(145deg,#030405 0%,#0a0c10 52%,#040506 100%)}body:before{background-image:radial-gradient(rgba(130,180,255,.18) .65px,transparent .65px);opacity:.12}
.brand span,.accent,.kicker,.case .result,.case small,.metric b,.role .date{color:#82b4ff}.nav-cta,.btn-primary{background:linear-gradient(135deg,#a9caff,#6e9ff2);color:#08101d;box-shadow:0 10px 30px rgba(69,125,216,.22)}.nav-cta:hover,.btn-primary:hover{background:linear-gradient(135deg,#c0d8ff,#82b4ff)}.btn-secondary:hover{border-color:#6ea8ff;color:#a9caff}.eyebrow{background:rgba(76,131,218,.10);border-color:rgba(110,168,255,.28);color:#b8d2fb}.eyebrow:before{background:#82b4ff;box-shadow:0 0 0 4px rgba(110,168,255,.12)}
.profile-card{background:linear-gradient(145deg,#191c23,#0c0e12);border-color:#2c313a}.proof{background:linear-gradient(135deg,#101319,#0a0c10);border-color:#252a32}.card,form{background:linear-gradient(145deg,rgba(23,26,32,.97),rgba(11,13,17,.97));border-color:#292e37}.tag{background:#12151a;border-color:#303640;color:#d6dbe3}.case.wide{background:linear-gradient(135deg,#111927,#0b1019);border-color:#283b58}.case:after{background:#6ea8ff;opacity:.08}.role:before{background:#82b4ff}.value b{background:rgba(110,168,255,.11);color:#9fc3fa}.cta-panel,.contact-card{background:linear-gradient(135deg,#121721,#090b0f);border-color:#29313e}input:focus,textarea:focus{border-color:#6ea8ff;box-shadow:0 0 0 3px rgba(110,168,255,.10)}
/* Project brief refinement */
.project-form{padding:42px}.form-heading{margin-bottom:28px}.form-heading h2{font-size:34px;margin:7px 0 10px}.form-heading p{color:var(--muted);margin:0;max-width:590px}.form-step{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#82b4ff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label span{color:#82b4ff}.project-form select{width:100%;border:1px solid #303640;background:#0c0e12;color:#f1f3f7;border-radius:13px;padding:14px 42px 14px 15px;font:inherit;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#82b4ff 50%),linear-gradient(135deg,#82b4ff 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.project-form select:focus{border-color:#6ea8ff;box-shadow:0 0 0 3px rgba(110,168,255,.10)}.form-submit{width:100%;border:0;cursor:pointer;padding:15px 20px;justify-content:space-between;font-size:15px;margin-top:3px}.form-submit b{font-size:22px;line-height:1}.form-note{text-align:center;color:#7f8996;font-size:12px;margin:12px 0 0}.contact-card{position:sticky;top:24px}@media(max-width:650px){.project-form{padding:26px}.form-row{grid-template-columns:1fr}.form-heading h2{font-size:28px}.contact-card{position:static}}
/* Work with me emphasis */
.nav-cta{color:#030303!important;font-weight:800!important;letter-spacing:-.01em}

/* Original black and gold palette */
:root{--green:#d4af73;--green2:#d4af73;--lime:#f4d7a1;--ink:#f5f1ea;--muted:#9d978d;--cream:#070707;--paper:#111111;--line:rgba(255,255,255,.09)}
body{background:radial-gradient(circle at 76% 0%,rgba(212,175,115,.13) 0,transparent 33%),linear-gradient(145deg,#050505 0%,#0b0b0b 52%,#060606 100%)}body:before{background-image:radial-gradient(rgba(212,175,115,.20) .65px,transparent .65px);opacity:.10}
.brand span,.accent,.kicker,.case .result,.case small,.metric b,.role .date,.form-step,.field label span{color:#d4af73}.nav-cta,.btn-primary{background:linear-gradient(135deg,#f4d7a1,#d4af73);color:#080604!important;box-shadow:0 10px 30px rgba(212,175,115,.18)}.nav-cta:hover,.btn-primary:hover{background:linear-gradient(135deg,#ffe4b6,#ddb980)}.btn-secondary:hover{border-color:#d4af73;color:#f4d7a1}.eyebrow{background:rgba(212,175,115,.09);border-color:rgba(212,175,115,.27);color:#ead0a5}.eyebrow:before{background:#d4af73;box-shadow:0 0 0 4px rgba(212,175,115,.12)}
.profile-card{background:linear-gradient(145deg,#171512,#0d0c0a);border-color:#302a21}.proof{background:linear-gradient(135deg,#12100d,#0a0908);border-color:#29241d}.card,form{background:linear-gradient(145deg,rgba(23,21,18,.97),rgba(12,11,10,.97));border-color:#2c2821}.tag{background:#14120f;border-color:#332e25;color:#e6dfd4}.case.wide{background:linear-gradient(135deg,#211b13,#120f0b);border-color:#463821}.case:after{background:#d4af73;opacity:.08}.role:before{background:#d4af73}.value b{background:rgba(212,175,115,.11);color:#e1bf88}.cta-panel,.contact-card{background:linear-gradient(135deg,#17130e,#0b0a08);border-color:#30291f}input:focus,textarea:focus,.project-form select:focus{border-color:#d4af73;box-shadow:0 0 0 3px rgba(212,175,115,.10)}.project-form select{background-image:linear-gradient(45deg,transparent 50%,#d4af73 50%),linear-gradient(135deg,#d4af73 50%,transparent 50%)}