:root{--bg:#0b0d10;--surface:#12151a;--line:#272b32;--text:#f1f2ee;--muted:#9ca3aa;--lime:#c8ff48;--pink:#ff5ea8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-60px;left:20px;background:var(--lime);color:#0b0d10;padding:10px;z-index:20}.skip-link:focus{top:10px}.site-header{height:78px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 17px ui-monospace,SFMono-Regular,Consolas,monospace}.brand span,.pink{color:var(--pink)}nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#c5c9cc}nav a:hover,.socials a:hover{color:var(--lime)}.nav-cta{border:1px solid #596069;padding:9px 16px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:8px 12px}.hero,.section,footer{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.hero{min-height:690px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.eyebrow{font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin:0 0 18px}.eyebrow:before{content:"// ";color:#626871}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(52px,7vw,94px);margin-bottom:32px}h2{font-size:clamp(42px,5vw,68px);margin-bottom:25px}h3{font-size:23px;line-height:1.2}em{font-style:normal;color:var(--lime)}.lead{max-width:590px;font-size:19px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:40px}.button{display:inline-flex;gap:25px;align-items:center;padding:14px 20px;font-weight:700;font-size:14px}.primary{background:var(--lime);color:#10130c}.secondary{border:1px solid var(--line)}.button:hover{transform:translateY(-2px)}.code-card{background:var(--surface);border:1px solid var(--line);box-shadow:18px 18px 0 #0f1115}.window-bar{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:13px 16px;color:#747b83;font:12px ui-monospace,monospace}.window-bar i{width:9px;height:9px;border-radius:50%;background:#41464d}.window-bar i:first-child{background:var(--pink)}.window-bar span{margin-left:auto}.code-card pre{padding:30px 22px;margin:0;font:15px/2 ui-monospace,Consolas,monospace;overflow:auto}.muted{color:#555c65}.green{color:var(--lime)}.status{padding:15px 20px;border-top:1px solid var(--line);font:12px ui-monospace,monospace;color:#9ca3aa}.status span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime);margin-right:8px}.section{padding-top:120px;padding-bottom:120px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head h2{margin:0}.section-head>p{max-width:390px;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{background:var(--surface);border:1px solid var(--line);padding:20px}.project.featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}.project-number{font:11px ui-monospace,monospace;color:#6f767e;letter-spacing:.1em;margin-bottom:15px}.featured .project-number{grid-column:1/-1}.project-visual{height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font:900 43px/.85 ui-monospace,monospace;letter-spacing:-.08em;color:#101310}.featured .project-visual{height:380px}.visual-one{background:var(--lime)}.visual-one:after{content:"</>";position:absolute;font-size:180px;color:rgba(10,13,10,.1);transform:rotate(-12deg)}.visual-two{background:#f466ad}.visual-three{background:#8798ff}.project-copy{padding:26px 10px 8px}.featured .project-copy{padding:60px 40px}.project-copy p,.about-copy p{color:var(--muted)}.project-copy>a{font-weight:700;color:var(--lime)}.tags{display:flex;gap:8px;list-style:none;padding:0;margin:24px 0}.tags li{border:1px solid #343941;padding:5px 9px;font:11px ui-monospace,monospace;color:#b8bdc2}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{font-size:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.metrics strong{display:block;font-size:36px;letter-spacing:-.05em}.metrics span{color:#7f868e;font-size:12px}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:90px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.process-list>li>span{font:13px ui-monospace,monospace;color:var(--lime)}.process-list h3{margin-bottom:8px}.process-list p{color:var(--muted);margin:0}.contact{text-align:center}.contact>p:not(.eyebrow){color:var(--muted)}.mail-link{display:inline-block;font-size:clamp(22px,4vw,44px);font-weight:700;border-bottom:2px solid var(--lime);margin:30px 0}.socials{display:flex;justify-content:center;gap:25px;color:#a6abb0;font:13px ui-monospace,monospace}footer{padding-top:30px;padding-bottom:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#737a82;font-size:12px}@media(max-width:800px){.site-header{height:auto;min-height:68px;flex-wrap:wrap}.menu-toggle{display:block}nav{display:none;flex-basis:100%;padding:20px 0;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:40px;padding-top:90px;padding-bottom:90px}.code-card{display:none}.section{padding-top:85px;padding-bottom:85px}.section-head{display:block}.section-head>p{margin-top:20px}.projects-grid{grid-template-columns:1fr}.project.featured{display:block}.featured .project-visual{height:270px}.featured .project-copy{padding:26px 10px 8px}.about{grid-template-columns:1fr;gap:35px}.metrics{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
.visual-four{background:#57d7ff}.visual-five{background:#ffd45e}.visual-six{background:#b598ff}.more-work{display:flex;min-height:280px;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#15191f,#222831)}.more-work .project-copy{max-width:720px}
.design-refresh{display:none}
:root{--bg:#101216;--surface:#181b21;--line:#30353d;--text:#eceeea;--muted:#a2a8af;--lime:#a8c4b8;--pink:#c39e9a}
.button,.nav-cta,.menu-toggle{border-radius:6px}.project,.code-card{border-radius:10px}.project-visual{border-radius:6px}.tags li{border-radius:4px}.primary{background:#a8c4b8;color:#121815}.visual-one{background:#a8c4b8}.visual-two{background:#c39e9a}.visual-three{background:#8f9eae}.visual-four{background:#87aeb4}.visual-five{background:#c8b487}.visual-six{background:#a89cb8}.status span{box-shadow:none}.code-card{box-shadow:12px 12px 0 #0d0f12}.project{transition:border-color .2s ease,transform .2s ease}.project:hover{border-color:#4c535d;transform:translateY(-2px)}
.pastel-palette{display:none}
:root{--bg:#121318;--surface:#1a1c22;--line:#343740;--text:#f0efec;--muted:#aaa9ae;--lime:#c6d8bd;--pink:#dec1c8}
.primary,.visual-one{background:#c6d8bd}.visual-two{background:#dec1c8}.visual-three{background:#bdc9df}.visual-four{background:#b8d2d0}.visual-five{background:#dfcfaa}.visual-six{background:#cbbfdb}.project-visual{color:#25262a}.eyebrow,em,.project-copy>a{color:#c6d8bd}.window-bar i:first-child{background:#dec1c8}.status span{background:#c6d8bd}.more-work{background:linear-gradient(135deg,#1d2027,#282a35)}
.color-tune{display:none}
:root{--bg:#111318;--surface:#191d24;--line:#343b46;--text:#f1f2ef;--muted:#b0b4bb;--lime:#8fcbb7;--pink:#df8fa4}
.hero-title{font-size:clamp(52px,6.25vw,86px);line-height:.98}.hero-title span{display:block;white-space:nowrap}.hero-title em{color:#8fcbb7}.eyebrow,.project-copy>a,nav a:hover,.socials a:hover{color:#8fcbb7}.primary,.visual-one{background:#8fcbb7}.visual-two{background:#df8fa4}.visual-three{background:#91acd9}.visual-four{background:#78bfc5}.visual-five{background:#dfba69}.visual-six{background:#ad91cf}.project{border-color:#363d48}.project:hover{border-color:#71859a}.button.secondary:hover,.nav-cta:hover{border-color:#8fcbb7;background:rgba(143,203,183,.08)}
@media(max-width:1050px) and (min-width:801px){.hero{grid-template-columns:1fr .8fr;gap:45px}.hero-title{font-size:clamp(50px,6vw,66px)}}
@media(max-width:800px){.hero-title span{white-space:normal}.hero-title{font-size:clamp(48px,15vw,68px)}}
.light-theme{display:none}
:root{--bg:#f3f0ea;--surface:#faf8f4;--line:#d8d3ca;--text:#20242a;--muted:#686d73;--lime:#4f9680;--pink:#bf667f}
body{position:relative;background-color:var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.48;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='220' viewBox='0 0 260 220'%3E%3Cg fill='none' stroke='%239aa8a1' stroke-width='1.3' opacity='.24'%3E%3Cpath d='M28 42h22m-11-11v22M178 30l12 12-12 12M72 151l-12 12 12 12M205 145h28v28h-28z'/%3E%3Ccircle cx='126' cy='83' r='14'/%3E%3Cpath d='M126 69V55m0 42v14m14-28h14m-42 0H98M222 73l8-8 8 8-8 8z'/%3E%3C/g%3E%3Cg fill='%23a97987' opacity='.16' font-family='monospace' font-size='16'%3E%3Ctext x='18' y='205'%3E%7B %7D%3C/text%3E%3Ctext x='158' y='112'%3E%26lt;/%26gt;%3C/text%3E%3Ctext x='83' y='25'%3E01%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:260px 220px}
.site-header{background:rgba(243,240,234,.82);backdrop-filter:blur(10px)}.brand{color:#20242a}nav{color:#464b52}.nav-cta,.secondary,.menu-toggle{border-color:#a9a59e}.hero-title em,.eyebrow,.project-copy>a{color:#4f9680}.lead,.section-head>p,.project-copy p,.about-copy p,.process-list p,.contact>p:not(.eyebrow){color:#686d73}.code-card,.project{background:rgba(250,248,244,.94);border-color:#d2cdc4;box-shadow:0 12px 35px rgba(48,45,39,.08)}.code-card pre{color:#30343a}.window-bar,.status{color:#6d7279}.muted{color:#969ba1}.green{color:#397a66}.primary{background:#78b7a3;color:#14231e}.secondary:hover,.nav-cta:hover{background:#e5eee9;border-color:#6e9f90}.tags li{border-color:#cbc6bd;color:#555b61;background:#f3f0ea}.project:hover{border-color:#8ca99e;box-shadow:0 16px 42px rgba(48,45,39,.12)}.more-work{background:linear-gradient(135deg,rgba(227,235,230,.96),rgba(234,226,236,.96))}.process-list,.process-list li,.section,.about-copy .metrics,footer{border-color:#d8d3ca}.mail-link{border-color:#4f9680}.socials,footer{color:#686d73}.case-facts{background:#d8d3ca;border-color:#d8d3ca}.case-facts div{background:#faf8f4}.case-block{border-color:#d8d3ca}.case-block p,.case-block li{color:#686d73}.case-cta{background:#b7d8cb}.case-cta .button{background:#26322e;color:#fff}
.blueprint-art{display:none}
.hero,.section#projects{position:relative;isolation:isolate}.hero:before,.section#projects:before{content:"";position:absolute;z-index:-1;pointer-events:none;background:url("assets/project-blueprint.svg") center/contain no-repeat;opacity:.17}.hero:before{width:700px;height:470px;right:-80px;top:90px}.section#projects:before{width:620px;height:410px;left:-260px;top:30px;transform:rotate(-7deg);opacity:.11}.hero-copy,.code-card,.section-head,.projects-grid{position:relative;z-index:1}
@media(max-width:800px){.hero:before{width:430px;height:300px;right:-150px;top:40px;opacity:.12}.section#projects:before{display:none}}
.brighter-background{display:none}
:root{--bg:#fbf8f2;--surface:#ffffff;--line:#ddd8cf;--text:#20242a;--muted:#62686f}
body{background-color:#fbf8f2}.site-header{background:rgba(251,248,242,.88)}.project,.code-card,.case-facts div{background:rgba(255,255,255,.94)}body:before{opacity:.58}.hero:before{opacity:.22}.section#projects:before{opacity:.15}
.ecoflow-inspired{display:none}
:root{--bg:#070809;--surface:#101113;--line:#2a2b2e;--text:#f4f4f1;--muted:#a5a5a2;--lime:#ff7043;--pink:#ff9b55}
body{background:#070809;color:#f4f4f1}body:before{opacity:1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 8% 72%,rgba(255,91,35,.22),transparent 27%),radial-gradient(circle at 96% 25%,rgba(255,119,55,.13),transparent 25%);background-size:72px 72px,72px 72px,100% 100%,100% 100%}
.site-header{background:rgba(7,8,9,.84);border-color:#292a2d}.brand,.site-header nav{color:#f4f4f1}.brand span{color:#ff7043}.nav-cta,.secondary,.menu-toggle{border-color:#4b4c50}.hero{min-height:760px}.hero:before{filter:grayscale(1) contrast(1.3);opacity:.1}.hero-copy:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ff5b28;filter:blur(110px);opacity:.2;left:-170px;bottom:-60px;z-index:-1}.hero-title{letter-spacing:-.065em}.hero-title em,.eyebrow,.project-copy>a{color:#ff8057}.lead,.section-head>p,.project-copy p,.about-copy p,.process-list p,.contact>p:not(.eyebrow){color:#a5a5a2}.primary{background:#f4f4f1;color:#090a0b}.primary:hover{background:#ff8057}.secondary:hover,.nav-cta:hover{border-color:#ff8057;background:rgba(255,112,67,.08)}
.code-card{background:linear-gradient(145deg,#18191c,#0d0e10);border-color:#3a3b3e;box-shadow:22px 25px 50px rgba(0,0,0,.4),-30px 20px 90px rgba(255,83,29,.08)}.code-card pre{color:#f0f0ed}.window-bar,.status{color:#83858a;border-color:#303136}.window-bar i:first-child,.status span{background:#ff8057}.green{color:#ffc0a8}.pink{color:#ff8b66}.muted{color:#5f6268}
.section,.process-list,.process-list li,.about-copy .metrics,footer{border-color:#28292c}.section#projects:before{filter:grayscale(1);opacity:.07}.section-head{margin-bottom:64px}.projects-grid{gap:10px}.project{padding:10px;background:#0d0e10;border-color:#292a2d;border-radius:3px;box-shadow:none}.project:hover{border-color:#626369;box-shadow:0 18px 60px rgba(0,0,0,.28);transform:translateY(-3px)}.project-number{padding:8px 8px 0}.project-visual{border-radius:1px;background:#050506!important;color:#f2f2ef;isolation:isolate}.project-visual:before{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);transform:rotate(45deg);box-shadow:0 0 0 18px rgba(255,255,255,.035),0 0 0 38px rgba(255,255,255,.025),0 0 55px rgba(255,255,255,.16);background:radial-gradient(circle at 35% 30%,#f1f1ed 0 2%,#444 10%,#090909 48%,#222 70%,#050505 72%)}.project-visual:after{content:"";position:absolute;inset:auto -10% -45% -10%;height:65%;background:radial-gradient(ellipse,rgba(255,100,42,.52),rgba(255,100,42,0) 68%);filter:blur(28px);z-index:-1}.project-visual span{position:relative;z-index:2;font-size:.68em;letter-spacing:.08em;text-align:center;text-shadow:0 2px 18px #000}.visual-two:before{border-radius:50%;transform:none;background:radial-gradient(circle at 38% 32%,#fff,#6b6b6b 12%,#111 46%,#777 49%,#090909 61%)}.visual-three:before{transform:rotate(30deg) skew(-8deg);border-radius:18%}.visual-four:before{width:48%;border-radius:50% 10% 50% 10%;transform:rotate(-25deg)}.visual-five:before{width:38%;border-radius:50%;transform:none;box-shadow:0 0 0 16px rgba(255,255,255,.04),0 0 0 34px rgba(255,255,255,.025),0 0 70px rgba(255,126,67,.25)}.visual-six:before{width:46%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.project-copy{padding:28px 18px 18px}.featured .project-copy{padding:65px 45px}.tags li{background:#151619;border-color:#36373a;color:#aeb0b4;border-radius:2px}.more-work{background:linear-gradient(135deg,#111214,#171719)}
.metrics strong{color:#ff8057}.process-list>li>span{color:#ff8057}.mail-link{border-color:#ff8057}.socials,footer{color:#85868a}.case-facts{background:#2b2c2f;border-color:#2b2c2f}.case-facts div{background:#111214}.case-block{border-color:#2b2c2f}.case-block p,.case-block li{color:#a5a5a2}.case-cta{background:linear-gradient(120deg,#ff5b2a,#ff9b55);color:#090909}.case-cta .button{background:#090909;color:#fff}
@media(max-width:800px){.hero{min-height:690px}.projects-grid{gap:14px}.project{border-radius:4px}.project-visual:before{width:40%}}