@font-face{font-family:Memogram;src:url('assets/fonts/Memogram-s.p.25f2493c.otf') format('opentype');font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:Memogram;src:url('assets/fonts/MemogramItalic-s.p.1c834675.otf') format('opentype');font-display:swap;font-weight:400;font-style:italic}
@font-face{font-family:Roboto;src:url('assets/fonts/roboto-latin-400-normal.8db82b20.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Roboto;src:url('assets/fonts/roboto-latin-700-normal.196a92cc.woff2') format('woff2');font-display:swap;font-weight:700}
:root{--paper:#ebebe6;--ink:#111111;--muted:#aaa9a5;--teal:#18bbb8;--purple:#8645b4;--line:#ffffff35;--page-width:80%;color-scheme:dark;font-family:Roboto,Arial,sans-serif;font-size:clamp(14px,1.235vw,20px);color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;overflow-x:hidden}body.locked{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:Memogram,Georgia,serif}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #39d5d0;outline-offset:5px}button,a{touch-action:manipulation}[hidden]{display:none!important}.container{width:var(--page-width);max-width:1200px;margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;z-index:200;background:var(--paper);color:var(--ink);padding:15px}.skip-link:focus{top:10px}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden;background:#101010}.ambient:after{content:'';position:absolute;inset:0;background:#111;opacity:var(--shade,0);transition:opacity .4s}.ambient img{width:105%;height:110%;max-width:none;object-fit:cover;position:absolute;left:-2.5%;top:-5%;filter:blur(28px) brightness(.45) saturate(.85);animation:ambient-drift 24s ease-in-out infinite alternate;opacity:.85}.announcement{position:absolute;left:0;right:0;top:0;overflow:hidden;height:2rem;background:#252525cc;z-index:20;font-size:.67rem;display:flex;align-items:center}.announcement-track{display:flex;width:max-content;animation:ticker 44s linear infinite}.announcement-track span{padding-right:.7rem;white-space:nowrap}.announcement a{color:#3ac9d8;text-decoration:underline}.announcement b{font-weight:400;margin:0 1rem}
.header{position:absolute;top:2.7rem;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;z-index:50}.wordmark{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap}.wordmark img{width:3rem;height:3rem}.wordmark>span{font-size:2rem;letter-spacing:-.06em;font-weight:400}.wordmark sup{font-size:.55rem;position:relative;top:-.75rem;margin-left:.12rem}.nav-shell{display:flex;gap:.7rem;align-items:center;flex:1;max-width:670px;z-index:70}.main-nav{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem;height:2.85rem;border:2px solid transparent;border-radius:100px;background:linear-gradient(115deg,#100a1ae8,#032125eb) padding-box,linear-gradient(105deg,#814acc,#06bcbe) border-box;box-shadow:0 0 15px #7d54b223;font-size:.8rem;font-weight:700;padding:0 1.8rem;backdrop-filter:blur(18px)}.main-nav>a,.more-toggle{padding:.65rem .2rem;white-space:nowrap;transition:color .2s}.main-nav>a:hover,.more-toggle:hover{color:#5cdada}.more-toggle{font-size:.78rem;font-weight:700}.more-toggle>span{margin-right:.25rem}.more-wrap{position:relative}.more-menu{position:absolute;top:calc(100% + 1rem);right:-1rem;min-width:220px;border:1px solid #69616b;border-radius:18px;background:#18161ff5;box-shadow:0 12px 36px #0008;padding:.7rem;backdrop-filter:blur(20px);font-weight:400}.more-menu a,.more-menu button{display:block;padding:.8rem .65rem;white-space:nowrap;width:100%;text-align:left;border-radius:9px;font-size:.86rem}.more-menu a:hover,.more-menu button:hover{background:#ffffff10}.nav-contact{border-radius:50%;height:2.4rem;width:2.4rem;background:#05ba87;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 14px #00cc8845}.nav-contact svg{width:1.25rem;height:1.25rem}.header-actions{display:flex;align-items:center;gap:.55rem}.studio-icon{width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:50%;font-size:1.85rem;background:linear-gradient(130deg,#0fc6c2,#803bc0);box-shadow:0 0 12px #517aed77}.back-top{display:none;width:2.7rem;height:2.7rem;border-radius:50%;border:2px solid #6354c1;font-size:1.5rem;background:#101010;flex-shrink:0}.nav-shell.docked{position:fixed;bottom:1.8rem;left:50%;transform:translateX(-50%);width:min(720px,70%);max-width:720px}.nav-shell.docked .back-top{display:block}.nav-shell.docked .more-menu{top:auto;bottom:calc(100% + 1rem)}.mobile-menu{display:none}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border:1px solid #dbdbd1;border-radius:100px;padding:.43rem .8rem .43rem 1rem;font-size:.875rem;line-height:1.15;width:max-content;max-width:100%;transition:color .25s,background .25s,transform .25s}.pill .arrow{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;font-family:Arial,sans-serif;font-size:1.1rem;background:var(--paper);color:#151515;transition:transform .25s}.pill:hover{background:var(--paper);color:var(--ink)}.pill:hover .arrow{transform:rotate(45deg);background:#161616;color:var(--paper)}.eyebrow{font-family:Roboto,Arial,sans-serif;text-transform:uppercase;font-size:1.12rem;line-height:1.5;font-weight:700;letter-spacing:.02em}
.hero{height:100svh;min-height:750px;position:relative;display:flex;align-items:center;justify-content:center;padding:6rem 0 8rem}.hero-content{display:grid;grid-template-columns:56% 40%;gap:4%;align-items:end}.hero h1{font-size:5rem;line-height:1.2;letter-spacing:-.025em;display:flex;flex-direction:column;gap:.75rem;width:100%;position:relative;z-index:1}.hero-first{display:flex;white-space:nowrap;gap:.2em}.word-window{display:inline-block;overflow:hidden;vertical-align:bottom;margin-bottom:-.18em;padding-bottom:.18em;min-width:7em}.word-window>span{display:block;transition:transform .42s cubic-bezier(.22,.7,.3,1),opacity .42s}.word-window>span.changing{transform:translateY(110%);opacity:0}.hero-second{display:flex;align-items:center;gap:.5em}.hero-rule{height:1px;width:2.15em;background:var(--paper);display:block;margin-left:.02em}.hero h1>em{align-self:flex-end;margin-right:.2em;font-weight:400}.hero-copy{padding-bottom:.6rem;position:relative;z-index:2}.hero-copy p{font-size:1rem;line-height:1.65;margin-bottom:1.45rem;max-width:430px}.client-strip{position:absolute;bottom:1.4rem;display:flex;align-items:center;gap:2.6rem}.client-strip h2{font:700 1rem Roboto,Arial,sans-serif;text-transform:uppercase;flex-shrink:0}.client-mask{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 88%,transparent);flex:1}.client-track{display:flex;align-items:center;gap:4.2rem;width:max-content;animation:ticker 30s linear infinite}.client-logo{font-size:2.4rem;font-family:Arial,sans-serif;line-height:1;font-weight:700;white-space:nowrap;opacity:.7;display:block}.client-logo.iqs{font-style:italic;letter-spacing:-.05em}.client-logo.iqs>span{font-size:.43rem;display:block;letter-spacing:.19em;font-style:normal;text-align:center;margin-top:.2rem}.client-logo.sacs{font-family:Georgia,serif;font-weight:400;letter-spacing:.02em}.client-logo.sacs small{font:700 .4rem Arial,sans-serif;display:block;letter-spacing:.5em;text-align:center;margin-top:.3rem}.client-logo.mine{font-size:2rem;letter-spacing:-.06em;font-weight:400}.client-logo.mine>span{font-weight:700}.client-logo.mine i{font-style:normal;margin-left:.25rem}
.works{padding:8rem 0 7rem;overflow:hidden}.works>.eyebrow{text-align:center;margin-bottom:2.6rem}.project-card{height:24rem;width:600px;border-radius:32px;position:relative;isolation:isolate;overflow:hidden;background:#293438;flex-shrink:0;margin:0}.project-card:nth-child(3n+2){width:450px}.project-card img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.project-card:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#000c,transparent 62%)}.project-card:hover img{transform:scale(1.05)}.project-caption{position:absolute;left:2rem;right:2rem;bottom:1.6rem;z-index:1;color:#fff}.project-caption h3{font:400 2rem Memogram,Georgia,serif;margin-bottom:.35rem}.project-caption p{font-size:.8rem;line-height:1.4;opacity:.86}.project-status{position:absolute;top:1.4rem;left:1.4rem;background:#14141470;border:1px solid #ffffff60;backdrop-filter:blur(12px);border-radius:50px;padding:.4rem .7rem;font-size:.68rem;letter-spacing:.025em;z-index:2;color:#fff}.work-footer{margin-top:1.6rem;display:flex;justify-content:center;align-items:center;gap:1rem}.project-list{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem;scroll-margin-top:3rem}.project-list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.project-list h3{font:2rem Memogram,Georgia,serif}.close-projects{font-size:2rem}.project-list-items{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}#project-list-items{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}#project-list-items h4{font-size:1.2rem;margin:.5rem 0}#project-list-items p{font-size:.9rem;line-height:1.6;color:#bbb}.quiet{font-size:.75rem;color:#999;margin-top:1.5rem}
.about{padding:1rem 0 0}.about-statement{font-size:2.2rem;line-height:1.35;letter-spacing:-.012em}.about-statement.secondary{margin-top:.4rem;color:#b6b6b3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;margin-top:6.5rem}.stats strong{font:400 4rem/1 Memogram,Georgia,serif}.stats span{display:block;font-size:.87rem;font-weight:700;text-transform:uppercase;margin-top:1.1rem}
.studio{position:relative;min-height:64rem;display:flex;align-items:center;justify-content:center;margin-top:7.5rem;overflow:hidden;perspective:1400px}.studio-content{text-align:center;z-index:3;position:relative;padding:5rem 0}.studio-content>.eyebrow{font-size:.75rem;letter-spacing:.16em;margin-bottom:1.3rem;color:#bdbdb7}.studio h2{font-size:5.5rem;line-height:1.02;letter-spacing:-.035em}.studio h2 em{font-weight:400}.studio-content>p:not(.eyebrow){margin:1.25rem 0 2.5rem;line-height:1.6;color:#c4c4bd}.world-card{position:absolute;width:17%;height:23rem;border:1px solid #8b8b7d70;border-radius:20px;overflow:hidden;background:#191919;box-shadow:0 20px 50px #0004;will-change:transform}.world-card img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .5s,transform .7s}.world-card:hover img{opacity:1;transform:scale(1.04)}.world-card>span{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);padding:.5rem 1.3rem;border-radius:100px;background:#ffffff25;border:1px solid #ffffff35;backdrop-filter:blur(10px);font-weight:700;font-size:.9rem}.world-one{top:3rem;left:3%;transform:rotate(10deg)}.world-two{top:5rem;right:4%;transform:rotate(-12deg)}.world-three{bottom:4rem;left:2%;transform:rotate(-8deg)}.world-four{bottom:5rem;right:2%;transform:rotate(7deg)}.floating-orbit{position:absolute;font:9rem/1 Georgia,serif;text-shadow:3px 5px 15px #000;z-index:2;animation:float 7s ease-in-out infinite alternate}.orbit-one{left:16%;top:26%;color:#d7c1aa;transform:rotate(10deg)}.orbit-two{right:16%;bottom:21%;font-size:7rem;color:#85abb5;animation-delay:-3s}
.solutions-intro{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem;padding:4rem 0 8rem}.solutions-intro h2{font-size:3rem;line-height:1.25;letter-spacing:-.015em;margin-bottom:2.2rem}.intro-copy{font-size:1rem;line-height:1.65}.intro-copy p+p{margin-top:1.7rem}.service{border-top:1px solid #ffffff80;color:var(--paper);scroll-margin-top:2rem;position:relative}.service:last-child{border-bottom:1px solid #ffffff80}.service-heading{width:100%;padding:.75rem 3.2%;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5rem;text-align:left;transition:background .25s}.service-heading:hover{background:#ffffff0d}.service-heading h3{font:italic 1.8rem Memogram,Georgia,serif}.service-heading .plus{font:300 2.8rem/1 Roboto,Arial,sans-serif}.service-heading[aria-expanded=true] h3{opacity:0}.service-panel{display:grid;grid-template-columns:55% 45%;align-items:center;gap:3rem;padding:0 3.2% 4rem;grid-template-columns:minmax(0,55fr) minmax(0,45fr);animation:panel-in .45s ease}.service-number{border:1px solid var(--paper);border-radius:50%;width:3rem;height:3rem;display:grid;place-items:center;font-size:1.5rem}.service-panel h4{font:italic 3rem/1.2 Memogram,Georgia,serif;margin:1.6rem 0 2rem}.service-panel p{font-size:1.08rem;line-height:1.45;margin-bottom:1rem;max-width:42rem}.service-panel .pill{margin-top:2rem}.service-panel img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;border-radius:17px}
.approach{padding-top:9rem;text-align:center}.approach>h2{font-size:2.25rem;text-transform:uppercase;line-height:1.5}.approach-symbols{display:flex;justify-content:center;gap:3rem;margin:4rem 0 2rem;align-items:center}.approach-symbols span{height:5rem;width:5rem;display:grid;place-items:center;font:4rem/1 Memogram,Georgia,serif;border:1px solid #ffffff22;border-radius:50%;color:#b8b8b0}.approach-symbols span:nth-child(2){height:7rem;width:7rem;color:#d8d1c2;font-size:5rem}.quote-content{min-height:19rem;max-width:930px;margin:auto}.quote{font:2.8rem/1.3 Memogram,Georgia,serif}.quote-caption{margin-top:2.5rem;color:#a7a7a2;font-size:.9rem}.quote-controls{display:flex;gap:1.2rem;justify-content:center;align-items:center;margin:2rem 0}.quote-controls button{border:1px solid #ffffff66;width:2.7rem;height:2.7rem;border-radius:50%;font-size:1.4rem;transition:background .2s}.quote-controls button:hover{background:#ffffff20}.quote-controls>span{font-size:.7rem;letter-spacing:.1em;color:#aaa}.brands{text-align:center;margin-top:5rem}.brands .eyebrow{font-size:.9rem;margin-bottom:2rem}.industry-logos{display:flex;justify-content:space-around;gap:1rem;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.industry-logos>span{font:2rem/1.2 Memogram,Georgia,serif;color:#b3b3ac}.industry-logos small{font:700 .65rem/1 Roboto,Arial,sans-serif;letter-spacing:.15em}
.advantages{position:relative;padding:8rem 0;overflow:hidden}.advantages-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem}.advantages-heading h2{font-size:3rem;line-height:1.1;font-style:italic}.drag-label{font-size:.72rem;color:#999;display:flex;align-items:center;gap:1.2rem;letter-spacing:.08em}.drag-label>span{font-size:2rem}.advantage-rail{display:flex;overflow-x:auto;gap:1.5rem;padding:0 10% 1rem;scrollbar-width:none;cursor:grab;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.advantage-rail::-webkit-scrollbar{display:none}.advantage-rail.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.advantage-card{flex:0 0 20rem;height:25rem;border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.advantage-card img{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 80%)}.advantage-card p{position:absolute;bottom:1.8rem;left:1.6rem;right:1.5rem;z-index:1;font-size:1.18rem;line-height:1.35}.mauve{background:#59465d}.teal{background:#2b5e5f}.bronze{background:#87603b}.purple{background:#50466b}.abstract-symbol{font:10rem/1 Memogram,Georgia,serif;margin-top:-4rem;opacity:.85;text-shadow:10px 15px 1px #0001}.consultation{display:grid;grid-template-columns:32% 1fr;gap:4rem;align-items:center;padding:1rem 0 6rem}.consultation-art{height:23rem;position:relative;overflow:hidden;border-radius:24px;background:#080808}.consultation-art img{height:100%;width:100%;object-fit:cover;opacity:.75}.consultation-art>span{position:absolute;left:1.5rem;bottom:1.5rem;font:1.6rem Memogram,Georgia,serif}.consultation-art small{font:.72rem Roboto,Arial,sans-serif}.consultation h2{font-size:2.8rem;line-height:1.25}.consultation>div>p{max-width:620px;font-size:1.05rem;line-height:1.6;margin:1.5rem 0 2rem}
footer{border-top:1px solid #ffffff20;padding:5rem 0 2.5rem;background:#131313}.footer-top{display:grid;grid-template-columns:25% 75%;gap:2rem}.connect h2{font-size:2.33rem;line-height:1}.connect>p{font-size:.87rem;line-height:1.5;margin:1.6rem 0}.connect .pill{font-size:.8rem}.footer-columns{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:3rem}.footer-columns h3{font:700 .95rem/1.4 Roboto,Arial,sans-serif;margin:0 0 1rem}.footer-columns p{font-size:.78rem;line-height:1.6;max-width:230px;margin-bottom:2rem;color:#b0b0ad}.footer-columns ul{list-style:none;margin:0;padding:0}.footer-columns li{font-size:.76rem;line-height:1.65;margin-bottom:.5rem;color:#bbb}.footer-columns a:hover{color:#35c5cb}.footer-columns .footer-link{margin:1.5rem 0 0;font-size:.8rem}.footer-bottom{padding-top:4rem}.footer-bottom>p{font-size:.9rem;line-height:1.55;margin:1.5rem 0 3rem;color:#bbb}.legal{display:flex;justify-content:space-between;gap:1rem;font-size:.73rem;color:#b6b6b0}.legal button{padding:0;font-size:inherit}.sound-toggle{position:fixed;right:2rem;bottom:1.8rem;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid #ffffff35;background:#121212b8;backdrop-filter:blur(12px);display:grid;place-items:center;z-index:75;box-shadow:0 0 8px #000}.sound-toggle svg{width:1.4rem;height:1.4rem}.sound-on{display:none}.sound-toggle[aria-pressed=true] .sound-on{display:block}.sound-toggle[aria-pressed=true] .sound-off{display:none}
dialog{max-height:90svh;overflow-y:auto;max-width:600px;width:calc(100% - 32px);color:var(--paper);background:#181818;border:1px solid #77746e;border-radius:24px;padding:3.5rem 3rem;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:1rem;right:1rem;font-size:2.5rem;width:2.5rem;height:2.5rem;line-height:1}dialog .eyebrow{font-size:.75rem;letter-spacing:.15em;margin-bottom:1.2rem}dialog h2{font-size:3.6rem;line-height:1.1;margin-bottom:1.5rem}dialog>p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}form{display:grid;gap:1rem;margin-top:2rem}form label{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;color:#ccc}input,textarea{width:100%;border:1px solid #555;border-radius:7px;padding:.8rem;background:#222;color:#eee}textarea{resize:vertical;min-height:100px}.form-note{font-size:.73rem;line-height:1.5;color:#aaa}.email-fallback{font-size:.8rem;text-decoration:underline}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes ambient-drift{from{transform:rotate(-12deg) scale(1.03)}to{transform:rotate(16deg) scale(1.12)}}@keyframes float{from{translate:0 -12px;rotate:-8deg}to{translate:0 18px;rotate:8deg}}@keyframes panel-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .service-panel{animation:none}
.ambient img{filter:blur(24px) brightness(.55) saturate(1.6);mask-image:radial-gradient(ellipse at center,transparent 23%,#000 39%,#000 64%,transparent 79%)}
.footer-top{grid-template-columns:25% minmax(0,1fr)}
.credit-list{list-style:none;padding:0;margin:1.5rem 0 0}.credit-list li{padding:1rem 0;border-top:1px solid #ffffff25;font-size:.9rem;line-height:1.5}.credit-list a{text-decoration:underline}.credit-list small{display:block;color:#aaa;margin-top:.3rem}
.legal-links{display:flex;gap:1.5rem}
.whatsapp-link{color:#fff;background:#128c55;border:1px solid #5fe3a07a;box-shadow:0 4px 18px #0003;transition:background .2s,box-shadow .2s,transform .2s}
.nav-contact.whatsapp-link{position:relative;width:auto;min-width:44px;height:44px;gap:.5rem;padding:0 .75rem;border-radius:999px}
.whatsapp-link svg{width:24px;height:24px;flex-shrink:0}
.whatsapp-label{font-size:.8rem;font-weight:700;white-space:nowrap}
.whatsapp-link:hover{background:#0f7548;box-shadow:0 6px 22px #0b8a4d35;transform:translateY(-2px)}
.whatsapp-link:active{transform:translateY(0)}
.whatsapp-link:focus-visible{outline:2px solid #b0ffd0;outline-offset:4px}
.whatsapp-tooltip{position:absolute;right:0;top:calc(100% + 12px);padding:.85rem 1rem;background:#161b19;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 8px 30px #0005;color:#fff;font-size:.8rem;font-weight:700;line-height:1.5;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s}
.whatsapp-tooltip>span{display:block;color:#b5c6bc;font-size:.73rem;font-weight:400}
.whatsapp-link:hover .whatsapp-tooltip,.whatsapp-link:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.nav-shell.docked .whatsapp-tooltip{top:auto;bottom:calc(100% + 12px)}
.whatsapp-mobile{display:none}
@media(max-width:1350px){.nav-contact.whatsapp-link{width:44px;padding:0;justify-content:center}.whatsapp-label{display:none}}
@media(max-width:650px){.whatsapp-mobile{position:fixed;right:1rem;bottom:5rem;z-index:76;display:flex;align-items:center;justify-content:center;gap:.55rem;height:48px;padding:0 1rem;border-radius:999px;font-size:.82rem;font-weight:700}.nav-contact.whatsapp-link{display:none}}
.industry-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.industry-logos>span{min-width:0}
@media(min-width:1550px){:root{--page-width:80%}.hero h1{font-size:5.3rem}.hero{min-height:850px}}
@media(max-width:1150px){.header{gap:1rem;left:2.5%;right:2.5%}.wordmark>span{font-size:1.8rem}.wordmark img{width:2.5rem;height:2.5rem}.main-nav{padding:0 1rem;gap:.7rem}.studio-icon{display:none}.header-actions>.pill{font-size:.8rem}.hero h1{font-size:4.8rem}.footer-columns{gap:1.5rem}.footer-top{grid-template-columns:25% 70%}.footer-columns{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){:root{--page-width:86%;font-size:14px}.header-actions>.pill{display:none}.main-nav{font-size:.74rem;gap:.4rem}.hero h1{font-size:4.3rem}.hero-content{grid-template-columns:56% 41%;gap:3%}.hero-copy p{font-size:.95rem}.world-card{width:18%;height:20rem}.solutions-intro{gap:2.5rem}.service-panel{gap:2rem}.service-panel p{font-size:1rem}.footer-top{grid-template-columns:1fr}.footer-columns{margin-top:1rem}.connect h2 br{display:block}.consultation{gap:2rem}.quote{font-size:2.5rem}}
@media(max-width:650px){:root{--page-width:calc(100% - 42px);font-size:16px}.announcement{height:1.75rem;font-size:.6rem}.header{top:2.6rem;left:21px;right:21px}.wordmark>span{font-size:1.75rem}.wordmark img{width:2.3rem;height:2.3rem}.mobile-menu{display:block;font-size:1.5rem;padding:.4rem}.header-actions>.pill{display:none}.nav-shell,.nav-shell.docked{display:none;position:fixed;left:16px;right:16px;top:6.5rem;bottom:auto;transform:none;width:auto;max-width:none;background:#12111bf5;border:1px solid #74579c;padding:1rem;border-radius:20px}.nav-shell.mobile-open{display:block}.main-nav{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:0;box-shadow:none;padding:0;height:auto;gap:0;font-size:1rem}.main-nav>a,.more-toggle{padding:1rem;font-size:1rem;display:block;width:100%;text-align:left}.nav-contact,.nav-shell.docked .back-top{display:none}.more-menu,.nav-shell.docked .more-menu{position:static;margin-top:.2rem;border-radius:12px;box-shadow:none;background:#22202a;min-width:0}.more-menu a,.more-menu button{font-size:.9rem}.hero{min-height:860px;height:100svh;max-height:1100px;display:block;padding:11rem 0 7rem}.hero-content{display:block}.hero h1{font-size:3.7rem;line-height:1.04;gap:.3rem;width:100%;max-width:380px;letter-spacing:-.02em}.hero-first{flex-direction:column;gap:0;line-height:1.08}.word-window{min-width:0;line-height:1.08}.hero h1>em{align-self:flex-end;margin-right:0}.hero-second{gap:.4em}.hero-rule{width:2.1em}.hero-copy{padding:2.2rem 0 0;max-width:400px}.hero-copy p{font-size:.87rem;line-height:1.6;margin-bottom:1.3rem}.pill{font-size:.8rem}.client-strip{bottom:1.5rem;left:21px;display:block}.client-strip h2{font-size:.68rem;margin-bottom:1.2rem}.client-track{gap:2.5rem}.client-logo{font-size:1.8rem}.client-logo.mine{font-size:1.6rem}.ambient img{width:170%;left:-35%;filter:blur(18px) brightness(.45);object-fit:cover}.works{padding:4.5rem 0 4rem}.works>.eyebrow{font-size:.95rem;margin-bottom:1.8rem}.project-card,.project-card:nth-child(3n+2){width:320px;height:21rem;border-radius:24px}.project-card:nth-child(3n+2){width:280px}.project-caption{left:1.25rem;right:1.25rem;bottom:1.3rem}.project-caption h3{font-size:1.8rem}.project-caption p{font-size:.68rem}.project-status{font-size:.6rem;left:1rem;top:1rem}.work-footer{margin-top:1rem}.about-statement{font-size:1.5rem;line-height:1.4}.stats{grid-template-columns:repeat(2,1fr);row-gap:2.5rem;margin-top:3rem}.stats strong{font-size:3.2rem}.stats span{font-size:.65rem;margin-top:.7rem}.studio{min-height:46rem;margin-top:3rem}.studio h2{font-size:3.65rem}.studio-content>.eyebrow{font-size:.57rem;letter-spacing:.11em}.studio-content>p:not(.eyebrow){font-size:.83rem;max-width:270px;margin:1rem auto 1.8rem}.studio-content{padding:7rem 0}.world-card{width:27%;height:13rem;border-radius:12px;opacity:.65}.world-card span{font-size:.62rem;padding:.4rem .6rem;top:.7rem}.world-one{top:0;left:-3%}.world-two{top:1rem;right:-3%}.world-three{bottom:0;left:-4%}.world-four{bottom:1rem;right:-4%}.floating-orbit{font-size:4rem}.orbit-one{left:4%;top:32%}.orbit-two{right:2%;bottom:26%;font-size:3.5rem}.solutions-intro{display:block;padding:4rem 0 3rem}.solutions-intro h2{font-size:2.45rem;line-height:1.2;margin-bottom:1.5rem}.intro-copy{margin-top:2rem;font-size:.93rem}.service-heading{padding:.6rem 21px;min-height:4rem}.service-heading h3{font-size:1.3rem}.service-heading .plus{font-size:2rem}.service-panel{display:flex;flex-direction:column;gap:2rem;padding:0 21px 2.5rem;align-items:stretch}.service-number{width:2.4rem;height:2.4rem;font-size:1.2rem}.service-panel h4{font-size:2.4rem;margin:1rem 0 1.3rem}.service-panel p{font-size:.95rem;line-height:1.5}.service-panel .pill{margin-top:1rem}.service-panel img{aspect-ratio:4/3;border-radius:13px}.approach{padding-top:4.5rem}.approach>h2{font-size:1.5rem;line-height:1.45}.approach-symbols{margin:2rem 0;gap:1.5rem}.approach-symbols span{width:3rem;height:3rem;font-size:2.5rem}.approach-symbols span:nth-child(2){width:4.5rem;height:4.5rem;font-size:3.5rem}.quote{font-size:1.8rem;line-height:1.4}.quote-content{min-height:18rem}.quote-caption{font-size:.75rem;margin-top:1.5rem}.quote-controls{margin:1rem 0}.brands{margin-top:3.5rem}.brands .eyebrow{font-size:.72rem}.industry-logos>span{font-size:1.3rem}.industry-logos small{font-size:.44rem;letter-spacing:.06em}.advantages{padding:4rem 0}.advantages-heading h2{font-size:2.6rem}.advantages-heading{gap:1rem}.drag-label{font-size:.5rem;letter-spacing:0;gap:.5rem}.advantage-rail{padding-inline:21px;gap:1rem}.advantage-card{flex-basis:17rem;height:22rem;border-radius:18px}.advantage-card p{font-size:1rem}.consultation{grid-template-columns:1fr;gap:2rem;padding:0 0 3.5rem}.consultation-art{height:18rem}.consultation h2{font-size:2.2rem}.consultation>div>p{font-size:.92rem}footer{padding:3rem 0 6rem}.footer-top{gap:2rem}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.2rem}.footer-columns>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}.footer-columns>div:first-child h3:nth-of-type(2){grid-row:1;grid-column:2}.footer-columns>div:first-child p{margin-bottom:0}.footer-columns h3{font-size:.77rem}.footer-columns li,.footer-columns p{font-size:.72rem}.connect h2{font-size:2.3rem}.footer-bottom{padding-top:3rem}.footer-bottom>p{font-size:.8rem;margin-bottom:2rem}.legal{font-size:.6rem;align-items:flex-start}.sound-toggle{right:1rem;bottom:1rem;width:2.8rem;height:2.8rem}.sound-toggle svg{width:1.2rem}.project-list{margin-top:2rem}#project-list-items{grid-template-columns:1fr;gap:1rem}dialog{padding:3rem 1.5rem 2rem;border-radius:20px}dialog h2{font-size:3rem}}
@media(max-width:650px){.scrolled .mobile-menu{position:fixed;right:4.5rem;bottom:1rem;width:2.8rem;height:2.8rem;border-radius:50%;border:1px solid #a39cb6;background:#16141dec;backdrop-filter:blur(12px);z-index:80;font-size:1.2rem}.nav-shell.docked.mobile-open{top:auto;bottom:4.5rem}.legal{flex-wrap:wrap}.legal-links{gap:1rem}}
@media(max-width:370px){.hero{min-height:830px;padding-top:10rem}.hero h1{font-size:3.2rem}.hero-copy{padding-top:1.8rem}.hero-copy p{font-size:.82rem}.hero-content{width:calc(100% - 36px)}.solutions-intro h2{font-size:2.1rem}.industry-logos>span{font-size:1.07rem}.industry-logos small{font-size:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

.wordmark>span{line-height:1.04}.wordmark>span>small{display:block;font:700 .35em/1.2 Roboto,Arial,sans-serif;letter-spacing:.27em;margin-top:.22rem;padding-left:.1rem}
.agency-strip>a{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex:1;min-width:0}.agency-services{font:2.1rem/1.1 Memogram,Georgia,serif;white-space:nowrap}.agency-services+span{color:#b8b8b0;font-size:.78rem;line-height:1.4}.agency-services+span b{margin-left:.75rem;font-size:1.3rem;font-weight:400}.agency-strip>a:hover .agency-services{color:#7bd7cd}
.studio-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-steps strong{font-size:3.5rem}
.project-card.completed-project{width:600px}.project-card.placeholder-card{width:450px;background:#222528;border:1px solid #ffffff2b}.placeholder-card:after{background:linear-gradient(0deg,#15171a,transparent 70%)}.placeholder-number{position:absolute;right:1.8rem;top:3.3rem;color:#ffffff14;font:15rem/1 Memogram,Georgia,serif;letter-spacing:-.06em}.placeholder-card .project-status{background:transparent;border-color:#ffffff35;color:#bbbfbd;font-size:.65rem}.placeholder-card .project-caption p{color:#a2aaa8}
.project-card.completed-project:after{background:linear-gradient(0deg,#071523 2%,#081b32ba 25%,transparent 80%)}.project-client-logo{position:absolute;top:1.4rem;left:1.4rem;width:10rem;padding:.65rem .8rem;border-radius:12px;background:#f6f7f3;z-index:2}.project-card .project-client-logo img{width:100%;height:auto;object-fit:contain;transform:none}.project-open{position:absolute;top:1.4rem;right:1.4rem;z-index:2;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:#081c3299;border:1px solid #ffffff75;border-radius:50%;font-size:1.5rem}.project-caption .project-kicker{font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;opacity:.85}
#project-list-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.project-list-status{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:#8eaaa6}.project-text-link{display:inline-block;margin-top:1rem;text-decoration:underline;font-size:.85rem}
@media(max-width:650px){.agency-strip>a{align-items:flex-start;flex-direction:column;gap:.6rem}.agency-services{font-size:1.35rem;white-space:normal}.agency-services+span{font-size:.67rem;max-width:none}.agency-services+span b{margin-left:.3rem}.studio-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.studio-steps strong{font-size:2.8rem}.studio-steps span{font-size:.58rem;line-height:1.5}.project-card.completed-project{width:320px;max-width:calc(100vw - 36px)}.project-card.placeholder-card{width:280px}.project-client-logo{left:1rem;top:1rem;width:9rem}.project-open{top:1rem;right:1rem;width:2.1rem;height:2.1rem}.project-caption .project-kicker{font-size:.55rem}.placeholder-number{font-size:12rem;top:4rem;right:1.2rem}#project-list-items{grid-template-columns:1fr}}

.work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem}.work-grid .project-card{display:block;width:100%;max-width:none;height:24rem}.work-grid .project-caption h3{font-size:clamp(1.6rem,2.4vw,2rem)}
.work-grid .website-project{background:#20343d;border:1px solid #ffffff20}.project-card.website-project:after{display:none}.website-preview{position:absolute;left:1.4rem;right:1.4rem;top:1.4rem;bottom:8.2rem;border:1px solid #ffffff30;border-radius:9px;overflow:hidden;background:#10202d;box-shadow:0 12px 28px #0004;transition:transform .4s}.project-card .website-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transform:none}.website-project:hover .website-preview{transform:translateY(-3px)}.website-project .project-open{top:auto;bottom:2.2rem;right:1.5rem;background:#ffffff10;border-color:#ffffff40}.website-project .project-caption{right:4.5rem}
@media(max-width:650px){.work-grid{grid-template-columns:1fr;gap:1rem}.work-grid .project-card{height:21rem}.work-grid .project-caption h3{font-size:1.8rem}}
@media(max-width:650px){.website-preview{left:1rem;right:1rem;top:1rem;bottom:8rem}.website-project .project-open{bottom:2rem;right:1.1rem}.website-project .project-caption{right:4rem}}