:root{--bg:#F7F5F2;--ink:#0A0A0A;--mute:#5d5a55;--line:#0a0a0a1f;--acc:#E85D4C;--d:'Syne',sans-serif;--b:'Instrument Sans',system-ui,sans-serif;--pad:clamp(20px,5vw,72px);--e:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--b);-webkit-font-smoothing:antialiased;transition:opacity .2s}
body.switching main{opacity:.25;transition:opacity .16s}
main{transition:opacity .28s}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:hover{color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:8px}
.label{font:600 12px/1 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px var(--pad);background:#f7f5f2e6;backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-color:var(--line)}
.brand img{width:120px}
.links{display:none;list-style:none;gap:26px;margin-left:auto;font-size:14px}.nav-toggle{margin-left:8px;width:44px;height:44px;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:60}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:18px;height:2px;background:var(--ink);position:relative;transition:transform .2s var(--e),opacity .2s}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.nav.open .nav-toggle span{background:transparent}.nav.open .nav-toggle span:before{top:0;transform:rotate(45deg)}.nav.open .nav-toggle span:after{top:0;transform:rotate(-45deg)}
.links a{text-decoration:none}
.langs{display:flex;margin-left:auto;border:1px solid var(--line);border-radius:99px;padding:3px}
.langs button{font:600 11px var(--b);letter-spacing:.08em;background:none;border:0;padding:7px 10px;border-radius:99px;cursor:pointer;color:var(--mute);transition:background .2s,color .2s}
.langs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.btn{--coral:#E85D4C;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0b0b0b;color:#fff;text-decoration:none;font:600 15px var(--b);padding:16px 30px;border:3px solid #fff;border-radius:60px 999px 999px 6px/60px 999px 999px 6px;box-shadow:0 0 0 4px var(--coral),4px 5px 0 4px rgba(0,0,0,.18);cursor:pointer;position:relative;transform:rotate(-1.5deg);transition:transform .25s var(--e),box-shadow .25s,border-radius .35s var(--e)}
.btn:hover{color:#fff;background:#0b0b0b;border-radius:999px 60px 6px 999px/999px 60px 6px 999px;transform:rotate(1.5deg) translateY(-3px) scale(1.04);box-shadow:0 0 0 4px var(--coral),7px 9px 0 4px rgba(0,0,0,.22)}
.btn:active{transform:rotate(0) scale(.97);box-shadow:0 0 0 4px var(--coral),2px 2px 0 4px rgba(0,0,0,.2)}
.btn-sm{border-radius:40px 999px 999px 5px/40px 999px 999px 5px;padding:10px 20px;font-size:13px;border-width:2px;box-shadow:0 0 0 3px var(--coral),3px 4px 0 3px rgba(0,0,0,.15)}
.btn-sm:hover{box-shadow:0 0 0 3px var(--coral),5px 6px 0 3px rgba(0,0,0,.2)}
.btn-light{margin-top:48px}
.btn-sm{display:none;padding:10px 18px;font-size:13px}
.btn-light{margin-top:48px}
@media(max-width:979px){
.nav{flex-wrap:wrap}
.nav > nav{order:10;width:100%}
.links{display:none;flex-direction:column;gap:0;width:100%;padding:8px 0 16px;border-top:1px solid var(--line);margin:12px 0 0}
.nav.open .links{display:flex}
.links a{display:block;padding:14px 0;font-size:18px;font-weight:600;border-bottom:1px solid var(--line)}
.btn-sm{display:none}
}
@media(min-width:980px){
.nav-toggle{display:none}
.links{display:flex}
.langs{margin-left:0}
.btn-sm{display:inline-block}
}
.hero{padding:clamp(48px,9vw,120px) var(--pad) 0}
.hero-title{font:800 clamp(28px,7.2vw,120px)/.95 var(--d);letter-spacing:-.04em;margin:20px 0 36px;max-width:100%;text-wrap:balance;overflow-wrap:break-word}
.hero-title .w{display:inline-block;overflow:hidden;vertical-align:bottom;max-width:100%}
.hero-title .w>span{display:inline-block;transform:translateY(105%);animation:up .85s var(--e) forwards}
@keyframes up{to{transform:none}}
.hero-foot{display:grid;gap:28px;align-items:end;max-width:1100px;margin-bottom:56px}
@media(min-width:800px){.hero-foot{grid-template-columns:1.4fr auto;margin-left:auto;max-width:900px}}
.lead{font-size:clamp(18px,1.7vw,23px);max-width:38ch;color:#2a2826}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:22px 0}
.track{display:flex;gap:56px;width:max-content;animation:mq 50s linear infinite}
.track img{height:56px;width:auto;filter:grayscale(1) contrast(1.1);opacity:.75;mix-blend-mode:multiply}
@keyframes mq{to{transform:translateX(-50%)}}
.section{padding:clamp(80px,12vw,160px) var(--pad)}
.big{font:700 clamp(34px,5.4vw,84px)/1.02 var(--d);letter-spacing:-.03em;max-width:18ch;margin:20px 0 48px}
.h2{font:700 clamp(40px,7vw,110px)/.95 var(--d);letter-spacing:-.04em}
.sec-head{display:flex;gap:28px;align-items:baseline;border-top:1px solid var(--ink);padding-top:20px;margin-bottom:56px}
.cols{display:grid;gap:28px;max-width:1000px;margin-left:auto}
@media(min-width:800px){.cols{grid-template-columns:1fr 1fr}}
.svc-list{list-style:none}
.svc{display:grid;grid-template-columns:1fr auto;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .3s var(--e)}
.svc:hover{padding-left:14px}
.svc h3{font:700 clamp(24px,3.2vw,46px)/1.05 var(--d);letter-spacing:-.02em;margin-bottom:8px}
.svc p{color:var(--mute);max-width:56ch}
.num{font:600 13px var(--b);color:var(--mute);padding-top:12px}
.tag{align-self:start;font:600 11px var(--b);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--acc);color:var(--acc);padding:6px 10px;border-radius:99px}
.audit{background:var(--ink);color:var(--bg);padding:clamp(80px,12vw,160px) var(--pad)}
.audit .label{color:#a9a49d}.audit .lead{color:#d9d4cc}
.audit-grid{display:grid;gap:48px}
@media(min-width:900px){.audit-grid{grid-template-columns:1.1fr 1fr}}
.audit-dl dt{font:700 22px var(--d);padding-top:22px;border-top:1px solid #ffffff2a}
.audit-dl dd{color:#cfc9c0;margin:8px 0 24px}
.work{display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}
.w{grid-column:span 6;overflow:hidden;position:relative}
.w img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--e)}
.w:hover img{transform:scale(1.04)}
.w figcaption{font:600 12px var(--b);letter-spacing:.1em;text-transform:uppercase;padding:12px 0}
@media(min-width:800px){.w1{grid-column:1/5}.w2{grid-column:5/7;margin-top:120px}.w3{grid-column:1/3}.w4{grid-column:3/7}.w5{grid-column:2/4}}
.w img{aspect-ratio:4/3}.w2 img,.w5 img{aspect-ratio:3/4}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:24px;margin-top:80px;align-items:center}
.logos img{filter:grayscale(1);opacity:.7;mix-blend-mode:multiply;transition:filter .2s,opacity .2s;max-height:90px;margin:auto}
.logos img:hover{filter:none;opacity:1}
.team-grid{display:grid;gap:48px}
@media(min-width:900px){.team-grid{grid-template-columns:5fr 6fr;align-items:end}}
.portrait{overflow:hidden}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}
.name{font:800 clamp(44px,6vw,96px)/.95 var(--d);letter-spacing:-.04em}
.role{color:var(--mute);margin:14px 0 24px}
.net{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}
.net h4{font:700 20px var(--d);margin:16px 0 6px}.net p{color:var(--mute)}
.steps{list-style:none;display:grid;gap:0}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{border-top:1px solid var(--ink);padding:24px 24px 24px 0}
.steps b{font:600 13px var(--b);color:var(--mute)}
.steps h3{font:700 26px var(--d);margin:28px 0 8px}
.contact{border-top:1px solid var(--line)}
.contact-grid{display:grid;gap:56px}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
address{font-style:normal;font-size:20px;line-height:1.7;margin-top:32px}
.book{display:grid;gap:16px;background:#fff;padding:clamp(24px,4vw,44px);border:1px solid var(--line)}
.book h3{font:700 28px var(--d)}
.book label{display:grid;gap:6px;font-size:13px;font-weight:600}
.book input,.book select,.book textarea{font:400 16px var(--b);padding:12px 0;border:0;border-bottom:1px solid #0a0a0a40;background:none;border-radius:0}
.book input:focus,.book select:focus,.book textarea:focus{outline:0;border-color:var(--acc)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
fieldset{border:0;display:flex;flex-wrap:wrap;gap:14px}legend{font-size:13px;font-weight:600;margin-bottom:8px}
.book .radio{display:flex;align-items:center;gap:8px;font-weight:400;font-size:15px}
.note{font-size:13px;color:var(--mute)}.status{font-weight:600}
.foot{padding:48px var(--pad);border-top:1px solid var(--line);display:grid;gap:12px;font-size:13px;color:var(--mute)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--e),transform .8s var(--e)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-title .w>span{transform:none}}
.team-hero{margin:0 calc(-1*var(--pad)) 64px;overflow:hidden}.team-hero img{width:100%;aspect-ratio:16/8;object-fit:cover}
@media(min-width:900px){.team-grid{grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}.m2{margin-top:160px}}
.member .portrait{margin-bottom:24px}.member .name{font-size:clamp(36px,4.4vw,68px)}
.team-net{display:grid;gap:40px;margin-top:96px}.team-net img{aspect-ratio:4/3;object-fit:cover;width:100%}
@media(min-width:900px){.team-net{grid-template-columns:5fr 6fr;align-items:center}.team-net .net{border:0;margin:0}}

@media(max-width:600px){.hero-title{font-size:clamp(26px,9.5vw,40px);line-height:1.05;letter-spacing:-.03em}}

@media(max-width:600px){.hero-title{font-size:clamp(32px,11vw,56px);letter-spacing:-.03em;line-height:1}}
.links a[aria-current=page]{color:var(--acc);text-decoration:underline;text-underline-offset:6px}
.foot-nav a{margin:0 .2em}

/* per-letter hover */
.glyphs .chw{display:inline-block;white-space:nowrap}
.glyphs .ch{display:inline-block;transition:transform .16s var(--e),color .16s var(--e)}
.glyphs .ch:hover{transform:translateY(-.12em) rotate(-6deg) skewX(-6deg);color:var(--acc)}
.glyphs .ch:hover+.ch,.glyphs .ch:has(+.ch:hover){transform:translateY(-.05em) rotate(-2deg);color:var(--acc)}
.audit .glyphs .ch:hover{color:inherit;opacity:.75}
@media(prefers-reduced-motion:reduce),(hover:none){.glyphs .ch,.glyphs .ch:hover,.glyphs .ch:hover+.ch,.glyphs .ch:has(+.ch:hover){transform:none!important;color:inherit;transition:none}}

/* letter hover on titles */
.lt{display:inline-block;white-space:pre-wrap}
.lt .ch{display:inline-block;will-change:transform,color;transition:transform .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1);cursor:default}
.lt:hover .ch{color:inherit}
.lt .ch:hover,.lt .ch.is-near{transform:translateY(-0.12em) rotate(-4deg) scale(1.08);color:var(--acc)}
.lt .ch.is-near-2{transform:translateY(-0.05em) rotate(2deg) scale(1.03);color:var(--acc);opacity:.92}
@media(prefers-reduced-motion:reduce){.lt .ch,.lt .ch:hover,.lt .ch.is-near,.lt .ch.is-near-2{transform:none!important;transition:none!important}}
@media(hover:none){.lt .ch:hover,.lt .ch.is-near{transform:none;color:inherit}}
/* redeploy 2026-10-26T22:50:43+01:00 */
/* v-nav-svc 1793051590 */


/* sync 1793051609844287227 */

/* restore-svc 1793051644 */
/* sticker wall */
.sticker-wall{position:relative;overflow:hidden;min-height:clamp(440px,60vw,560px);background:var(--bg);border-block:1.5px solid var(--line)}
.sw-bg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:.9;pointer-events:none}
.sw-row{white-space:nowrap;font:800 clamp(40px,7.2vw,104px)/.92 var(--d);text-transform:uppercase;color:var(--ink);letter-spacing:-.03em}
.sw-row span{display:inline-block;animation:swd 60s linear infinite}.sw-row.r span{animation-direction:reverse;margin-left:-40%}
.sw-row b{font-weight:800}
@keyframes swd{to{transform:translateX(-50%)}}
.sw-stk{position:absolute;inset:0}
.stk{position:absolute;display:inline-flex;align-items:center;gap:8px;font:700 clamp(14px,1.6vw,22px)/1.05 var(--d);padding:.8em 1.2em;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:0 0 0 6px #fff,0 10px 24px #0a0a0a2e;transform:rotate(var(--r,0deg));animation:stf 6s ease-in-out infinite alternate;max-width:15em;text-align:center}
.stk svg{width:1.3em;height:1.3em;flex:none}
.stk.oval{border-radius:50%;padding:1em 1.5em}.stk.rect{border-radius:18px}.stk.blob{border-radius:58% 42% 55% 45%/48% 52% 48% 52%;padding:1em 1.4em}
.stk.ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.stk.acc{background:var(--bg);border-color:var(--acc);color:var(--ink)}
@keyframes stf{to{transform:rotate(calc(var(--r,0deg) + 3deg)) translateY(-8px)}}
.stk1{top:10%;left:5%;--r:-8deg}.stk2{top:12%;right:6%;--r:7deg;animation-delay:-1s}.stk3{top:42%;left:40%;--r:-10deg;animation-delay:-2s}
.stk4{bottom:12%;left:8%;--r:6deg;animation-delay:-3s}.stk5{bottom:14%;right:6%;--r:-6deg;animation-delay:-1.5s}

@media (max-width:640px){.stk{font-size:13px;box-shadow:0 0 0 4px #fff,0 6px 14px #0a0a0a2e}.stk1{left:3%}.stk2{right:3%;top:26%}.stk3{left:28%;top:46%}.stk4{left:3%}.stk5{right:3%;bottom:4%}}
@media (prefers-reduced-motion:reduce){.stk,.sw-row span{animation:none}}


/* hero collage */
.hero-col{position:relative;overflow:hidden}
.hc-slogan{font:700 clamp(56px,13vw,210px)/.9 'Caveat',cursive;color:#E85D4C;letter-spacing:-.01em;margin:8px 0 10px;transform:rotate(-2deg);text-wrap:balance}
.hc-body{position:relative;margin:0 0 56px;min-height:clamp(200px,24vw,340px)}
.hc-polaroid{position:absolute;left:0;top:0;width:clamp(150px,22vw,320px);margin:0;padding:10px 10px 34px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);transform:rotate(-7deg);z-index:0}
.hc-polaroid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.hc-list{position:relative;z-index:1;text-align:center;font:italic 500 clamp(24px,3.8vw,58px)/1.15 var(--d);color:#111;letter-spacing:-.02em;max-width:1200px;margin:0 auto;padding-top:clamp(40px,6vw,90px)}
.hc-list a{color:inherit;text-decoration:none}.hc-list a:hover{color:#E85D4C}
.hc-list i{font-style:normal;font-weight:400;opacity:.45;margin:0 .15em}
@media(max-width:700px){.hc-polaroid{position:relative;margin:0 auto 18px;display:block}.hc-list{padding-top:0}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hc-marquee{overflow:hidden;width:100vw;margin:8px 0 10px calc(50% - 50vw);transform:rotate(-2deg)}
.hc-track{display:flex;width:max-content;animation:hcm 22s linear infinite}
.hc-grp{display:flex;flex:none;white-space:nowrap}
.hc-grp span{font:400 clamp(64px,14vw,230px)/1.15 'Mr Dafoe','Caveat',cursive;color:#E85D4C;white-space:nowrap;padding:0 .2em}
@keyframes hcm{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hc-track{animation:none!important}}
.hc-list{padding-top:0!important}
.hc-body{min-height:0}.hero-col{overflow-x:clip}
/* === Hora local: time-of-day palettes === */
:root{--navbg:color-mix(in srgb,var(--bg) 90%,transparent);--lead:color-mix(in srgb,var(--ink) 85%,var(--bg))}
body,.nav,.nav-toggle,.lead,.hc-list,.label,.book{transition:background-color .6s var(--e),color .6s var(--e),border-color .6s var(--e)}
.nav{background:var(--navbg)}.lead{color:var(--lead)}.hc-list{color:var(--ink)}
.hc-slogan,.hc-grp span,.hc-list a:hover{color:var(--acc)}
.stk{color:#0A0A0A;border-color:#0A0A0A}
.book{background:color-mix(in srgb,var(--bg) 70%,#fff);color:var(--ink)}
.book input,.book select,.book textarea{color:var(--ink);border-bottom-color:var(--line)}
.tclock{display:inline-flex;align-items:center;gap:10px;margin-left:14px;font:600 11px/1.1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);user-select:none;white-space:nowrap}
.tclock b{display:block;font:700 15px/1 var(--d);letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}
.tclock.virtual b{color:var(--acc)}
.tdial{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);position:relative;cursor:grab;touch-action:none;flex:none;background:var(--bg)}
.tdial:active{cursor:grabbing}.tdial:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.tdial i{position:absolute;left:50%;top:50%;width:2px;height:13px;margin-left:-1px;background:var(--acc);transform-origin:50% 0;border-radius:2px}
.tdial:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--ink)}
@media (max-width:640px){.tclock .tl{display:none}.tclock{margin-left:auto;gap:6px}}
@media (prefers-reduced-motion:reduce){body,.nav,.nav-toggle,.lead,.hc-list,.label,.book{transition:none}}