:root{--bg:#f7f7f7;--ink:#022016;--mute:#9aa39e;--yellow:#f6e61a;--orange:#ff5a14;--ease:cubic-bezier(.76, 0, .24, 1);--pad:40px}*{box-sizing:border-box;margin:0}html{background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{color:var(--ink);font:400 14px/1.2 Inter Tight,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.big{letter-spacing:-.01em;font-size:34px;font-weight:400;line-height:1.17}.loader{z-index:100;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}.card{background:#fff;border-radius:40px;width:380px;max-width:70vw;height:400px;transform:rotate(-8deg)}.head{z-index:20;padding:40px var(--pad) 0;mix-blend-mode:normal;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}.name{flex:none;width:217px}.role{flex:1}.nav{align-items:baseline;gap:22px;display:flex}.dots{letter-spacing:1px;margin-left:4px}.menu{z-index:19;background:var(--ink);color:var(--bg);padding:0 var(--pad);clip-path:circle(0 at calc(100% - 50px) 50px);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.menu.open{pointer-events:auto}.menu a{text-transform:uppercase;font:800 clamp(48px,9vw,140px)/.95 Archivo,sans-serif;overflow:hidden}#bee{z-index:15;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hero{text-align:center;min-height:100svh;padding:120px var(--pad) 80px;place-content:center;display:grid;position:relative}.title{text-transform:uppercase;letter-spacing:-.01em;font:800 clamp(64px,11.25vw,162px)/.9 Archivo,sans-serif}.ln{padding-bottom:.04em;display:block;overflow:hidden}.ln span{display:block}.hint{margin-top:26px}.scroll{text-align:center;position:absolute;bottom:40px;left:0;right:0}.intro{padding:20vh var(--pad) 18vh calc(var(--pad) + 98px);max-width:960px}.intro .big{max-width:22em}.now{max-width:30ch;margin-top:56px;line-height:1.3}.now b{font-weight:500}.work{padding-top:10vh}.h2{padding:0 var(--pad) 36px calc(var(--pad) + 98px)}.proj{padding-bottom:28px;position:relative}.car{cursor:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.track{will-change:transform;gap:1.4vw;padding-left:13.7vw;display:flex}.slide{aspect-ratio:1.73;background:#d9dcd8;border-radius:0;flex:none;width:72.6vw;overflow:hidden}.slide img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.slide.tint{color:var(--bg);text-transform:uppercase;text-align:center;place-items:center;padding:2vw;font:800 clamp(48px,9vw,130px)/.9 Archivo,sans-serif;display:grid}.meta{grid-template-columns:20px 310px 355px 355px 1fr;align-items:start;gap:0;padding:20px 20px 0;display:grid}.meta .t i{color:var(--mute);margin-left:6px;font-style:normal}.meta .roles{color:var(--ink);margin-top:40px}.meta .roles em{color:var(--mute);margin-bottom:4px;font-style:normal;display:block}.link{border-bottom:1px solid var(--ink);margin:-40px 0 0 65px;padding-bottom:3px;display:inline-block;position:relative}.drag{z-index:30;background:var(--yellow);pointer-events:none;opacity:0;border-radius:99px;padding:7px 14px;font-size:12px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.6)}.play{padding:22vh var(--pad) 20vh calc(var(--pad) + 98px)}.play p{max-width:28em;margin-top:18px}.foot{padding:14vh var(--pad) 40px;background:var(--ink);color:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.mail{overflow-wrap:anywhere;text-transform:uppercase;max-width:100%;font:800 clamp(26px,5.2vw,100px)/.95 Archivo,sans-serif}@media (width<=900px){:root{--pad:20px}.head{padding-top:20px}.role{display:none}.name{flex:1}.nav a:nth-child(3){display:none}.big{font-size:24px}.intro,.h2,.play{padding-left:var(--pad)}.slide{width:82vw}.track{gap:3vw;padding-left:9vw}.meta{padding:14px var(--pad) 0;grid-template-columns:18px 1fr 1fr;row-gap:12px}.meta .t{grid-column:2/4}.meta .aw{grid-area:2/2}.meta .yr{grid-area:2/3}.meta .team{grid-area:3/2}.meta .roles{grid-area:3/3;margin-top:0}.meta>span:empty{display:none}.link{margin:14px 0 0 calc(var(--pad) + 18px)}.car{cursor:auto}}@media (prefers-reduced-motion:reduce){.loader{display:none}}
