@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#11211d;--paper:#f3f0e8;--green:#c8f269;--mint:#dff2dd;--coral:#ff6d4d;--line:rgba(17,33,29,.16);--muted:#68736e;--dark:#182a25}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 80px));margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;transition:.3s;padding:22px 0;color:#f1f4e9}.site-header.scrolled{background:rgba(24,42,37,.94);backdrop-filter:blur(16px);padding:13px 0;box-shadow:0 8px 30px #0b181330}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:700 18px/1 "Space Grotesk",sans-serif;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--green)}.brand small{display:block;color:#9ca8a0;font:400 8px/1.3 "DM Mono",monospace;letter-spacing:.04em;text-transform:uppercase;margin-top:5px}.brand-mark{display:flex;align-items:end;gap:2px;width:23px;height:25px}.brand-mark i{display:block;background:var(--green);width:6px;border-radius:6px 6px 0 0}.brand-mark i:nth-child(1){height:11px;opacity:.55}.brand-mark i:nth-child(2){height:18px;opacity:.8}.brand-mark i:nth-child(3){height:25px}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px}.main-nav>a:not(.nav-cta){opacity:.75;position:relative}.main-nav>a:not(.nav-cta):after{position:absolute;content:"";height:2px;bottom:-8px;left:0;width:0;background:var(--green);transition:.25s}.main-nav>a:not(.nav-cta):hover:after,.main-nav>a.active:after{width:100%}.main-nav>a:hover,.main-nav>a.active{opacity:1}.nav-cta{background:var(--green);color:var(--ink);padding:12px 17px;border-radius:3px;font-weight:700;box-shadow:0 8px 22px #b0dd5b26}.nav-cta span,.button span{margin-left:10px;font-size:18px}.menu-toggle{display:none;border:0;background:none;color:inherit;width:32px}.menu-toggle span{display:block;height:2px;background:currentColor;margin:7px 0}.hero{min-height:735px;background:var(--dark);color:#f1f3e8;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#416c5c52 0,transparent 40%),linear-gradient(120deg,#142620,#1e3a31)}.hero-inner{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:90px}.hero-orb{position:absolute;border-radius:50%;border:1px solid #b2de6a33}.orb-one{width:570px;height:570px;right:-80px;top:50px}.orb-two{width:830px;height:830px;right:-210px;top:-80px;border-color:#b2de6a18}.hero-copy{max-width:620px;position:relative;z-index:2}.eyebrow,.section-kicker{font:500 11px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{display:inline-block;background:var(--green);width:22px;height:2px;vertical-align:middle;margin-right:10px}.hero-slide{display:none}.hero-slide.is-active{display:block;animation:rise .8s ease both}.hero h1{font:600 clamp(46px,6vw,82px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.07em;max-width:680px;margin:25px 0}.hero-slide>p{font-size:17px;color:#b8c5bb;max-width:510px;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;padding:16px 22px;font-weight:700;font-size:13px;cursor:pointer;transition:.25s}.button-primary{background:var(--green);color:var(--ink)}.button-primary:hover{box-shadow:0 12px 26px #9cca4a55;transform:translateY(-2px)}.button-light{background:#f7f7ee;color:var(--ink)}.button-light:hover{transform:translateY(-2px);background:var(--green)}.text-link{font-size:13px;font-weight:700}.text-link span{font-size:19px;margin-left:8px}.text-link:hover span{margin-left:14px}.text-link.dark{color:var(--ink)}.slider-controls{display:flex;align-items:center;gap:20px;margin-top:65px}.slider-controls button{color:#f1f3e8;background:none;border:0;cursor:pointer}.slider-prev,.slider-next{font-size:21px;padding:0}.slider-dots{display:flex;gap:9px}.slider-dots button{width:22px;height:3px;padding:0;background:#61746a}.slider-dots button.active{background:var(--green)}.hero-visual{height:480px;position:relative}.visual-ring{position:absolute;border:1px solid #b4db7a30;border-radius:50%;width:440px;height:440px;left:70px;top:18px}.ring-two{width:310px;height:310px;left:135px;top:83px;border-color:#b4db7a47}.visual-card{position:absolute;transform:rotate(-8deg);box-shadow:30px 35px 50px #07151045}.card-back{width:260px;height:350px;background:#9eaa8c;right:65px;top:45px;padding:25px;color:#253529}.card-back span{font:11px "DM Mono";letter-spacing:.2em}.card-back strong{display:block;font:600 38px/1 "Space Grotesk";letter-spacing:-.08em;margin-top:190px}.card-front{width:280px;height:380px;background:#eff0e2;left:105px;top:76px;padding:22px;color:var(--ink);transform:rotate(8deg)}.card-top{font:10px "DM Mono";display:flex;justify-content:space-between}.pulse{width:7px;height:7px;background:var(--coral);display:inline-block;border-radius:50%}.visual-glyph{font-size:105px;line-height:1;color:var(--coral);margin:75px 0 45px}.card-front p{font:600 28px/1 "Space Grotesk";letter-spacing:-.06em}.card-front em{color:#779c48;font-style:normal}.card-line{height:1px;background:#17261c38;margin-top:33px}.float-label{position:absolute;font:11px "DM Mono";background:#e2f297;color:var(--ink);padding:9px 12px}.label-a{top:38px;left:35px;transform:rotate(-10deg)}.label-b{bottom:32px;right:7px;transform:rotate(7deg)}.hero-foot{display:flex;align-items:center;gap:16px;position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font:10px "DM Mono";color:#9dab9e;text-transform:uppercase;letter-spacing:.1em}.scroll-line{width:80px;height:1px;background:#889a8e}.section{padding:125px 0}.section-kicker{color:var(--muted);display:flex;align-items:center;gap:12px}.section-kicker span{color:var(--coral)}.about-section{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 3fr;gap:70px}.about-content h2,.section-heading h2,.contact-aside h2{font:600 clamp(38px,5vw,65px)/1.02 "Space Grotesk";letter-spacing:-.07em;margin:0 0 35px}.about-content h2 em,.section-heading h2 em,.contact-aside h2 em,.detail-hero h1 em,.cta-section h2 em{font-style:normal;color:#739752}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:820px;margin-left:15%}.about-columns p{font-size:18px;line-height:1.7;margin:0}.about-columns .muted{font-size:14px;color:var(--muted);line-height:1.8}.about-columns .text-link{display:inline-block;margin-top:25px}.stats-grid{border-top:1px solid var(--line);margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:26px 0;border-right:1px solid var(--line);padding-left:25px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font:600 46px "Space Grotesk";letter-spacing:-.07em;display:block}.stat span{font:11px "DM Mono";color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.services-section{background:#e0edda}.section-heading{max-width:800px;margin-bottom:55px}.section-heading p{max-width:450px;color:var(--muted);margin-left:18%;font-size:16px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b2c3af}.service-card{background:#e0edda;padding:31px;min-height:245px;position:relative;transition:.25s}.service-card:hover{background:#f1f4e8;transform:translateY(-5px);box-shadow:0 15px 30px #6e8a6b21;z-index:1}.service-icon{color:var(--coral);font-size:27px}.service-number{position:absolute;right:28px;top:35px;color:#819a79;font:10px "DM Mono"}.service-card h3{font:600 23px "Space Grotesk";margin:58px 0 12px;letter-spacing:-.04em}.service-card p{font-size:13px;color:var(--muted);max-width:230px}.service-card>a{position:absolute;right:28px;bottom:25px;font-size:20px}.tech-strip{background:var(--green);padding:24px 0}.tech-inner{display:flex;align-items:center;gap:50px}.tech-label{font:10px "DM Mono";text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.tech-list{display:flex;justify-content:space-between;flex:1;gap:25px}.tech-list span{font:12px;font-weight:600;display:flex;align-items:center;gap:8px}.tech-list b{font:9px "DM Mono";background:#233b2e;color:#f0f4db;padding:5px 4px}.portfolio-section{background:#f7f6ef}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;max-width:none}.filters{display:flex;gap:25px;flex-wrap:wrap;margin-bottom:42px;border-bottom:1px solid var(--line);padding-bottom:15px}.filter{border:0;background:none;color:var(--muted);font:11px "DM Mono";cursor:pointer;padding:0}.filter.active,.filter:hover{color:var(--ink)}.filter.active:after{content:"";display:block;height:2px;background:var(--coral);margin-top:11px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:65px 26px}.project-card:nth-child(even){margin-top:100px}.project-card.hide{display:none}.project-image{height:340px;position:relative;overflow:hidden}.project-color-1{background:#c6d3c1}.project-color-2{background:#d7c9b4}.project-color-3{background:#c5d1da}.project-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.05)}.project-arrow{position:absolute;right:18px;top:18px;background:var(--green);width:42px;height:42px;display:grid;place-items:center;font-size:20px;transition:.25s}.project-card:hover .project-arrow{transform:rotate(45deg)}.abstract-project{position:absolute;inset:0;overflow:hidden}.abstract-project span{position:absolute;left:10%;top:24%;font:600 clamp(70px,11vw,140px)/1 "Space Grotesk";letter-spacing:-.13em;color:#f2f2e8aa;z-index:1}.abstract-project i{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #314a3970;left:45%;top:10%;background:#f1f0e522}.abstract-project i:last-child{left:60%;top:37%;width:160px;height:160px;background:var(--coral);border:0;mix-blend-mode:multiply}.project-color-2 .abstract-project span{color:#66583d66}.project-color-2 .abstract-project i{border-color:#73664788}.project-color-3 .abstract-project span{color:#3c596d66}.project-color-3 .abstract-project i{border-color:#42637a70}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:19px}.project-meta>div>span{font:10px "DM Mono";text-transform:uppercase;color:var(--coral)}.project-meta h3{font:600 24px "Space Grotesk";margin:5px 0;letter-spacing:-.04em}.project-meta p{font-size:13px;color:var(--muted);margin:0}.process-section{background:var(--dark);color:#eef1e6}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px}.process-section .section-kicker{color:#9aa9a0}.process-section .section-heading p{color:#aebdb1;margin-left:0}.process-section .section-heading h2{margin-top:23px}.process-section .section-heading h2 em{color:var(--green)}.process-list{border-top:1px solid #b6c4b52e}.process-item{display:flex;align-items:center;padding:24px 0;border-bottom:1px solid #b6c4b52e;gap:22px;transition:.25s}.process-item:hover{padding-left:10px;color:var(--green)}.process-item>span{font:10px "DM Mono";color:var(--coral)}.process-item h3{margin:0;font:500 20px "Space Grotesk";letter-spacing:-.03em}.process-item b{margin-left:auto;font-weight:400}.testimonial-section{background:var(--paper)}.testimonial-slider{max-width:900px;margin:65px auto 0}.testimonial{display:none}.testimonial.active{display:block;animation:rise .6s ease}.stars{color:var(--coral);letter-spacing:4px}.testimonial>p{font:500 clamp(28px,4vw,53px)/1.15 "Space Grotesk";letter-spacing:-.06em;margin:24px 0 40px}.testimonial footer{display:flex;align-items:center;gap:13px}.avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--green);border-radius:50%;font:600 14px "Space Grotesk"}.testimonial footer strong,.testimonial footer small{display:block}.testimonial footer strong{font-size:13px}.testimonial footer small{color:var(--muted);font-size:12px}.cta-section{background:var(--coral);color:var(--ink);padding:90px 0}.cta-inner{display:flex;justify-content:space-between;align-items:end}.cta-section .eyebrow{margin-bottom:28px}.cta-section .eyebrow span{background:var(--ink)}.cta-section h2{font:600 clamp(40px,6vw,74px)/.96 "Space Grotesk";letter-spacing:-.07em;margin:0}.not-found{padding-top:220px}.detail-hero{padding:180px 0 90px;background:var(--dark);color:#f0f2e9}.detail-hero h1{font:600 clamp(55px,9vw,110px)/.9 "Space Grotesk";letter-spacing:-.09em;max-width:850px;margin:30px 0}.detail-lead{font-size:19px;max-width:560px;color:#bbc8bc}.back-link{font:11px "DM Mono";color:#b4c4b5;display:inline-block;margin-bottom:85px}.detail-content{padding-top:75px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.detail-art{height:500px;position:relative;overflow:hidden}.detail-art .abstract-project span{font-size:150px}.detail-copy p{font-size:20px;line-height:1.7;color:#44514b}.project-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:45px 0;padding:20px 0;display:flex;gap:70px}.project-facts div{min-width:110px}.project-facts dt{font:10px "DM Mono";text-transform:uppercase;color:var(--muted)}.project-facts dd{margin:6px 0 0;font-size:13px}.contact-hero{background:#e0edda;color:var(--ink)}.contact-hero .eyebrow{color:var(--muted)}.contact-hero .detail-lead{color:var(--muted)}.contact-section{padding-top:90px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px}.contact-aside h2{margin:30px 0 55px}.contact-details{display:grid;gap:9px;font-size:14px}.contact-details a{font-weight:700}.contact-details span{color:var(--muted)}.contact-form{display:grid;gap:24px}.contact-form label{font:11px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.contact-form label span{color:var(--muted);text-transform:none}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #67746b66;background:transparent;padding:12px 0;font:16px "DM Sans";color:var(--ink);outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--coral)}.form-success,.form-error{padding:15px;background:var(--green);font-size:13px}.form-error{background:#ffd1c7}.site-footer{background:var(--dark);color:#ebf0e2;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:80px}.footer-brand{display:inline-flex}.footer-intro{max-width:330px;color:#aab8ac;line-height:1.7;margin-top:30px;font-size:14px}.footer-col{display:grid;align-content:start;gap:12px;font-size:13px;color:#b7c3b8}.footer-col h4{font:10px "DM Mono";text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin:0 0 8px}.footer-col a:hover{color:var(--green)}.socials{display:flex;gap:8px;margin-top:12px}.socials a{border:1px solid #b4c4b530;width:30px;height:30px;display:grid;place-items:center;font:10px "DM Mono"}.footer-bottom{border-top:1px solid #b4c4b525;margin-top:80px;padding-top:20px;display:flex;justify-content:space-between;color:#86968b;font:10px "DM Mono"}.secret-link{color:#9caa9e}.secret-link span{color:var(--coral)}.floating-whatsapp{position:fixed;z-index:40;right:28px;bottom:25px;background:var(--green);color:var(--ink);border-radius:50px;padding:8px 18px 8px 9px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px #12282040;font-size:12px}.floating-whatsapp span{width:27px;height:27px;background:var(--ink);border-radius:50%;color:var(--green);display:grid;place-items:center;font-size:16px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:900px){.container{width:min(100% - 42px,680px)}.main-nav{gap:17px}.hero-inner{grid-template-columns:1fr}.hero{min-height:800px}.hero-visual{display:none}.hero-copy{padding-top:50px}.about-grid,.process-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-columns{margin-left:0}.services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:35px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.detail-grid{grid-template-columns:1fr;gap:45px}.detail-art{height:350px}.detail-hero h1{font-size:70px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.site-header{padding:16px 0}.menu-toggle{display:block}.main-nav{position:absolute;top:65px;left:18px;right:18px;display:none;background:var(--dark);padding:24px;box-shadow:0 20px 30px #07151033;align-items:stretch;flex-direction:column}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:5px 0}.main-nav>a:not(.nav-cta):after{bottom:0}.hero h1{font-size:50px}.hero-inner{padding-top:100px}.hero-foot{width:calc(100% - 36px);justify-content:space-between}.hero-foot .scroll-line{width:35px}.section{padding:80px 0}.about-content h2,.section-heading h2,.contact-aside h2{font-size:42px}.about-columns{grid-template-columns:1fr;gap:25px}.stats-grid{margin-top:60px;grid-template-columns:repeat(2,1fr)}.stat,.stat:first-child{padding:20px 0 20px 14px;border-bottom:1px solid var(--line)}.stat strong{font-size:35px}.services-grid{grid-template-columns:1fr}.tech-inner{display:block}.tech-list{flex-wrap:wrap;margin-top:18px}.portfolio-heading,.cta-inner{display:block}.portfolio-heading .text-link{display:inline-block;margin-top:5px}.portfolio-grid{grid-template-columns:1fr;gap:45px}.project-card:nth-child(even){margin-top:0}.project-image{height:260px}.project-meta{grid-template-columns:1fr}.process-grid{gap:50px}.testimonial>p{font-size:31px}.cta-section h2{font-size:48px;margin-bottom:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}.secret-link{display:block;margin-top:15px}.floating-whatsapp{right:16px;bottom:16px}.detail-hero{padding:135px 0 70px}.detail-hero h1{font-size:58px}.contact-grid{gap:65px}.contact-hero .detail-lead{font-size:17px}.hero-actions{flex-wrap:wrap}}