:root{--bg:#080d0f;--ink:#f6f7f8;--muted:#a0a8ad;--line:#ffffff2a;--blue:#274b9b;--display:var(--sf-pro);--body:var(--sf-pro);--mono:var(--sf-pro);--gutter:clamp(22px,4.2vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #fff;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:.98;letter-spacing:-.018em}::selection{background:#fff;color:var(--bg)}.skip{position:fixed;top:-100px;padding:14px;background:white;color:black;z-index:110}.skip:focus{top:0}.eyebrow{font:500 12px/1.5 var(--mono);text-transform:none;letter-spacing:.015em}.eyebrow:before{content:"";display:inline-block;width:5px;height:5px;background:currentColor;margin-right:9px;vertical-align:3px}.header{position:absolute;top:0;left:0;width:100%;height:94px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:20px}.logo{display:block;width:119px;flex:none}.logo img{width:100%;height:auto}.header nav{display:flex;gap:35px;font:500 13px var(--mono);text-transform:none}.header a{transition:opacity .2s}.header a:hover{opacity:.65}.header-cta{font:500 12px var(--mono);text-transform:none;display:flex;align-items:center;gap:20px;border:1px solid #ffffff50;padding:11px 13px;background:#ffffff0a;border-radius:3px}.hero{position:relative;height:100svh;min-height:650px;background:#000;overflow:hidden}#universe{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}#universe.dragging{cursor:grabbing}.hero-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0009,transparent 25%,transparent 77%,#000a)}.hero-heading{position:absolute;top:15%;left:calc(50% - 220px);pointer-events:none;width:470px;z-index:2;transition:opacity .3s}.hero-heading .eyebrow{font-size:11px;color:#e4e4e4;margin-bottom:12px}.hero-heading h1{font-size:clamp(43px,4.4vw,70px);line-height:.98;text-shadow:0 2px 24px #000c}.hero.card-open .hero-heading{opacity:0}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.hero-bottom>*{pointer-events:auto}.explore-hint{font:500 12px/1.7 var(--mono);color:#e7e7e7}.explore-hint>span{font-size:20px}.explore-hint small{font-family:var(--body);font-size:12px;color:#999}.more{font:500 12px var(--mono);text-transform:none;display:flex;gap:20px;align-items:center}.more span{font-size:23px}.controls{display:flex;background:#151b1cb3;border:1px solid #ffffff35;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls button{width:40px;height:42px;font-size:21px}.controls button:hover{background:#ffffff20}.controls .index{width:auto;padding:0 15px;font:500 12px var(--mono);text-transform:none;border-left:1px solid var(--line);display:flex;align-items:center;gap:12px}.controls .index span{font-size:19px}.pcard{position:absolute;top:32%;left:var(--gutter);width:330px;z-index:5;padding:25px;background:#080d0ff2;border:1px solid #ffffff36;border-radius:6px;opacity:0;transform:translateX(-20px);pointer-events:none;transition:opacity .3s,transform .4s}.pcard.open{opacity:1;transform:none;pointer-events:auto}.close{font:300 32px/1 var(--body);width:46px;height:46px;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--line);border-radius:3px}.pcard>.close{position:absolute;right:12px;top:12px;width:30px;height:30px;font-size:23px}.pcard>.eyebrow{padding-right:15px;font-size:12px}.pcard h2{font-size:45px;text-transform:none;margin:22px 0 18px;overflow-wrap:anywhere}.pcard>p:not(.eyebrow){font-size:15px;line-height:1.55;color:#c1c7cc}.small-link{display:inline-flex;align-items:center;gap:26px;margin-top:24px;padding:11px 14px;border:1px solid #ffffff45;background:#ffffff08;border-radius:3px;text-transform:none;font:500 12px/1.5 var(--mono)}.small-link:hover{background:#fff;color:#080d0f}.pnav{display:flex;justify-content:space-between;margin-top:25px}.pnav button{font:12px var(--mono);padding:8px 0;color:#c1c7cc}.noscript-note{position:absolute;top:50%;left:10%;padding:30px;background:#080d0f}.no-webgl #universe{display:none}.no-webgl{background:linear-gradient(#0006,#000c),url(assets/proyectos/AMAZONAS6.webp) center/cover}

.story{position:relative;height:640svh;background:#080e10}.story-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate}.story-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#080d0f 0%,transparent 15%,transparent 82%,#080d0f 100%);z-index:4}#story-sculpture{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.story-top,.story-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:6;font:12px var(--mono);gap:18px}.story-top{top:35px}.story-top a{font-size:12px}.story-bottom{bottom:35px;color:#d0d5da}.story-track{height:1px;background:#ffffff25;width:22vw}.story-track i{height:1px;display:block;background:#d1d9fc;width:0}.story-world{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 45%;transform-style:preserve-3d}.story-panel{position:absolute;left:50%;top:50%;width:min(66vw,1050px);aspect-ratio:1.5;transform:translate(-50%,-50%);border:1px solid #ffffff65;border-radius:20px;overflow:hidden;backface-visibility:hidden;will-change:transform,opacity;box-shadow:0 20px 80px #0007;background:#141e22}.story-panel:not(:first-child){visibility:hidden}.story-visual{position:absolute;inset:0}.story-visual img,.story-visual video{width:100%;height:100%;object-fit:cover}.story-visual.cinema{background:#282929;filter:grayscale(1)}.story-visual.cinema video,.story-visual.cinema img{object-fit:cover;opacity:.75}.story-panel:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 50px #c6e4ff21,inset 0 1px 0 #ffffff70;background:linear-gradient(120deg,#c9d8ff12,transparent 40%,#ffffff05)}.story-copy{position:absolute;inset:0;padding:clamp(25px,3.5vw,58px);display:flex;flex-direction:column;align-items:start;justify-content:end;background:linear-gradient(90deg,#0008,transparent 85%),linear-gradient(0deg,#000d,transparent 95%);color:#fff}.story-copy h2{font-size:clamp(42px,4.9vw,83px);line-height:.99;margin:18px 0 20px}.story-copy>p{font-size:16px;line-height:1.6;max-width:440px;color:#f1f1f1}.story-copy .eyebrow{font-size:11px}

.team{overflow:hidden;padding:80px 0 20px}.person-scene{position:relative;min-height:900px;height:105svh;max-height:1160px;padding:80px var(--gutter);perspective:1500px;display:flex;align-items:center}.person-media{position:absolute;width:64%;height:72%;top:11%;left:33%;transform:rotateY(-14deg) rotateZ(-3deg);will-change:transform;overflow:hidden;border-radius:7px;background:#202c2e}.person-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d0f25,transparent 45%)}.person-media img{width:100%;height:112%;object-fit:cover;object-position:center 35%;filter:grayscale(1);will-change:transform;transition:filter .7s}.person-media:hover img{filter:grayscale(0)}.person-copy{position:relative;z-index:2;width:60%;pointer-events:none}.person-copy a{pointer-events:auto}.person-copy>h2{font-size:clamp(64px,6.9vw,118px);margin:25px 0 32px;line-height:.99;text-shadow:0 2px 22px #0002}.person-details{width:330px;max-width:70%;padding:12px 0;background:linear-gradient(90deg,#080d0f, #080d0fdc 70%,transparent);border-radius:2px}.person-details h3{font:400 25px var(--display);text-transform:none}.person-details .role{font:11px/1.5 var(--mono);text-transform:none;color:#c6cdd2;margin:7px 0 15px}.person-details p:not(.role){font-size:15px;line-height:1.65;color:#abb6bb}.person-details .small-link{margin-top:20px}

.services{padding:100px var(--gutter) 150px}.section-heading{text-align:center;margin-bottom:110px}.section-heading>h2{font-size:clamp(64px,8.8vw,152px);line-height:.97;margin-top:20px}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1530px;margin:auto;perspective:1700px}.service-card{position:relative;display:block;aspect-ratio:3/4.25;min-height:440px;transform-style:preserve-3d;text-align:left;border-radius:7px;transition:transform .15s linear;isolation:isolate}.service-bg{position:absolute;inset:0;border-radius:7px;overflow:hidden;background:#bf1768}.service-bg img{width:100%;height:100%;object-fit:cover;filter:blur(6px) saturate(.8);transform:scale(1.12);opacity:.7}.service-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0810db,transparent 70%)}.packaging .service-bg{background:#c3a80b}.advertising .service-bg{background:#092a46}.service-art{position:absolute;top:-11%;left:-5%;width:110%;height:90%;pointer-events:none;transform:translateZ(60px);will-change:transform;filter:drop-shadow(0 20px 16px #0005)}.service-product{width:100%;height:100%;object-fit:contain;transition:transform .5s}.service-caption{position:absolute;bottom:32px;left:24px;right:20px;transform:translateZ(80px);z-index:3}.service-caption .eyebrow{font-size:12px}.service-caption h3{font:400 clamp(31px,2.75vw,48px)/1.02 var(--display);letter-spacing:-.02em;margin:13px 0 11px}.project-name{font:12px var(--mono);opacity:.75}.service-plus{position:absolute;right:20px;top:18px;width:34px;height:34px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;transform:translateZ(30px);z-index:4}.service-card:hover .service-plus{background:#fff;color:#080d0f}.service-card:hover .service-product{transform:translateY(-14px) rotate(-2deg)}

.contact{background:var(--blue);padding:65px var(--gutter) 50px;overflow:hidden}.contact-title{display:block;margin:50px 0 58px}.contact-title h2{font-size:clamp(95px,14.6vw,260px);letter-spacing:-.035em;line-height:.96}.contact-arrow{display:inline-block;font-family:var(--body);font-weight:400;font-size:.84em;margin-left:.14em;transition:transform .3s}.contact-title:hover .contact-arrow{transform:translate(12px,-12px)}.contact-bottom{border-top:1px solid #ffffff70;padding-top:30px;display:flex;justify-content:space-between;align-items:start;gap:25px}.contact-bottom>a{font-size:clamp(17px,2vw,30px);letter-spacing:-.02em}.contact-bottom p{font-size:15px;line-height:1.5}

dialog{color:var(--ink);border:1px solid var(--line);padding:0;background:#080d0f;max-width:none;max-height:90svh;overscroll-behavior:contain}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.index-ov{width:min(1140px,calc(100% - 40px));padding:38px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.dialog-head h2{font-size:clamp(38px,5vw,65px)}.filters{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.filters button{font:12px var(--mono);padding:12px 15px;border:1px solid var(--line);border-radius:2px}.filters button.on{background:white;color:#080d0f}.index-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px}.index-list button{display:grid;grid-template-columns:58px 1fr;text-align:left;gap:5px 16px;border-top:1px solid var(--line);padding:17px 0;align-items:center}.index-list button[hidden]{display:none}.index-list img{width:58px;height:65px;object-fit:cover;grid-row:span 2}.index-list .n{font:400 23px/1.1 var(--display);text-transform:none}.index-list .c{font:11px var(--mono);color:#a6afb6}.service-dialog{width:min(1150px,calc(100% - 40px));grid-template-columns:1fr 1fr;overflow:auto}.service-dialog[open]{display:grid}.service-dialog>.close{position:absolute;right:16px;top:16px;z-index:3;background:#080d0f}.service-detail-image{min-height:590px}.service-detail-image img{width:100%;height:100%;object-fit:cover}.service-detail-copy{padding:70px 38px 40px}.service-detail-copy h2{font-size:clamp(40px,5vw,68px);margin:23px 0}.service-detail-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#bfc8cb}.service-detail-copy ul{padding:0;list-style:none;margin:22px 0}.service-detail-copy li{border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.service-detail-copy .small-link{font-size:12px}

@media(min-width:1800px){.hero-heading{left:calc(50% - 290px)}.pcard{width:390px;top:34%}}@media(max-width:1050px){.pcard{width:285px}.person-scene{min-height:800px;height:100svh}.person-copy>h2{font-size:8vw}.person-details{max-width:80%}.service-cards{gap:18px}.service-card{min-height:390px}.service-caption{left:18px;bottom:25px}.service-caption h3{font-size:31px}}
@media(max-width:700px){:root{--gutter:22px}.header{height:80px;gap:14px}.logo{width:88px}.header nav{display:none}.header-cta{font-size:10px;gap:12px;padding:11px}.hero{min-height:690px}.hero-heading{top:16%;left:8%;width:84%}.hero-heading h1{font-size:49px}.hero-heading .eyebrow{font-size:10px}.hero-bottom{bottom:24px;flex-wrap:wrap;gap:20px}.explore-hint{font-size:10px;max-width:140px}.explore-hint small{display:none}.controls button{width:34px;height:40px}.controls .index{padding:0 11px;font-size:11px}.more{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:10px}.pcard{top:auto;bottom:144px;width:calc(100% - 44px);padding:19px}.pcard h2{font-size:32px;margin:12px 0}.pcard>.eyebrow{font-size:10px}.pcard>p:not(.eyebrow){font-size:14px}.pcard .small-link{margin-top:14px}.pnav{margin-top:12px}.story{height:570svh}.story-stage{min-height:600px}.story-top{top:25px;align-items:start}.story-top .eyebrow{max-width:160px;font-size:10px}.story-top a{font-size:10px;max-width:90px;text-align:right}.story-panel{width:86vw;aspect-ratio:.72;border-radius:12px}.story-copy{padding:25px 22px}.story-copy h2{font-size:42px;margin:18px 0}.story-copy>p{font-size:14px;line-height:1.55}.story-copy .eyebrow{font-size:10px}.story-bottom{bottom:25px;font-size:10px}.story-bottom>span:first-child{display:none}.story-track{width:30vw}.team{padding-top:0}.person-scene{padding:65px var(--gutter);height:auto;min-height:920px;display:block}.person-media{width:86%;height:420px;top:90px;left:12%;border-radius:4px}.person-copy{width:100%;padding-top:0}.person-copy>h2{font-size:53px;margin:85px 0 165px;max-width:100%;text-shadow:0 3px 30px #0008}.person-copy>.eyebrow{font-size:10px}.person-details{width:100%;max-width:100%;background:none}.person-details h3{font-size:25px}.person-details p:not(.role){max-width:360px}.services{padding:30px var(--gutter) 85px}.section-heading{margin-bottom:90px}.section-heading h2{font-size:clamp(46px,10.8vw,74px)}.service-cards{grid-template-columns:1fr;gap:100px;max-width:480px}.service-card{aspect-ratio:3/4;min-height:440px}.service-caption{bottom:30px;left:26px}.service-caption h3{font-size:40px}.service-art{top:-12%;height:94%}.contact{padding-top:45px;padding-bottom:35px}.contact>.eyebrow{font-size:10px;max-width:255px}.contact-title{margin:36px 0 40px}.contact-title h2{font-size:14.5vw;line-height:1.04;letter-spacing:-.02em}.contact-bottom{display:block;padding-top:24px}.contact-bottom p{margin-top:20px;font-size:14px}.contact-arrow{margin-left:.08em}.index-ov{padding:24px 20px;width:calc(100% - 24px)}.index-list{grid-template-columns:1fr}.dialog-head h2{font-size:35px}.filters{gap:8px}.filters button{padding:10px;font-size:11px}.service-dialog{width:calc(100% - 24px)}.service-dialog[open]{display:block}.service-detail-image{height:220px;min-height:0}.service-detail-copy{padding:30px 24px}.service-detail-copy h2{font-size:44px}.service-detail-copy>p:not(.eyebrow){font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.story{height:auto!important}.story-stage{position:relative;height:auto;min-height:0;padding:80px 0}.story-world{position:relative;perspective:none;display:grid;gap:30px;justify-items:center}.story-panel{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;visibility:visible!important;width:85%;aspect-ratio:1.5}.story-panel .story-copy h2{font-size:clamp(30px,5vw,70px)}#story-sculpture{display:none}.story-top{top:25px}.story-bottom{display:none}.person-media,.person-media img,.service-art,.service-card{transform:none!important}}

/* Each foreground uses the original project image; browser masks isolate its silhouette. */
.story-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.8}
.hero-heading h1{font-size:clamp(40px,4vw,64px);max-width:500px}
.service-art{transform:translate3d(var(--pointer-x,0px),calc(var(--scroll-float,0px) + var(--pointer-y,0px)),65px)}
.branding .service-product{object-fit:contain;width:105%;height:auto;max-width:none;position:absolute;top:1%;left:-2.5%;clip-path:polygon(50% 4%,65% 5%,73% 8%,77% 12%,78% 15%,76% 19%,73% 40%,70% 64%,67% 86%,66% 91%,62% 94%,55% 96%,47% 96%,38% 94%,34% 91%,32% 83%,29% 62%,25% 40%,22% 20%,20% 16%,20% 12%,24% 8%,33% 5%)}
.packaging .service-product{position:absolute;width:132%;height:auto;max-width:none;top:-9%;left:-16%;clip-path:polygon(11% 29%,24% 28%,42% 29%,44% 34%,54% 34%,55% 49%,88% 48%,95% 52%,97% 60%,98% 68%,96% 73%,90% 77%,73% 80%,56% 78%,45% 75%,44% 79%,34% 82%,23% 81%,15% 78%,11% 73%,11% 68%,5% 67%,3% 62%,3% 33%,11% 32%)}
.advertising .service-product{position:absolute;width:145%;height:auto;max-width:none;top:-4%;left:-21%;clip-path:polygon(1% 39%,4% 33%,5% 30%,7% 28%,13% 26%,16% 24%,20% 23%,24% 24%,32% 28%,38% 29%,45% 33%,56% 32%,61% 33%,67% 36%,77% 43%,82% 43%,87% 47%,91% 56%,95% 61%,96% 65%,94% 75%,90% 79%,86% 78%,84% 74%,68% 71%,65% 74%,61% 77%,57% 75%,55% 68%,44% 63%,21% 53%,4% 43%)}
@media(min-width:701px){.packaging{transform:translateY(-12px)}.advertising{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){.story-particles{display:none}.service-art{transform:none!important}}


html{scroll-padding-top:0}.services{overflow-x:clip}.hero-heading{width:500px;max-width:84%}.hero-heading h1{line-height:1.02}.header nav a,.header-cta,.eyebrow,.more,.small-link,.explore-hint,.controls .index{font-synthesis:none}.controls button:disabled{opacity:.3}@media(max-width:700px){.hero-heading{left:8%;top:17%;width:84%}.hero-heading h1{font-size:46px}}.person-media:after{background:linear-gradient(90deg,#080d0f9c,transparent 44%)}.person-copy>h2{text-shadow:0 2px 20px #0005}.packaging .service-product{width:116%;left:-8%;top:-22%}.advertising .service-product{width:120%;left:-10%;top:-14%}.service-card .service-art{transition:transform .12s linear}.story-panel{will-change:transform,opacity;contain:layout paint}
@media(max-width:700px){.service-card .service-product{top:-4%}.packaging .service-product{top:-25%;width:124%;left:-12%}.advertising .service-product{top:-18%;width:123%;left:-11%}.person-media:after{background:linear-gradient(90deg,#080d0f90,transparent 65%)}}

@media(prefers-reduced-motion:reduce){.story-panel{aspect-ratio:auto;min-height:520px}.story-copy{position:relative;min-height:inherit}@media(max-width:700px){.story-panel{min-height:490px}}}
@media(max-width:700px){.advertising .service-product{width:106%;left:-3%;top:-13%}.explore-hint{max-width:100px}.hero-bottom{column-gap:8px}.controls{margin-left:auto}}@media(max-width:360px){.explore-hint{max-width:74px;font-size:9px}.controls button{width:31px}.controls .index{padding:0 8px;gap:6px}}