@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square.woff2)format("woff2");font-display:swap}:root{--bg:#efeeeb;--ink:#161616;--muted:#7a7a76;--signature:#2f5bff;--cw:min(73.5vw, 117vh);--ch:calc(var(--cw) * .6);--gap:2.5vw}*{box-sizing:border-box;scrollbar-width:none;margin:0}::-webkit-scrollbar{display:none}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Geist,-apple-system,PingFang SC,sans-serif}a,button{color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;padding:0;text-decoration:none}.ruler{--ind:30px;z-index:2;background:repeating-linear-gradient(90deg,#a3a29e 0 1px,#0000 1px 10px);width:200px;height:18px;position:fixed;top:56px;left:50%;transform:translate(-50%)}.ruler span{width:var(--ind);border:1px solid var(--muted);background:var(--bg);height:16px;position:absolute;top:1px}.stage{height:100vh;position:sticky;top:0;overflow:hidden}.track{gap:var(--gap);width:max-content;height:100%;padding:0 calc((100vw - var(--cw)) / 2);will-change:transform;align-items:center;display:flex}.slot{position:relative}.label{color:var(--muted);font-size:13px;position:absolute;bottom:calc(100% + 10px);left:0}.card{width:var(--cw);height:var(--ch);isolation:isolate;cursor:crosshair;background:#fff;display:block;position:relative;overflow:hidden}.lens{pointer-events:none;z-index:-1;width:100%;height:100%;fill:var(--lens);position:absolute;inset:0}.card--intro h1{padding:calc(var(--cw) * .05);font-size:calc(var(--cw) * .068);letter-spacing:-.035em;flex-direction:column;font-weight:500;line-height:1.1;display:flex}.card--intro h1 span:nth-child(2n){padding-left:.8em}.card--word h2{font-size:calc(var(--ch) * .78);letter-spacing:-.06em;white-space:nowrap;font-weight:600;line-height:1;position:absolute;top:50%;left:-.07em;transform:translateY(-52%)}.card--rows ul{height:100%;padding:0 calc(var(--cw) * .045);flex-direction:column;justify-content:center;list-style:none;display:flex}.card--rows li{padding:calc(var(--cw) * .018) 0;border-top:1px solid #e3e2de;grid-template-columns:.12fr .62fr .38fr;align-items:baseline;display:grid}.card--rows li:last-child{border-bottom:1px solid #e3e2de}.card--rows .when{font-size:calc(var(--cw) * .016);color:color-mix(in srgb, var(--ink) 75%, transparent);font-variant-numeric:tabular-nums}.card--rows .main{white-space:nowrap;font-size:calc(var(--cw) * .045);letter-spacing:-.035em;font-weight:500}.card--rows .main a:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px}.icon{vertical-align:-.1em;fill:currentColor;width:1em;height:1em;margin-right:.35em;display:inline-block}.icon .tint{fill:var(--tint)}li:hover .icon .tint{fill:#fff}li:hover .when{color:var(--ink)}li:hover .icon--penguin{transform-origin:50% 100%;animation:.5s linear infinite waddle}li:hover .icon--cloud{animation:1.2s steps(4,end) infinite float}li:hover .icon--note{filter:drop-shadow(-.06em 0 #25f4ee)drop-shadow(.06em 0 #fe2c55);animation:.6s steps(3,end) infinite hop}li:hover .icon--cap{transform-origin:50%;animation:.9s steps(5,end) infinite toss}@keyframes waddle{0%,49%{transform:rotate(-10deg)}50%,to{transform:rotate(10deg)}}@keyframes float{50%{transform:translateY(-.12em)}}@keyframes hop{50%{transform:translateY(-.18em)}}@keyframes toss{50%{transform:translateY(-.35em)rotate(-25deg)}}@media (prefers-reduced-motion:reduce){li:hover .icon{animation:none}}.card--rows .sub{font-size:calc(var(--cw) * .016);color:color-mix(in srgb, var(--ink) 75%, transparent)}.card--teaser{color:#f4f3ff;background:#0b0b0f}.card--teaser .tag{padding:calc(var(--cw) * .028);font-family:Geist Pixel,monospace;font-size:calc(var(--cw) * .017);letter-spacing:.06em;position:absolute}.card--teaser .tag:first-of-type{top:0;left:0}.card--teaser .tag:nth-of-type(2){top:0;right:0}.card--teaser .tag:nth-of-type(3){bottom:0;left:0}.card--teaser .tag:nth-of-type(4){font-family:inherit;font-weight:600;bottom:0;right:0}.card--teaser h2{font-size:calc(var(--ch) * .5);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(100deg,#ff9ad5,#b9a8ff 20%,#7ef9ff 40%,#d4ff9e 60%,#ffd59e 80%,#ff9ad5) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:800;line-height:1;animation:6s linear infinite holo;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)skew(-6deg)}.card--teaser .sticker{color:#0b0b0f;font-family:Geist Pixel,monospace;font-size:calc(var(--cw) * .03);background:#d4ff3a;border-radius:999px;padding:.35em .7em;position:absolute;top:22%;right:16%;transform:rotate(12deg)}@keyframes holo{to{background-position:-250% 0}}@media (prefers-reduced-motion:reduce){.card--teaser h2{animation:none}}.card--contact{font-size:calc(var(--cw) * .034);font-weight:500}.card--contact .hi{font-family:Geist Pixel,monospace;font-size:calc(var(--cw) * .07);color:var(--signature);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.corner{padding:calc(var(--cw) * .03);position:absolute}a.corner:first-of-type{top:0;left:0}a.corner:nth-of-type(2){top:0;right:0}a.corner:nth-of-type(3){bottom:0;left:0}.copy{bottom:0;right:0}.corner:hover{text-underline-offset:.15em;text-decoration:underline}.card--manifesto{width:calc(var(--cw) * .55);background:var(--signature);color:#fff}.card--manifesto p{padding:calc(var(--cw) * .035);font-size:calc(var(--cw) * .04);letter-spacing:-.02em;flex-direction:column;font-weight:500;line-height:1.2;display:flex}.stacked{--cw:calc(100vw - 32px)}.stacked .ruler,.stacked .lens{display:none}.stacked .stage{height:auto;position:static}.stacked .track{flex-direction:column;gap:44px;width:auto;padding:48px 16px}.stacked .card--rows{height:auto}.stacked .card--rows ul{padding:16px}.stacked .card--rows li{grid-template-columns:2.6em 1fr}.stacked .card--rows .sub{grid-column:2;font-size:12px}.stacked .card--rows .when{font-size:11px}.stacked .card--manifesto{width:var(--cw)}
