@font-face{font-family:Inter;src:url(/assets/fonts/Inter-V.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Knile;src:url(/assets/fonts/Knile-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--coral:#fb5b42;--black:#000;--cream:#dce9c3;--white:#fff;--grey:#f2f2ee;--line:#00000024;--muted:#0009;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Knile", Georgia, "Times New Roman", serif;--gutter:clamp(16px, 3.3vw, 48px);--gap:clamp(12px, 1.7vw, 24px);--radius:4px;--ease:cubic-bezier(.2, .7, .1, 1);--swing:cubic-bezier(.75, 0, .2, 1);--page:var(--white)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--black);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}body.page--coral{--page:var(--coral)}img,video{max-width:100%;display:block}figure{margin:0}a{color:inherit}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}::selection{background:var(--black);color:var(--white)}:focus-visible{outline:2px solid var(--black);outline-offset:3px}.wrap{padding-inline:var(--gutter)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--white);border-radius:99px;padding:8px 14px;top:16px;left:16px}.title{text-transform:uppercase;letter-spacing:-.02em;font-weight:500;line-height:.95}.logo{aspect-ratio:1535/780;background:currentColor;display:block;-webkit-mask:url(/assets/img/logo-mask.png) 50%/100% 100% no-repeat;mask:url(/assets/img/logo-mask.png) 50%/100% 100% no-repeat}.top{z-index:40;height:96px;padding:0 var(--gutter);align-items:center;display:flex;position:absolute;inset:0 0 auto}.top__logo{color:var(--black);transition:color .4s}.top__logo .logo{width:104px}.top[data-tone=dark] .top__logo{color:var(--cream)}.pills{z-index:50;top:28px;right:var(--gutter);gap:6px;display:flex;position:fixed}.pill{background:var(--grey);height:38px;color:var(--black);cursor:pointer;border:0;border-radius:99px;align-items:center;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.pill:hover{background:var(--cream)}.pill[aria-current=page]{background:var(--black);color:var(--white)}.page--coral .pill{background:var(--white)}.page--coral .pill[aria-current=page]{background:var(--black);color:var(--white)}.hero{--bg:var(--white);--card:var(--coral);height:100svh;min-height:560px;padding:96px var(--gutter) 64px;background:var(--bg);transition:background-color .5s;position:relative}.hero__card{border-radius:var(--radius);background:var(--card);height:100%;color:var(--bg);clip-path:inset(48% round 999px);transition:clip-path .6s var(--swing), background-color 0s .6s;display:block;position:relative;overflow:hidden}.hero__card.is-open{clip-path:inset(0 0 0 0 round var(--radius));transition:clip-path 1s var(--swing), background-color 0s}.hero__media{opacity:0;position:absolute;inset:0}.hero__media.is-active{opacity:1}.hero__media .media{object-fit:cover;width:100%;height:100%}.hero__word{color:var(--bg);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;pointer-events:none;font-weight:800;line-height:.8;transition:color .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__word .ch{opacity:0;transition:opacity .25s, transform .5s var(--ease);display:inline-block;transform:translateY(.06em)}.hero__word.is-in .ch{opacity:1;transform:none}.hero__bar{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:16px;height:64px;font-size:15px;font-weight:500;transition:color .5s;display:flex;position:absolute;bottom:0}.hero[data-tone=dark] .hero__bar{color:var(--cream)}.hero__bar a{text-decoration:none}.hero__bar a:hover{text-underline-offset:3px;text-decoration:underline}.hero__count{font-variant-numeric:tabular-nums;opacity:.6}.work{padding-block:var(--gap) clamp(64px, 8vw, 120px)}.work--page{padding-top:112px}.work__intro{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;font-size:15px;font-weight:500;display:flex}.work__intro span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.grid{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card{aspect-ratio:1;border-radius:var(--radius);background:var(--black);color:var(--white);isolation:isolate;text-decoration:none;display:block;position:relative;overflow:hidden}.card[hidden]{display:none}.card--coral{background:var(--coral)}.card--crema{background:var(--cream);color:var(--black)}.card__media{z-index:-1;transition:transform 1.2s var(--ease);position:absolute;inset:0}.card__media .media{object-fit:cover;width:100%;height:100%}.card:hover .card__media{transform:scale(1.03)}.card.has-media:before{content:"";z-index:0;background:linear-gradient(#0000,#00000080);position:absolute;inset:50% 0 0}.card__text{z-index:1;padding:clamp(20px,2.6vw,36px);position:absolute;bottom:0;left:0;right:0}.card__title{max-width:16ch;font-size:clamp(28px,3.3vw,52px);display:block}.card__sub{margin-top:10px;font-size:clamp(14px,1.1vw,17px);display:block}.card__draft{z-index:1;background:var(--white);height:24px;color:var(--black);border-radius:99px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px}.more{justify-content:center;padding-top:clamp(32px,4vw,56px);display:flex}.filter{z-index:45;max-width:calc(100vw - 2 * var(--gutter));scrollbar-width:none;background:var(--white);border-radius:99px;gap:2px;padding:4px;display:flex;position:fixed;bottom:24px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 0 0 1px #0000000f,0 8px 24px #0000001a}.filter::-webkit-scrollbar{display:none}.filter button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:99px;flex:none;height:36px;padding:0 16px;font-size:15px;font-weight:500}.filter button:hover{background:var(--grey)}.filter button[aria-pressed=true]{background:var(--cream)}.media--empty{display:block;position:absolute;inset:0}.media--empty:after{content:"";opacity:.9;transform-origin:0;background:currentColor;width:30%;height:1.5%;min-height:2px;position:absolute;top:30%;right:16%;transform:rotate(45deg)}.case{padding-top:96px}.case__cover{aspect-ratio:16/9;border-radius:var(--radius);background:var(--black);width:100%;max-height:calc(100svh - 160px);color:var(--cream);position:relative;overflow:hidden}.case__cover--coral{background:var(--coral);color:var(--black)}.case__cover--crema{background:var(--cream);color:var(--black)}.case__cover .media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case__head{gap:var(--gap) clamp(32px, 5vw, 80px);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;padding-block:clamp(32px,4vw,56px);display:grid}.case__head h1{overflow-wrap:break-word;font-size:clamp(34px,5vw,88px)}.case__by{font-size:clamp(17px,1.4vw,21px)}.case__by .draft{background:var(--coral);vertical-align:middle;border-radius:99px;margin-left:8px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.case__body{border-top:1px solid var(--line);grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(56px,7vw,112px);display:grid}.case__text{gap:1em;max-width:60ch;display:grid}.case__text .brief{font-family:var(--serif);font-size:clamp(24px,2.2vw,34px);line-height:1.15}.case__text p{font-size:18px}.case__result{font-size:clamp(24px,2.4vw,36px);font-weight:500}.facts{align-self:start;margin:0;padding:0;font-size:15px;list-style:none}.facts li{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:16px;padding:10px 0;display:grid}.facts li:first-child{padding-top:0}.facts li>span:first-child{color:var(--muted)}.pieces{gap:var(--gap);padding-bottom:clamp(56px,7vw,112px);display:grid}.pieces__row{gap:var(--gap);display:grid}.pieces__row--horizontal{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.pieces__row--vertical{grid-template-columns:repeat(auto-fill,minmax(min(46%,200px),1fr))}.pieces__row--cuadrado,.pieces__row--foto{grid-template-columns:repeat(auto-fill,minmax(min(46%,300px),1fr))}.piece{border-radius:var(--radius);background:var(--grey);color:var(--black);position:relative;overflow:hidden}.piece--horizontal{aspect-ratio:16/9}.piece--vertical{aspect-ratio:9/16}.piece--cuadrado{aspect-ratio:1}.piece--foto{aspect-ratio:4/5}.piece .media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.piece figcaption{z-index:1;font-size:13px;font-weight:500;position:absolute;bottom:10px;left:12px}.piece.has-media figcaption{color:#fff;text-shadow:0 1px 8px #00000080}.piece__sound{z-index:1;background:var(--white);cursor:pointer;border:0;border-radius:99px;height:30px;padding:0 12px;font-size:13px;font-weight:500;position:absolute;bottom:10px;right:10px}.next{padding-bottom:clamp(64px,8vw,120px)}.next__label{justify-content:space-between;padding-bottom:20px;font-size:15px;font-weight:500;display:flex}.next .card{aspect-ratio:21/9}.next .card__title{max-width:none;font-size:clamp(32px,5vw,80px)}.studio{padding-top:140px}.studio__tag{font-family:var(--serif);letter-spacing:-.02em;max-width:15ch;font-size:clamp(40px,6.6vw,112px);line-height:1}.studio__intro{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:clamp(40px,5vw,80px) clamp(64px,8vw,120px);display:grid}.studio__intro p{grid-column:2;max-width:38ch;font-size:clamp(18px,1.5vw,22px)}.block{gap:var(--gap);border-top:1px solid var(--black);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:20px clamp(64px,8vw,120px);display:grid}.block h2{font-size:15px;font-weight:500}.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--black);letter-spacing:-.01em;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;font-size:clamp(22px,2.2vw,34px);display:flex}.rows li span:last-child{text-align:right;font-size:15px}.tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;display:grid}.tiles li{aspect-ratio:3/2;letter-spacing:-.02em;text-align:center;justify-content:center;align-items:center;padding:16px;font-size:clamp(18px,1.6vw,24px);font-weight:700;display:flex}.tiles li:nth-child(4n+1){background:var(--black);color:var(--cream)}.tiles li:nth-child(4n+2){background:var(--cream)}.tiles li:nth-child(4n+3){background:var(--white)}.tiles li:nth-child(4n+4){background:var(--black);color:var(--coral)}.tiles{margin:0;padding:0;list-style:none}.foot{padding:clamp(56px, 7vw, 104px) var(--gutter) 28px;background:var(--black);color:var(--white)}.foot__mail{letter-spacing:-.03em;font-size:clamp(32px,6.4vw,112px);font-weight:500;line-height:1;text-decoration:none;display:inline-block}.foot__mail:hover{color:var(--coral)}.foot__lead{color:#fff9;margin-bottom:12px;font-size:15px}.foot__bottom{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-top:clamp(56px,7vw,104px);font-size:14px;display:flex}.foot__bottom .logo{width:88px;color:var(--cream)}.foot__bottom ul{gap:20px;margin:0;padding:0;list-style:none;display:flex}.foot__bottom a{text-decoration:none}.foot__bottom a:hover{text-underline-offset:3px;text-decoration:underline}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.reveal.is-in{opacity:1;transform:none}@media (width<=900px){.case__head,.case__body,.studio__intro,.block{grid-template-columns:minmax(0,1fr)}.studio__intro p{grid-column:1}}@media (width<=640px){body{font-size:16px}.top{height:80px}.pills{gap:3px;top:23px}.pill{height:32px;padding:0 11px;font-size:13px}.top__logo .logo{width:72px}.hero{height:88svh;padding-top:80px}.grid{grid-template-columns:minmax(0,1fr)}.card{aspect-ratio:4/5}.work--page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work--page .card{aspect-ratio:3/4}.work--page .card__text{padding:12px}.work--page .card__title{font-size:18px}.work--page .card__sub{margin-top:4px;font-size:11px}.work--page .card__draft{height:20px;font-size:10px;top:8px;left:8px}.next .card{aspect-ratio:4/3}.case{padding-top:80px}.case__cover{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.reveal{opacity:1;transform:none}}.hero .media--empty:after{display:none}.hero__bar a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hero__count{flex:none}