:root{--bg:#fbfbfd;--bg-elev:#ffffff;--bg-soft:#f5f5f7;--bg-sunk:#ececf0;--fg:#1d1d1f;--fg-2:#424245;--fg-3:#6e6e73;--line:rgb(0 0 0/8%);--line-2:rgb(0 0 0/14%);--accent:#0071e3;--accent-hover:#0077ed;--accent-ink:#ffffff;--accent-soft:rgb(0 113 227/10%);--glass:rgb(251 251 253/72%);--ok:#1d8a4e;--bad:#d6302f;--warn:#b25e00;--ok-bg:#eefaf2;--bad-bg:#fdf0f0;--shadow-1:0 1px 2px rgb(0 0 0/4%),0 4px 16px rgb(0 0 0/4%);--shadow-2:0 2px 6px rgb(0 0 0/4%),0 18px 48px rgb(0 0 0/9%);--field-ink:29 29 31;--field-accent:0 113 227;--gray-50:#f9f9fb;--gray-100:var(--bg-soft);--gray-200:#e3e3e8;--gray-300:#d2d2d7;--gray-400:var(--fg-3);--gray-500:#6e6e73;--gray-600:#515154;--gray-700:var(--fg-2);--font-sans:var(--font-inter,Inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:var(--font-jetbrains,ui-monospace),ui-monospace,SFMono-Regular,Menlo,monospace;--ease:cubic-bezier(0.25,0.1,0.25,1);--expo:cubic-bezier(0.23,1,0.32,1);--spring:cubic-bezier(0.34,1.36,0.64,1);--wrap:1120px;--prose:44rem;--nav-h:56px;--radius:22px;--radius-sm:14px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000000;--bg-elev:#161617;--bg-soft:#1c1c1e;--bg-sunk:#0c0c0d;--fg:#f5f5f7;--fg-2:#d2d2d7;--fg-3:#a1a1a6;--line:rgb(255 255 255/10%);--line-2:rgb(255 255 255/18%);--accent:#2997ff;--accent-hover:#47a6ff;--accent-ink:#000000;--accent-soft:rgb(41 151 255/14%);--glass:rgb(0 0 0/62%);--ok:#30d158;--bad:#ff6961;--warn:#ffb340;--ok-bg:#0e1f14;--bad-bg:#241315;--shadow-1:0 1px 2px rgb(0 0 0/40%),0 4px 16px rgb(0 0 0/30%);--shadow-2:0 2px 6px rgb(0 0 0/40%),0 18px 48px rgb(0 0 0/50%);--field-ink:245 245 247;--field-accent:41 151 255;--gray-50:#121214;--gray-200:#2c2c2e;--gray-300:#3a3a3c;--gray-500:#a1a1a6;--gray-600:#c7c7cc;color-scheme:dark}}:root[data-theme=dark]{--bg:#000000;--bg-elev:#161617;--bg-soft:#1c1c1e;--bg-sunk:#0c0c0d;--fg:#f5f5f7;--fg-2:#d2d2d7;--fg-3:#a1a1a6;--line:rgb(255 255 255/10%);--line-2:rgb(255 255 255/18%);--accent:#2997ff;--accent-hover:#47a6ff;--accent-ink:#000000;--accent-soft:rgb(41 151 255/14%);--glass:rgb(0 0 0/62%);--ok:#30d158;--bad:#ff6961;--warn:#ffb340;--ok-bg:#0e1f14;--bad-bg:#241315;--shadow-1:0 1px 2px rgb(0 0 0/40%),0 4px 16px rgb(0 0 0/30%);--shadow-2:0 2px 6px rgb(0 0 0/40%),0 18px 48px rgb(0 0 0/50%);--field-ink:245 245 247;--field-accent:41 151 255;--gray-50:#121214;--gray-200:#2c2c2e;--gray-300:#3a3a3c;--gray-500:#a1a1a6;--gray-600:#c7c7cc;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 20px);text-size-adjust:100%}body,html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;color:var(--fg);font-family:var(--font-sans);font-size:17px;line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .3s var(--ease),color .3s var(--ease)}a{color:inherit;text-decoration:none}canvas,img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.028em;line-height:1.08}ol,p,ul{margin:0}ol,ul{padding:0}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:10px;z-index:200;padding:10px 16px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:14px;font-weight:600;opacity:0;transform:translateY(-150%);transition:transform .2s var(--ease),opacity .2s var(--ease)}.skip:focus-visible{opacity:1;transform:none}html[data-motion] [data-rise]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .8s var(--expo),transform .8s var(--expo);transition-delay:calc(var(--rise, 0) * 80ms)}html[data-motion] [data-rise].is-in,html[data-motion] [data-rise].stagger{opacity:1;transform:none}html[data-motion] [data-rise].stagger>*{opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s var(--expo),transform .7s var(--expo)}html[data-motion] [data-rise].stagger.is-in>*{opacity:1;transform:none}html[data-motion] [data-rise].stagger.is-in>:nth-child(2){transition-delay:60ms}html[data-motion] [data-rise].stagger.is-in>:nth-child(3){transition-delay:.12s}html[data-motion] [data-rise].stagger.is-in>:nth-child(4){transition-delay:.18s}html[data-motion] [data-rise].stagger.is-in>:nth-child(5){transition-delay:.24s}html[data-motion] [data-rise].stagger.is-in>:nth-child(6){transition-delay:.3s}html[data-motion] [data-rise].stagger.is-in>:nth-child(n+7){transition-delay:.34s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-rise],[data-rise].stagger>*{opacity:1!important;transform:none!important}}.wrap{width:min(var(--wrap),calc(100% - 48px))}.wrap,.wrap-prose{margin-inline:auto}.wrap-prose{width:min(var(--prose),calc(100% - 48px))}main{position:relative;z-index:1}.page{animation:page-in .64s var(--expo) backwards}@keyframes page-in{0%{opacity:0;transform:translate3d(0,14px,0)}}.field{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;transition:opacity .6s var(--ease)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--nav-h);border-bottom:1px solid transparent;background:transparent;transition:background-color .3s var(--ease),border-color .3s var(--ease),-webkit-backdrop-filter .3s var(--ease);transition:background-color .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease);transition:background-color .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease),-webkit-backdrop-filter .3s var(--ease)}.nav.is-scrolled{border-bottom-color:var(--line);background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.nav-row{height:100%;display:flex;gap:18px}.brand,.nav-row{align-items:center}.brand{display:inline-flex;gap:10px;margin-right:auto;font-size:15px;font-weight:600;white-space:nowrap}.brand,.brand-mark{letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--fg);color:var(--bg);font-size:12px;font-weight:700;transition:transform .4s var(--spring)}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.06)}.nav-links{position:relative;display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px}.nav-pill{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:var(--pill-w,0);border-radius:999px;background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);transform:translateX(var(--pill-x,0));opacity:0;transition:transform .46s var(--expo),width .46s var(--expo),opacity .2s var(--ease)}.nav-links.has-pill .nav-pill{opacity:1}.nav-link{position:relative;z-index:1;padding:7px 13px;border-radius:999px;color:var(--fg-3);font-size:14px;font-weight:500;transition:color .2s var(--ease)}.nav-link.is-active,.nav-link:hover{color:var(--fg)}.nav-ask{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);color:var(--fg-2);font-size:13px;cursor:pointer;transition:border-color .2s var(--ease),transform .2s var(--ease)}.nav-ask:hover{border-color:var(--line-2);transform:translateY(-1px)}.nav-ask kbd{padding:1px 5px;border:1px solid var(--line);border-radius:5px;color:var(--fg-3);font-family:var(--font-mono);font-size:10.5px}.nav-menu{display:none;width:38px;height:38px;place-items:center;border:0;border-radius:10px;background:none;cursor:pointer}.nav-menu i{position:relative;display:block;width:18px;height:1.5px;background:var(--fg);transition:transform .3s var(--expo),background-color .2s var(--ease)}.nav-menu i:after,.nav-menu i:before{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--fg);transition:transform .3s var(--expo)}.nav-menu i:before{transform:translateY(-6px)}.nav-menu i:after{transform:translateY(6px)}.nav.is-open .nav-menu i{background:transparent}.nav.is-open .nav-menu i:before{transform:rotate(45deg)}.nav.is-open .nav-menu i:after{transform:rotate(-45deg)}.nav-sheet{position:fixed;inset:var(--nav-h) 0 0;z-index:49;display:none;padding:18px 24px 40px;background:var(--bg)}.nav-sheet a,.nav.is-open .nav-sheet{display:block}.nav-sheet a{padding:14px 0;border-bottom:1px solid var(--line);font-size:28px;font-weight:700;letter-spacing:-.03em;animation:sheet-in .52s var(--expo) both}.nav-sheet a:nth-child(2){animation-delay:40ms}.nav-sheet a:nth-child(3){animation-delay:80ms}.nav-sheet a:nth-child(4){animation-delay:.12s}.nav-sheet a:nth-child(5){animation-delay:.16s}.nav-sheet a.is-active{color:var(--accent)}@keyframes sheet-in{0%{opacity:0;transform:translateY(-10px)}}@media (max-width:820px){.nav-ask,.nav-links{display:none}.nav-menu{display:grid}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-reveal .62s var(--expo)}@keyframes theme-reveal{0%{-webkit-clip-path:circle(0 at var(--reveal-x,50%) var(--reveal-y,0));clip-path:circle(0 at var(--reveal-x,50%) var(--reveal-y,0))}to{-webkit-clip-path:circle(var(--reveal-r,150vmax) at var(--reveal-x,50%) var(--reveal-y,0));clip-path:circle(var(--reveal-r,150vmax) at var(--reveal-x,50%) var(--reveal-y,0))}}.section{padding:clamp(72px,11vw,136px) 0}.section-tight{padding:clamp(48px,7vw,88px) 0}.eyebrow{display:inline-block;margin-bottom:14px;color:var(--accent);font-size:14px;font-weight:600;letter-spacing:-.005em}.display{font-size:clamp(44px,7.4vw,92px);font-weight:700;letter-spacing:-.045em;line-height:1.02}.headline{font-size:clamp(32px,4.6vw,56px);font-weight:700;letter-spacing:-.038em;line-height:1.06}.title-3{font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.028em;line-height:1.15}.lede{max-width:38rem;margin-top:20px;font-size:clamp(19px,2vw,22px);line-height:1.45;letter-spacing:-.018em}.lede,.muted{color:var(--fg-3)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(32px,4vw,52px)}.section-head .lede{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:16px;font-weight:500;letter-spacing:-.012em;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .3s var(--spring),color .2s var(--ease)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border-color:var(--line-2);background:var(--bg-elev);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg-3)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.more-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:17px;font-weight:500;white-space:nowrap}.more-link span{transition:transform .3s var(--expo)}.more-link:hover{text-decoration:underline;text-underline-offset:3px}.more-link:hover span{transform:translateX(3px)}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow-1);transition:transform .5s var(--expo),box-shadow .5s var(--expo),border-color .3s var(--ease);isolation:isolate}.card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),var(--accent-soft),transparent 55%);opacity:0;transition:opacity .4s var(--ease)}.card.is-hover:hover,a.card:hover,button.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--line-2)}.card:hover:before{opacity:1}.card-kicker{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--fg-3);font-size:13px;font-weight:500}.card h3{font-size:22px;letter-spacing:-.028em;line-height:1.18}.card p{margin-top:10px;color:var(--fg-3);font-size:16px;line-height:1.5}.card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:22px}.card .more-link{font-size:15px}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.card{padding:22px}}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;background:var(--bg-soft);color:var(--fg-2);font-size:12.5px;font-weight:500}.badge,.tag{display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap}.badge{gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;letter-spacing:.01em}.badge-live{background:var(--ok-bg);color:var(--ok)}.badge-work{background:var(--accent-soft);color:var(--accent)}.badge-built{background:var(--bg-soft);color:var(--fg-2)}.badge-design{border:1px dashed var(--line-2);color:var(--fg-3)}.live-dot{position:relative;width:7px;height:7px;border-radius:50%;background:currentColor}.live-dot:after{content:"";position:absolute;inset:-4px;border:1.5px solid;border-radius:50%;animation:live 2s var(--ease) infinite}@keyframes live{0%{opacity:.8;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.6)}}.seg{position:relative;display:inline-flex;max-width:100%;padding:3px;overflow-x:auto;border-radius:12px;background:var(--bg-soft);scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg-thumb{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:var(--seg-w,0);border-radius:9px;background:var(--bg-elev);box-shadow:0 1px 3px rgb(0 0 0/10%),0 0 0 .5px var(--line);transform:translateX(var(--seg-x,0));transition:transform .42s var(--expo),width .42s var(--expo)}.seg button{position:relative;z-index:1;padding:7px 16px;border:0;border-radius:9px;background:none;color:var(--fg-3);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .2s var(--ease)}.seg button.is-on{color:var(--fg)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.stat{padding:28px 24px;background:var(--bg-elev)}.stat strong{display:block;font-size:clamp(36px,4.4vw,52px);font-weight:700;letter-spacing:-.045em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:10px;color:var(--fg-3);font-size:14.5px;line-height:1.4}@media (max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:22px 18px}}.ticker{position:relative;overflow:hidden;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ticker-move{display:flex;width:max-content;animation:ticker 52s linear infinite}.ticker:hover .ticker-move{animation-play-state:paused}.ticker-run{display:flex;flex:none;gap:40px;padding-right:40px}.ticker-run span{color:var(--fg-3);font-size:15px;font-weight:500;white-space:nowrap}@keyframes ticker{to{transform:translate3d(-50%,0,0)}}.footer{position:relative;z-index:1;padding:48px 0 56px;border-top:1px solid var(--line);background:var(--bg);color:var(--fg-3);font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:28px;gap:28px}.footer h4{margin-bottom:12px;color:var(--fg);font-size:13px;font-weight:600;letter-spacing:-.01em}.footer ul{list-style:none;display:grid;grid-gap:8px;gap:8px}.footer a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:120;padding:11px 18px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:14px;font-weight:500;box-shadow:var(--shadow-2);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:transform .42s var(--spring),opacity .24s var(--ease)}.toast.is-on{transform:translate(-50%);opacity:1}@media (prefers-reduced-motion:reduce){.live-dot:after,.page,.ticker-move{animation:none}.ticker{mask-image:none;-webkit-mask-image:none}}.hero{position:relative;min-height:calc(100svh - var(--nav-h));display:grid;align-items:center;padding:48px 0 96px}.hero-title{max-width:16ch}.hero-soft,.rotator{color:var(--fg-3)}.rotator{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:26px;font-size:17px}.rotator-slot{position:relative;display:inline-grid;height:1.5em;overflow:hidden;color:var(--fg);font-weight:600;transition:width .5s var(--expo);vertical-align:bottom}.rotator-word{grid-area:1/1;white-space:nowrap;animation:word-in .62s var(--expo) both}.rotator-word.is-out{animation:word-out .52s var(--expo) both}@keyframes word-in{0%{opacity:0;transform:translateY(80%)}}@keyframes word-out{to{opacity:0;transform:translateY(-80%)}}.hero-hint{display:inline-flex;align-items:center;gap:8px;margin-top:44px;color:var(--fg-3);font-size:13px}.hero-hint i{width:18px;height:18px;border:1.5px solid;border-radius:50%;animation:hint 2.6s var(--ease) infinite}@keyframes hint{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.05);opacity:1}}.scroll-cue{bottom:28px;width:22px;height:36px;border:1.5px solid var(--line-2);border-radius:999px}.scroll-cue,.scroll-cue:after{position:absolute;left:50%;transform:translateX(-50%)}.scroll-cue:after{content:"";top:7px;width:3px;height:7px;border-radius:2px;background:var(--fg-3);animation:cue 1.8s var(--ease) infinite}@keyframes cue{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,12px)}}.solid{background:var(--bg)}.soft,.solid{position:relative}.soft{background:var(--bg-soft)}.do-card{min-height:250px}.do-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:20px}.do-card ul{list-style:none;display:grid;grid-gap:6px;gap:6px;margin-top:16px;color:var(--fg-2);font-size:15px}.do-card li:before{content:"— ";color:var(--fg-3)}.demo-card{min-height:280px}.demo-art{position:relative;height:96px;margin:-6px -6px 22px;overflow:hidden;border-radius:14px;background:var(--bg-soft)}.demo-art i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent)}.demo-art-flow i{top:44px;animation:art-flow 2.4s linear infinite}.demo-art-flow i:nth-child(2){animation-delay:.4s}.demo-art-flow i:nth-child(3){animation-delay:.8s;background:var(--bad)}.demo-art-flow i:nth-child(4){animation-delay:1.2s}.demo-art-flow i:nth-child(5){animation-delay:1.6s;background:var(--bad)}.demo-art-flow i:nth-child(6){animation-delay:2s}@keyframes art-flow{0%{left:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% + 10px);opacity:0}}.demo-art-bars{display:flex;align-items:flex-end;gap:4px;padding:14px}.demo-art-bars b{flex:1 1;border-radius:3px 3px 1px 1px;background:var(--accent);opacity:.8;animation:art-bar 2.2s var(--ease) infinite alternate}.demo-art-bars b:nth-child(odd){animation-delay:-.6s}.demo-art-bars b:nth-child(3n){animation-delay:-1.2s}.demo-art-bars b:nth-child(4n){animation-delay:-1.6s}@keyframes art-bar{0%{height:14%}to{height:86%}}.demo-art-gauge:before{content:"";position:absolute;left:50%;bottom:-52px;width:128px;height:128px;border-left:10px solid var(--bg-sunk);border-bottom:10px solid var(--bg-sunk);border-right-color:var(--bg-sunk);border-top-color:var(--bg-sunk);border-top:10px solid var(--accent);border-right:10px solid var(--accent);border-radius:50%;transform:translateX(-50%) rotate(-45deg);animation:art-gauge 3s var(--ease) infinite alternate}@keyframes art-gauge{to{transform:translateX(-50%) rotate(40deg)}}.demo-art-json{padding:14px 16px;color:var(--fg-3);font-family:var(--font-mono);font-size:11px;line-height:1.55}.demo-art-json b{color:var(--accent);font-weight:500}.demo-art-json em{color:var(--ok);font-style:normal}.demo-art-game i{animation:art-fall 2.6s linear infinite;top:-10px}.demo-art-game i:first-child{left:18%}.demo-art-game i:nth-child(2){left:42%;animation-delay:.9s;background:var(--ok)}.demo-art-game i:nth-child(3){left:68%;animation-delay:1.6s;background:var(--bad)}.demo-art-game i:nth-child(4){left:84%;animation-delay:.4s;background:var(--bad)}.demo-art-game:after{content:"";position:absolute;left:38%;bottom:12px;width:26%;height:5px;border-radius:3px;background:var(--fg);animation:art-paddle 2.6s var(--ease) infinite alternate}@keyframes art-fall{to{top:100px}}@keyframes art-paddle{0%{left:12%}to{left:62%}}.demo-art-notes{display:flex;align-items:center;justify-content:center;gap:6px}.demo-art-notes span{padding:6px 10px;border-radius:8px;background:var(--bg-elev);box-shadow:0 0 0 1px var(--line);font-size:12px;font-weight:600;animation:art-token 2.8s var(--ease) infinite}.demo-art-notes span:nth-child(2){animation-delay:.3s}.demo-art-notes span:nth-child(3){animation-delay:.6s}.demo-art-notes span:nth-child(4){animation-delay:.9s;background:var(--accent);color:var(--accent-ink)}@keyframes art-token{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.demo-art-lanes{display:grid;align-content:center;grid-gap:8px;gap:8px;padding:14px 16px}.demo-art-lanes span{display:flex;gap:3px;height:12px}.demo-art-lanes b{flex:1 1;border-radius:3px;background:var(--ok);opacity:.75;transform-origin:left;animation:art-lane 3s var(--expo) infinite}.demo-art-lanes b.is-bad{background:var(--bad)}.demo-art-lanes b:nth-child(2){animation-delay:.2s}.demo-art-lanes b:nth-child(3){animation-delay:.4s}.demo-art-lanes b:nth-child(4){animation-delay:.6s}.demo-art-lanes span:nth-child(2) b{animation-delay:.3s}@keyframes art-lane{0%{transform:scaleX(0);opacity:0}25%,85%{transform:scaleX(1);opacity:.75}to{opacity:0}}.demo-art-gate{display:grid;grid-template-columns:repeat(3,auto) 1fr;align-items:center;grid-gap:10px;gap:10px;padding:0 16px;color:var(--fg-3);font-family:var(--font-mono);font-size:11px}.demo-art-gate span{animation:art-check 3.2s var(--ease) infinite}.demo-art-gate span:nth-child(2){animation-delay:.3s}.demo-art-gate span:nth-child(3){animation-delay:.6s}.demo-art-gate b{color:var(--ok)}.demo-art-gate b.is-bad{color:var(--bad)}.demo-art-gate em{justify-self:end;padding:4px 10px;border-radius:999px;background:var(--bad-bg);color:var(--bad);font-style:normal;font-weight:700;animation:art-check 3.2s var(--ease) infinite .9s}@keyframes art-check{0%,8%{opacity:0;transform:translateY(4px)}20%,88%{opacity:1;transform:none}to{opacity:0}}.demo-art-breaker i{top:44px;animation:art-breaker 2.4s linear infinite}.demo-art-breaker i:nth-child(2){animation-delay:.48s}.demo-art-breaker i:nth-child(3){animation-delay:.96s}.demo-art-breaker i:nth-child(4){animation-delay:1.44s}.demo-art-breaker i:nth-child(5){animation-delay:1.92s}.demo-art-breaker u{position:absolute;left:58%;top:36px;width:26px;height:3px;border-radius:2px;background:var(--fg);transform-origin:left center;animation:art-switch 2.4s var(--ease) infinite alternate}@keyframes art-breaker{0%{left:-10px;opacity:0}10%{opacity:1}55%{left:55%;opacity:1;background:var(--accent)}62%{left:55%;opacity:0;background:var(--fg-3)}to{left:55%;opacity:0}}@keyframes art-switch{0%{transform:rotate(0deg)}to{transform:rotate(-35deg)}}.demo-art-graph{display:flex;align-items:center;justify-content:center;gap:22px}.demo-art-graph span{position:relative;z-index:1;padding:6px 10px;border-radius:9px;background:var(--bg-elev);box-shadow:0 0 0 1px var(--line-2);font-size:11.5px;font-weight:600}.demo-art-graph span.is-end{background:var(--fg);color:var(--bg)}.demo-art-graph i{top:20px;left:30%;background:var(--accent);animation:art-hop 3.2s var(--ease) infinite}@keyframes art-hop{0%,12%{left:30%}28%,40%{left:50%}56%,68%{left:30%}84%,to{left:70%}}.demo-art-trace{display:grid;align-content:center;grid-gap:8px;gap:8px;padding:0 16px}.demo-art-trace b{position:relative;left:var(--l);width:var(--w);height:10px;border-radius:4px;background:var(--accent);opacity:.55}.demo-art-trace b.is-hot{background:var(--bad);opacity:.9;animation:art-glow 1.6s ease-in-out infinite}.demo-art-trace em{position:absolute;top:30px;font-size:22px;font-style:normal;animation:art-scan 3.2s var(--ease) infinite alternate}@keyframes art-glow{50%{box-shadow:0 0 12px var(--bad)}}@keyframes art-scan{0%{left:10%}to{left:70%}}.demo-art-split{display:flex;align-items:center;justify-content:center;gap:12px}.demo-art-split span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:700}.demo-art-split i{position:static;width:auto;height:auto;padding:5px 10px;border-radius:999px;background:var(--ok-bg);color:var(--ok);font-size:13px;font-style:normal;font-weight:700;animation:art-token 2.4s var(--ease) infinite}.demo-art-ring{display:grid;place-items:center}.demo-art-ring:before{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--warn) 0 38%,var(--accent) 38% 100%);-webkit-mask:radial-gradient(circle,transparent 26px,#000 27px);mask:radial-gradient(circle,transparent 26px,#000 27px);left:18%;animation:art-spin 6s linear infinite}.demo-art-ring span{margin-left:34%;font-size:18px;font-weight:700;letter-spacing:-.03em}.demo-art-ring small{display:block;color:var(--fg-3);font-size:11px;font-weight:500}@keyframes art-spin{to{transform:rotate(1turn)}}.demo-art-growth b{height:var(--h);background:var(--ok);animation:art-rise 2.6s var(--expo) infinite alternate;transform-origin:bottom}@keyframes art-rise{0%{transform:scaleY(.2)}}.demo-art-timer{display:grid;place-items:center}.demo-art-timer:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--accent) var(--p,70%),var(--bg-sunk) 0);-webkit-mask:radial-gradient(circle,transparent 29px,#000 30px);mask:radial-gradient(circle,transparent 29px,#000 30px);animation:art-spin 8s linear infinite reverse}.demo-art-timer span{font-family:var(--font-mono);font-size:14px;font-weight:700}.demo-art-pw{display:grid;place-items:center;padding:0 16px}.demo-art-pw span{padding:8px 12px;border-radius:10px;background:var(--bg-elev);box-shadow:0 0 0 1px var(--line);font-family:var(--font-mono);font-size:12.5px;animation:pw-in 2.4s var(--expo) infinite}.demo-art-sql{display:grid;align-content:center;grid-gap:4px;gap:4px;padding:0 16px;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-2)}.demo-art-sql b{color:var(--accent);font-weight:600}.demo-art-sql em{margin-top:4px;color:var(--ok);font-style:normal;animation:art-check 3.2s var(--ease) infinite}.demo-art-raft{display:block}.demo-art-raft i{width:14px;height:14px;background:var(--bg-elev);box-shadow:0 0 0 1.5px var(--line-2)}.demo-art-raft i:first-child{left:calc(50% - 7px);top:10px}.demo-art-raft i:nth-child(2){left:calc(50% + 34px);top:34px}.demo-art-raft i:nth-child(3){left:calc(50% + 20px);top:70px}.demo-art-raft i:nth-child(4){left:calc(50% - 34px);top:70px}.demo-art-raft i:nth-child(5){left:calc(50% - 48px);top:34px}.demo-art-raft i.is-leader{background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:art-beat 1.4s ease-out infinite}@keyframes art-beat{to{box-shadow:0 0 0 26px transparent}}.demo-art-crdt{display:grid;align-content:center;grid-gap:8px;gap:8px;padding:0 16px;font-size:14px;font-weight:600}.demo-art-crdt span{padding:5px 10px;border-radius:8px;background:var(--bg-elev);box-shadow:0 0 0 1px var(--line)}.demo-art-crdt b{animation:art-caret 1s steps(1) infinite}.demo-art-crdt b.is-a{color:var(--accent)}.demo-art-crdt b.is-b{color:var(--ok);animation-delay:.5s}@keyframes art-caret{50%{opacity:0}}.demo-art-chat{display:grid;align-content:center;grid-gap:6px;gap:6px;padding:14px 16px}.demo-art-chat b{width:58%;height:12px;border-radius:6px;background:var(--bg-sunk);animation:art-chat 3s var(--ease) infinite}.demo-art-chat b:nth-child(2){width:76%;margin-left:auto;background:var(--accent-soft);animation-delay:.5s}.demo-art-chat b:nth-child(3){width:44%;animation-delay:1s}@keyframes art-chat{0%,to{opacity:.45}50%{opacity:1}}.page-head{padding:clamp(56px,9vw,112px) 0 clamp(32px,5vw,56px)}.page-head .lede{margin-top:18px}.crumb{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;color:var(--fg-3);font-size:14px;transition:color .2s var(--ease)}.crumb:hover{color:var(--accent)}.browse-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}.browse-count{color:var(--fg-3);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.project-card{min-height:290px}.project-card h3{margin-top:2px}.project-card .tags{margin-top:18px}.grid.is-swapping>*{animation:card-in .52s var(--expo) both}.grid.is-swapping>:nth-child(2){animation-delay:40ms}.grid.is-swapping>:nth-child(3){animation-delay:80ms}.grid.is-swapping>:nth-child(4){animation-delay:.12s}.grid.is-swapping>:nth-child(5){animation-delay:.16s}.grid.is-swapping>:nth-child(n+6){animation-delay:.2s}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.group-title{display:flex;align-items:baseline;gap:12px;margin:56px 0 20px}.group-title:first-child{margin-top:0}.group-title h2{font-size:24px;letter-spacing:-.03em}.group-title p{color:var(--fg-3);font-size:15px}.detail-meta{align-items:center;gap:8px;margin-bottom:18px}.detail-links,.detail-meta{display:flex;flex-wrap:wrap}.detail-links{gap:10px;margin-top:28px}.detail-body{padding-bottom:40px}.detail-block{padding:34px 0;border-top:1px solid var(--line)}.detail-block:first-child{border-top:0;padding-top:0}.detail-block h2{margin-bottom:14px;color:var(--fg-3);font-size:14px;font-weight:600;letter-spacing:0}.detail-block>p{color:var(--fg-2);font-size:19px;line-height:1.55;letter-spacing:-.014em}.points{list-style:none;display:grid;grid-gap:14px;gap:14px}.points li{position:relative;padding-left:22px;color:var(--fg-2);font-size:17px;line-height:1.55}.points li:before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.8}.flow{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px 0}.flow li{font-size:15px}.flow b,.flow li{display:inline-flex;align-items:center;font-weight:500}.flow b{gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);white-space:nowrap}.flow b small{color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:500}.flow li+li:before{content:"";display:block;width:22px;height:1.5px;margin:0 4px;background:var(--line-2);transform-origin:left}html[data-motion] .flow[data-rise] li{opacity:0;transform:translateY(8px);transition:opacity .5s var(--expo),transform .5s var(--expo)}html[data-motion] .flow[data-rise] li+li:before{transform:scaleX(0);transition:transform .38s var(--expo)}html[data-motion] .flow[data-rise].is-in li{opacity:1;transform:none}html[data-motion] .flow[data-rise].is-in li+li:before{transform:scaleX(1)}.flow li:nth-child(2),.flow li:nth-child(2):before{transition-delay:.12s!important}.flow li:nth-child(3),.flow li:nth-child(3):before{transition-delay:.24s!important}.flow li:nth-child(4),.flow li:nth-child(4):before{transition-delay:.36s!important}.flow li:nth-child(5),.flow li:nth-child(5):before{transition-delay:.48s!important}.flow li:nth-child(6),.flow li:nth-child(6):before{transition-delay:.6s!important}.callout{padding:22px 24px;border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--fg);font-size:18px;line-height:1.55}.design-note{display:flex;gap:12px;margin-top:8px;padding:16px 18px;border:1px dashed var(--line-2);border-radius:var(--radius-sm);color:var(--fg-3);font-size:15px;line-height:1.5}.pager{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:24px 0 96px}.pager a{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);transition:border-color .2s var(--ease),transform .4s var(--expo)}.pager a:hover{border-color:var(--line-2);transform:translateY(-2px)}.pager small{display:block;color:var(--fg-3);font-size:13px}.pager strong{display:block;margin-top:4px;font-size:16px;letter-spacing:-.02em}.pager .next{text-align:right;grid-column:2}@media (max-width:640px){.pager{grid-template-columns:1fr}.pager .next{grid-column:auto}}.search{position:relative;flex:1 1 260px;max-width:360px}.search input{width:100%;height:42px;padding:0 16px 0 40px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);color:var(--fg);font:inherit;font-size:15px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search svg{position:absolute;left:13px;top:50%;width:16px;height:16px;color:var(--fg-3);transform:translateY(-50%)}.post-list{list-style:none;border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;grid-gap:24px;gap:24px;align-items:baseline;padding:26px 4px;border-bottom:1px solid var(--line);transition:background-color .3s var(--ease)}.post-row time{color:var(--fg-3);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.post-row h3{font-size:21px;letter-spacing:-.026em;line-height:1.25;transition:color .2s var(--ease)}.post-row p{margin-top:8px;color:var(--fg-3);font-size:16px;line-height:1.5}.post-row .tags{margin-top:12px}.post-row .read{color:var(--fg-3);font-size:14px;white-space:nowrap}.post-row:hover h3{color:var(--accent)}.empty{padding:48px 0;color:var(--fg-3);text-align:center}@media (max-width:720px){.post-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:22px 0}.post-row .read{display:none}}.reading-bar{position:fixed;top:var(--nav-h);left:0;right:0;z-index:49;height:2px;pointer-events:none}.reading-bar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.article{position:relative;background:var(--bg);padding-bottom:32px}.article .post{margin-top:0}.article .post-title{font-size:clamp(34px,5.4vw,56px);letter-spacing:-.04em;line-height:1.06}.article .post-summary{font-size:clamp(19px,2vw,22px);color:var(--fg-3);line-height:1.45}.in-short{margin:34px 0 8px;padding:22px 24px;border-radius:var(--radius-sm);background:var(--bg-soft)}.in-short h2{margin-bottom:12px;color:var(--accent);font-size:14px;font-weight:600;letter-spacing:0}.in-short ul{list-style:none;display:grid;grid-gap:10px;gap:10px}.in-short li{position:relative;padding-left:20px;color:var(--fg);font-size:16.5px;line-height:1.5}.in-short li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-size:13px;font-weight:700}.about-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:48px;gap:48px;align-items:start}.monogram{display:grid;place-items:center;aspect-ratio:1;border-radius:32px;background:linear-gradient(145deg,var(--bg-soft),var(--bg-sunk));box-shadow:inset 0 0 0 1px var(--line);color:var(--fg-3);font-size:72px;font-weight:700;letter-spacing:-.05em}.clock-card{margin-top:16px}.clock{display:flex;align-items:baseline;gap:10px;font-size:40px;font-weight:700;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock small{color:var(--fg-3);font-size:15px;font-weight:500;letter-spacing:-.01em}.clock-colon{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.25}}@media (max-width:860px){.about-top{grid-template-columns:1fr}.about-side{max-width:320px}}.timeline{position:relative;list-style:none;padding-left:32px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--line-2);transform-origin:top}html[data-motion] .timeline[data-rise]:before{transform:scaleY(0);transition:transform 1.4s var(--expo)}html[data-motion] .timeline[data-rise].is-in:before{transform:scaleY(1)}.timeline>li{position:relative;padding-bottom:36px}.timeline>li:last-child{padding-bottom:0}.timeline>li:before{content:"";position:absolute;left:-31px;top:6px;width:14px;height:14px;border:3px solid var(--bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.timeline time{color:var(--fg-3);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline h3{margin-top:4px;font-size:21px;letter-spacing:-.026em}.timeline .where{color:var(--fg-3);font-size:16px}.timeline ul{list-style:none;display:grid;grid-gap:8px;gap:8px;margin-top:12px}.timeline ul li{position:relative;padding-left:16px;color:var(--fg-2);font-size:16px;line-height:1.5}.timeline ul li:before{content:"·";position:absolute;left:3px;color:var(--fg-3);font-weight:700}.skill-group+.skill-group{margin-top:26px}.skill-group h3{margin-bottom:12px;font-size:15px;letter-spacing:-.015em}.contact-band{text-align:center}.contact-band .lede{margin-inline:auto}.contact-band .btn-row{justify-content:center}.lost{min-height:calc(100svh - var(--nav-h) - 200px);display:grid;place-content:center;text-align:center;padding:64px 0}.lost .display{font-size:clamp(88px,18vw,180px);letter-spacing:-.06em}.lost .btn-row{justify-content:center}@media (prefers-reduced-motion:reduce){.clock-colon,.demo-art b,.demo-art i,.demo-art span,.demo-art:after,.demo-art:before,.hero-hint i,.rotator-word,.scroll-cue:after{animation:none!important}}.post-h2{position:relative;scroll-margin-top:96px}.post-anchor{margin-left:8px;color:var(--fg-3);font-weight:400;text-decoration:none;opacity:0;transition:opacity .2s var(--ease),color .2s var(--ease)}.post-anchor:focus-visible,.post-h2:hover .post-anchor{opacity:1}.post-anchor:hover{color:var(--accent)}@media (hover:none){.post-anchor{opacity:.45}}.post-code-bar{display:flex;justify-content:space-between;align-items:center;padding:7px 8px 0 14px}.post-code-copy{padding:4px 10px;border:0;border-radius:7px;background:transparent;color:var(--fg-3);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease)}.post-code-copy:hover{background:var(--bg-sunk);color:var(--fg)}.post-code-copy.is-done{color:var(--ok)}.post-code .post-code-bar+pre{padding-top:8px}.outline{position:fixed;top:calc(var(--nav-h) + 12px);left:50%;z-index:48;width:max-content;max-width:calc(100% - 32px);opacity:0;transform:translate(-50%,-10px) scale(.96);pointer-events:none;transition:opacity .3s var(--ease),transform .42s var(--spring)}.outline.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.outline-pill{display:flex;align-items:center;gap:10px;max-width:100%;padding:8px 14px;border:0;border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 82%,transparent);box-shadow:0 0 0 1px var(--line),0 8px 28px rgb(0 0 0/10%);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);color:var(--fg);font:inherit;font-size:13.5px;cursor:pointer}.outline-count{color:var(--accent);font-family:var(--font-mono);font-size:11.5px;font-weight:600}.outline-name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap;animation:outline-name .36s var(--expo)}@keyframes outline-name{0%{opacity:0;transform:translateY(6px)}}.outline-chev{color:var(--fg-3);transition:transform .3s var(--spring)}.outline.is-open .outline-chev{transform:rotate(180deg)}.outline-list{display:grid;grid-gap:2px;gap:2px;margin-top:8px;padding:6px;list-style:none;border-radius:16px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);box-shadow:0 0 0 1px var(--line),0 18px 40px rgb(0 0 0/14%);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);animation:outline-open .28s var(--expo)}.outline-list[hidden]{display:none}@keyframes outline-open{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.outline-list button{width:100%;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--fg-2);font:inherit;font-size:14px;text-align:left;cursor:pointer}.outline-list button:hover{background:var(--bg-soft);color:var(--fg)}.outline-list button.is-on{background:var(--accent-soft);color:var(--accent);font-weight:600}.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.jump a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--bg-elev);box-shadow:0 0 0 1px var(--line);color:var(--fg);font-size:14.5px;font-weight:500;text-decoration:none;transition:box-shadow .2s var(--ease),transform .25s var(--spring)}.jump a:hover{box-shadow:0 0 0 1px var(--accent);transform:translateY(-1px)}.jump b{padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px}.lab-group{scroll-margin-top:80px;padding-top:clamp(24px,4vw,40px)}@media (max-width:560px){.group-title{flex-direction:column;gap:2px}}.try-switch{display:flex;margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.try-grid>*{animation:cb-log-in .46s var(--expo) both}.try-grid>:nth-child(2){animation-delay:60ms}.try-grid>:nth-child(3){animation-delay:.12s}.try-grid>:nth-child(4){animation-delay:.18s}.try-grid>:nth-child(5){animation-delay:.24s}.try-grid>:nth-child(6){animation-delay:.3s}