@charset "UTF-8";
:root{--ink:#0d1211;--paper:#f4f2eb;--mint:#76d4cb;--muted:#b3bdb9;--line:rgba(128,145,138,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #26a89e;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.3vw,6.4rem);font-weight:800;margin-bottom:28px}h2{font-size:clamp(2.5rem,4.4vw,4.5rem);margin-bottom:30px}h3{font-size:1.75rem}p{max-width:65ch}em{font-style:normal;color:var(--mint)}.wrap{width:min(1320px,90%);margin:auto}.section{padding:100px 0}.light{background:var(--paper);color:var(--ink)}.eyebrow{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:25px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 25px;background:var(--mint);color:var(--ink);border:1px solid transparent;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#a0e9e2;transform:translateY(-2px)}.button:after{content:'↗';font-size:1.3rem}.button.dark{background:var(--ink);color:var(--paper)}.button.outline{background:transparent;border-color:currentColor;color:inherit}.actions{display:flex;flex-wrap:wrap;gap:14px}.skip{position:absolute;top:-100px;background:var(--mint);color:var(--ink);padding:15px;z-index:99}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(13,18,17,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:155px;flex-shrink:0;display:block}.brand img{width:155px;height:48px;object-fit:contain}.brand span{font-size:.75rem;display:block;text-align:right;margin-top:-1px;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:27px;font-size:.88rem}.nav a:not(.button){padding:10px 0}.nav a:hover,.nav a[aria-current]{color:var(--mint)}.lang{border-left:1px solid var(--line);padding-left:23px!important}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:9px 14px}.hero{position:relative;overflow:hidden}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:15px;padding:70px 0}.hero-copy{position:relative;z-index:1}.hero-copy p{font-size:1.17rem;max-width:490px;color:#c7cfcb}.hero-art{width:120%;max-width:none;margin-left:-15%;object-fit:cover;mix-blend-mode:screen}.stats{display:flex;gap:45px;margin-top:50px}.stat{display:flex;align-items:center;gap:12px}.stat+.stat{border-left:1px solid var(--line);padding-left:30px}.stat strong{font-size:2.3rem;white-space:nowrap;letter-spacing:-.05em}.stat span{font-size:.84rem;max-width:120px;line-height:1.3}.clients{padding:27px 0;border-bottom:1px solid var(--line)}.client-list{display:flex;flex-wrap:wrap;gap:18px 30px;justify-content:center;font-size:1.02rem;font-weight:600}.split{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px}.service-row{display:grid;grid-template-columns:48px 1fr 25px;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row .number{color:#238e85;font-size:2rem;font-weight:400;line-height:1}.service-row h3{font-size:1.5rem;margin:0 0 10px}.service-row p{font-size:1rem;margin:0;color:#505853}.service-row:hover h3{color:#177b73}.arrow{font-size:1.6rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-heading h2{margin:0}.text-link{border-bottom:1px solid currentColor;padding-bottom:7px;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{border-bottom:1px solid var(--line);padding-bottom:25px}.project-card h3{margin:22px 0 10px}.project-card p{color:var(--muted);font-size:1rem}.project-visual{aspect-ratio:1.25;overflow:hidden;position:relative;background:#183c36;display:flex;align-items:center;justify-content:center}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.035)}.project-visual strong{font-size:clamp(3rem,5vw,5rem);letter-spacing:-.07em;line-height:1}.project-visual.rouz{background:#e6e4da;color:#173a32}.project-visual.chefman{background:var(--mint);color:var(--ink)}.project-visual small{position:absolute;bottom:20px;left:23px;letter-spacing:.15em;font-size:.72rem}.statement{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.statement p{border-left:1px solid var(--line);padding-left:45px;font-size:1.3rem}.cta{background:var(--mint);color:var(--ink);padding:65px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{max-width:700px;margin-bottom:0;font-size:clamp(2.5rem,4vw,4rem)}.footer{padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer-contact a{display:block;margin-bottom:8px}.footer-meta{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--muted)}.footer-bottom{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;font-size:.78rem;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.page-intro{padding:95px 0 75px}.page-intro h1{max-width:1050px}.page-intro p{font-size:1.25rem;max-width:760px}.page-intro.light em{color:#187f77}.platforms{font-size:clamp(2rem,5vw,4.4rem);font-weight:700;letter-spacing:-.045em;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:32px 0}.platforms span{color:#24998e}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:25px 55px}.feature{padding:25px 0;border-top:1px solid var(--line)}.feature h3{font-size:1.65rem;margin-bottom:14px}.feature p{color:var(--muted);font-size:1.05rem}.light .feature p{color:#505853}.feature .number{color:#33998f;display:block;font-size:.9rem;letter-spacing:.1em;margin-bottom:20px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.process .circle{border:1px solid #268b83;display:inline-flex;width:49px;height:49px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:25px}.process h3{font-size:1.3rem}.process p{font-size:1rem}.case{padding:90px 0;scroll-margin-top:100px}.case-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.case h2{font-size:4rem}.case-stats{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-metric{border-top:1px solid var(--line);padding-top:24px}.case-metric strong{display:block;color:#278f85;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.06em;line-height:1.1;margin-bottom:15px}.case:not(.light) .case-metric strong{color:var(--mint)}.case-metric span{font-size:1.1rem}.case-wide{grid-column:1/-1}.case-photo{width:100%;max-height:380px;object-fit:cover;margin-top:35px}.contact-grid{display:grid;grid-template-columns:.8fr 1.1fr;gap:100px}.contact-details{margin-top:35px}.contact-details a{display:block;font-size:1.25rem;margin-bottom:16px;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field label{display:block;font-size:.9rem;margin-bottom:9px}.field input,.field select,.field textarea{width:100%;border:1px solid #7d8b85;background:transparent;padding:15px;color:var(--ink);border-radius:0}.field textarea{min-height:150px;resize:vertical}.wide{grid-column:1/-1}.form-note{font-size:.9rem;color:#525d56}.form-status{padding:16px;border-left:3px solid #278f85;margin-top:20px}.form-status:empty{display:none}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-submit:disabled{opacity:.6;cursor:wait}.whatsapp{position:fixed;bottom:22px;right:22px;z-index:15;background:var(--mint);color:var(--ink);padding:13px 20px;border:1px solid var(--ink);box-shadow:0 4px 20px #0003;font-size:.9rem;font-weight:700}.mini-contact{border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.mini-contact h3{font-size:1.5rem}.mini-contact p{font-size:1rem}.tagline{color:var(--muted)}@media(min-width:1600px){.hero-art{width:130%}}@media(max-width:1050px){.nav{gap:15px}.nav .button{padding:12px}.split{gap:40px}.hero-grid{min-height:620px}.contact-grid{gap:40px}.cta-inner{align-items:start;flex-direction:column}.stats{gap:18px}.stat strong{font-size:1.8rem}.stat+.stat{padding-left:18px}}@media(max-width:800px){.header-inner{min-height:82px}.brand,.brand img{width:130px}.brand img{height:40px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;width:100%;background:var(--ink);padding:25px 5%;border-bottom:1px solid var(--line);align-items:stretch;gap:10px}.nav.open{display:flex;flex-direction:column}.lang{border:0;padding-left:0!important}.hero-grid{grid-template-columns:1fr;padding:55px 0 0;gap:0}.hero-art{width:100%;margin:0;max-height:420px;object-fit:cover}.hero-copy p{font-size:1.1rem}.hero h1{font-size:clamp(3.2rem,9vw,5rem)}.stats{flex-wrap:wrap;margin-top:35px}.section{padding:65px 0}.split,.statement,.contact-grid,.case-layout{grid-template-columns:1fr;gap:35px}.statement p{padding-left:0;border:0}.projects-grid{grid-template-columns:1fr}.project-visual{aspect-ratio:1.7}.project-visual strong{font-size:5rem}.section-heading{align-items:start;flex-direction:column}.grid-2{gap:20px;grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.page-intro{padding:65px 0 50px}.case{padding:60px 0}.case h2{font-size:3rem}.case-stats{gap:25px}.footer-inner{flex-direction:column}.footer-bottom{flex-direction:column;padding-bottom:60px}.platforms{font-size:2.2rem}.whatsapp{padding:11px 16px;bottom:15px;right:15px}.client-list{gap:15px 23px;font-size:.9rem}}@media(max-width:450px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.stat strong{font-size:1.6rem}.stat span{font-size:.75rem;max-width:95px}.stats{gap:12px}.stat+.stat{padding-left:12px}.process{gap:25px 18px}.case-stats{grid-template-columns:1fr}.case-wide{grid-column:auto}.service-row{grid-template-columns:36px 1fr 20px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Revision 02: full-width particle hero and editorial project imagery */
.particle-hero{isolation:isolate;background:radial-gradient(ellipse at 85% 40%,#163330 0%,#101817 45%,#0d1211 78%)}
.particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.particle-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,17,.92),rgba(13,18,17,.72) 37%,rgba(13,18,17,.06) 85%);z-index:-1;pointer-events:none}
.particle-hero .hero-grid{grid-template-columns:1.4fr .6fr;min-height:730px;padding-bottom:95px}
.particle-hero .hero-copy{max-width:850px}.particle-caption{align-self:end;padding-bottom:35px;font-size:.76rem;letter-spacing:.22em;color:var(--mint);text-align:right;line-height:2}
.motion-toggle{position:absolute;bottom:22px;right:5%;border:1px solid #617973;background:#0d1211b3;color:var(--paper);padding:8px 13px;font-size:.8rem;cursor:pointer}
.case-image{margin:0;position:relative;overflow:hidden;background:#17332e;aspect-ratio:1.4}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.case-image figcaption{position:absolute;bottom:12px;right:12px;padding:4px 8px;background:#0d1211cf;color:#fff;font-size:.75rem;line-height:1.4}.project-card:hover .case-image img{transform:scale(1.035)}
.case-full{grid-column:1/-1;aspect-ratio:2.4;margin-top:5px}.case-full img{object-position:center 45%}.ecommerce-case{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.ecommerce-case h2{font-size:clamp(2.6rem,4vw,4.2rem)}
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.channel{border-top:1px solid var(--line);padding:30px 0}.channel .number{color:#237f77;font-size:.9rem}.channel h3{font-size:2.2rem;margin:20px 0}.channel-title{font-size:1.3rem;font-weight:700}.channel p:last-child{line-height:1.8;color:#47564e}.commerce-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:40px}.commerce-flow article{padding:30px 25px 0 0}.commerce-flow h3{color:var(--mint);font-size:1.5rem}.commerce-flow p{color:var(--muted);font-size:1rem}
@media(max-width:800px){.particle-hero .hero-grid{grid-template-columns:1fr;min-height:680px;padding:60px 0 100px}.particle-caption{display:none}.particle-hero:after{background:linear-gradient(90deg,#0d1211da,#0d121150)}.case-full{aspect-ratio:1.5}.ecommerce-case,.channel-grid{grid-template-columns:1fr;gap:30px}.commerce-flow{grid-template-columns:1fr 1fr}.case-image{aspect-ratio:1.5}}

/* Original client marks, presented at consistent optical sizes. */
.brand-grid{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.brand-tile{min-height:195px;padding:26px 24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.brand-mark{height:105px;width:100%;display:flex;align-items:center;justify-content:center}.brand-mark img{width:100%;height:100%;max-width:215px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .25s,opacity .25s}.brand-tile:hover img{filter:none;opacity:1}.brand-tile.logo-ink img,.brand-tile.logo-ink:hover img{filter:brightness(0);opacity:.8}.brand-tile.logo-tall img{max-width:130px}.brand-tile>span{font-size:.8rem;letter-spacing:.025em;color:#53605b;text-align:center}.brand-name-only>span{font-size:1.5rem;font-weight:600;letter-spacing:0;color:#273a32}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{min-height:165px;padding:22px 15px 16px}.brand-mark{height:85px}.brand-tile>span{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.brand-mark img{transition:none}}