@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0e7b7e0b829e3eb9-s.0s6677u7501n5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/daf789e4474d0d90-s.3w_oc3nqvqm6n.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9e9f04e3c37952ab-s.p.002ht2t_o636a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}.dCN13q_className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}.dCN13q_variable{--font-display:"Anton", "Anton Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.tUSYfq_className{font-family:Geist,Geist Fallback;font-style:normal}.tUSYfq_variable{--font-body:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.nw7kYW_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.nw7kYW_variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.EKsWTW_className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.EKsWTW_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
:root{--bg:#f7f6f2;--surface:#fff;--ink:#121212;--ink-2:#3d3c39;--muted:#84827c;--ghost:#d9d7d0;--line:#e4e2db;--panel:#efede7;--lime:#c9f33b;--blue:#2e7bff;--green:#2fbf6b;--pink:#ffd6e0;--yellow:#ffe24a;--violet:#cfc6ff;--sky:#cfe3ff;--mint:#ccefdc;--peach:#ffdfc9;--select:#0d99ff;--guest:#ff4f8b;--container:1280px;--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p,dl,dd{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}kbd{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink-2);border-radius:5px;padding:1px 6px;font-size:11px;line-height:1.5;display:inline-block}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:2px solid var(--select);outline-offset:3px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.section{padding-top:clamp(96px,11vw,160px);scroll-margin-top:40px}.display{font-family:var(--font-display), "Anton", Impact, sans-serif;text-transform:uppercase;letter-spacing:.005em;font-weight:400;line-height:.92}.display em,.serif{font-family:var(--font-serif), Georgia, serif;text-transform:none;letter-spacing:-.01em;font-size:1.08em;font-style:italic;font-weight:400;line-height:.8}.label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:500;line-height:1.5}.label--muted{color:var(--muted)}a.label:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.btn{white-space:nowrap;height:52px;transition:transform .3s var(--ease), background-color .25s, color .25s, border-color .25s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--sm{height:44px;padding:0 20px;font-size:14px}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{background:#000}.btn--ghost{border:1.5px solid var(--ink);color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:#fff}.btn--light{color:var(--ink);background:#fff}.btn--light:hover{background:var(--lime)}.btn--outline-light{color:#fff;border:1.5px solid #ffffff4d}.btn--outline-light:hover{color:var(--ink);background:#fff;border-color:#fff}.link-arrow{border-bottom:1.5px solid var(--ink);transition:gap .25s var(--ease);align-items:center;gap:10px;padding-bottom:4px;display:inline-flex}.link-arrow--muted{color:var(--muted);border-bottom-color:var(--line);transition:gap .25s var(--ease), color .2s, border-color .2s}.link-arrow--muted:hover{color:var(--ink);border-bottom-color:var(--ink)}.link-arrow:hover{gap:16px;text-decoration:none}.magnetic{transition:transform .45s var(--ease);display:inline-block}.tone-lime{background:var(--lime)}.tone-blue{background:var(--blue)}.tone-green{background:var(--green)}.tone-pink{background:var(--pink)}.tone-yellow{background:var(--yellow)}.tone-violet{background:var(--violet)}.tone-sky{background:var(--sky)}.tone-mint{background:var(--mint)}.tone-peach{background:var(--peach)}.tone-gray{background:var(--panel)}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.hero__status i,.props__status i,.contact__status i{background:var(--green);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;position:relative}.hero__status i:after,.props__status i:after,.contact__status i:after{content:"";border-radius:inherit;background:inherit;animation:2s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{to{opacity:0;transform:scale(3)}}.nav{z-index:100;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;top:12px;left:0;right:0}.nav__pill{-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%);pointer-events:auto;background:#ffffffb8;border:1px solid #00000012;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px;transition:box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -20px #0006}.nav--scrolled .nav__pill{background:#ffffffdb;box-shadow:0 16px 40px -18px #00000059}.nav__brand{align-items:center;gap:10px;padding-right:6px;display:flex}.nav__mono{background:var(--ink);width:36px;height:36px;color:var(--lime);font-family:var(--font-display), sans-serif;letter-spacing:.04em;transition:transform .5s var(--ease);border-radius:50%;place-items:center;font-size:14px;display:grid}.nav__brand:hover .nav__mono{transform:rotate(-12deg)scale(1.06)}.nav__name{white-space:nowrap;font-size:14px;font-weight:600}.nav__links{gap:2px;display:flex}.nav__link{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.nav__link:hover{color:var(--ink);background:#0000000d}.nav__link.is-current{background:var(--ink);color:#fff}.nav__actions{align-items:center;gap:6px;display:flex}.nav__search{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 12px;transition:border-color .2s;display:inline-flex}.nav__search:hover{border-color:var(--ink)}.nav__search kbd{background:var(--panel);border:0}.nav__cta{background:var(--lime);white-space:nowrap;border-radius:999px;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.nav__cta:hover{background:var(--ink);color:var(--lime)}.nav__progress{background:var(--ink);height:2px;transform:scaleX(var(--progress,0));transform-origin:0;border-radius:2px;position:absolute;bottom:0;left:18px;right:18px}.nav__burger{background:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;display:none}.nav__burger span{width:14px;height:1.5px;transition:transform .3s var(--ease);background:#fff;display:block}.nav--open .nav__burger span:first-child{transform:translateY(3.25px)rotate(45deg)}.nav--open .nav__burger span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.nav__sheet{z-index:-1;padding:88px var(--gutter) 48px;background:var(--bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:2px;transition:opacity .3s;display:flex;position:fixed;inset:0}.nav--open .nav__sheet{opacity:1;pointer-events:auto}.nav__sheet-link{color:var(--ink);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);align-items:baseline;gap:14px;font-size:clamp(44px,11vw,72px);display:flex;transform:translateY(20px)}.nav__sheet-num{font-family:var(--font-mono), monospace;color:var(--muted);font-size:13px}.nav--open .nav__sheet-link{opacity:1;transform:none}.nav__sheet-mail{color:var(--muted);margin-top:32px}.hero{background-color:var(--bg);background-image:radial-gradient(circle,#12121224 1px,#0000 1.5px);background-position:top;background-size:26px 26px;flex-direction:column;min-height:max(100svh,760px);padding:76px 0 24px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));pointer-events:none;height:160px;position:absolute;inset:auto 0 0}.hero__bar{z-index:5;animation:fadeDown .9s var(--ease) both;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex;position:relative}.hero__mail{border:1px solid var(--line);background:var(--surface);text-transform:none;letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:inline-flex}.hero__mail:hover{border-color:var(--ink)}.hero__center{z-index:2;padding:32px var(--gutter);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero__name{white-space:nowrap;font-size:clamp(64px,11vw,176px);line-height:.86}.hero__word{display:inline-block}.hero__char{transition:transform .45s var(--ease), color .3s;animation:charIn 1s var(--ease) backwards;animation-delay:calc(.1s + var(--c) * 45ms);display:inline-block}.hero__word+.hero__word .hero__char{animation-delay:calc(.35s + var(--c) * 45ms)}.hero__char:hover{color:#0000;-webkit-text-stroke:max(1.5px, .012em) var(--ink);transform:translateY(-8%)rotate(-5deg)}.hero__role{animation:fadeUp .9s .55s var(--ease) both;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .28em;margin-top:14px;font-size:clamp(30px,3.8vw,56px);line-height:1;display:flex}.hero__role em{font-family:var(--font-serif), Georgia, serif;font-size:1.12em;font-style:italic}.hero__intro{max-width:520px;color:var(--ink-2);animation:fadeUp .9s .65s var(--ease) both;margin-top:18px;font-size:18px}.hero__ctas{animation:fadeUp .9s .75s var(--ease) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.hero__frames{z-index:3;pointer-events:none;position:absolute;inset:0}.frame{--size:clamp(150px, 15vw, 228px);left:var(--x);top:var(--y);width:var(--size);pointer-events:auto;cursor:grab;translate:calc(var(--dx,0px) + var(--mx,0) * var(--depth) * -16px) calc(var(--dy,0px) + var(--my,0) * var(--depth) * -12px);rotate:var(--rot);transition:translate .6s var(--ease), rotate .5s var(--ease), scale .5s var(--ease);animation:frameIn 1.1s var(--ease) backwards;animation-delay:calc(.45s + var(--i) * .1s);-webkit-user-select:none;user-select:none;position:absolute}.frame:hover{rotate:calc(var(--rot) * .4);scale:1.04}.frame.is-selected{cursor:grabbing;transition:rotate .3s var(--ease), scale .3s var(--ease);rotate:0deg;scale:1.06}.frame__name{font-family:var(--font-mono), monospace;color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-bottom:7px;font-size:11px;transition:color .2s;display:flex;position:absolute;bottom:100%;left:2px}.frame:hover .frame__name,.frame.is-selected .frame__name{color:var(--select)}.frame__card{width:var(--size);height:var(--size);border-radius:calc(var(--size) * .1);outline-offset:4px;-webkit-user-drag:none;outline:2px solid #0000;transition:outline-color .2s,box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:0 30px 60px -22px #00000061,0 10px 24px -10px #0000002e}.frame:hover .frame__card{outline-color:#0d99ff80}.frame.is-selected .frame__card{outline-color:var(--select);box-shadow:0 50px 80px -24px #00000073}.frame__shot{background:#fff;position:absolute;top:22%;overflow:hidden;box-shadow:0 14px 30px -12px #00000073}.frame__shot img{width:100%;height:auto;transition:transform .9s var(--ease);pointer-events:none;display:block}.frame__shot--phone{border:calc(var(--size) * .012) solid #0b1220;border-radius:calc(var(--size) * .07) calc(var(--size) * .07) 0 0;border-bottom:0;width:58%;left:21%}.frame__shot--browser{border-radius:calc(var(--size) * .035) 0 0 0;width:110%;left:14%}.frame__bar{z-index:1;height:calc(var(--size) * .07);background:#eceef3;align-items:center;gap:3%;padding-left:4%;display:flex;position:relative}.frame__bar i{width:calc(var(--size) * .022);aspect-ratio:1;background:#ff5f57;border-radius:50%}.frame__bar i:nth-child(2){background:#febc2e}.frame__bar i:nth-child(3){background:#28c840}.frame:hover .frame__shot img{transform:translateY(calc(var(--travel) * -100%));transition-duration:1.8s}.hero.is-dragging .frame__shot img{transform:none}.frame__readout{background:var(--select);color:#fff;letter-spacing:.04em;white-space:nowrap;border-radius:5px;margin-top:12px;padding:3px 8px;font-size:11px;position:absolute;top:100%;left:50%;translate:-50%}.hero__ghost{z-index:4;color:var(--guest);pointer-events:none;filter:drop-shadow(0 4px 8px #00000026);align-items:flex-start;animation:18s ease-in-out 2s infinite ghost;display:flex;position:absolute;top:70%;left:22%}.hero__ghost span{background:var(--guest);color:#fff;border-radius:2px 10px 10px;margin:16px 0 0 -2px;padding:3px 9px;font-size:12px;font-weight:600}@keyframes ghost{0%,to{top:74%;left:22%}18%{top:40%;left:13%}36%{top:30%;left:41%}54%{top:34%;left:86%}72%{top:78%;left:82%}86%{top:84%;left:58%}}.hero__comment{z-index:4;right:max(var(--gutter), 3%);max-width:250px;animation:fadeUp .8s 1.6s var(--ease) both;transition:opacity .4s, transform .4s var(--ease);pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:absolute;top:41%}.hero__comment.is-hidden{opacity:0;transform:translateY(8px)scale(.95)}.hero__avatar{background:var(--guest);color:#fff;border:2px solid #fff;border-radius:50% 50% 50% 4px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid;box-shadow:0 6px 14px -6px #0006}.hero__bubble{background:var(--surface);text-align:left;border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:13.5px;line-height:1.4;box-shadow:0 14px 30px -16px #00000059}.hero__tidy{z-index:6;background:var(--ink);color:#fff;animation:fadeUp .5s var(--ease) both;border-radius:999px;padding:9px 16px;position:absolute;bottom:96px;left:50%;translate:-50%}.hero__foot{z-index:5;animation:fadeUp .9s .9s var(--ease) both;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:relative}.hero__tools{flex-direction:column;gap:4px;max-width:640px;display:flex}.hero__scroll{align-items:center;gap:12px;display:inline-flex}.hero__scroll span{background:var(--line);width:1.5px;height:40px;position:relative;overflow:hidden}.hero__scroll span:after{content:"";background:var(--ink);animation:scrollHint 1.8s var(--ease) infinite;position:absolute;inset:0}@keyframes scrollHint{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes charIn{0%{opacity:0;transform:translateY(40%)rotate(6deg)}}@keyframes frameIn{0%{opacity:0;rotate:0deg;scale:.7}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}}.marquee{padding:36px 0;position:relative;overflow:hidden}.marquee__band{white-space:nowrap;width:110%;margin-left:-5%;padding:14px 0;overflow:hidden}.marquee__band--a{z-index:1;background:var(--ink);color:#fff;position:relative;rotate:-2deg}.marquee__band--b{background:var(--lime);color:var(--ink);margin-top:-8px;rotate:1.5deg}.marquee__track{will-change:transform;display:inline-flex}.marquee__item{font-family:var(--font-display), sans-serif;text-transform:uppercase;align-items:center;gap:26px;padding-right:26px;font-size:clamp(22px,2.6vw,36px);line-height:1.1;display:inline-flex}.marquee__dot{opacity:.6;font-size:.5em}.stats{grid-template-columns:repeat(4,1fr);gap:16px;padding-top:clamp(40px,5vw,72px);display:grid}.stat{border:1px solid var(--line);background:var(--surface);min-height:200px;transition:background-color .35s, color .35s, transform .5s var(--ease);border-radius:24px;flex-direction:column;justify-content:space-between;gap:28px;padding:22px 24px;display:flex}.stat:hover{background:var(--ink);color:#fff;transform:translateY(-4px)rotate(-1deg)}.stat__value{font-size:clamp(56px,7vw,108px);line-height:.85}.stat:hover .stat__value{color:var(--lime)}.stat__label{color:var(--muted);font-size:15px}.section-head{border-bottom:1px solid var(--ink);grid-template-columns:1.2fr 1fr;align-items:end;gap:24px 48px;margin-bottom:clamp(32px,5vw,56px);padding-bottom:32px;display:grid}.section-head__row{flex-direction:column;gap:18px;display:flex}.section-head__index{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.section-head__index:before{content:"";background:var(--lime);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--ink)}.section-head__title{font-size:clamp(52px,7.6vw,124px);line-height:.88}.section-head__count{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--muted);vertical-align:top;margin-left:.15em;font-size:.16em;line-height:2}.section-head__desc{max-width:480px;color:var(--ink-2);justify-self:end;font-size:18px}.work{flex-direction:column;gap:28px;display:flex}.work__card{top:calc(88px + var(--i) * 18px);border:1px solid var(--line);background:var(--surface);transform-origin:50% 0;scale:calc(1 - var(--stack,0) * .05);border-radius:32px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);padding:clamp(12px,1.2vw,18px) clamp(20px,3vw,44px) clamp(12px,1.2vw,18px) clamp(12px,1.2vw,18px);display:grid;position:sticky;box-shadow:0 -20px 60px -50px #00000080}.work__card:after{content:"";border-radius:inherit;opacity:calc(var(--stack,0) * .1);pointer-events:none;background:#000;position:absolute;inset:0}.work__media{aspect-ratio:16/9;border-radius:22px;display:block;overflow:hidden}.work__media>img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.work__media:hover>img{transform:scale(1.04)}.work__body{flex-direction:column;align-items:flex-start;padding:12px 0;display:flex}.work__meta{justify-content:space-between;width:100%;display:flex}.work__title{margin-top:14px;font-size:clamp(48px,5.4vw,88px)}.work__type{margin:10px 0;font-size:19px;font-weight:600}.work__desc{max-width:460px;color:var(--ink-2);font-size:16.5px}.work__tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.work__tags li{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:13px}.work__role{color:var(--ink-2);margin-top:16px;font-size:15px}.work__role .label{margin-right:8px}.work__links{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:24px;display:flex}.ch{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,56px);display:grid}.ch__list>li{border-bottom:1px solid var(--line)}.ch__row{isolation:isolate;transition:padding .45s var(--ease), color .3s;grid-template-columns:78px minmax(0,1fr) minmax(0,120px) minmax(0,140px) 20px;align-items:center;gap:16px;padding:20px 10px;display:grid;position:relative}.ch__row:before{content:"";z-index:-1;background:var(--ink);opacity:0;transition:transform .45s var(--ease), opacity .3s;border-radius:16px;position:absolute;inset:4px 0;transform:scaleY(.4)}.ch__row.is-active{color:#fff;padding-left:22px;padding-right:18px}.ch__row.is-active:before{opacity:1;transform:none}.ch__num{font-size:30px;line-height:1}.ch__row.is-active .ch__num{color:var(--lime)}.ch__name{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:20px;font-weight:600;line-height:1.25;display:flex}.ch__tag{background:var(--lime);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:10px}.ch__app{color:var(--muted);font-size:15px}.ch__row.is-active .ch__app,.ch__row.is-active .ch__platform{color:#fff9}.ch__platform{font-size:11px}.ch__arrow{opacity:0;transition:opacity .3s, transform .45s var(--ease);font-size:18px;transform:translate(-8px)}.ch__row.is-active .ch__arrow{opacity:1;transform:none}.ch__stage{aspect-ratio:4/5;width:100%;max-height:calc(100vh - 130px);transition:background-color .6s var(--ease);border-radius:28px;position:sticky;top:100px;overflow:hidden}.ch__stage-head{z-index:2;justify-content:space-between;gap:12px;display:flex;position:absolute;top:18px;left:22px;right:22px}.ch__preview{opacity:0;transition:opacity .4s, transform .7s var(--ease);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(28px)scale(.96)}.ch__preview.is-active{opacity:1;transform:none}.ch__phone{aspect-ratio:390/844;background:#fff;border:6px solid #0b1220;border-radius:32px;height:76%;margin-top:6%;overflow:hidden;box-shadow:0 40px 70px -30px #00000080}.ch__browser{background:#fff;border-radius:12px 0 0;width:135%;position:absolute;top:17%;left:9%;overflow:hidden;box-shadow:0 40px 70px -30px #00000080}.ch__dots{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-radius:999px;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}.ch__dots i{width:6px;height:6px;transition:width .4s var(--ease), background-color .3s;background:#00000040;border-radius:999px}.ch__dots i.is-active{background:var(--ink);width:18px}.challenges{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:none}.challenges>li{display:flex}.challenge{border-radius:20px;flex-direction:column;gap:16px;width:100%;padding:16px 16px 0;display:flex;overflow:hidden}.challenge__head{flex-direction:column;gap:4px;display:flex}.challenge__num{font-size:36px;line-height:.9}.challenge__tag{background:var(--ink);color:#fff;border-radius:999px;align-self:flex-start;margin-top:6px;padding:4px 10px;font-size:10px}.challenge__art{aspect-ratio:4/5;border-radius:14px 14px 0 0;margin-top:auto;position:relative;overflow:hidden;box-shadow:0 -10px 30px -20px #0000004d}.challenge__art--browser{box-shadow:none}.challenge__window{background:#fff;border-radius:12px 0 0;width:190%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 -10px 30px -20px #0000004d}.challenge__window .screen{height:auto}@media (max-width:1023px){.ch{display:none}.challenges{display:grid}}.redesigns{flex-direction:column;gap:24px;display:flex}.redesign{transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:32px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px 56px;padding:clamp(28px,4.5vw,64px);display:grid;position:relative;overflow:hidden}.redesign:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px #00000059}.redesign__body{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.redesign__title{font-size:clamp(64px,8vw,128px);line-height:.85}.redesign__tagline{font-family:var(--font-serif), Georgia, serif;font-size:clamp(26px,2.6vw,36px);font-style:italic;line-height:1.1}.redesign__desc{max-width:460px;color:var(--ink-2);font-size:17px}.redesign .work__tags li{border-color:#0000001f}.redesign__links{margin-top:8px}.redesign__cta:after{content:"";z-index:1;border-radius:32px;position:absolute;inset:0}.redesign__cta:hover{transform:none}.redesign__ext{z-index:2;position:relative}.challenge-show.redesign__show{border-radius:0;padding:0 0 40px}.redesign__badge{z-index:2;pointer-events:none;width:104px;position:absolute;top:22px;right:22px}.redesign__badge circle{fill:var(--ink)}.redesign__badge text{fill:#fff;font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;transform-box:view-box;transform-origin:50%;font-size:10.5px;animation:16s linear infinite spin}.redesign__badge-arrow{fill:none;stroke:var(--lime);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;transform-box:view-box;transform-origin:50%;transition:transform .5s var(--ease)}.redesign:hover .redesign__badge-arrow{transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}.about__index{margin-bottom:28px}.about__statement{max-width:1180px;font-size:clamp(38px,5.8vw,92px);line-height:.98}.sw__word{opacity:calc(.12 + var(--on,0) * .88);transition:opacity .15s linear}.sw .is-muted{font-family:var(--font-serif), Georgia, serif;text-transform:none;letter-spacing:-.01em;font-style:italic}.about__statement .is-muted{font-size:1.06em}.process{gap:12px;margin-top:clamp(56px,7vw,100px);display:flex}.process__step{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:300px;transition:flex-grow .7s var(--ease), background-color .4s, color .4s, border-color .4s;border-radius:24px;flex-direction:column;flex:1;justify-content:space-between;gap:24px;padding:24px;display:flex;overflow:hidden}.process__step.is-active{background:var(--ink);border-color:var(--ink);color:#fff;flex-grow:2.4}.process__num{color:#0000;-webkit-text-stroke:1.5px var(--ink);font-size:clamp(56px,6vw,88px);line-height:.85;transition:color .4s,-webkit-text-stroke-color .4s}.process__step.is-active .process__num{color:var(--lime);-webkit-text-stroke-color:var(--lime)}.process__title{font-size:clamp(28px,2.6vw,40px)}.process__text{color:#ffffffb8;opacity:0;max-width:320px;transition:opacity .3s, transform .5s var(--ease);margin-top:10px;font-size:16.5px;transform:translateY(10px)}.process__step.is-active .process__text{opacity:1;transition-delay:.2s;transform:none}.about__panels{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.panel{color:#e8e8e8;background:#1e1e1e;border-radius:24px;padding:14px;font-size:14px}.panel .label{color:#fff}.panel .label--muted{color:#ffffff73}.panel__head{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:6px 8px 14px;display:flex}.layers{flex-direction:column;gap:2px;padding-top:8px;display:flex}.layers__frame,.layers__item{text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 8px;transition:background-color .15s;display:flex}.layers__frame{color:#fff;font-weight:600}.layers__frame:hover,.layers__item:hover{background:#ffffff12}.layers__caret{color:#ffffff80;width:10px;font-size:10px;transition:transform .2s}.layers__caret.is-open{transform:rotate(90deg)}.layers__n{font-family:var(--font-mono), monospace;color:#fff6;margin-left:auto;font-size:12px;font-weight:400}.layers__items{padding:2px 0 6px 26px}.layers__item{color:#ffffffbf}.layers__item.is-selected{background:var(--select);color:#fff}.layers__icon{color:#fff6;font-size:11px}.layers__item.is-selected .layers__icon{color:#fff}.props>div{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:16px;padding:11px 8px;display:grid}.props dt{color:#ffffff80}.props dd{color:#fff}.panel__actions{flex-wrap:wrap;gap:8px;padding:18px 8px 6px;display:flex}.panel .btn--dark{background:var(--lime);color:var(--ink)}.panel .btn--ghost{color:#fff;border-color:#ffffff4d}.panel .btn--ghost:hover{color:var(--ink);background:#fff}.timeline{padding-left:44px;position:relative}.timeline:before,.timeline:after{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:12px;bottom:0;left:7px}.timeline:after{background:var(--ink);transform:scaleY(var(--fill,0));transform-origin:top}.job{grid-template-columns:minmax(0,.6fr) minmax(0,1.3fr) minmax(0,1.2fr);gap:24px 48px;padding:clamp(8px,1vw,12px) 0 clamp(40px,5vw,64px);display:grid;position:relative}.job+.job{border-top:1px solid var(--line);padding-top:clamp(32px,4vw,48px)}.job__dot{z-index:1;border:2px solid var(--ink);background:var(--bg);border-radius:50%;width:16px;height:16px;position:absolute;top:clamp(8px,1vw,12px);left:-44px}.job+.job .job__dot{top:clamp(32px,4vw,48px)}.job--current .job__dot{background:var(--lime)}.job__when{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.job__now{background:var(--lime);border-radius:999px;padding:4px 10px;font-size:11px}.job__role{font-size:clamp(36px,4.4vw,64px);line-height:.92}.job__company{margin-top:12px;font-size:19px;font-weight:600}.job__products{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.job__products li{border:1px solid var(--line);background:var(--surface);transition:transform .4s var(--ease), border-color .2s;border-radius:14px;flex-direction:column;padding:10px 14px;font-size:14px;line-height:1.35;display:flex}.job__products li:hover{border-color:var(--ink);transform:translateY(-3px)rotate(-1.5deg)}.job__products span{color:var(--muted)}.job__points{flex-direction:column;gap:10px;display:flex}.job__points li{color:var(--ink-2);padding-left:24px;font-size:17px;position:relative}.job__points li:before{content:"";background:var(--ink);border-radius:2px;width:7px;height:7px;position:absolute;top:.62em;left:2px;rotate:45deg}.closing{text-align:center}.closing__quote{height:.5em;color:var(--lime);-webkit-text-stroke:2px var(--ink);font-size:clamp(120px,14vw,200px);line-height:.9;display:block}.closing__statement{max-width:1000px;font-family:var(--font-display), sans-serif;text-transform:uppercase;margin:0 auto;font-size:clamp(32px,4.4vw,68px);line-height:1.04}.closing__statement .is-muted{color:var(--muted);font-size:1.08em}.closing__statement .sw__part:not(.is-muted){background:linear-gradient(transparent 52%, var(--lime) 52%, var(--lime) 94%, transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em}.closing__signature{margin-top:28px}.contact{background:var(--ink);color:#fff;border-radius:40px 40px 0 0;margin-top:clamp(96px,11vw,160px);padding:clamp(56px,7vw,104px) 0 clamp(40px,5vw,64px);overflow:hidden}.contact .label{color:#fff}.contact .label--muted{color:#ffffff73}.contact__top{justify-content:space-between;gap:16px;display:flex}.contact__title{white-space:nowrap;margin:28px 0 40px;font-size:clamp(52px,17.5vw,300px);line-height:.84}.contact__word{display:inline-block}.contact__char{transition:transform .4s var(--ease), color .3s;display:inline-block}.contact__char:hover{color:var(--lime);transform:translateY(-10%)rotate(-6deg)}.contact__word--accent .contact__char{color:var(--lime)}.contact__word--accent .contact__char:hover{color:#fff}.contact__grid{border-top:1px solid #ffffff24;grid-template-columns:1fr auto;align-items:end;gap:24px 48px;padding-top:28px;display:grid}.contact__sub{color:#ffffffa6;max-width:440px;font-size:18px}.contact__mailbox{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.contact__mail{font-family:var(--font-mono), monospace;border-bottom:2px solid #ffffff59;padding-bottom:6px;font-size:clamp(17px,2.2vw,30px);transition:border-color .25s,color .25s}.contact__mail:hover{color:var(--lime);border-color:var(--lime)}.contact__copy{background:#ffffff1a;border-radius:999px;padding:8px 14px;transition:background-color .2s,color .2s}.contact .contact__copy:hover{background:var(--lime);color:var(--ink)}.contact__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.contact .contact__actions{justify-content:flex-start;margin-top:40px}.contact__time{margin-top:48px}.contact__clock{color:var(--lime)}.footer{background:var(--ink);color:#fff;overflow:hidden}.footer .label{color:#fff}.footer .label--muted{color:#ffffff73}.footer__grid{grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:24px;padding-top:40px;padding-bottom:32px;display:grid}.footer__grid,.footer__base{background:linear-gradient(#ffffff1f, #ffffff1f) center top / calc(100% - var(--gutter) * 2) 1px no-repeat}.footer__col{flex-direction:column;gap:6px;display:flex}.footer__links{flex-direction:column;gap:4px;display:flex}.footer__links--cols{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.footer a.label:hover{color:var(--lime)}.footer__base{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;padding-bottom:20px;display:flex}.footer kbd{color:#fff;background:#ffffff14;border-color:#fff3}.footer__word{text-align:center;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #ffffff38;-webkit-user-select:none;user-select:none;padding-bottom:.03em;font-size:16.4vw;line-height:.86;transition:color .6s}.footer__word:hover{color:var(--lime)}.fx-pill{z-index:1000;background:var(--select);color:#fff;white-space:nowrap;opacity:0;transform-origin:0 0;pointer-events:none;transition:opacity .2s, scale .3s var(--ease);border-radius:3px 999px 999px;padding:6px 11px;font-size:12.5px;font-weight:600;position:fixed;top:0;left:0;scale:.6}.fx-pill.is-on{opacity:1;scale:1}.fx-inspect{z-index:999;outline:1.5px solid var(--select);opacity:0;pointer-events:none;transition:opacity .2s;position:fixed;top:0;left:0}.fx-inspect.is-on{opacity:1}.fx-inspect i{border:1.5px solid var(--select);background:#fff;width:8px;height:8px;position:absolute}.fx-inspect i:first-of-type{top:-4.5px;left:-4.5px}.fx-inspect i:nth-of-type(2){top:-4.5px;right:-4.5px}.fx-inspect i:nth-of-type(3){bottom:-4.5px;left:-4.5px}.fx-inspect i:nth-of-type(4){bottom:-4.5px;right:-4.5px}.fx-inspect__name{font-family:var(--font-mono), monospace;color:var(--select);white-space:nowrap;margin-bottom:6px;font-size:11px;position:absolute;bottom:100%;left:-1px}.fx-inspect__size{background:var(--select);color:#fff;font-family:var(--font-mono), monospace;white-space:nowrap;border-radius:4px;margin-top:8px;padding:2px 7px;font-size:11px;position:absolute;top:100%;left:50%;translate:-50%}.fx-toast{z-index:1001;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:opacity .3s, translate .5s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;left:50%;translate:-50% 20px;box-shadow:0 20px 40px -20px #00000080}.fx-toast.is-on{opacity:1;translate:-50%}.fx-toast__dot{background:var(--lime);border-radius:50%;width:8px;height:8px}.cmdk{background:0 0;border:0;width:min(620px,100vw - 24px);max-width:none;max-height:none;margin:12vh auto auto;padding:0;overflow:visible}.cmdk::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0f66}.cmdk[open] .cmdk__panel{animation:cmdkIn .3s var(--ease)}.cmdk__panel{background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px #00000080}.cmdk__search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:16px 18px;display:flex}.cmdk__search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:17px}.cmdk__list{overscroll-behavior:contain;max-height:min(56vh,460px);padding:6px 8px 8px;overflow-y:auto}.cmdk__group{padding:12px 10px 6px;font-size:11px}.cmdk__item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cmdk__item.is-active{background:var(--panel)}.cmdk__label{flex:none;font-size:15px;font-weight:500}.cmdk__hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:13.5px;overflow:hidden}.cmdk__enter{color:var(--muted);opacity:0;margin-left:auto;font-size:14px}.cmdk__item.is-active .cmdk__enter{opacity:1}.cmdk__empty{text-align:center;color:var(--muted);padding:28px 12px}.cmdk__foot{border-top:1px solid var(--line);gap:18px;padding:10px 18px;font-size:11px;display:flex}@keyframes cmdkIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}}@media (max-width:1240px){.nav__name{display:none}}@media (max-width:1100px){.nav__link{padding:8px 9px}.ch__row{grid-template-columns:64px minmax(0,1fr) minmax(0,110px) 20px}.ch__platform{display:none}}@media (max-width:960px){.nav__links{display:none}.nav__name{display:inline}.nav__burger{display:flex}}@media (max-height:760px),(max-width:900px){.work__card{position:relative;top:auto;scale:none}.work__card:after{display:none}}@media (max-width:900px){.hero{min-height:100svh;padding-top:72px}.hero__center{flex:none;padding-top:48px}.hero__name{font-size:clamp(56px,15vw,120px)}.hero__frames{justify-content:center;padding:40px 0 20px;display:flex;position:relative;inset:auto}.frame{--size:clamp(116px, 28vw, 170px);margin:0 calc(var(--size) * -.17);cursor:pointer;position:relative;top:auto;left:auto;translate:none}.frame__name,.hero__ghost,.hero__comment,.hero__tidy{display:none}.hero__foot{margin-top:auto}.hero__scroll{display:none}.stats{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.section-head__desc{justify-self:start}.work__card{border-radius:26px;grid-template-columns:1fr;padding:12px 12px 24px}.work__body{padding:4px 10px 0}.redesign{grid-template-columns:1fr}.process{flex-direction:column}.process__step{flex-direction:row;align-items:flex-start;min-height:0}.process__step.is-active{flex-grow:1}.process__text{opacity:1;color:var(--ink-2);transform:none}.process__step.is-active .process__text{color:#ffffffb8}.about__panels{grid-template-columns:1fr}.job{grid-template-columns:1fr;gap:20px}.job__when{flex-flow:wrap;align-items:center}.contact__grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.nav__search kbd,.nav__name{display:none}.nav__search{justify-content:center;width:36px;padding:0}.hero__bar{flex-direction:column;gap:8px}.hero__where{display:none}.hero__name{font-size:clamp(48px,16vw,80px)}.hero__intro{font-size:16.5px}.hero__tools{max-width:none}.stat{min-height:150px;padding:18px}.stat__value{font-size:52px}.redesign{border-radius:24px;padding:24px 24px 8px}.redesign__badge{display:none}.process__step{flex-direction:column;gap:12px}.timeline{padding-left:32px}.job__dot{left:-32px}.contact{border-radius:28px 28px 0 0}.contact__top{flex-direction:column;gap:8px}.footer__grid{grid-template-columns:1fr;gap:20px}.footer__base{flex-wrap:wrap}.footer__hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.frame:hover .frame__shot img{transform:none}.hero__ghost{display:none}}
.cover{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.cover:before{content:"";background-image:radial-gradient(#fff3 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 45%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 80% at 50% 45%,#000 15%,#0000 75%)}.cover:after{content:"";aspect-ratio:1;background:radial-gradient(closest-side,#93c5fd80,#0000);width:75%;position:absolute;top:60%;left:50%;translate:-50% -50%}.cover__word{z-index:1;white-space:nowrap;color:#0000;-webkit-text-stroke:.12cqw #ffffff4d;-webkit-user-select:none;user-select:none;transition:scale .9s var(--ease);font-size:44cqw;line-height:.8;position:absolute;top:50%;left:50%;translate:-50% -50%}.cover:hover .cover__word{scale:1.04}.cover__labels{z-index:1;color:#fffc;justify-content:space-between;font-size:clamp(9px,1.15cqw,13px);display:flex;position:absolute;inset:3.2cqw 3.6cqw auto}@container (max-width:520px){.cover__labels{display:none}}.cover__float{z-index:10;filter:drop-shadow(0 1.6cqw 2.4cqw #050c2859);transition:translate .9s var(--ease);position:absolute}.cover__float img{width:100%;height:auto;animation:coverFloat 6s ease-in-out var(--float-delay) infinite;display:block}.cover:hover .cover__float{translate:calc(var(--dx) * 3.5cqw) calc(var(--dy) * 3cqw)}@keyframes coverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.9cqw)}}.cover__phone{--gap:25cqw;left:50%;top:calc(12% + var(--drop) * 9%);aspect-ratio:390/844;width:27cqw;transform:translateX(calc(-50% + var(--off) * var(--gap)));transition:transform .9s var(--ease);background:#0b1220;border-radius:4.6cqw;padding:.75cqw;position:absolute;box-shadow:0 3cqw 6cqw -2cqw #050c288c}.cover__phone .screen{border-radius:3.9cqw}.screen{background:#f8fafc;height:100%;position:relative;overflow:hidden}.screen img{width:100%;height:auto;display:block}.screen>img{transition:transform .9s var(--ease)}.cover:hover .screen>img,.case-screen:hover .screen>img,.challenge:hover .screen>img,.redesign:hover .screen>img,.is-playing .screen>img,.challenge-show__phone:hover .screen>img,.challenge-show__browser:hover .screen>img{transform:translateY(calc(var(--scroll) * -100%));transition:transform var(--scroll-time) cubic-bezier(.45, 0, .25, 1) var(--scroll-delay)}.screen__pin{position:absolute;overflow:hidden}.screen__pin--top{height:var(--pin);inset:0 0 auto}.screen__pin--bottom{height:var(--pin-bottom);inset:auto 0 0}.screen__pin--bottom img{position:absolute;bottom:0;left:0}.screen__pin--left{width:calc(var(--pin-left) * 100%);inset:0 auto 0 0}.screen__pin--left img{width:calc(100% / var(--pin-left));max-width:none}.cover:hover .cover__phone{transform:translateX(calc(-50% + var(--off) * var(--gap) * 1.1)) translateY(-3%)}.cover__browser{z-index:3;transition:translate .9s var(--ease);background:#f9fafb;border-radius:1.2cqw 1.2cqw 0 0;position:absolute;bottom:0;overflow:hidden;box-shadow:0 3cqw 8cqw -1cqw #0a082899}.cover__bar{height:var(--bar);background:#eceef3;align-items:center;gap:.55cqw;padding:0 1.3cqw;display:flex}.cover__bar i{aspect-ratio:1;background:#ff5f57;border-radius:50%;width:.75cqw}.cover__bar i:nth-child(2){background:#febc2e}.cover__bar i:nth-child(3){background:#28c840}.cover__browser .screen{height:calc(100% - var(--bar));background:#f9fafb;border-radius:0}.cover--browser .cover__word,.cover--mixed .cover__word{top:9%;translate:-50%}.cover:hover .cover__browser{translate:-1.5cqw}.work__body{flex-direction:column;align-items:flex-start;display:flex}.work__meta{gap:24px;margin-bottom:20px;display:flex}.work__title{font-size:clamp(48px,7vw,108px)}.work__type{margin:14px 0 12px;font-size:21px;font-weight:600}.work__desc{color:var(--ink-2);max-width:480px;font-size:18px}.work__links{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.work__facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px 24px;width:100%;margin:28px 0 32px;padding-top:20px;display:grid}.work__facts dd{color:var(--ink-2);margin-top:6px;font-size:16px}.challenge-show{border-radius:28px;justify-content:center;align-items:flex-start;gap:clamp(12px,3vw,40px);padding:clamp(28px,6vw,80px);display:flex}.challenge-show__phone{aspect-ratio:390/844;transition:transform .6s var(--ease);border-radius:32px;flex:0 300px;overflow:hidden;box-shadow:0 30px 60px -30px #00000073}.challenge-show__phone:nth-child(2n){margin-top:64px}.challenge-show__browser{background:#fff;border-radius:14px;width:100%;max-width:1100px;overflow:hidden;box-shadow:0 30px 60px -30px #00000073}.challenge-show__phone:hover{transform:translateY(-8px)}.challenge-show__browser~.challenge-show__phone{z-index:1;flex:0 0 24%;margin:0 0 -40px -14%;position:relative}.challenge-show:has(.challenge-show__browser~.challenge-show__phone){align-items:flex-end;gap:0}.challenge-body .case-section:first-child{padding-top:clamp(64px,7vw,96px)}.case{--accent:var(--blue);--accent-soft:color-mix(in srgb, var(--accent) 8%, #fff)}.case-fallback{min-height:100svh}.case-hero{padding-top:112px}.case-back{color:var(--muted);transition:color .2s, gap .25s var(--ease);gap:8px;display:inline-flex}.case-back:hover{color:var(--ink);gap:12px;text-decoration:none}.case-hero__grid{grid-template-columns:1.1fr 1fr;align-items:end;gap:24px 64px;margin-top:clamp(32px,5vw,56px);display:grid}.case-hero__kicker{color:var(--accent)}.case-hero__title{margin-top:16px;font-size:clamp(88px,17vw,240px);line-height:.82}.case-hero__tagline{font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.25}.case-hero__summary{max-width:560px;color:var(--ink-2);margin-top:16px;font-size:19px}.case-hero--stack .case-hero__grid{grid-template-columns:minmax(0,1fr)}.case-hero--stack .case-hero__title{font-size:clamp(48px,16vw,240px);line-height:.94}.case-hero--stack .case-hero__intro{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;column-gap:64px;margin-top:16px;display:grid}.case-hero--stack .case-hero__tagline{grid-row:span 2}.case-hero--stack .case-hero__summary{margin-top:0}.case-hero__links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.case-hero__links .btn{gap:10px}.case-hero__meta{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);gap:24px;margin:clamp(40px,5vw,64px) 0 clamp(32px,4vw,48px);padding-top:20px;display:grid}.case-hero__meta dd{margin-top:6px;font-size:18px;font-weight:600}.case-hero__cover{aspect-ratio:16/9;border-radius:28px;overflow:hidden;box-shadow:0 50px 100px -50px #00000073}.case-hero__cover>img{object-fit:cover;width:100%;height:100%}.case-note{color:var(--muted);margin-top:20px;font-size:16px}.case-note .label{color:var(--ink);margin-right:8px}.case-body{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:64px;display:grid}.case-toc{margin-top:clamp(80px,9vw,128px);position:sticky;top:96px}.case-toc ol{border-left:1px solid var(--line);flex-direction:column;margin-top:16px;display:flex}.case-toc__link{color:var(--muted);border-left:2px solid #0000;gap:10px;margin-left:-1px;padding:5px 0 5px 16px;font-size:15px;line-height:1.35;transition:color .2s,border-color .2s;display:flex}.case-toc__link:hover{color:var(--ink)}.case-toc__link.is-active{color:var(--ink);border-left-color:var(--accent);font-weight:600}.case-toc__num{font-family:var(--font-mono), monospace;padding-top:2px;font-size:12px;font-weight:400}.case-section{padding-top:clamp(80px,9vw,128px)}.case-section__head{border-bottom:1px solid var(--ink);margin-bottom:40px;padding-bottom:28px}.case-section__title{margin-top:12px;font-size:clamp(44px,6vw,88px)}.case-section__lead{max-width:780px;margin-top:20px;font-size:clamp(19px,1.7vw,23px);line-height:1.5}.case-section__block+.case-section__block{margin-top:48px}.case-block__title{margin-bottom:16px}.case-text p{max-width:780px;color:var(--ink-2);font-size:19px}.case-text p+p{margin-top:16px}.case-list{flex-direction:column;gap:12px;max-width:780px;display:flex}.case-list li{color:var(--ink-2);padding-left:26px;font-size:18px;position:relative}.case-list li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:2px}.case-callout{background:var(--panel);border-radius:20px;max-width:780px;padding:24px 28px}.case-callout p+p{color:var(--ink-2);margin-top:8px;font-size:18px}.case-statement{background:var(--accent-soft);border-radius:24px;margin:0;padding:clamp(28px,4vw,48px)}.case-statement .label{color:var(--accent)}.case-statement__text{margin-top:14px;font-size:clamp(30px,3.8vw,54px);line-height:1}.case-compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.case-compare__col{background:var(--panel);border-radius:20px;padding:28px}.case-compare__col .case-list{margin-top:16px}.case-compare__col:not(.is-accent) .case-list li:before{background:var(--muted)}.case-compare__col.is-accent{background:var(--accent-soft)}.case-compare__col.is-accent>.label{color:var(--accent)}.case-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.case-card{border:1px solid var(--line);transition:border-color .25s, transform .35s var(--ease);border-radius:20px;flex-direction:column;gap:8px;padding:28px;display:flex}.case-card:hover{border-color:var(--ink);transform:translateY(-3px)}.case-card__kicker{color:var(--accent)}.case-card__title{font-size:21px;font-weight:700;line-height:1.3}.case-card__quote{color:var(--accent);font-size:18px;font-weight:500}.case-card__text{color:var(--ink-2);font-size:17px}.case-facts>div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:24px;padding:18px 0;display:grid}.case-facts dt{padding-top:4px}.case-facts dd{font-size:19px}.case-table__row{grid-template-columns:var(--table-cols);border-bottom:1px solid var(--line);color:var(--ink-2);gap:24px;padding:16px 0;font-size:17px;display:grid}.case-table__row>span:first-child{color:var(--ink);font-weight:600}.case-table__head{padding:12px 0}.case-table__head>span:first-child{color:var(--muted);font-weight:400}.case-chain{flex-wrap:wrap;align-items:center;gap:10px 8px;display:flex}.case-chain li{align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.case-chain span{border:1.5px solid var(--ink);border-radius:999px;padding:9px 18px}.case-chain li:not(:last-child):after{content:"→";color:var(--muted)}.case-chain li:last-child span{background:var(--accent);border-color:var(--accent);color:#fff}.case-swatches{grid-template-columns:repeat(4,1fr);gap:24px 16px;display:grid}.case-swatches li{flex-direction:column;gap:4px;display:flex}.case-swatch{aspect-ratio:4/3;border-radius:16px;margin-bottom:10px;display:block;box-shadow:inset 0 0 0 1px #00000014}.case-swatch__name{font-size:17px;font-weight:600}.case-screens{grid-template-columns:repeat(5,1fr);gap:40px 20px;display:grid}.case-screen__frame{aspect-ratio:390/844;border:1px solid var(--line);transition:transform .5s var(--ease);border-radius:20px;overflow:hidden;box-shadow:0 24px 48px -28px #00000059}.case-screen:hover .case-screen__frame{transform:translateY(-6px)}.case-screen__title{margin-top:16px;font-size:18px;font-weight:700}.case-screen__text{color:var(--ink-2);margin-top:4px;font-size:15px}.case-download{background:var(--ink);color:#fff;text-align:center;margin-top:clamp(96px,12vw,160px);padding:clamp(80px,10vw,140px) 0}.case-download .label--muted{color:#ffffff80}.case-download__title{margin:20px auto 24px;font-size:clamp(52px,9vw,140px);line-height:.88}.case-download__title span{display:block}.case-download__sub{color:#ffffffa6;max-width:520px;margin:0 auto 36px;font-size:18px}.case-download .btn{gap:10px}.case-download .btn--dark{color:var(--ink);background:#fff}.case-download .btn--dark:hover{background:var(--lime)}.case-download .btn--ghost{color:#fff;border-color:#fff6}.case-download .btn--ghost:hover{color:var(--ink);background:#fff;border-color:#fff}.case-download__meta{margin-top:24px}.case-next{padding-top:clamp(56px,7vw,96px)}.case-next__link{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding-bottom:clamp(40px,5vw,64px);display:flex}.case-next__name{font-size:clamp(56px,10vw,150px);line-height:.88;transition:color .3s}.case-next__link:hover .case-next__name{color:var(--accent)}@media (max-width:1100px){.case-body{display:block}.case-toc{display:none}}@media (max-width:900px){.case-hero__grid,.case-hero--stack .case-hero__intro{grid-template-columns:1fr}.case-hero--stack .case-hero__summary{margin-top:16px}.case-hero__meta{grid-template-columns:repeat(2,1fr)}.case-screens{scroll-snap-type:x mandatory;margin-right:calc(var(--gutter) * -1);padding:8px var(--gutter) 16px 0;grid-template-columns:none;grid-auto-columns:40%;grid-auto-flow:column;overflow-x:auto}.case-screen{scroll-snap-align:start}}@media (max-width:640px){.case-hero{padding-top:92px}.case-hero__cover{border-radius:18px}.case-hero__links .btn{padding:0 20px}.case-compare{grid-template-columns:1fr}.case-compare__col,.case-card{padding:22px}.case-facts>div{grid-template-columns:1fr;gap:6px}.case-table__head{display:none}.case-table__row{grid-template-columns:1fr;gap:6px}.case-table__row>span:not(:first-child):before{content:attr(data-label);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.case-swatches{grid-template-columns:repeat(2,1fr)}.case-screens{grid-auto-columns:62%}}.case-shot{border:1px solid var(--line);background:#f3f4f6;border-radius:12px;overflow:hidden}.case-shot img{width:100%;height:auto;transition:transform .6s var(--ease)}.case-stage:hover .case-shot img,.case-card--media:hover .case-shot img{transform:scale(1.04)}.case-card--media{padding:14px 14px 22px}.case-card--media .case-shot{margin-bottom:8px}.case-card--media>:not(.case-shot){padding:0 8px}.case-figure{margin:0}.case-figure__frame{border:1px solid var(--line);cursor:zoom-in;border-radius:20px;display:block;overflow:hidden}.case-figure__frame img{width:100%;height:auto}.case-figure__caption{color:var(--muted);margin-top:12px;font-size:15px}.case-sitemap{flex-direction:column;align-items:center;display:flex}.case-sitemap__root{background:var(--ink);color:#fff;border-radius:999px;padding:12px 28px;font-weight:600;position:relative}.case-sitemap__root:after{content:"";background:var(--line);width:1px;height:20px;position:absolute;top:100%;left:50%}.case-sitemap__areas{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px;width:100%;margin-top:20px;padding-top:20px;display:grid}.case-sitemap__head{background:var(--accent);color:#fff;border-radius:14px;min-height:92px;padding:14px 16px}.case-sitemap__head h4{font-size:18px;font-weight:700}.case-sitemap__head p{opacity:.85;margin-top:4px;font-size:14px;line-height:1.4}.case-sitemap__items{flex-direction:column;gap:6px;margin-top:8px;display:flex}.case-sitemap__items li{border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:15px;line-height:1.35}.case-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;display:grid}.case-stage__title{margin-top:16px;font-size:20px;font-weight:700}.case-stage__num{font-family:var(--font-mono), monospace;color:var(--accent);margin-right:4px;font-size:13px;font-weight:400}.case-stage__rows{flex-direction:column;gap:10px;margin-top:12px;display:flex}.case-stage__rows dd{color:var(--ink-2);margin-top:2px;font-size:16px}.case-stage__system{color:var(--accent)}.case-flows{flex-direction:column;gap:12px;display:flex}.case-flow{border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:16px 40px;padding:28px;display:grid}.case-flow__label{flex-direction:column;gap:6px;display:flex}.case-chain--small li{font-size:14px}.case-chain--small span{border-width:1px;padding:7px 14px}@media (max-width:1100px){.case-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.case-sitemap__areas{grid-template-columns:repeat(2,minmax(0,1fr))}.case-flow{grid-template-columns:1fr}}@media (max-width:640px){.case-stages{grid-template-columns:1fr}.case-sitemap__head{min-height:0}.case-flow{padding:22px}}.case-screens--browser{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.case-screens--browser .case-screen__frame{aspect-ratio:auto;border-radius:14px}.case-browser-bar{background:#eceef3;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.case-browser-bar i{aspect-ratio:1;background:#ff5f57;border-radius:50%;width:9px}.case-browser-bar i:nth-child(2){background:#febc2e}.case-browser-bar i:nth-child(3){background:#28c840}.case-screens--few{grid-template-columns:repeat(var(--count), minmax(0, 280px));gap:40px 32px}@media (max-width:900px){.case-screens--few{grid-template-columns:none}}.case-screens--browser>.case-screen:only-child{grid-column:1/-1}@media (max-width:900px){.case-screens--browser{grid-template-columns:none;grid-auto-columns:85%}}@media (max-width:640px){.case-screens--browser{grid-auto-columns:88%}}.lightbox-trigger{cursor:zoom-in}.lightbox-trigger:focus-visible{outline:3px solid var(--accent,var(--ink));outline-offset:4px}.lightbox{overscroll-behavior:contain;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:72px 4vw 48px;overflow-y:auto}.lightbox[open]{animation:lightboxIn .35s var(--ease)}.lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0edb}.lightbox[open]::backdrop{animation:.3s lightboxFade}.lightbox__figure{width:min(100%, var(--lb-w));margin:0 auto}.lightbox__img{background:#fff;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 40px 80px -30px #0009}.lightbox__caption{text-align:center;color:#ffffffbf;margin-top:14px;font-size:15px}.lightbox__close{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;transition:background .2s;display:grid;position:fixed;top:16px;right:16px}.lightbox__close:hover,.lightbox__close:focus-visible{background:#ffffff47}html:has(.lightbox[open]){overflow:hidden}@keyframes lightboxIn{0%{opacity:0;transform:scale(.98)}}@keyframes lightboxFade{0%{opacity:0}}.art-carousel{--art-h:clamp(300px, 36vw, 480px)}.art-track{padding:4px var(--gutter) 8px 0;overscroll-behavior-x:contain;scrollbar-width:none;align-items:flex-start;gap:20px;margin-right:calc(50% - 50vw);display:flex;overflow-x:auto}.art-track::-webkit-scrollbar{display:none}.art-slide{flex-direction:column;flex:none;gap:12px;display:flex}.art-slide__frame,.art-grid__frame{background:var(--panel);border-radius:18px;overflow:hidden}.art-slide__frame{height:var(--art-h);box-shadow:0 30px 50px -36px #00000073}.art-slide__frame img,.art-grid__frame img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.art-grid__frame img{height:auto}.art-slide:hover .art-slide__frame img,.art-grid__item:hover .art-grid__frame img{transform:scale(1.04)}.art-slide__caption{justify-content:space-between;align-items:baseline;gap:12px;font-size:16px;font-weight:600;display:flex}.art-more{height:var(--art-h);aspect-ratio:3/4;background:var(--ink);color:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:clamp(20px,2.4vw,32px);transition:background .3s;display:flex}.art-more .label{color:#fff}.art-more:hover{background:#000}.art-more__title{font-size:clamp(44px,5vw,76px);line-height:.88}.art-more:hover .art-more__title{color:var(--lime)}.art-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.art-controls__buttons{gap:10px;display:flex}.art-arrow{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;transition:background .2s,color .2s,opacity .2s;display:grid}.art-arrow:hover:not(:disabled){background:var(--ink);color:#fff}.art-arrow:disabled{opacity:.25;cursor:default}.art-page{padding-top:clamp(48px,6vw,80px)}.art-filters{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.art-filter{border:1.5px solid var(--line);height:42px;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.art-filter span{color:var(--muted);font-weight:400}.art-filter:hover{border-color:var(--ink)}.art-filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.art-filter.is-active span{color:#fff9}.art-grid{columns:3 280px;column-gap:20px}.art-grid__item{break-inside:avoid;flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.lightbox--contain .lightbox__figure{width:auto}.lightbox--contain .lightbox__img{width:auto;max-width:100%;max-height:calc(100dvh - 160px);margin:0 auto}@media (max-width:640px){.art-carousel{--art-h:300px}.art-track{gap:14px}.art-arrow{width:44px;height:44px}.challenge-show{border-radius:20px;padding:20px}.challenge-show__phone{border-radius:18px}.challenge-show__phone:nth-child(2n){margin-top:28px}.challenge-show__browser~.challenge-show__phone{flex-basis:30%;margin:0 0 -24px -16%}}@media (prefers-reduced-motion:reduce){.cover:hover .screen>img,.case-screen:hover .screen>img,.challenge:hover .screen>img,.redesign:hover .screen>img,.is-playing .screen>img,.challenge-show__phone:hover .screen>img,.challenge-show__browser:hover .screen>img{transform:none}}