@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f6f2;--ink:#182425;--muted:#687373;--lime:#d0f34b;--blue:#3261ef;--line:#d9dfd7;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-80px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:10px}header{height:88px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 29px var(--display);letter-spacing:-1.8px}.brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--blue)}.nav-contact{font-size:13px;font-weight:700;display:flex;align-items:center;gap:22px}.nav-contact span{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:21px}.hero{padding:51px 6% 58px;max-width:1440px;margin:auto}.hero-intro{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.section-label,.tiny-label{font-size:11px;font-weight:600;letter-spacing:1.7px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--blue)}.edition{color:var(--muted)}h1{font:500 clamp(66px,7.8vw,112px)/1.01 var(--display);letter-spacing:-7px;margin:35px 0 28px;position:relative}h1>span:not(.asterisk){color:var(--blue)}.asterisk{position:absolute;right:7%;top:23px;font-size:155px;color:var(--ink);transform:rotate(15deg)}.hero-bottom{display:flex;align-items:center;gap:48px;margin:0 0 45px}.hero-bottom p{max-width:410px;margin:0;line-height:1.65;font-size:15px;color:var(--muted)}.hero-bottom strong{color:var(--ink)}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;border-radius:40px;padding:18px 26px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:white}.button span{font-size:21px}.scroll-note{margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:1px;line-height:1.7}.scroll-note span{font-size:27px;color:var(--ink)}.hero-art{border-radius:13px;background:#dce5df;padding:21px 24px 25px;overflow:hidden;position:relative;border:1px solid #ced9d2}.art-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;margin-bottom:17px;color:#52605c}.art-head span:last-child{font-size:8px}.art-grid{display:grid;grid-template-columns:1.16fr 1fr .8fr;gap:15px;min-height:260px}.code-panel{background:#182425;color:#cad8cf;border-radius:8px;padding:22px;box-shadow:0 10px 30px #13232512;position:relative}.tiny-label{font-size:9px;letter-spacing:1.1px}.window-dots{position:absolute;right:20px;top:20px;letter-spacing:4px;color:#6a7d72;font-size:8px}.code-panel p{font:13px/1.9 monospace;margin:24px 0 20px}.code-panel p span{color:#84a9f4}.code-panel b{color:var(--lime);font-weight:400}.code-footer{font-size:7px;letter-spacing:1px;border-top:1px solid #526057;padding-top:14px;display:flex;justify-content:space-between}.device-panel{padding:20px 20px 14px;background:#ecf0e8;border-radius:8px}.device{background:#cbd4c6;border:1px solid #b2bfae;margin:15px auto 12px;border-radius:11px;padding:12px;max-width:220px;box-shadow:4px 7px 0 #b4c0ae}.device-screen{background:#233332;padding:12px 12px 7px;border-radius:5px;color:var(--lime)}.device-screen>span{font-size:7px;letter-spacing:2px}.device-screen svg{width:100%;display:block;margin:6px 0}.device-screen path{fill:none;stroke:var(--lime);stroke-width:2}.device-screen strong{font-size:9px;letter-spacing:1px}.device-knob{width:15px;height:15px;border-radius:50%;border:3px solid #7c8a76;background:#d4decf;margin:10px auto 0}.device-caption{font-size:6px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:17px}.device-caption i{width:5px;height:5px;background:var(--blue);border-radius:50%}.design-panel{background:var(--blue);border-radius:8px;color:white;padding:20px;position:relative;overflow:hidden}.design-shapes{position:relative;height:160px}.shape-circle{width:110px;height:110px;background:var(--lime);border-radius:50%;position:absolute;top:26px;left:15px}.shape-block{width:110px;height:110px;position:absolute;top:40px;left:60px;border:1px solid white;transform:rotate(-17deg);border-radius:8px}.shape-line{width:160px;height:1px;background:white;position:absolute;top:135px;left:0;transform:rotate(-30deg)}.design-caption{font-size:8px;letter-spacing:1px}.ticker{background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:space-around;gap:30px;padding:24px 4%;font-size:24px;overflow:hidden}.ticker span{font-size:11px;letter-spacing:2px;white-space:nowrap;color:#eef0e7}.section{max-width:1440px;margin:auto;padding:98px 6%;border-bottom:1px solid var(--line)}.section-label{color:var(--muted);margin-bottom:20px}h2{font:500 clamp(32px,3.3vw,48px)/1.13 var(--display);letter-spacing:-2px;margin:0}h2>span{color:#8b9590}.about{display:grid;grid-template-columns:1fr 3fr;gap:30px}.about>.section-label{padding-top:9px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0}.about-columns p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.identity-line{display:flex;align-items:center;gap:12px;margin-top:30px}.monogram{width:45px;height:45px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font:600 22px var(--display);letter-spacing:-1px}.identity-line strong{font-size:13px;display:block}.identity-line span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.work-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.small-lime{display:inline-grid;place-items:center;margin-left:15px;width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:30px;vertical-align:middle}.filters{display:flex;gap:9px;margin-bottom:28px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:11px 21px;border-radius:30px;font-size:12px;transition:background .2s}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters button span{font-size:9px;margin-left:8px;opacity:.6}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{text-align:left;background:transparent;padding:0;border:0;min-width:0}.project-art{aspect-ratio:1.2;position:relative;border-radius:10px;overflow:hidden;padding:27px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.project-card:hover .project-art{transform:translateY(-5px)}.project-art.iot{background:#dce5df}.project-art.software{background:#d8e0fa}.project-art.design{background:#e8edce}.concept{position:absolute;top:13px;right:13px;background:#ffffffdd;padding:6px 9px;border-radius:20px;font-size:8px;color:#52605c}.mock-iot{width:100%;background:#1d302d;border-radius:8px;padding:15px;color:#d1edc1;transform:rotate(-4deg);box-shadow:0 20px 35px #152c2630}.mock-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px}.mock-top span{font-size:6px}.mock-values{display:flex;gap:27px;margin:26px 0 7px}.mock-values div{font:400 34px var(--display)}.mock-values span{display:block;font:6px var(--font);letter-spacing:.5px;margin-top:4px;opacity:.6}.mock-iot svg{width:100%;height:55px;border-bottom:1px solid #425347}.mock-iot path{fill:none;stroke:var(--lime);stroke-width:2}.mock-bottom{font-size:6px;display:flex;justify-content:space-between;margin-top:12px;letter-spacing:1px}.mock-software{background:#fafbff;width:100%;display:flex;min-height:195px;transform:rotate(3deg);box-shadow:0 20px 35px #23397c25;border-radius:8px;overflow:hidden}.mock-side{width:35px;flex-shrink:0;background:var(--blue);color:white;padding:10px 6px;font:700 15px var(--display);letter-spacing:-1px}.mock-side span{display:block;font:16px var(--font);margin-top:23px;text-align:center}.mock-main{padding:16px 12px;width:100%}.mock-main p{font-size:6px;color:#8791aa;margin:12px 0}.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mock-tiles>div{background:#e8edfc;border-radius:5px;padding:10px 7px;font-size:18px;color:var(--blue)}.mock-tiles span{font-size:6px;display:block;color:#647089;margin-top:5px}.mock-chart{display:flex;align-items:end;gap:5px;height:45px;margin:18px 0 0;border-bottom:1px solid #d4dcef}.mock-chart i{width:8%;background:#adc0fa;border-radius:2px 2px 0 0;height:50%}.mock-chart i:nth-child(3n){height:80%;background:var(--blue)}.mock-chart i:nth-child(2n){height:35%}.mock-design{width:100%;height:230px;position:relative;color:#27300f}.mock-design>span{font-size:6px;letter-spacing:1px;position:relative;z-index:2}.design-word{font:600 60px/.86 var(--display);letter-spacing:-4px;margin-top:40px;position:relative;z-index:1}.design-word b{font-weight:500;color:var(--blue)}.design-orbit{position:absolute;top:40px;right:-10px;width:145px;height:145px;border:1px solid #7e941f;border-radius:50%;background:var(--lime)}.design-foot{position:absolute!important;bottom:10px;left:0}.project-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.project-info h3{font:500 23px var(--display);letter-spacing:-.8px;margin:0 0 5px}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-arrow{font-size:24px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:5px 9px}.draft-note{font-size:11px;line-height:1.7;color:var(--muted);margin:30px 0 0;max-width:620px}.skills{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.skill-rows article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.skill-rows article:first-child{padding-top:0}.skill-number{font-size:10px;color:var(--muted);padding-top:8px}.skill-rows h3{font:500 25px var(--display);letter-spacing:-.7px;margin:0 0 8px}.skill-rows p{font-size:12px;color:var(--muted);line-height:1.8;max-width:300px;margin:0}.skill-icon{font:400 31px var(--display);margin-left:auto;align-self:center;min-width:42px}.contact{max-width:1440px;margin:0 auto;padding:70px 6%;background:var(--lime)}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.contact h2{font-size:clamp(52px,6.5vw,90px);letter-spacing:-5px}.contact h2>span{color:#6e831d}.contact-heading>span{font-size:130px;font-family:var(--display)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;gap:30px}.contact-bottom>p{font-size:13px;max-width:250px;line-height:1.7}.contact-placeholder{font-size:13px;border:1px solid #91a72f;padding:14px 22px;border-radius:30px}#contact-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}#contact-links>a:not(.button){font-size:13px;text-decoration:underline}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:35px 6%;gap:20px}footer .brand{font-size:23px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{width:min(650px,92vw);max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#11201ecc;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:32px}dialog h2{margin-top:25px}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}dialog .project-art{aspect-ratio:1.7;margin-top:20px}.detail-description{margin:25px 0}dialog .mock-iot,dialog .mock-software,dialog .mock-design{max-width:320px}.contact .whatsapp{border:1px solid var(--ink);border-radius:30px;padding:15px 20px;text-decoration:none!important}.empty{font-size:14px;color:var(--muted)}
@media(min-width:1500px){body{max-width:1600px;margin:auto}.ticker{max-width:1440px;margin:auto}}@media(max-width:1000px){h1{letter-spacing:-5px}.asterisk{font-size:110px;right:1%}.hero-bottom{gap:20px}.scroll-note{display:none}.art-grid{grid-template-columns:1.1fr 1fr}.design-panel{display:none}.projects{grid-template-columns:1fr 1fr}.projects>.project-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}.skills{gap:35px;grid-template-columns:1fr 1.1fr}.contact-heading>span{font-size:90px}.contact-bottom{align-items:start;flex-direction:column;gap:10px}.project-art{aspect-ratio:1.25}}@media(max-width:650px){header{height:75px;padding:0 5%}header .brand{font-size:26px}nav{gap:14px;font-size:11px}.nav-contact{display:none}.hero{padding:32px 5% 35px}.edition{display:none}.eyebrow{font-size:9px}h1{font-size:clamp(49px,12.5vw,80px);letter-spacing:-3px;margin:30px 0 25px}.asterisk{display:none}.hero-bottom{flex-direction:column;align-items:start;gap:20px;margin-bottom:28px}.hero-bottom p{font-size:13px;max-width:350px}.button{font-size:12px;padding:14px 20px}.hero-art{padding:13px}.art-grid{grid-template-columns:1fr;min-height:0}.code-panel{padding:20px}.code-panel p{font-size:12px;margin:19px 0}.device-panel{display:none}.art-head{font-size:7px;margin-bottom:12px}.art-head span:last-child{font-size:6px}.ticker{justify-content:flex-start;gap:25px;padding:17px 5%}.ticker span{font-size:9px}.section{padding:60px 5%}.about,.skills{grid-template-columns:1fr;gap:15px}.about-columns{grid-template-columns:1fr;gap:15px}.about-columns p{font-size:13px}.section-label{font-size:9px;margin-bottom:15px}h2{font-size:32px;letter-spacing:-1.5px}.work-heading{align-items:start;flex-direction:column;gap:15px}.work-note{font-size:11px}.projects{grid-template-columns:1fr;gap:32px}.projects>.project-card:last-child{grid-column:auto;max-width:none}.project-art{aspect-ratio:1.3;padding:40px}.mock-design{height:235px}.mock-iot{max-width:330px}.mock-software{min-height:220px;max-width:330px}.project-info h3{font-size:24px}.filters button{padding:10px 16px;font-size:11px}.small-lime{width:29px;height:29px;font-size:23px;margin-left:8px}.skills{gap:30px}.contact{padding:48px 5%}.contact h2{font-size:52px;letter-spacing:-3px}.contact-heading>span{font-size:55px}.contact-bottom{margin-top:25px}#contact-links{gap:12px}#contact-links .button{font-size:11px;gap:15px;word-break:break-word}footer{padding:25px 5%;flex-wrap:wrap;gap:18px}footer>span:nth-child(2){display:none}footer>a:last-child{margin-left:auto}dialog{padding:25px}dialog .project-art{aspect-ratio:1.2;padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.stack-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.stack-chips span{font-size:10px;padding:7px 12px;border-radius:20px;border:1px solid var(--line)}.show-more{display:flex;align-items:center;gap:40px;margin:40px auto 0;padding:13px 23px;border:1px solid var(--ink);background:transparent;border-radius:30px;font-size:12px}.show-more[hidden]{display:none}.show-more:hover{background:var(--lime)}.feature-list{font-size:13px;color:var(--muted);line-height:2;padding-left:20px}.internal-note{font-size:10px!important;border-top:1px solid var(--line);margin:20px 0 0;padding-top:15px}.project-art.amr{background:#d8e7e0}.project-art.energy{background:#dee5ce}.project-art.warehouse{background:#dce2f0}.project-art.water{background:#d5e9e7}.project-art.ac{background:#e5e2f0}.mock-amr,.mock-energy,.mock-warehouse,.mock-water,.mock-ac{width:100%;border-radius:9px;box-shadow:0 15px 30px #14252220;padding:16px;max-width:330px}.mock-amr{background:#203632;color:#d7ead8;transform:rotate(-3deg)}.mock-amr svg{width:100%;height:160px;margin:12px 0}.mock-amr rect{fill:#46615a}.mock-amr .map-grid{stroke:#536f63;stroke-width:.5;fill:none}.mock-amr .route{fill:none;stroke:var(--lime);stroke-width:3;stroke-dasharray:5}.mock-amr circle,.mock-amr .robot{fill:var(--lime)}.mock-energy{background:#fafcf3;transform:rotate(3deg)}.energy-label{font:500 21px var(--display);letter-spacing:-.8px;margin:28px 0 18px;max-width:150px}.energy-bars{height:90px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #d6dfb6}.energy-bars i{width:8%;background:#aecb47;border-radius:3px 3px 0 0}.energy-bars i:nth-child(3n){background:#263b2b}.mock-warehouse{background:#f4f7ff;transform:rotate(-3deg)}.warehouse-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:20px 0}.warehouse-grid i{height:19px;border-radius:3px;background:#adc2f2}.warehouse-grid .slot-1{background:var(--blue)}.warehouse-grid .slot-2{background:#d0f34b}.warehouse-grid .slot-3{background:#dae0ed}.mock-water{background:#ecf8f4;transform:rotate(3deg)}.water-flow{display:flex;align-items:center;gap:9px;margin:35px 0}.water-flow b{font-size:18px;color:#398b7c}.water-tank{width:28%;height:105px;position:relative;border:2px solid #357e73;border-radius:8px 8px 16px 16px;overflow:hidden}.water-tank i{position:absolute;bottom:0;left:0;right:0;height:55%;background:#76c8b8}.water-tank:nth-child(3) i{height:80%}.water-tank:nth-child(5) i{height:40%}.water-tank span{position:absolute;top:10px;left:8px;font-size:9px}.mock-ac{background:#f7f5fc;transform:rotate(-3deg)}.ac-dial{width:125px;height:125px;border-radius:50%;border:9px solid #dcd6f0;border-top-color:var(--blue);border-right-color:var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:24px auto}.ac-dial span{font:500 38px var(--display);letter-spacing:-2px}.ac-dial small{font-size:6px;letter-spacing:1px}.ac-settings{display:flex;justify-content:space-around;font-size:6px;letter-spacing:.6px;margin-bottom:6px}.project-info h3{font-size:21px}.mock-main p{color:#536078}.mock-top span{opacity:.8}@media(max-width:650px){.project-art{padding:35px}.project-info h3{font-size:23px}.mock-amr svg{height:160px}.stack-chips{margin-top:20px}}@media(min-width:651px) and (max-width:1000px){.projects>.project-card:last-child{grid-column:auto;max-width:none}}
.contribution{background:#e7ece4;border-radius:8px;padding:16px 18px;margin:22px 0}.contribution>span,.flow-label{font-size:9px;letter-spacing:1.2px;font-weight:600;color:#56635a}.contribution p{margin:7px 0 0;font-size:13px!important;color:var(--ink)!important}.system-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0 23px}.system-flow li{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:9px 11px;display:flex;gap:10px;align-items:center}.system-flow li:not(:last-child):after{content:'→';color:var(--blue);font-size:15px}.system-flow li:last-child{background:var(--lime);border-color:var(--lime)}
.organization{display:block;font-size:8px;letter-spacing:1.2px;color:var(--blue);font-weight:700;margin-bottom:7px}.detail-organization{font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:700;margin-top:20px}.detail-organization+h2{margin-top:8px}
.mini-heading{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#59665f;margin-bottom:16px}.core-stack{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}#core-stack-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}#core-stack-items>span{font-size:12px;display:flex;gap:12px;align-items:center;padding:12px 0}#core-stack-items small{font-size:9px;color:var(--blue);font-weight:700}.tech{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.tech-heading p{font-size:12px;color:var(--muted);line-height:1.8;max-width:230px;margin-top:24px}.tech-groups article{padding:23px 0;border-bottom:1px solid var(--line)}.tech-groups article:first-child{padding-top:0}.tech-groups h3{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600;margin:0 0 17px}.tech-groups article>div{display:flex;gap:8px;flex-wrap:wrap}.tech-groups article>div>span{padding:10px 15px;background:#e8ede4;border-radius:6px;font-size:12px}.tech-groups article:nth-child(2)>div>span{background:#e5ebfa}.journey{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.timeline{margin:27px 0 0 7px}.timeline-item{position:relative;padding:0 0 30px 28px;border-left:1px solid var(--line)}.timeline-item:last-child{padding-bottom:10px}.timeline-dot{position:absolute;width:11px;height:11px;border:2px solid #8c9990;background:var(--paper);border-radius:50%;top:2px;left:-6px}.timeline-dot.current{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px #3261ef14}.timeline-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.4px;color:var(--muted)}.timeline-meta>span:first-child{color:var(--blue);font-weight:700;letter-spacing:1px}.timeline-item h3{font:500 25px var(--display);letter-spacing:-.8px;margin:14px 0 10px}.timeline-item p{font-size:12px;line-height:1.85;color:var(--muted);max-width:420px;margin:0}.education-heading{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.education-list article{display:flex;gap:15px;padding:16px 0}.education-symbol{display:grid;place-items:center;width:35px;height:35px;background:var(--lime);border-radius:50%;font-size:22px;flex-shrink:0}.education-label{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.education-list h3{font:500 18px var(--display);letter-spacing:-.5px;margin:7px 0}.education-list p{font-size:12px;color:var(--muted);margin:0}@media(max-width:1000px){.tech,.journey{gap:35px;grid-template-columns:1fr 1.4fr}}@media(max-width:650px){.tech,.journey{grid-template-columns:1fr;gap:30px}.tech-heading p{max-width:100%;margin-bottom:0}.timeline-meta{flex-direction:column;gap:7px}.timeline-item h3{font-size:23px}.education-list h3{font-size:19px;line-height:1.4}#core-stack-items{grid-template-columns:1fr 1fr;gap:5px}#core-stack-items>span{font-size:10px;gap:7px;align-items:start}.tech-groups article>div>span{font-size:11px;padding:9px 13px}}
.recognition{display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.recognition-copy>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:340px;margin:25px 0 0}.award-card{background:#e5ebdb;padding:30px;border-radius:12px;border:1px solid #d2ddbf}.award-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.award-top>span:last-child{font-size:28px}.award-main{display:flex;align-items:center;gap:25px;margin:20px 0}.award-number{font:500 90px/1 var(--display);letter-spacing:-7px;color:var(--blue)}.award-main h3{font:500 30px var(--display);letter-spacing:-1px;margin:0 0 8px}.award-main>div>span{font-size:11px}.award-org{font-size:9px;font-weight:700;letter-spacing:.8px}.award-card>p{font-size:12px;line-height:1.85;color:#566451;margin:18px 0}.award-project{border-top:1px solid #c7d3b8;padding-top:18px;display:flex;flex-direction:column;gap:8px}.award-project span{font-size:9px;color:#657157}.award-project strong{font-size:12px;font-weight:500}@media(max-width:1000px){.recognition{gap:30px;grid-template-columns:1fr 1.3fr}.award-card{padding:23px}.award-main{gap:15px}.award-number{font-size:75px}.award-main h3{font-size:26px}}@media(max-width:650px){.recognition{grid-template-columns:1fr;gap:28px}.award-main h3{font-size:30px}.recognition-copy>p{max-width:100%}.award-card{padding:24px}#core-stack-items{grid-template-columns:1fr}}
/* Dark engineering theme */
:root{--paper:#07101d;--ink:#edf4fb;--muted:#97a9bb;--lime:#60e1b6;--blue:#60e1b6;--line:#213347}body{background:var(--paper);color:var(--ink)}header{background:#07101df0}.hero{background:radial-gradient(ellipse at 90% 20%,#103b3c55,transparent 55%)}.hero h1{font-weight:600}.asterisk{color:#60e1b6}.dark{background:var(--blue);color:#062521}.dark:hover{background:#83f0c9}.hero-art{background:#0c1a2b;border-color:#253f51;box-shadow:0 20px 70px #0002}.art-head{color:#9cb5c6}.code-panel{background:#06111f;border:1px solid #264152;color:#bdd5dc}.code-footer{border-color:#223c48}.device-panel{background:#142539;color:#c2d5e4}.device{background:#243f48;border-color:#416773;box-shadow:4px 7px 0 #06111f}.device-screen{background:#071f23}.device-knob{background:#244d4b;border-color:#579489}.design-panel{background:#153d49;border:1px solid #2f6873}.shape-circle{background:#60e1b6}.ticker{background:#0d1c2c;border-block:1px solid var(--line);color:var(--blue)}.ticker span{color:#b5c9d9}h2>span{color:#859aad}.section{border-color:var(--line)}.about-columns p,.hero-bottom p,.project-info p{color:#a8b9c8}.monogram{background:#143d3a;color:var(--blue);border:1px solid #27665b}.filters button{background:#0c1929}.filters button.active{background:var(--blue);color:#08231e;border-color:var(--blue)}.small-lime{color:#072923;background:var(--lime)}.tags span{color:#abc0d1;background:#0c1928}.show-more{color:var(--blue);border-color:#397065}.show-more:hover{color:#072923}.tech-groups article>div>span{background:#10263b;color:#bfd7ed;border:1px solid #23435a}.tech-groups article:nth-child(2)>div>span{background:#102c2b;color:#a3e6d3;border-color:#235348}.tech-groups article:nth-child(4)>div>span{background:#26243b;color:#d3c6ec;border-color:#494061}.tech-groups article:nth-child(5)>div>span{background:#302719;color:#eacb92;border-color:#51422c}.mini-heading{color:#9bb3c5}.timeline-item p,.education-list p{color:#a1b5c7}.education-symbol{background:#133b37;color:var(--blue)}.contact{background:#0c1d2b;border-top:1px solid #2b494e}.contact .eyebrow{color:var(--blue)}.contact h2>span{color:var(--blue)}.contact-heading>span{color:var(--blue)}.contact-placeholder{border-color:#36685d;color:#adc7c6}.contact .whatsapp{border-color:#397367;color:var(--blue)}.award-card{background:linear-gradient(145deg,#11273a,#0c1b2c);border-color:#284253}.award-org{color:#b8d3df}.award-card>p{color:#a4bacb}.award-project{border-color:#2b4354}.award-project span{color:#91afc3}.award-photo{margin:25px -30px 22px}.award-photo img{width:100%;height:auto;display:block}.award-photo figcaption{font-size:9px;line-height:1.6;color:#91aabe;padding:13px 30px;background:#081727}.award-gallery{margin-top:22px;border-top:1px solid #2b4354;padding-top:15px}.award-gallery summary{font-size:11px;cursor:pointer;color:var(--blue)}.award-gallery img{display:block;width:100%;height:auto;margin-top:18px;border-radius:6px}.recognition{align-items:start}.award-top{color:#a4becd}.contribution{background:#102d31;border:1px solid #23464b}.contribution>span,.flow-label{color:#8ccbbd}.contribution p{color:#d0e7e4!important}.system-flow li{background:#102232;color:#bcd5df}.system-flow li:last-child{color:#062521}.case-study{display:grid;grid-template-columns:1fr 1.5fr;gap:55px}.case-heading p{font-size:13px;line-height:1.8;color:var(--muted);max-width:310px;margin-top:25px}.cost-card{border:1px solid #284357;border-radius:12px;background:#0e2032;padding:28px}.cost-row>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center}.cost-row span,.cost-saving>div>span{font-size:9px;letter-spacing:1.3px;color:#8fabc0}.cost-row strong{font:500 20px var(--display)}.cost-track{height:9px;border-radius:5px;background:#1d3447;overflow:hidden;margin:15px 0 28px}.cost-track i{display:block;height:100%;background:#7b90bf;border-radius:5px}.inhouse .cost-track i{background:var(--blue)}.inhouse strong{color:var(--blue)}.cost-saving{border-top:1px solid #294355;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cost-saving>div{display:flex;flex-direction:column;gap:9px}.cost-saving strong{font:500 29px var(--display);letter-spacing:-1px;color:var(--blue)}.saving-pill{font-size:10px;color:#a8efdb;border:1px solid #357766;background:#123c35;padding:9px 12px;border-radius:20px;white-space:nowrap}.cost-source{font-size:10px;line-height:1.7;color:#88a2b7;margin:22px 0 0}.operational-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.operational-benefits article{padding:20px;background:#0d1e30;border:1px solid #233e53;border-radius:10px}.operational-benefits span{font-size:8px;letter-spacing:.8px;color:#a2bacb;display:block}.operational-benefits strong{font:500 21px var(--display);display:block;margin-top:13px;letter-spacing:-.5px}.operational-benefits small{display:block;font:10px var(--font);color:var(--muted);margin-top:6px}.operational-benefits p,.impact-note{font-size:10px;line-height:1.7;color:#91a8bb}.impact-note{margin:18px 0 0}.education-symbol{background:#173b37}.project-art.amr{background:#132b2b}.project-art.energy{background:#26352c}.project-art.warehouse{background:#182c47}.project-art.water{background:#123338}.project-art.ac{background:#292741}.project-art.software{background:#1c3047}.project-art.design{background:#233628}.concept{background:#07101ddd;color:#bcd5e2;border:1px solid #41606e}.mock-amr{background:#0b1d22}.mock-energy{color:#22320d}.mock-warehouse{color:#182a40}.mock-water{color:#193c34}.mock-ac{color:#23203b}.mock-software{color:#1b2b3f}.mock-design{color:#cde2b5}.design-orbit{background:#60e1b6;border-color:#abdccc}.design-word b{color:#88e9ce}.mock-design .design-orbit{opacity:.3}.project-card:hover .project-arrow{color:var(--blue)}dialog{background:#0c1a2a;border-color:#2f4b61}dialog::backdrop{background:#020811d9}footer{background:#07101d}
@media(max-width:1000px){.case-study{grid-template-columns:1fr;gap:30px}.case-heading p{max-width:500px}.award-photo{margin-inline:-23px}.award-photo figcaption{padding-inline:23px}}@media(max-width:650px){.award-photo{margin-inline:-24px}.award-photo figcaption{padding-inline:24px}.cost-card{padding:20px}.cost-row>div:first-child{align-items:start;flex-direction:column;gap:9px}.cost-saving{align-items:start;flex-direction:column}.cost-saving strong{font-size:29px}.operational-benefits{grid-template-columns:1fr}.case-study{gap:25px}.award-photo figcaption{font-size:9px}.contact{padding-top:48px}}
/* Interactive project laboratory */
.try-simulation{display:flex;justify-content:space-between;color:#61e5be;font-size:12px;font-weight:700;border-top:1px solid #294354;padding-top:16px;margin-top:16px}.detail-tabs{display:flex;gap:8px;padding:16px 0;border-bottom:1px solid #284352;margin-bottom:20px}.detail-tabs button{border:1px solid #294354;background:#132437;color:#a7bbcd;padding:10px 16px;border-radius:8px;cursor:pointer}.detail-tabs button.active{background:#66e0ba;color:#082028;border-color:#66e0ba}#project-dialog.simulating{width:min(1040px,94vw)}.sim-banner{background:#0d302e;border:1px solid #246158;padding:16px;border-radius:10px;margin-bottom:20px}.sim-banner>span{color:#65e3bc;font:700 11px monospace;letter-spacing:1px}.sim-banner p{margin:8px 0 0;font-size:12px;color:#a2bebc}.sim-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:22px}.sim-meter{padding:18px;background:#13263a;border:1px solid #284352;border-radius:12px;display:grid;gap:8px}.sim-meter span,.sim-meter small{font-size:11px;color:#a4baca}.sim-meter strong{font-size:30px;color:#71e5c2;letter-spacing:-1px}.sim-controls{display:grid;gap:20px}.sim-control{font-size:12px;font-weight:600;display:grid;grid-template-columns:1fr auto;gap:10px;color:#c9d8e7}.sim-control output{font-family:monospace;color:#70e3c0}.sim-control input{grid-column:1/-1;width:100%;accent-color:#62e2b8;cursor:pointer}.sim-split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.sim-lcd{background:#020e15;border:8px solid #293d4b;border-radius:10px;padding:18px;color:#75f4d1}.sim-lcd>span{font:9px monospace;letter-spacing:1px;color:#84a2b3}.sim-lcd pre{font:16px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.sim-tank{position:relative;height:75px;border:1px solid #607d94;border-radius:6px;overflow:hidden;display:grid;place-items:center}.sim-tank i{position:absolute;bottom:0;background:#168b96;width:100%;transition:height .2s}.sim-tank span{position:relative;font-size:10px}.sim-note{color:#95acbd;font-size:11px;line-height:1.7;margin:18px 0}.sim-body button,.sim-footer button{background:#1b3347;border:1px solid #3a5265;color:#d9e8ed;border-radius:7px;padding:10px 14px;font:600 11px inherit;cursor:pointer}.sim-body button.sim-primary{background:#6fe1bb;color:#092727;border-color:#6fe1bb}.sim-body button:disabled{opacity:.35;cursor:default}.sim-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.sim-chart{padding:16px;border:1px solid #294352;border-radius:10px;margin-top:20px}.sim-chart>span{font:9px monospace;color:#819eaf}.sim-chart svg{height:100px;width:100%;margin-top:12px}.sim-chart polyline{stroke:#6fe1bb;stroke-width:2;fill:none}.chart-grid{stroke:#284352;fill:none}.sim-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0;padding-top:16px;border-top:1px solid #294352}.sim-status{color:#6fe1bb;font:11px/1.5 monospace}.sim-status.alarm{color:#ff8e9c}.sim-log{font:10px/1.8 monospace;color:#95acbd;background:#0a1827;padding:14px;border-radius:10px;min-height:45px;overflow-wrap:anywhere}.sim-search label{display:block;font-size:12px;margin-bottom:12px}.sim-search>div{display:flex;gap:10px}.sim-body input:not([type=range]),.sim-body select{min-width:0;background:#0c1d2c;border:1px solid #365568;border-radius:7px;padding:12px;color:#e3edf2;font:13px inherit}.sim-search input{flex:1}.sim-examples{display:flex;gap:8px;font-size:12px;align-items:center;flex-wrap:wrap;margin:14px 0 22px}.sim-map{background:#091d2b;border:1px solid #2b4659;border-radius:12px;margin-bottom:22px}.sim-map svg{width:100%;max-height:270px}.sim-map text{fill:#97b2c3;font:10px monospace}.sim-bins{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.sim-bins button{display:grid;gap:16px;background:#173348}.sim-bins strong{font-size:26px;color:#71e4c0}.sim-bins span{font:10px monospace}.sim-bins .empty-bin{border-style:dashed;opacity:.65}.sim-stock-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sim-stock-form label{display:grid;gap:8px;font-size:12px}.sim-stock-form .sim-actions{grid-column:1/-1}.sim-machine{display:flex;gap:24px;align-items:center;background:#0b1d2b;border:1px solid #294352;border-radius:10px;padding:20px;margin:22px 0}.sim-machine>div:last-child{display:grid;gap:10px}.sim-machine span,.sim-machine small{font:10px monospace;color:#90aabd}.sim-machine strong{font:22px monospace;color:#6fe1bb}.sim-gear{font-size:72px;color:#6fe1bb}.sim-design{height:230px;display:grid;place-items:center;perspective:500px}.sim-enclosure{width:180px;height:140px;background:#325163;border:8px solid #436779;border-radius:14px;transform:rotate(-12deg);box-shadow:15px 18px 0 #0a1723;display:grid;place-items:center}.sim-enclosure>span{font:9px monospace;color:#9dbccc}.enclosure-screen{width:100px;background:#082b30;color:#68e3b9;font-size:28px;padding:10px;text-align:center;margin-bottom:18px}.source-demo-link{display:block;background:#69dfbb;color:#09252e;padding:16px;text-decoration:none;border-radius:10px;margin:16px 0;font-weight:700}.energy-controls{grid-template-columns:repeat(3,1fr)}
@media(max-width:600px){.sim-split{grid-template-columns:1fr}.sim-meters{grid-template-columns:repeat(2,1fr)}.sim-meter strong{font-size:25px}.energy-controls{grid-template-columns:1fr}.sim-search>div{flex-direction:column}.sim-footer{align-items:flex-start}.sim-bins{grid-template-columns:repeat(2,1fr)}.sim-machine{gap:12px}.sim-gear{font-size:48px}}

.source-demo-frame{display:block;width:100%;height:650px;border:1px solid #2d4d62;border-radius:10px;background:#0b1a2b}.simulating #project-detail{min-width:0}.simulating #project-detail>h2{margin-bottom:12px}@media(max-width:600px){.source-demo-frame{height:650px}}

/* byathala / field notes — 2026 */
:root{--paper:#111411;--ink:#f2f1e9;--muted:#a7afa5;--lime:#c7e89b;--blue:#c7e89b;--line:#30362e;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
body{background:var(--paper);max-width:none}header{height:88px;position:sticky;top:0;z-index:25;max-width:none;padding:0 max(6%,calc((100vw - 1280px)/2));background:#111411ed;backdrop-filter:blur(18px)}.brand{letter-spacing:-1.5px;font-size:27px}.brand span{color:var(--lime)}nav{gap:28px}nav a{font-size:12px}.nav-contact{border:1px solid var(--line);padding:10px 16px;border-radius:40px}.nav-contact span{border:0;width:auto;height:auto}.hero,.section,.contact,footer{max-width:1440px}.hero{background:none;padding-top:38px;padding-bottom:0}.hero-intro{padding-bottom:27px;border-bottom:1px solid var(--line)}.eyebrow,.section-label,.edition,.role-line{letter-spacing:1.4px;font-size:10px}.eyebrow i{background:var(--lime)}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:52px 0 45px;align-items:center}.role-line{color:var(--muted);letter-spacing:.3px;font-size:12px}h1{font-size:clamp(52px,5.8vw,84px);line-height:1.07;letter-spacing:-4.5px;font-weight:500;margin:22px 0}h1 em{font-style:normal;color:var(--lime);position:relative}h1 em:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:-5px;background:var(--lime);transform:rotate(-3deg)}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px;margin:25px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:15px 23px;font-size:12px;gap:24px}.button.dark{background:var(--lime);color:#182113}.button.outline{background:transparent;color:var(--ink);border:1px solid #596150}.button.dark:hover{background:#e0f6be}.hero-signature{margin-top:30px;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.hero-signature>span:first-child{font-size:8px;letter-spacing:1.5px}.hero-signature strong{color:var(--ink);font-weight:500;font-size:12px}.engineering-art{background:#1a2018;border:1px solid #39422f;border-radius:3px;padding:22px 22px 0;position:relative;min-width:0;transform:rotate(2deg)}.art-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#a4b098}.circuit{position:relative;height:370px;overflow:hidden;background-image:radial-gradient(#87946e40 .7px,transparent .7px);background-size:16px 16px}.circuit svg{position:absolute;inset:0;width:100%;height:100%}.circuit path{stroke:#90a87b;fill:none;stroke-width:1.5;stroke-dasharray:5 5}.circuit circle{fill:var(--lime)}.chip{position:absolute;top:115px;left:calc(50% - 65px);width:130px;height:138px;background:#c7e89b;box-shadow:8px 8px 0 #708556;color:#1a2616;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:10px;border:8px solid #a1ba7a;transform:rotate(-8deg);z-index:2}.chip>span{font-size:5px;letter-spacing:.7px}.chip strong{font:600 57px/.9 var(--display);letter-spacing:-5px}.chip strong span{color:#6a824e}.chip small{font-size:5px;letter-spacing:.7px}.circuit-node{position:absolute;background:#11180ff5;border:1px solid #445038;padding:13px 15px;z-index:3;min-width:140px}.circuit-node small{display:block;font-size:6px;letter-spacing:1.5px;color:#a1b784}.circuit-node strong{display:block;font:500 13px var(--display);margin:8px 0 4px}.circuit-node span{font-size:7px;color:#98a28e}.node-a{top:40px;left:5px}.node-b{top:55px;right:0}.node-c{bottom:40px;right:0}.art-coordinate{position:absolute;bottom:27px;left:6px;font:7px/1.8 monospace;letter-spacing:1px;color:#8c9c80}.orbit{position:absolute;border:1px solid #86976b33;border-radius:50%;width:290px;height:290px;left:calc(50% - 145px);top:43px}.orbit-two{width:225px;height:225px;left:calc(50% - 112px);top:75px}.art-bottom{border-top:1px solid #3b462f;padding:17px 0;display:flex;gap:9px;align-items:center;font-size:9px;color:#b3bfaa}.art-bottom>span:last-child{margin-left:auto;font-size:18px}.signal-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #c7e89b}.hero-evidence{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr;padding:25px 0 31px;gap:22px}.hero-evidence>div{display:flex;align-items:center;gap:15px}.hero-evidence strong{font:500 24px var(--display);letter-spacing:-.8px;white-space:nowrap}.hero-evidence span{font-size:9px;color:var(--muted);line-height:1.6}.hero-evidence>a{font-size:10px;display:flex;align-items:center;gap:15px;justify-content:end}.hero-evidence>a span{font-size:22px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1a2018;padding:19px 6%;color:var(--lime);font-size:16px}.ticker span{font-size:9px;color:#becab3;letter-spacing:2px}.section{padding-top:85px;padding-bottom:85px}h2{font-size:clamp(32px,3.7vw,52px);letter-spacing:-2px;line-height:1.16;font-weight:500}h2>span{color:#a7b39c}.section-label{color:var(--lime);margin-bottom:20px;font-size:9px}.work-heading{gap:30px;margin-bottom:30px}.work-note{max-width:290px;font-size:12px}.filters{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}.filters button{font-size:11px;padding:9px 18px;border-radius:3px}.filters button.active{background:var(--lime);color:#1a2616;border-color:var(--lime)}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}.projects>.project-card:last-child{grid-column:auto;max-width:none}.project-art{padding:0!important;aspect-ratio:1.64;border-radius:3px!important;border:1px solid #414c37!important;background:#20291c!important}.project-shot{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .6s}.project-card:hover .project-shot{transform:scale(1.035)}.project-card:hover .project-art{transform:none;border-color:#a0b782!important}.concept{background:#10190eee!important;color:#c7e89b!important;border:1px solid #6a8053;top:auto;bottom:12px;right:12px;font-size:8px;padding:6px 10px;backdrop-filter:blur(6px);border-radius:3px}.project-cover{padding:40px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,#27351e,#192315);position:relative}.project-cover:after{content:'↗';position:absolute;right:30px;top:35px;font-size:65px;color:#869d6760}.project-cover>span{font-size:8px;letter-spacing:2px;color:#a4bc89}.project-cover strong{font:500 clamp(24px,3vw,40px)/1.12 var(--display);letter-spacing:-1px;max-width:75%;color:#e0ebd5}.project-cover small{font-size:8px;color:#a8b69d}.organization{font-size:8px;letter-spacing:1.4px;color:#91a480}.project-info{margin-top:18px;margin-bottom:13px}.project-info h3{font-size:23px;margin-top:7px}.project-info p{font-size:12px;margin-top:6px;line-height:1.6}.project-arrow{color:var(--lime)}.tags span{font-size:8px;padding:5px 8px;border-radius:3px;border-color:#3b4533}.try-simulation{font-size:11px;color:var(--lime);border-color:var(--line);padding-top:12px;margin-top:17px}.show-more{color:var(--ink);background:#1c2318;border:1px solid #46523a;border-radius:3px;padding:15px 25px;font-size:12px;margin-top:35px}.draft-note{font-size:10px;max-width:650px}.about{grid-template-columns:1fr 3fr}.about-columns p{font-size:14px;line-height:1.9}.about-columns a{text-decoration:underline;text-underline-offset:4px;color:var(--lime)}.core-stack{border-color:var(--line)}.monogram{background:var(--lime);color:#1a2616}.tech-groups article{background:#192016!important;border-color:#36412e!important;border-radius:3px!important}.tech-groups h3{color:var(--lime)}.tech-groups article div span{border-color:#46523c;color:var(--muted);background:transparent;border-radius:3px}.journey{background:#151a13;border-top:1px solid var(--line)}.timeline-item h3{font-size:22px}.timeline-item p{font-size:13px;line-height:1.85}.timeline-dot.current{background:var(--lime)}.mini-heading{color:var(--lime)}.skills{gap:60px}.skill-rows h3{font-size:24px}.skill-rows p{font-size:12px;max-width:350px}.skill-icon{color:var(--lime)}.award-card{background:#1b2316!important;border-color:#3f4f32!important;border-radius:3px!important}.award-number{color:var(--lime)}.award-photo img{border-radius:2px}.award-project{border-color:#405134}.award-card>p,.recognition-copy>p{color:var(--muted)}.cost-card{background:#1b2316!important;border-color:#3f4f32!important;border-radius:3px!important}.cost-row .cost-track{background:#344329}.cost-row .cost-track i{background:#809470}.inhouse .cost-track i{background:var(--lime)}.cost-saving strong{color:var(--lime)}.saving-pill{background:var(--lime);color:#1a2616}.operational-benefits article{background:#191f16!important;border-color:#39472e!important;border-radius:3px!important}.cv-section{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:75px;background:#1b2316}.cv-section p{color:var(--muted);font-size:14px;line-height:1.9;max-width:440px;margin:25px 0}.cv-format{display:block;font-size:9px;color:var(--muted);margin-top:14px}.cv-preview{max-width:290px;justify-self:center;transform:rotate(4deg);position:relative;box-shadow:12px 15px 0 #3e4c30}.cv-preview img{display:block;width:100%;border:1px solid #536744}.cv-preview>span{position:absolute;bottom:0;left:0;right:0;background:#10210fed;padding:14px;font-size:10px;text-align:center;color:#e3f7d5}.contact{background:#c7e89b;padding-top:65px;padding-bottom:65px;color:#1a2616}.contact .eyebrow{color:#465c32}.contact h2{font-size:clamp(40px,5.3vw,72px);letter-spacing:-3px}.contact h2>span{color:#577640}.contact-heading>span{font-size:90px}.contact-bottom>p{font-size:13px;max-width:370px}.contact .button.dark{background:#1a2616;color:#eef5e7}.contact .whatsapp{border-color:#577640;border-radius:3px}.contact #contact-links>a{font-size:12px}footer{padding-top:30px;padding-bottom:30px}footer strong{color:var(--ink)}dialog{background:#11180f;border-color:#45543a;border-radius:4px}dialog.simulating{max-width:1280px}dialog::backdrop{background:#070c07dd}dialog .close{color:var(--ink);z-index:4}dialog .detail-tabs button{border-color:#46523c}dialog .detail-tabs button.active{background:var(--lime);color:#1a2616}dialog .project-cover{min-height:240px}.sim-demo-banner{border-color:#405635!important;background:#1d2b16!important;color:#c8d7ba!important}.source-demo-frame{border-color:#465a3c}.sim-iframe-link{color:var(--lime)}.sim-badge,.sim-footer{color:var(--muted)}
@media(min-width:1500px){body{max-width:none}.hero,.section,.contact,footer{padding-left:86px;padding-right:86px}}
@media(max-width:1100px){.hero-layout{gap:30px;grid-template-columns:1.2fr 1fr}h1{font-size:59px;letter-spacing:-3px}.engineering-art{padding:17px 15px 0}.circuit{height:340px}.circuit-node{padding:10px;min-width:120px}.node-a{left:0}.node-b{right:0}.hero-evidence{grid-template-columns:1fr 1fr 1.3fr}.hero-evidence>a{display:none}.hero-evidence strong{font-size:20px}.cv-section{gap:40px}.about{grid-template-columns:.6fr 3fr}}
@media(max-width:760px){header{padding:0 5%;height:72px}nav{gap:16px}nav a{font-size:10px}nav a[href='#skills']{display:none}.nav-contact{display:none}.hero{padding:26px 5% 0}.hero-layout{grid-template-columns:1fr;padding:35px 0;gap:36px}h1{font-size:clamp(45px,9vw,65px);letter-spacing:-2.5px}.hero-description{font-size:14px;max-width:480px}.engineering-art{max-width:480px;width:100%;justify-self:center;transform:rotate(1deg)}.circuit{height:315px}.chip{top:98px}.circuit-node{min-width:130px}.hero-evidence{grid-template-columns:1fr 1fr;gap:24px}.hero-evidence>div:last-of-type{grid-column:1/-1}.hero-evidence strong{font-size:24px}.hero-evidence span{font-size:10px}.hero-intro .edition{display:none}.section{padding:60px 5%}.work-heading{flex-direction:column;align-items:start;gap:18px}.projects{gap:30px 20px}.project-cover{padding:25px}.project-cover strong{font-size:25px}.project-cover>span{font-size:6px}.project-info h3{font-size:20px}.project-info p{font-size:11px}.about,.skills{grid-template-columns:1fr}.about-columns{grid-template-columns:1fr;gap:20px}.cv-section{grid-template-columns:1fr;gap:35px}.cv-preview{max-width:230px}.contact{padding:50px 5%}.contact h2{font-size:42px;letter-spacing:-2px}.contact-heading>span{font-size:50px}.contact-bottom{align-items:start}footer{flex-wrap:wrap;padding:25px 5%}footer>span{font-size:9px}.ticker span{font-size:8px}.section-label{font-size:9px}dialog{padding:25px;max-width:95vw}.tech-groups{gap:15px}.journey-content{min-width:0}}
@media(max-width:480px){.projects{grid-template-columns:1fr}.projects>.project-card:last-child{max-width:none;grid-column:auto}.project-art{aspect-ratio:1.5}.project-cover strong{font-size:32px}.project-cover>span{font-size:8px}h1{font-size:45px}.hero-actions .button{padding:14px 18px;gap:18px}.role-line{font-size:10px}.hero-evidence>div{gap:12px}.contact-heading>span{display:none}.contact h2{font-size:37px}.filters button{padding:9px 13px}.circuit-node{min-width:118px;font-size:11px}.chip{width:114px;left:calc(50% - 57px)}nav{gap:13px}.project-info h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.filters button{background:transparent;border-color:#46513c}.filters button.active{background:var(--lime);color:#1a2616}

/* Brand tiles on project cards and project details. */
.tags{display:flex;flex-wrap:wrap;gap:12px 10px;align-items:flex-start;margin-top:20px}
.tags .technology{display:flex;flex-direction:column;align-items:center;gap:7px;width:62px;padding:0;border:0;background:none;text-align:center;flex-shrink:0}
.tags .technology-icon{display:grid;place-items:center;width:48px;height:48px;padding:9px;border:0;border-radius:13px;background:#f0f2f3;box-sizing:border-box;transition:transform .2s}
.tags .technology-icon img{display:block;width:30px;height:30px;object-fit:contain}
.tags .technology-name{padding:0;border:0;background:none;font-size:9px;line-height:1.3;color:var(--muted,#b2b6ac);letter-spacing:0;white-space:normal}
.project-card:hover .technology-icon{transform:translateY(-2px)}
@media(max-width:480px){.tags{gap:12px 7px}.tags .technology{width:57px}}

/* Portrait, technology library and restrained motion. */
.portrait-card{margin:0;position:relative;padding:14px;background:#1a2117;border:1px solid #46543a;border-radius:22px;box-shadow:18px 20px 0 #1c2417;max-width:470px;width:100%;justify-self:end;transform:rotate(1deg)}
.portrait-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#b8c6a6;padding:7px 2px 17px}
.portrait-window{position:relative;overflow:hidden;border-radius:13px;aspect-ratio:.91;background:#273021}
.portrait-window>img{display:block;width:100%;height:100%;object-fit:cover;object-position:44% 68%;transform:scale(1.85);filter:saturate(.68);transition:filter .6s,transform 1.2s}
.portrait-card:hover .portrait-window>img{filter:saturate(.92);transform:scale(1.88)}
.portrait-window:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#11180fee);pointer-events:none}
.portrait-caption{position:absolute;z-index:1;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;color:#f3f6ed}
.portrait-caption .portrait-label{font-size:7px;letter-spacing:1.8px;color:#d0e7b0}
.portrait-caption strong{font:500 clamp(24px,2.7vw,36px) var(--display);letter-spacing:-1px;display:flex;justify-content:space-between;align-items:center}
.portrait-caption strong span{color:var(--lime);font-size:27px}.portrait-caption>span:last-child{font-size:9px;color:#d5ddcf}
.portrait-card figcaption{display:flex;align-items:center;gap:8px;padding:16px 2px 4px;color:#acb99f;font-size:9px}.portrait-card figcaption>span:last-child{margin-left:auto;color:var(--lime);font-size:16px}
.tech-groups{display:grid;gap:12px}.tech-groups article{padding:24px!important;border:1px solid #35412e;border-radius:12px!important;background:linear-gradient(125deg,#1c2518,#171e14)!important;transition:border-color .25s,background .25s}
.tech-groups article:hover{border-color:#70835c!important}.tech-groups h3{margin-bottom:20px;font-size:9px;letter-spacing:1.6px}.tech-groups article>div{gap:16px 13px}
.tech-groups article>div>.technology{padding:0!important;border:0!important;background:none!important;display:flex;flex-direction:column;align-items:center;width:72px;gap:9px}
.tech-groups article div .technology-icon{display:grid;place-items:center;width:47px;height:47px;padding:9px;border:0;background:#e9ede7;border-radius:12px;transition:transform .25s,box-shadow .25s}
.tech-groups .technology-icon img{display:block;width:29px;height:29px;object-fit:contain}
.tech-groups article div .technology-name{padding:0;border:0;background:none;font-size:10px;text-align:center;line-height:1.4;color:#b9c5ad;max-width:75px}
.tech-groups .technology:hover .technology-icon{transform:translateY(-3px);box-shadow:0 7px 16px #0002}
.ticker{display:block;padding:23px 0;background:#1a2315;border-block:1px solid #36432c}.ticker-track{display:flex;width:max-content;animation:ticker-drift 65s linear infinite}.ticker-copy{display:flex;align-items:center;justify-content:space-around;gap:65px;padding-right:65px;min-width:100vw;color:var(--lime)}.ticker span{font-size:10px;letter-spacing:2px;color:#b6c4a8}.ticker:hover .ticker-track{animation-play-state:paused}
.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:101;background:var(--lime);transform-origin:left;pointer-events:none}
.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal.in-view{opacity:1;transform:none}
.hero-copy{animation:quiet-entry .8s both}.portrait-card{animation:portrait-entry 1s .12s both}
@keyframes ticker-drift{to{transform:translateX(-50%)}}@keyframes quiet-entry{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes portrait-entry{from{opacity:0;transform:translateY(20px) rotate(1deg)}to{opacity:1;transform:rotate(1deg)}}
@media(max-width:760px){.portrait-card{justify-self:center;max-width:420px;box-shadow:10px 12px 0 #1c2417}.portrait-window{aspect-ratio:1.03}.tech-groups article{padding:20px!important}.tech-groups article>div{gap:16px 7px}.tech-groups article>div>.technology{width:70px}.ticker-copy{gap:35px;padding-right:35px}.portrait-caption{left:20px;right:20px}.portrait-topline{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.hero-copy,.portrait-card{animation:none!important}.motion-ready .reveal{opacity:1;transform:none;transition:none}.portrait-window>img,.portrait-card:hover .portrait-window>img{transform:scale(1.85)}}

@media(min-width:761px){.tech-groups article>div{gap:16px 10px}.tech-groups article>div>.technology{width:64px}}