@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#191919;--paper:#faf9f6;--pink:#f5bdd2;--rose:#a83968;--line:#d9d7d2;--muted:#62605b;--display:'Bricolage Grotesque',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--pink)}:focus-visible{outline:3px solid #a83968;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.04;letter-spacing:-.045em}p+p{margin-top:18px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{height:90px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:var(--display);font-size:27px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.wordmark span{color:var(--rose);font-size:35px;vertical-align:-4px;margin-left:5px}.links{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:500}.links a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid var(--ink);border-radius:40px;padding:10px 18px}.nav-contact:hover{background:var(--ink);color:white}.menu-toggle{display:none;background:none;border:1px solid var(--ink);border-radius:30px;padding:7px 15px}.eyebrow,.label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--rose)}.hero{position:relative;padding:63px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;min-height:520px;gap:15px}.hero h1{font-size:clamp(64px,6.7vw,99px);max-width:830px;margin:30px 0 25px;position:relative;z-index:2;line-height:.98}.hero h1 em{font-style:normal;color:var(--rose)}.hero-copy{font-size:17px;max-width:510px;color:var(--muted)}.hero-visual{position:relative;display:grid;place-items:center;align-self:stretch;background-image:radial-gradient(#c8c5bf 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}.hero-visual img{width:100%;max-width:465px;filter:drop-shadow(0 25px 25px #7e345016);animation:float 12s ease-in-out infinite}.visual-note{position:absolute;bottom:22px;left:26px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:white;padding:16px 22px;border-radius:40px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:var(--rose);transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding:5px 0;display:inline-flex;gap:25px;align-items:center}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding:33px 0 25px;border-bottom:1px solid var(--line);margin-top:25px;font-size:11px;color:var(--muted)}.brand-strip{padding:26px 0 35px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand-strip>span{font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:-.06em}.brand-strip small{max-width:145px;font-size:10px;color:var(--muted);line-height:1.5}
.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:48px}.section-head h2{font-size:clamp(40px,4.5vw,67px);max-width:750px}.section-head .label{min-width:205px;padding-top:12px}.section-head .label span{color:var(--rose);margin-right:15px}.section-intro{max-width:560px;margin-left:240px;color:var(--muted);font-size:17px;margin-bottom:45px}.services{background:#f0efea;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{border-top:1px solid #cbc9c2}.service:last-child{border-bottom:1px solid #cbc9c2}.service summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:29px 0}.service summary::-webkit-details-marker{display:none}.service-num{font-size:12px;color:var(--muted)}.service h3{font-size:32px;letter-spacing:-.035em}.plus{height:34px;width:34px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1}.service[open] .plus{transform:rotate(45deg)}.service-content{padding:0 60px 33px 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.service-content p{color:var(--muted);font-size:15px}.service-content ul{margin:0;padding:0;list-style:none;font-size:14px}.service-content li{padding:6px 0;border-bottom:1px solid #d8d6d0}.service-note{margin-top:30px;font-size:12px;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.work{display:block}.work-image{position:relative;height:355px;overflow:hidden;background:#ddd}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work:hover .work-image img{transform:scale(1.035)}.work-image.firefly{background:#63367d;display:grid;place-items:center}.work-image.firefly img{height:auto;object-fit:contain}.work-image.lego img{object-position:center 60%}.work-image.avis{background:#b90022}.work-image.avis img{width:90%;height:auto;max-height:90%;object-fit:contain;position:absolute;inset:0;margin:auto}.work-image.eva{background:#c5d9ef;display:flex;align-items:center;justify-content:center;gap:20px;padding:30px}.work-image.eva img{width:46%;height:95%;object-fit:contain;mix-blend-mode:multiply}.work-tag{position:absolute;top:18px;left:18px;font-size:10px;letter-spacing:.02em;padding:6px 12px;border-radius:30px;background:var(--paper);color:var(--ink);z-index:2}.work-arrow{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);font-size:23px}.work-info{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:18px}.work-info h3{font-size:28px}.work-info p{font-size:13px;color:var(--muted);margin-top:6px}.work-info .client{font-size:11px;white-space:nowrap;margin-top:7px}.work-foot{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.other-work{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.other-work article img{height:180px;width:100%;object-fit:cover}.other-work h3{font-size:21px;margin:16px 0 10px}.other-work p{font-size:13px;color:var(--muted)}
.method{background:var(--ink);color:var(--paper)}.method .label span{color:var(--pink)}.method h2{max-width:770px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.method-step{padding-top:22px;border-top:1px solid #555}.method-step>span{color:var(--pink);font-size:11px}.method-step h3{font-size:29px;margin:30px 0 15px}.method-step p{font-size:14px;color:#c1c0ba}.method-bottom{font-size:12px;color:#c1c0ba;border-top:1px solid #555;padding-top:20px;margin-top:40px}.culture{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.culture h2{font-size:clamp(42px,4.7vw,68px);margin:28px 0}.culture p{color:var(--muted);font-size:16px}.culture-map{min-height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(#cbc8c1 .8px,transparent .8px);background-size:16px 16px}.culture-map img{width:270px}.orbit{position:absolute;border:1px solid #bbb;border-radius:50%;width:360px;height:360px}.orbit.o2{width:220px;height:220px}.map-label{position:absolute;background:var(--paper);border:1px solid var(--line);padding:8px 13px;border-radius:30px;font-size:11px}.l1{top:30px;left:25%}.l2{right:0;top:45%}.l3{bottom:35px;left:25%}.l4{left:0;top:45%}
.about{background:var(--pink);padding:80px 0}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.about h2{font-size:clamp(50px,5vw,75px);margin-top:28px}.about .about-lead{font-family:var(--display);font-size:28px;letter-spacing:-.025em;line-height:1.25;margin-bottom:24px}.about p{font-size:15px}.about .text-link{margin-top:25px}.future{padding:42px 0;border-bottom:1px solid var(--line)}.future-grid{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:30px;align-items:start}.future h3{font-size:20px}.future p{font-size:12px;color:var(--muted);margin:7px 0 12px}.status{font-size:9px;letter-spacing:.1em;text-transform:uppercase;border:1px solid #b6b3ac;border-radius:25px;padding:4px 8px;color:var(--muted);display:inline-block}.contact{padding:100px 0 75px}.contact-top{display:flex;justify-content:space-between;gap:30px}.contact h2{font-size:clamp(55px,6.4vw,94px);max-width:800px;margin:25px 0 30px}.contact-star{width:160px;object-fit:contain;align-self:center}.contact p{color:var(--muted);max-width:550px}.contact-links{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.email{font-family:var(--display);font-size:clamp(25px,3vw,42px);letter-spacing:-.035em}.social{display:flex;gap:25px;font-size:13px}.social a:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);padding:23px 0;font-size:10px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer .top{font-size:11px}
.case-top{padding:45px 0 60px}.back{font-size:12px;display:inline-flex;gap:15px;margin-bottom:50px}.case-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.case-top h1{font-size:clamp(52px,6.9vw,100px);max-width:1050px;margin:22px 0 30px}.case-deck{font-size:20px;color:var(--muted);max-width:720px}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:45px}.case-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}.case-meta dd{margin:0;font-size:14px}.case-cover{background:var(--case-color,#eee);padding:60px;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden}.case-cover img{width:min(100%,1000px);max-height:650px;object-fit:contain}.case-cover.duo{gap:35px}.case-cover.duo img{width:40%;max-height:480px;mix-blend-mode:multiply}.case-body{padding:80px 0;display:grid;grid-template-columns:220px 1fr;gap:50px}.case-body h2{font-size:36px;margin:0 0 22px}.case-body .body-content{max-width:860px}.case-body p{font-size:17px;color:#4c4a45}.case-body .body-content>section{margin-bottom:55px}.case-body .body-content>section:last-child{margin-bottom:0}.case-body ul{padding-left:20px;color:#4c4a45;font-size:16px}.case-body li{margin:10px 0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.case-gallery figure{margin:0;background:#f0efea;padding:18px}.case-gallery img{width:100%;height:280px;object-fit:contain}.case-gallery figcaption{font-size:11px;color:var(--muted);margin-top:15px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.metric{border-top:1px solid var(--line);padding-top:20px}.metric strong{font-family:var(--display);display:block;font-size:45px;letter-spacing:-.05em;color:var(--rose)}.metric span{font-size:12px;color:var(--muted);display:block}.source-note{font-size:12px!important;background:#efeee9;padding:20px;line-height:1.6}.next-case{background:var(--ink);color:white;padding:55px 0}.next-case .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.next-case h2{font-size:40px;margin-top:15px}.next-case .next-arrow{font-size:55px}.notfound{min-height:60vh;padding:100px 0}.notfound h1{font-size:70px;margin-bottom:25px}
@keyframes float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(5deg)}}
@media(min-width:1600px){.hero-grid{min-height:600px}}
@media(max-width:1080px){.wrap{width:calc(100% - 56px)}.links{gap:14px;font-size:12px}.wordmark{font-size:24px}.hero h1{font-size:72px}.hero-grid{min-height:490px}.section-head .label{min-width:160px}.section-intro{margin-left:195px}.work-image{height:300px}.about-grid{gap:50px}.culture{gap:35px}.orbit{width:300px;height:300px}.map-label{font-size:10px}.brand-strip>span{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:76px}.wordmark{font-size:24px}.menu-toggle{display:block;font-size:12px}.links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:25px 20px;flex-direction:column;align-items:stretch;gap:20px;font-size:16px}.links.is-open{display:flex}.nav-contact{text-align:center}.hero{padding-top:33px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(36px,11vw,72px);margin-top:26px;max-width:600px}.hero-copy{font-size:15px}.hero-visual{min-height:300px;max-width:500px;width:100%;justify-self:center;margin-top:30px}.hero-visual img{width:300px}.visual-note{left:8px;bottom:12px;font-size:9px}.hero-bottom{margin-top:0;padding-top:23px;font-size:10px}.hero-bottom span:last-child{max-width:130px;text-align:right}.brand-strip{gap:20px;justify-content:center;padding:25px 0 32px}.brand-strip small{flex-basis:100%;max-width:100%;text-align:center}.brand-strip>span{font-size:23px}.section{padding:65px 0}.section-head{display:block;margin-bottom:30px}.section-head .label{display:block;padding:0;margin-bottom:24px}.section-head h2{font-size:43px}.section-intro{margin-left:0;font-size:15px;margin-bottom:30px}.service summary{grid-template-columns:24px 1fr 32px;gap:13px;padding:25px 0}.service h3{font-size:25px}.plus{width:30px;height:30px}.service-content{padding:0 0 27px 37px;grid-template-columns:1fr;gap:20px}.service-content p,.service-content ul{font-size:13px}.work-grid{gap:35px;grid-template-columns:1fr}.work-image{height:310px}.work-info h3{font-size:26px}.work-info .client{font-size:10px}.other-work{grid-template-columns:1fr;gap:30px}.other-work article{display:grid;grid-template-columns:120px 1fr;gap:0 20px}.other-work article img{grid-row:span 2;height:100px}.other-work h3{margin:0 0 10px}.other-work p{font-size:12px}.method-grid{grid-template-columns:1fr 1fr;gap:30px 25px}.method-step h3{font-size:26px;margin-top:20px}.method-step p{font-size:13px}.culture{grid-template-columns:1fr;gap:20px}.culture h2{font-size:45px;margin:22px 0}.culture-map{min-height:360px}.culture-map img{width:235px}.orbit{width:290px;height:290px}.l1{top:15px}.l3{bottom:15px}.about{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:57px;margin-top:20px}.about .about-lead{font-size:25px}.future-grid{grid-template-columns:1fr;gap:25px}.future-grid article{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr auto;align-items:start}.future-grid article p{grid-column:1;max-width:240px}.future-grid article .status{grid-column:2;grid-row:1/3}.contact{padding:65px 0 45px}.contact h2{font-size:56px}.contact-star{width:70px;align-self:flex-start;margin-top:50px}.contact-top{gap:10px}.contact-links{margin-top:30px;align-items:flex-start;flex-direction:column}.email{font-size:33px}.social{gap:20px;font-size:12px}.footer .wrap{flex-direction:column;gap:6px}.case-top{padding:30px 0 40px}.back{margin-bottom:35px}.case-top h1{font-size:54px}.case-deck{font-size:17px}.case-meta{grid-template-columns:1fr;gap:18px;margin-top:30px}.case-meta div{display:grid;grid-template-columns:90px 1fr}.case-meta dt{margin-top:3px}.case-cover{padding:25px 15px;min-height:220px}.case-cover.duo{gap:10px}.case-cover.duo img{max-height:300px;width:47%}.case-body{padding:50px 0;grid-template-columns:1fr;gap:25px}.case-body h2{font-size:31px}.case-body p{font-size:15px}.case-body ul{font-size:14px}.case-gallery{grid-template-columns:1fr;gap:20px}.case-gallery img{height:auto;max-height:500px}.metrics{grid-template-columns:1fr;gap:20px}.metric strong{font-size:42px}.next-case h2{font-size:32px}.next-case .next-arrow{font-size:40px}}
.hero-grid>div{min-width:0}
@media(max-width:420px){.nav{gap:10px}.wordmark{font-size:21px}.wordmark span{font-size:29px}.menu-toggle{font-size:11px;padding:6px 12px}.contact-top{position:relative}.contact-star{position:absolute;right:0;top:0;width:50px;margin:0}.contact h2{font-size:49px}.contact .eyebrow{max-width:200px}.culture-map{overflow:hidden}.orbit{width:265px;height:265px}.email{font-size:29px}.work-image{height:265px}.work-info{gap:12px}.work-info h3{font-size:24px}.work-info .client{white-space:normal;max-width:80px;text-align:right}.hero-bottom{gap:12px}.hero-bottom span:first-child{max-width:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* V1.1 · Editorial hero, brand marks, moving Venn and small closing GIF. */
.hero-grid.hero-editorial{display:block;min-height:0;padding:15px 0 35px}.hero-editorial h1{font-size:clamp(70px,8vw,118px);max-width:1150px;margin-top:24px;line-height:.98}.hero-editorial .hero-copy{max-width:610px;font-size:18px}.hero-editorial .actions{margin-top:30px}.hero-bottom{margin-top:10px}.brand-strip{display:block;padding:25px 0 38px}.brand-caption{font-size:11px;letter-spacing:.02em;color:var(--muted);margin-bottom:24px}.brand-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px 35px;align-items:center}.brand-logo{height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.brand-logo img{width:auto;max-width:116px;max-height:40px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}.brand-logo:hover img{filter:grayscale(0);opacity:1}.brand-logo span{font-size:8px;color:var(--muted);text-align:center}.brand-logo:nth-child(3) img{max-height:43px}.brand-logo:nth-child(7) img,.brand-logo:nth-child(8) img{max-height:49px}.venn-map{min-height:430px}.venn{width:100%;height:auto;max-width:520px;overflow:visible}.venn-node circle{stroke-width:1.2;fill-opacity:.25}.venn-node text{font-family:var(--body);font-size:15px;text-anchor:middle;fill:var(--ink)}.venn-cultura circle{fill:#efb7cd;stroke:#ae7188}.venn-personas circle{fill:#b9ceca;stroke:#7b9992}.venn-tecnologia circle{fill:#d3c9e2;stroke:#9680b0}.venn-negocio circle{fill:#e5d7b7;stroke:#ad9664}.venn-center{font-family:var(--display);font-size:16px;font-weight:600;text-anchor:middle;fill:#191919}.venn-cultura{animation:venn-nw 15s ease-in-out infinite}.venn-personas{animation:venn-ne 17s ease-in-out infinite}.venn-tecnologia{animation:venn-sw 17s ease-in-out infinite}.venn-negocio{animation:venn-se 15s ease-in-out infinite}.footer .wrap{align-items:center}.footer-identity{display:flex;gap:16px;align-items:center}.footer-gif{width:64px;height:67px;object-fit:contain}.footer-contact{display:flex;flex-direction:column;gap:4px;font-size:12px}.footer-contact span{font-size:10px;letter-spacing:.08em}.social{flex-wrap:wrap}.social .locations{font-size:11px;letter-spacing:.06em;color:var(--muted)}.contact-top>div{max-width:100%}
@keyframes venn-nw{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,-8px)}}@keyframes venn-ne{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-8px)}}@keyframes venn-sw{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,8px)}}@keyframes venn-se{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,8px)}}
@media(max-width:760px){.hero-grid.hero-editorial{padding:5px 0 25px}.hero-editorial h1{font-size:clamp(36px,11vw,78px);margin-top:23px}.hero-editorial .hero-copy{font-size:15px}.brand-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 15px}.brand-logo img{max-width:90px;max-height:32px}.brand-logo{height:65px}.brand-caption{font-size:10px;line-height:1.6;max-width:280px;margin-bottom:16px}.venn-map{min-height:320px}.venn-node text{font-size:16px}.footer .wrap{align-items:flex-start;gap:25px}.footer-identity{gap:14px}.footer-contact{padding-left:78px}.footer .top{padding-left:78px}}
@media(prefers-reduced-motion:reduce){.venn-node{animation:none!important}}