/* Composición editorial y movimiento con piezas originales. */
:root{--paper:#fffdf9}.site-header{height:85px;border:0;background:#fffdf9ed;backdrop-filter:blur(14px)}.hero{padding:0}.hero-video{background:var(--paper);color:var(--purple);min-height:740px;height:calc(100svh - 85px);max-height:1000px;padding:25px 4vw;isolation:isolate}.video-top{position:relative;z-index:5}.motion-toggle{border:0;border-bottom:1px solid;font:inherit;color:inherit;background:none;padding:8px 0;cursor:pointer}.video-placeholder{padding:0;position:absolute;top:21%;left:4vw;z-index:3;pointer-events:none}.video-label{font-size:9px;background:var(--yellow);border:0;color:var(--ink);transform:rotate(-2deg);padding:9px 14px}.video-placeholder h1{font-size:clamp(76px,9.7vw,180px);line-height:.86;letter-spacing:-.025em;margin:26px 0;max-width:75vw}.video-placeholder h1 .hero-word{display:block;color:var(--purple);-webkit-text-stroke:0;white-space:nowrap;transform-origin:left;animation:type-enter .9s cubic-bezier(.18,.8,.2,1) both}.hero-word:nth-child(2){animation-delay:.12s!important;padding-left:5vw}.hero-word:nth-child(3){animation-delay:.24s!important}.hero-dot{color:var(--pink)!important}.hero-samples{position:absolute;inset:0;z-index:2;pointer-events:none}.sample{position:absolute;display:block;pointer-events:auto;will-change:transform;box-shadow:0 15px 30px #21152618;transform:translate(var(--mx,0px),var(--my,0px)) rotate(var(--tilt));transition:transform .65s cubic-bezier(.2,.8,.2,1);background:var(--yellow);padding:7px;animation:sample-enter 1.1s both}.sample img{width:100%;height:100%;object-fit:contain}.sample span{position:absolute;bottom:-25px;left:0;font-size:9px;letter-spacing:1px;color:var(--ink);background:var(--yellow);padding:7px 9px;white-space:nowrap}.sample-one{width:28vw;max-width:470px;right:3vw;top:9%;--tilt:8deg;animation-delay:.2s}.sample-two{width:15vw;max-width:245px;right:17vw;top:34%;--tilt:-9deg;background:var(--pink);animation-delay:.3s}.sample-three{width:25vw;max-width:430px;right:2vw;bottom:11%;--tilt:6deg;animation-delay:.4s}.sample:hover,.sample:focus-visible{transform:rotate(0) scale(1.08);z-index:6}.video-bottom{position:absolute;bottom:22px;left:4vw;right:4vw;border-top:1px solid var(--purple);padding-top:16px}.video-bottom a span{animation:down-cue 1.5s ease-in-out infinite}.hero-caption{background:var(--yellow);padding:34px 4vw;margin:0}.projects{padding:85px 0 80px}.projects>.section-head,.filters{margin-left:4vw;margin-right:4vw}.filters{position:sticky;top:85px;z-index:8;background:var(--paper);padding:15px 0;margin-top:0;margin-bottom:30px}.filters button{border:0;border-bottom:1px solid transparent;padding:8px 0;margin-right:22px;font-size:13px}.filters button[aria-pressed=true]{background:none;color:var(--purple);border-color:var(--purple)}.filters button span{color:var(--purple)}.case-grid{grid-template-columns:repeat(12,1fr);gap:70px 3vw;padding:0 4vw}.case-card,.case-card:nth-child(3),.case-card:nth-child(4){grid-column:span 6}.case-card:first-child{grid-column:1/-1}.case-card.featured[data-case="coquimbo"]{grid-column:1/6;margin-top:45px}.case-card.featured[data-case="bip-a-bip"]{grid-column:6/-1;margin-top:180px}.case-card.featured[data-case="walmart"]{grid-column:1/-1}.case-card .image-wrap,.case-card:nth-child(3) .image-wrap,.case-card:nth-child(4) .image-wrap{height:auto;aspect-ratio:16/10;position:relative;background:transparent}.case-card:first-child .image-wrap{height:auto;aspect-ratio:16/8.5;background:#fff5d9}.case-card.featured[data-case="walmart"] .image-wrap{aspect-ratio:16/9}.case-card.vertical-work .image-wrap{aspect-ratio:4/5;background:#f1e3ff}.case-card .image-wrap>img,.campaign-pair img{object-fit:contain;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.portrait-pair{padding:0;gap:0;background:none}.portrait-pair img{width:50%;max-width:50%;height:auto;max-height:100%}.case-card:hover .image-wrap>img{transform:scale(1.025)}.case-card h3,.case-card:first-child h3,.case-card:nth-child(3) h3,.case-card:nth-child(4) h3{font-size:clamp(35px,4.5vw,80px);line-height:.96;max-width:1000px}.case-card:first-child h3,.case-card[data-case="walmart"] h3{font-size:clamp(55px,7vw,115px)}.case-card .meta{margin-top:19px}.case-summary{max-width:700px}.case-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s;background:var(--paper)}.case-motion.is-playing{opacity:1}.case-open{position:absolute;right:20px;bottom:20px;background:var(--yellow);color:var(--ink);border-radius:50%;width:102px;height:102px;display:flex;align-items:center;justify-content:center;font-size:10px;transform:translateY(120%);transition:transform .35s}.case-card:hover .case-open,.case-card:focus-visible .case-open{transform:translateY(0) rotate(-9deg)}.case-card.entering .image-wrap{animation:work-in .75s cubic-bezier(.2,.75,.2,1) both}.case-index{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:5vw;border-top:1px solid var(--ink);padding-top:40px;margin-top:25px}.index-intro h3{font:700 clamp(50px,6vw,90px)/.88 'Barlow Condensed',sans-serif;color:var(--purple);margin:20px 0}.index-intro p{font-size:13px;max-width:230px;line-height:1.6}.case-index-row{border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr 1.4fr 30px;gap:15px;align-items:center;transition:padding .25s,color .25s}.case-index-row>span:first-child{font-size:10px;line-height:1.5}.case-index-row strong{font:600 28px/1 'Barlow Condensed',sans-serif}.case-index-row:hover{padding-left:15px;color:var(--purple)}.capabilities{background:var(--purple);color:var(--paper)}.capabilities .section-head em{color:var(--yellow)}.service{position:relative;border-color:#ffffff50}.service:last-child{border-color:#ffffff50}.service summary{padding:28px 0;transition:padding .4s,background .4s,color .4s}.service summary:hover,.service[open] summary{padding-left:24px;background:var(--yellow);color:var(--purple)}.service[open] h3,.service summary:hover h3{color:inherit}.service-plus{transition:transform .4s}.service[open] .service-plus{color:var(--purple)}.service-body{padding-top:24px}.service-body img{width:280px;max-height:180px;object-fit:contain;margin:20px 0}.cap-examples a{border-color:#ffffff80}.service-body{animation:body-in .4s ease both}.agency-title img{transition:transform 1s;transform:rotate(var(--q-turn,-9deg))}.closing>a:hover span{transform:translate(10px,-10px)}.closing>a span{transition:transform .35s}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .sample{transform:rotate(var(--tilt))!important}
@keyframes type-enter{from{transform:translateY(60px) scaleX(.88);opacity:0}to{transform:translateY(0) scaleX(1);opacity:1}}@keyframes sample-enter{from{opacity:0;translate:0 70px}to{opacity:1;translate:0 0}}@keyframes down-cue{50%{transform:translateY(7px)}}@keyframes work-in{from{clip-path:inset(12% 0 12% 0);transform:translateY(30px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes body-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.hero-video{min-height:650px}.sample-one{top:11%}.sample-two{right:14vw;top:35%}.sample-three{bottom:15%}.video-placeholder{top:24%}.case-card.featured[data-case="bip-a-bip"]{margin-top:100px}.case-index{grid-template-columns:1fr}.index-intro{display:none}.filters{top:85px}}
@media(max-width:560px){.site-header{height:82px}.hero-video{height:660px;min-height:0;padding:22px 20px}.video-top{font-size:8px;letter-spacing:.5px}.motion-toggle{font-size:8px}.video-placeholder{top:23%;left:20px}.video-placeholder h1{font-size:clamp(55px,14vw,82px);max-width:94vw}.hero-word:nth-child(2){padding-left:0}.video-label{font-size:7px}.sample-one{width:43vw;right:5vw;top:5%;max-width:none}.sample-two{width:25vw;right:9vw;top:53%}.sample-three{width:47vw;right:41vw;bottom:13%}.sample span{font-size:7px;bottom:-19px;padding:5px}.video-bottom{left:20px;right:20px;font-size:8px}.hero-caption{padding:25px 20px}.projects{padding-top:48px}.projects>.section-head,.filters{margin-left:20px;margin-right:20px}.filters{top:82px;gap:13px}.filters button{font-size:10px;margin:0}.case-grid{display:block;padding:0 20px}.case-card,.case-card.featured[data-case="coquimbo"],.case-card.featured[data-case="bip-a-bip"]{margin:0 0 45px}.case-card .image-wrap,.case-card:nth-child(3) .image-wrap,.case-card:nth-child(4) .image-wrap,.case-card:first-child .image-wrap{height:auto;aspect-ratio:16/10}.case-card.vertical-work .image-wrap{aspect-ratio:4/5}.case-card h3,.case-card:first-child h3,.case-card:nth-child(3) h3,.case-card:nth-child(4) h3,.case-card[data-case="walmart"] h3{font-size:44px}.case-index-row{grid-template-columns:1fr 1.3fr 16px}.case-index-row strong{font-size:24px}.case-open{display:none}.service summary:hover,.service[open] summary{padding-left:8px}.service-body img{width:100%}.hero-caption p{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.sample{transform:rotate(var(--tilt))!important}}
.case-card.vertical-work .image-wrap{aspect-ratio:9/8;background:transparent}.portrait-pair img{height:100%;max-height:none;object-fit:contain}.priority-case{grid-column:1/-1;padding:30px 0;border-top:1px solid var(--purple);border-bottom:1px solid var(--purple);display:grid;grid-template-columns:1fr 2fr 70px;gap:3vw;color:var(--purple);align-items:center;transition:padding .3s}.priority-case>span{font-size:11px;line-height:1.5}.priority-case strong{font:600 clamp(30px,4vw,60px)/.95 'Barlow Condensed',sans-serif}.priority-case>span:last-child{font-size:65px}.priority-case:hover{padding-left:20px}.case-motion.is-playing{transition:none}
@media(max-width:560px){.priority-case{grid-template-columns:1fr 30px;margin-bottom:35px}.priority-case>span:first-child{grid-column:1/-1}.priority-case>span:last-child{font-size:30px}.priority-case strong{font-size:36px}.case-card.vertical-work .image-wrap{aspect-ratio:9/8}}