:root{--paper:#fdfdfc;--ink:#0e0e0e;--ghost:#a9a9a4;--pen:#2b2aff;--display:clamp(2.5rem, 7.6vw, 6rem);--word:clamp(.84rem, 1.15vw, 1.05rem);--micro:clamp(.68rem, .85vw, .78rem);--face:"Helvetica Neue", Helvetica, Inter, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--face);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;font-weight:400;overflow:hidden}@media (max-width:720px){:root{--display:clamp(1.9rem, 9.6vw, 3.2rem);--word:.95rem;--micro:.72rem}}.stage{height:100dvh;transition:opacity .18s linear;position:fixed;top:0;bottom:0;left:0;right:0}.line{font-size:var(--display);letter-spacing:-.038em;white-space:nowrap;pointer-events:none;font-weight:400;line-height:.95;transition:opacity .9s;position:absolute}.line--a{top:5.5vh;left:4.5vw}.line--b{bottom:6vh;right:4.5vw}.stage.is-tensing .line{opacity:.18}.head{opacity:0;transform:translate(-50%,-50%) translateY(var(--rev,70px));will-change:transform, opacity;position:absolute;top:50%;left:50%}.head__img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:auto;height:clamp(230px,46vh,470px);display:block}.inside{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.inside .in-word{font-size:calc(var(--word) * .72);letter-spacing:-.01em;color:#fff;mix-blend-mode:difference;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.word{font-size:var(--word);letter-spacing:-.012em;color:var(--ink);white-space:nowrap;cursor:grab;touch-action:none;will-change:transform;opacity:0;pointer-events:none;transition:color .18s ease, opacity .75s ease var(--rd,0s);background:0 0;border:0;margin:-.55em -.7em;padding:.55em .7em;font-family:inherit;position:absolute;top:0;left:0}.stage.is-revealed .word{opacity:1}.stage.is-open .word{pointer-events:auto}.word:focus-visible{outline:1px solid var(--pen);outline-offset:2px;border-radius:2px}.word__t{animation:float var(--dur,7s) ease-in-out var(--del,0s) infinite;display:inline-block}.word.is-held{cursor:grabbing;color:var(--pen);z-index:40}.word.is-held .word__t{animation-play-state:paused}.word.is-gone{display:none}@keyframes float{0%,to{transform:translate(0,0) rotate(var(--rot,0deg))}33%{transform:translate(.45em,-.5em) rotate(calc(var(--rot,0deg) + .8deg))}66%{transform:translate(-.35em,.4em) rotate(calc(var(--rot,0deg) - .7deg))}}.pulse{border:1px solid var(--pen);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.5s cubic-bezier(.2,.7,.3,1) forwards pulse;position:absolute}@keyframes pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(6)}}.hint{opacity:0;pointer-events:none;align-items:flex-end;gap:.7em;transition:opacity .8s .45s;display:flex;position:absolute;bottom:6.5vh;left:4.5vw}.stage.is-revealed .hint{opacity:1}.cue{font-size:var(--micro);color:var(--ghost);letter-spacing:.02em;pointer-events:none;align-items:center;gap:.75em;transition:opacity .45s;display:flex;position:absolute;bottom:6.5vh;left:4.5vw}.cue svg{width:9px;height:22px;animation:2.4s ease-in-out infinite bob;overflow:visible}.cue path{fill:none;stroke:var(--ghost);stroke-width:1.1px;stroke-linecap:round}@keyframes bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.stage.is-revealed .cue{opacity:0!important}.hint__arrow{flex:none;width:52px;height:34px;margin-bottom:.15em;overflow:visible}.hint__arrow path{fill:none;stroke:var(--ghost);stroke-width:1.1px;stroke-linecap:round}.hint p{font-size:var(--micro);letter-spacing:.005em;line-height:1.5}.hint__count{color:var(--ghost)}.stage.is-tensing .hint{opacity:0!important}#fx{pointer-events:none;z-index:60;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}#flash{opacity:0;pointer-events:none;z-index:70;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:720px){.head__img{height:clamp(200px,34vh,320px)}.line--a{top:3.5vh;left:5vw}.line--b{bottom:4.5vh;right:5vw}.hint,.cue{bottom:11vh;left:5vw}.hint__arrow{display:none}.word{margin:-.75em -.8em;padding:.75em .8em}}@media (max-width:720px) and (max-height:680px){.head__img{height:30vh}}@media (prefers-reduced-motion:reduce){.word__t,.cue svg{animation:none}}.screen2{z-index:80;opacity:0;visibility:hidden;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0}.screen2.is-on{opacity:1;visibility:visible}body.portfolio{background:#fff;overflow:auto}body.portfolio .screen2{min-height:100dvh;position:relative;top:auto;bottom:auto;left:auto;right:auto}body.portfolio .stage{display:none}.bar{z-index:90;font-size:var(--micro);letter-spacing:.005em;opacity:0;background:#fff;align-items:baseline;gap:2.5vw;padding:1.5vh 4.5vw;transition:opacity .8s .9s;display:flex;position:fixed;top:0;left:0;right:0}.screen2.is-live .bar{opacity:1}.bar__claim{flex:none}.bar__list{scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;flex:auto;justify-content:flex-end;gap:1.15em;display:flex;overflow-x:auto}.bar__list::-webkit-scrollbar{display:none}.bar__list button{font:inherit;color:var(--ghost);cursor:pointer;background:0 0;border:0;padding:0;transition:color .25s}.bar__list button:hover,.bar__list button.on{color:var(--ink)}.works{grid-template-columns:repeat(12,1fr);gap:7vh 2.2vw;padding:17vh 4.5vw 14vh;display:grid}.work{grid-column:var(--c) / span var(--s);margin:0;margin-top:var(--t,0);opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.25,1);transform:translateY(26px)}.work.seen{opacity:1;transform:none}.work.drop{opacity:1;animation:.95s cubic-bezier(.2,.85,.3,1.02) both drop;animation-delay:var(--d,0s);transition:opacity .35s;transform:none}@keyframes drop{0%{transform:translateY(-78vh) rotate(var(--dr,-6deg));opacity:0}60%{opacity:1}to{opacity:1;transform:translateY(0)rotate(0)}}.work{cursor:pointer}.work:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.work .ph{width:100%;aspect-ratio:var(--r,4/5);background:#f1f0ee;display:block;position:relative;overflow:hidden}.work .ph img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.work .ph img.on{opacity:1}.work .ph:after,.lb__f img+.filete,.exp__fila .filete{content:"";pointer-events:none;border:1px solid #e9e8e3;position:absolute;top:0;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){body.pasar .work.multi .ph{cursor:none}}.puntero{z-index:110;letter-spacing:-.01em;color:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;font-size:clamp(.95rem,1.1vw,1.1rem);transition:opacity .18s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.puntero.on{opacity:1}.work figcaption{font-size:var(--micro);letter-spacing:.005em;margin-top:.85em;line-height:1.45}.work figcaption span{color:var(--ghost)}.works.filtering .work{opacity:.14}.works.filtering .work.match{opacity:1}.exp{grid-column:1/-1;height:0;overflow:hidden}.exp__in{padding:4vh 0 7vh}.exp__bar{font-size:var(--micro);justify-content:space-between;align-items:baseline;gap:2vw;margin-bottom:2.5vh;display:flex}.exp__bar span{color:var(--ghost)}.exp__x{font:inherit;color:var(--ghost);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;padding:0;transition:color .2s}.exp__x:hover{color:var(--ink)}.exp__fila{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:2vw;padding-bottom:1vh;display:flex;overflow:auto hidden}.exp__fila::-webkit-scrollbar{display:none}.exp__fila.is-drag{cursor:grabbing}.exp__fila figure{flex:none;margin:0}.exp__fila img,.exp__fila .ph3{background:#f1f0ee;width:auto;max-width:78vw;height:44vh;display:block}.exp__fila .ph3{aspect-ratio:var(--r3,4/3)}.exp__fila figcaption{font-size:var(--micro);color:var(--ghost);margin-top:.7em}.work.abierta .ph img{opacity:1}.lb{z-index:120;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;background:#fff;transition:opacity .2s,visibility .2s;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.lb.on{opacity:1;visibility:visible}body.lb-open{width:100%;position:fixed;left:0;right:0;overflow:hidden!important}.lb__bar{z-index:2;font-size:var(--micro);background:#fff;justify-content:space-between;align-items:baseline;gap:2vw;padding:1.5vh 4.5vw;line-height:1.5;display:flex;position:sticky;top:0}.lb__bar span{color:var(--ghost)}.lb__x{font:inherit;color:var(--ghost);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;flex:none;padding:0;transition:color .2s}.lb__x:hover{color:var(--ink)}.lb__list{flex-direction:column;align-items:center;gap:7vh;padding:3vh 4.5vw 16vh;display:flex}.lb__f{opacity:0;margin:0;transform:translateY(18px)}.lb.on .lb__f{animation:.6s cubic-bezier(.2,.8,.25,1) both sube}@keyframes sube{to{opacity:1;transform:none}}.lb__f img{width:auto;max-width:min(74vw,1080px);height:auto;max-height:84vh;display:block}.lb__f.sin .ph2{width:min(60vw,760px);aspect-ratio:var(--r2,4/3);background:#f1f0ee;display:block}.lb__f figcaption{font-size:var(--micro);color:var(--ghost);margin-top:.9em}@media (max-width:720px){.works{grid-template-columns:repeat(6,1fr);gap:5vh 4vw;padding:16vh 5vw 12vh}.exp__fila img,.exp__fila .ph3{max-width:86vw;height:30vh}.exp__in{padding:3vh 0 5vh}.lb__list{gap:5vh;padding:2vh 5vw 12vh}.lb__f img{max-width:90vw;max-height:76vh}.lb__f.sin .ph2{width:90vw}.bar{flex-direction:column;gap:.5em;padding:1.2vh 5vw 1.4vh}.bar__list{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.lb.on .lb__f,.screen2.is-on p{animation-duration:.01ms}}.about{grid-template-columns:repeat(12,1fr);gap:0 2.2vw;padding:22vh 4.5vw 6vh;display:grid}.ab{grid-column:var(--c) / span var(--s);margin:0;margin-top:var(--t,0);opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.25,1);transform:translateY(24px)}.ab.seen{opacity:1;transform:none}.ab--p{letter-spacing:-.014em;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.55}.cv__t{color:var(--ghost);font-size:var(--micro);margin-bottom:1.1em}.cv__row{font-size:var(--micro);border-top:1px solid #ededea;grid-template-columns:8.5em 1fr;gap:1.2em;padding:.7em 0;line-height:1.45;display:grid}.cv__row span{color:var(--ghost)}.brands{font-size:var(--micro);color:var(--ghost);line-height:1.7}.end{padding:6vh 4.5vw 8vh}.again{font:400 var(--micro)/1 var(--face);color:var(--ghost);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;padding:0;transition:color .2s}.again:hover{color:var(--ink)}@media (max-width:720px){.about{grid-template-columns:repeat(6,1fr);padding:6vh 5vw 4vh}.ab{grid-column:1/-1!important;margin-top:6vh!important}.cv__row{grid-template-columns:7em 1fr;gap:1em}}
/*$vite$:1*/