:root{--bg: #f5f5f2;--tile: #ffffff;--ink: #050504;--ink-2: #3b3a37;--meta: #716f6b;--hairline: rgba(5, 5, 4, .1);--accent: #f54e00;--pill: #efede8;--ease-house: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-rise: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg: #080807;--tile: #121110;--ink: #f4f3f0;--ink-2: #dcdad5;--meta: #85837c;--hairline: rgba(255, 255, 255, .12);--pill: #1c1b19}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:InterVar,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.px-font{font-family:Pixelify,monospace;letter-spacing:-.5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:flex;background:var(--bg);color:var(--ink);transition:background-color .25s var(--ease-house),color .25s var(--ease-house)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sb, 240px);border-right:1px solid var(--hairline);padding:30px 20px 20px 34px;display:flex;flex-direction:column;z-index:30;background:var(--bg)}.sidebar{transition:transform .3s var(--ease-out),visibility 0s 0s}.sidebar.hidden-sb{transform:translate(calc(-1 * var(--sb, 240px)));visibility:hidden;transition:transform .3s var(--ease-out),visibility 0s .3s}.sb-name{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;color:var(--ink);padding:0 0 6px;text-align:left;width:100%}.sb-socials{overflow:hidden;max-height:0;visibility:hidden;transition:max-height .3s var(--ease-out),visibility 0s .3s}.sb-socials.open{max-height:200px;transition:max-height .3s var(--ease-out),visibility 0s 0s}.sidebar:not(.hidden-sb) .sb-socials.open{visibility:visible}.sb-socials a{display:block;padding:7px 0 7px 18px;font-size:15px;color:var(--meta);text-decoration:none;transition:color .14s var(--ease-house)}.sb-socials a{transition:color .14s var(--ease-house),transform .18s var(--ease-house)}.sb-socials a:hover{color:var(--ink);transform:translate(3px)}.nav{margin-top:26px;display:flex;flex-direction:column}.nav-group{display:flex;flex-direction:column}.nav-sep{height:1px;background:var(--hairline);margin:14px 0}.nav a,.nav .nav-parent{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;font-weight:400;color:var(--meta);text-decoration:none;text-align:left;transition:color .14s var(--ease-house)}.nav a:hover,.nav .nav-parent:hover{color:var(--ink-2)}.nav a[aria-current=page],.nav a.active{color:var(--ink);font-weight:500}.nav .chev{margin-left:auto;opacity:.55;transition:transform .25s var(--ease-house)}.nav .chev.up{transform:rotate(180deg)}.nav-sub{overflow:hidden;max-height:0;visibility:hidden;transition:max-height .3s var(--ease-out),visibility 0s .3s}.nav-sub.open{max-height:340px;transition:max-height .3s var(--ease-out),visibility 0s 0s}.sidebar:not(.hidden-sb) .nav-sub.open,.drawer.open .nav-sub.open{visibility:visible}.nav-sub a{padding-left:18px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pop-ic{margin-left:auto;flex:none;display:inline-flex;color:var(--meta);opacity:0;transform:scale(.4) translateY(3px);transform-origin:50% 70%;transition:transform .24s cubic-bezier(.34,1.56,.64,1),opacity .16s var(--ease-house)}.nav-sub a:hover .pop-ic,.nav-sub a:focus-visible .pop-ic{opacity:1;transform:none;color:var(--ink-2)}.nav-sub a[aria-current=page] .pop-ic,.nav-sub a.active .pop-ic{opacity:.9;transform:none;color:var(--accent, #f54e00)}@media (prefers-reduced-motion: reduce){.pop-ic{transition:opacity .01s;transform:none;opacity:0}.nav-sub a:hover .pop-ic,.nav-sub a:focus-visible .pop-ic,.nav-sub a[aria-current=page] .pop-ic,.nav-sub a.active .pop-ic{opacity:1}}.marker{display:none;width:8px;height:8px;grid-template-columns:repeat(4,2px);grid-template-rows:repeat(4,2px);flex:none}.nav a[aria-current=page] .marker,.nav a.active .marker{display:grid}.marker i{width:2px;height:2px;background:var(--accent);opacity:0;animation:px-in 1ms steps(1,end) forwards}@keyframes px-in{to{opacity:1}}.nav a[aria-current=page] .lbl span,.nav a.active .lbl span{display:inline-block;animation:rise .3s var(--ease-rise) both}@keyframes rise{0%{transform:translateY(55%);opacity:0}to{transform:translateY(0);opacity:1}}.sb-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--meta)}.sb-bottom>button,.pref-row>button[aria-label="Toggle theme"]{position:relative}.sb-bottom>button[aria-label="Toggle theme"],.drawer button[aria-label="Toggle theme"]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.sb-bottom>button:before,.pref-row>button[aria-label="Toggle theme"]:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.prefs{overflow:hidden;max-height:0;visibility:hidden;transition:max-height .3s var(--ease-out),visibility 0s .3s}.prefs.open{max-height:140px;transition:max-height .3s var(--ease-out),visibility 0s 0s}.sidebar:not(.hidden-sb) .prefs.open,.drawer.open .prefs.open{visibility:visible}.prefs .pref-row{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:15px;color:var(--meta)}.toggle{position:relative;width:44px;height:44px;border:none;background:transparent;padding:0;flex:none;cursor:pointer}.toggle:before{content:"";position:absolute;left:0;top:10px;width:42px;height:22px;border:1px solid var(--meta)}.toggle:after{content:"";position:absolute;top:13px;left:3px;width:16px;height:16px;background:var(--meta);transition:transform .2s var(--ease-house),background .2s}.toggle.on:after{transform:translate(20px);background:var(--accent)}.resize-h{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize}.reopen{position:fixed;left:12px;top:12px;z-index:31;width:44px;height:44px;display:none;align-items:center;justify-content:center;border:1px solid var(--hairline);background:var(--bg)}.reopen.show{display:flex}.main{flex:1;min-width:0;margin-left:var(--sb, 240px);transition:margin .3s var(--ease-out)}.main.wide{margin-left:0}.col{max-width:658px;margin:0 auto;padding:90px 40px 120px}.col.wide-col{max-width:none;padding:60px 40px 120px}h1.pg{font-size:17px;line-height:28px;font-weight:600;color:var(--ink);margin:0 0 26px}h1.pg .lt{display:inline-block;animation:rise .34s var(--ease-rise) both}.bio p{font-size:15px;line-height:23px;color:var(--ink-2);margin:0 0 18px;animation:fade-up .3s var(--ease-house) both}.reach{font-size:15px;color:var(--ink-2);margin-top:30px;display:flex;align-items:center;gap:8px;animation:fade-up .3s var(--ease-house) both}.reach a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hairline);transition:border-color .18s var(--ease-house),color .18s var(--ease-house)}.reach a:hover{border-color:var(--accent);color:var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sec-label{font-size:10px;line-height:15px;color:var(--meta);margin:46px 0 6px}.rows{border-top:1px solid var(--hairline)}.row{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;border-bottom:1px solid var(--hairline);text-decoration:none;font-size:17px;line-height:28px;color:var(--ink-2);animation:fade-up .3s var(--ease-house) both}.row{transition:color .14s var(--ease-house),background-color .14s var(--ease-house)}.row:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 3%,transparent)}.row:active{background:color-mix(in srgb,var(--ink) 5%,transparent)}.row .pill{font-size:10px;line-height:15px;letter-spacing:-.5px;color:var(--ink-2);background:var(--pill);padding:2px 8px;border-radius:10px;font-family:Pixelify,monospace}.row .meta{margin-left:auto;font-size:15px;color:var(--meta);white-space:nowrap}.row .px-arrow{position:absolute;left:-18px;top:50%;margin-top:-5px;display:inline-grid;grid-template-columns:repeat(3,2px);grid-template-rows:repeat(5,2px);gap:0;opacity:0;transform:translate(-4px);transition:opacity .15s var(--ease-house),transform .15s var(--ease-house)}.row:hover .px-arrow,.row:focus-visible .px-arrow{opacity:1;transform:none}.px-arrow i{width:2px;height:2px;background:var(--accent)}.scene{position:relative;height:132px;margin-bottom:26px}.scene svg{position:absolute;shape-rendering:crispEdges;image-rendering:pixelated}.flick{animation:flick 1.8s steps(1,end) infinite}.flick2{animation:flick 2.6s steps(1,end) infinite .4s}.flick3{animation:flick 2.2s steps(1,end) infinite .9s}@keyframes flick{0%,to{opacity:1}50%{opacity:.25}}.drift{animation:drift 6.4s var(--ease-house) infinite}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.g-grid{columns:3;column-gap:16px}.g-tile{break-inside:avoid;margin-bottom:16px;border:1px solid var(--hairline);background:var(--tile);padding:6px;display:block;text-decoration:none;animation:fade-up .3s var(--ease-house) both;transition:border-color .18s var(--ease-house),transform .18s var(--ease-house)}.g-tile .g-media{position:relative;display:block;overflow:hidden}.g-tile img{width:100%;height:auto;display:block;transition:transform .3s var(--ease-house)}.g-tile:hover,.g-tile:focus-visible{border-color:var(--ink)}.g-tile:hover img,.g-tile:focus-visible img{transform:translateY(-3px) scale(1.02)}.g-tile:active{transform:scale(.99)}.g-tile .g-arrow{position:absolute;top:8px;right:8px;display:inline-grid;grid-template-columns:repeat(4,3px);grid-template-rows:repeat(5,3px);gap:0;opacity:0;transform:translate(-5px,5px);transition:opacity .18s var(--ease-house),transform .18s var(--ease-house)}.g-tile .g-arrow i{width:3px;height:3px;background:var(--accent)}.g-tile:hover .g-arrow,.g-tile:focus-visible .g-arrow{opacity:1;transform:none}.g-tile .g-capbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 10px 8px;background:var(--tile);border-top:1px solid var(--hairline);transform:translateY(101%);transition:transform .22s var(--ease-out)}.g-tile:hover .g-capbar,.g-tile:focus-visible .g-capbar{transform:none}.g-tile .g-captitle{font-size:13px;line-height:18px;color:var(--ink-2)}.g-tile .g-capyear{font-size:10px;line-height:15px;letter-spacing:-.5px;color:var(--meta);flex:none}.g-tile .cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.gd-top{display:flex;align-items:center;gap:18px;margin-bottom:30px}.backlink{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:var(--meta);text-decoration:none;min-height:44px;min-width:44px;padding:6px 12px 6px 0;box-sizing:border-box}.backlink:hover{color:var(--ink)}.gd-media{border:1px solid var(--hairline);background:var(--tile);padding:40px;animation:fade-up .3s var(--ease-house) both}.gd-media img{width:100%;height:auto;display:block}.gd-meta{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:15px;color:var(--meta)}.gd-meta .t{color:var(--ink-2)}.gd-nav{margin-left:auto;display:flex;gap:10px}.gd-nav button{border:1px solid var(--hairline);width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);transition:border-color .14s,color .14s,transform .18s var(--ease-house)}.gd-nav button:hover{border-color:var(--ink);color:var(--accent);transform:translateY(-2px)}.gd-nav button:active{transform:translateY(0) scale(.94)}.copylink{border-bottom:1px solid var(--hairline);color:var(--meta);transition:color .14s var(--ease-house),border-color .14s var(--ease-house)}.copylink:hover{color:var(--ink);border-color:var(--ink)}.copylink.copied{color:var(--accent);border-color:var(--accent);animation:copop .3s var(--ease-rise)}@keyframes copop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}.wd-head .date{font-size:15px;color:var(--meta);margin:2px 0 14px}.wd-head .ext{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:var(--ink-2);text-decoration:none;margin-bottom:26px;min-height:44px;padding:10px 0;box-sizing:border-box}.wd-head .ext .ext-t{text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}.wd-head .ext:hover .ext-t{text-decoration-color:var(--ink)}.wd-sec{margin-bottom:26px;animation:fade-up .3s var(--ease-house) both}.wd-sec h2{font-size:17px;font-weight:500;color:var(--ink);margin:0 0 8px}.wd-sec p{font-size:15px;line-height:23px;color:var(--ink-2);margin:0}.wd-sec p+p{margin-top:12px}.topbar,.drawer{display:none}@media (max-width: 767px){.sidebar,.resize-h{display:none}.main,.main.wide{margin-left:0}.col{padding:84px 22px 90px}.col.wide-col{padding:76px 14px 90px}.topbar{display:flex;position:fixed;top:0;left:0;right:0;z-index:40;height:56px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--hairline);background:var(--bg)}.topbar .tb-name{position:absolute;left:50%;transform:translate(-50%);font-size:15px;font-weight:500}.burger{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(320px,84vw);z-index:50;background:var(--bg);border-right:1px solid var(--hairline);padding:14px 20px 20px;transform:translate(-105%);transition:transform .3s var(--ease-out),visibility 0s .3s;overflow-y:auto;overscroll-behavior:contain;visibility:hidden}.drawer.open{transform:none;visibility:visible;transition:transform .3s var(--ease-out),visibility 0s 0s}.drawer .d-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.drawer .x{width:44px;height:44px;border:1px solid var(--ink-2);display:flex;align-items:center;justify-content:center;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#05050473;opacity:0;pointer-events:none;transition:opacity .25s}.scrim.open{opacity:1;pointer-events:auto}.drawer .nav a,.drawer .nav .nav-parent{min-height:44px;align-items:center}.drawer a{min-height:44px;display:flex;align-items:center}.row .px-arrow{position:static;margin:0 4px 0 0;opacity:1;transform:none}.reach a{padding:12px 0}.g-grid{columns:1}.gd-media{padding:18px}.gd-meta{flex-wrap:wrap}.gd-nav{margin-left:0;width:100%;justify-content:flex-end;padding-top:8px}.gd-nav button{width:44px;height:44px}.wd-shots{grid-template-columns:1fr;width:100%;margin-left:0}.wd-shots.phones{width:100%;margin-left:0}.wd-shots.phones .wd-shot{flex:1 1 100%}.wd-shots.phones .wd-shot img{aspect-ratio:auto;height:auto;max-height:640px}.scene{height:170px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.freeze *,.freeze *:before,.freeze *:after{animation:none!important;transition:none!important}.freeze .marker i{opacity:1!important}.wd-banner{width:min(880px,100%);margin:20px auto 28px;display:block;aspect-ratio:2.5 / 1;object-fit:cover;border-radius:4px;background:var(--tile)}@media (max-width: 860px){.wd-banner{width:100%;margin:16px 0 24px}}.wd-sec-h{font-size:17px;font-weight:500;color:var(--ink);margin:44px 0 0}.wd-group-h{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--meta);margin:26px 0 12px}.wd-shots{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;width:min(880px,calc(100vw - var(--sb, 240px) - 80px));margin-left:calc((100% - min(880px,calc(100vw - var(--sb, 240px) - 80px)))/2)}.wd-shot{margin:0}.wd-shots.phones{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 24px;width:min(980px,calc(100vw - var(--sb, 240px) - 80px));margin-left:calc((100% - min(980px,calc(100vw - var(--sb, 240px) - 80px)))/2)}.wd-shots.phones .wd-shot{flex:0 1 300px}.wd-shot img{width:100%;display:block;border:1px solid var(--line);border-radius:6px;background:var(--tile);object-fit:contain;aspect-ratio:16 / 10;transition:transform .25s var(--ease-house),border-color .18s var(--ease-house)}.wd-shots.phones .wd-shot img{aspect-ratio:10 / 21;border-radius:18px}.wd-shot a:hover img,.wd-shot a:focus-visible img{transform:scale(1.012);border-color:var(--ink)}.wd-shot a:active img{transform:scale(.997)}.wd-shot figcaption{margin-top:8px;font-size:13px;line-height:18px;color:var(--meta)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wd-pagenav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:18px;border-top:1px solid var(--hairline)}.rows.covers{margin-top:34px}.row.cover-row{display:block;padding:14px 0;color:var(--ink-2);text-decoration:none}.row.cover-row .cover{display:block;background:var(--tile);overflow:hidden;border-radius:4px}.row.cover-row .cover img{width:100%;height:auto;aspect-ratio:2.5 / 1;object-fit:cover;display:block;transition:transform .35s var(--ease-house),opacity .2s var(--ease-house)}.row.cover-row:hover .cover img{transform:scale(1.015)}.row.cover-row .cover-line{display:flex;align-items:baseline;gap:10px;margin-top:12px;font-size:15px}.row.cover-row .cover-line .meta{margin-left:auto;color:var(--meta);white-space:nowrap}.row.cover-row:hover{color:var(--ink);background:none}.row.cover-row:active .cover img{transform:scale(.995)}.row.cover-row .cover-line>span:nth-child(2){background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s var(--ease-house)}.row.cover-row:hover .cover-line>span:nth-child(2),.row.cover-row:focus-visible .cover-line>span:nth-child(2){background-size:100% 1px}.gd-note{margin:18px 0 0;font-size:14px;line-height:1.55;color:var(--meta);max-width:52ch}.gd-shot{margin:26px 0 0}.gd-shot figcaption{margin-top:10px;font-size:13px;color:var(--meta)}a.gd-open{text-decoration:none}.wd-head .ext+.ext{margin-left:16px}.wd-preview{width:min(300px,100%);margin:8px auto 28px}@media (max-width: 860px){.wd-preview{margin:8px 0 24px}}.wd-preview.wide{width:min(720px,100%)}@media (max-width: 767px){.wd-shots{grid-template-columns:1fr;width:100%;margin-left:0}.wd-shots.phones{width:100%;margin-left:0}.wd-shots.phones .wd-shot{flex:1 1 100%}.wd-shots.phones .wd-shot img{aspect-ratio:auto;height:auto;max-height:640px}}.pep-scene{position:relative;height:168px;margin-bottom:26px;--pep-green:#4c8a3f;isolation:isolate}.pep-plant{display:block;position:absolute;left:50%;top:0;transform:translate(-50%);width:192px;height:144px;border:0;padding:0;border-radius:4px;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pep-plant:focus-visible{outline:2px solid var(--accent,#f54e00);outline-offset:3px}.pep-art{display:block;image-rendering:pixelated;overflow:visible}.pep-plant:hover .pep-pot{filter:brightness(1.06)}.pep-plant:active:not([aria-disabled=true]) .pep-pot{transform:translateY(1px)}.pep-plant[aria-disabled=true]{cursor:default}.pep-growth{transform-box:fill-box;transform-origin:50% 100%}.pep-scene[data-phase=growing] .pep-growth{animation:pep-grow .42s cubic-bezier(.22,1,.36,1) both}.pep-scene[data-phase=growing] .pep-drops{animation:pep-water .42s ease-out both}.pep-drops{opacity:0}.pep-cloud,.pep-sun{position:absolute;width:32px;height:16px;top:17px;left:calc(50% - 90px);shape-rendering:crispEdges}.pep-sun,.pep-moon{width:24px;height:24px;left:calc(50% + 72px);top:48px}.pep-grass{position:absolute;width:4px;height:8px;background:#4c8a3f;bottom:38px;left:12%;box-shadow:8px -4px #6fae5a,12px 4px #4c8a3f}.pep-grass-right{left:auto;right:15%;bottom:48px}.pep-caption{position:absolute;top:145px;left:0;right:0;display:flex;justify-content:center;gap:12px;align-items:center;color:var(--ink-2,#3b3a37);font-size:12px;line-height:18px;white-space:normal;text-align:center}.pep-steps{color:var(--ink-2,#3b3a37);font-size:10px}.pep-burst{position:absolute;left:50%;top:33px;width:1px;height:1px;pointer-events:none}.pep-burst i{position:absolute;width:4px;height:4px;background:var(--accent,#f54e00);transform:rotate(calc(var(--i)*45deg)) translate(20px);opacity:0}.pep-burst i:nth-child(2n){background:#6fae5a}.pep-scene[data-phase=peak] .pep-burst i{animation:pep-burst .64s cubic-bezier(.22,1,.36,1) both}.pep-scene[data-phase=peak] .pep-bloom{transform-box:fill-box;transform-origin:center;animation:pep-open .64s cubic-bezier(.22,1,.36,1) both}.pep-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pep-grow{0%{transform:scaleY(.74)}to{transform:scaleY(1)}}@keyframes pep-water{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes pep-burst{0%{opacity:0;transform:rotate(calc(var(--i)*45deg)) translate(14px)}18%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i)*45deg)) translate(58px)}}@keyframes pep-open{0%{transform:scale(.85)}45%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pep-scene *{animation:none!important;transition:none!important}.pep-burst,.pep-drops{display:none}}@media (max-width:400px){.pep-caption{font-size:11px;gap:8px}.pep-grass-left{left:4%}.pep-grass-right{right:5%}}.pep-moon{position:absolute;shape-rendering:crispEdges}.pep-scene .moon-px{display:none}[data-theme=dark] .pep-scene .moon-px{display:block}[data-theme=dark] .pep-scene .sun-px{display:none}.freeze .pep-scene *,.freeze .pep-scene{animation:none!important;transition:none!important}.pep-replay{font:inherit;font-size:10px;color:var(--ink-2,#3b3a37);background:none;border:0;padding:13px 10px;margin:-13px -10px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pep-replay:focus-visible{outline:2px solid var(--accent,#f54e00);outline-offset:-2px}.rt{position:relative}.rt-exit{position:absolute;inset:0 auto auto 0;width:100%;pointer-events:none;animation:rt-out .16s var(--ease-house) both}.rt-enter{animation:rt-in .26s var(--ease-rise) both}@keyframes rt-out{to{opacity:0;transform:translateY(6px)}}@keyframes rt-in{0%{opacity:0;transform:translateY(10px)}}.sf{width:min(880px,calc(100vw - 80px));margin-left:calc((100% - min(880px,calc(100vw - 80px)))/2)}.sf-stage{position:relative;overflow:hidden;border-radius:6px;touch-action:pan-y;cursor:grab}.sf-stage:active{cursor:grabbing}.sf-stage.phones{border-radius:18px;width:min(300px,100%);margin:0 auto}.sf-link{display:block}.sf-img{width:100%;display:block;border:1px solid var(--line);border-radius:6px;background:var(--tile);object-fit:contain;aspect-ratio:16 / 10;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sf-img.phone{aspect-ratio:10 / 21;border-radius:18px}.sf-link:hover .sf-img,.sf-link:focus-visible .sf-img{border-color:var(--ink)}.sf-in{animation:sf-in .24s var(--ease-house) both}.sf-out{position:absolute;inset:0 auto auto 0;animation:sf-out .24s var(--ease-house) both;pointer-events:none}@keyframes sf-in{0%{opacity:0}to{opacity:1}}@keyframes sf-out{to{opacity:0}}.sf-bar{display:flex;align-items:baseline;gap:12px;margin-top:8px}.sf-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:4px 2px;color:var(--meta);cursor:pointer;display:inline-flex;align-items:center;transition:color .14s var(--ease-house),transform .18s var(--ease-house)}.sf-btn:hover{color:var(--ink);transform:translateY(-1px)}.sf-btn:active{transform:none}.sf-cap{flex:1;margin:0;font-size:13px;line-height:18px;color:var(--meta);display:flex;align-items:baseline;gap:10px;min-width:0}.sf-count{flex:none;color:var(--ink-2);font-variant-numeric:tabular-nums}@media (max-width: 720px){.sf{width:100%;margin-left:0}.sf-stage.phones{width:100%;max-width:300px}}.cl-host-stage{position:relative}.cl{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out)}.cl svg{width:100%;height:100%;display:block;overflow:hidden}[data-cl-host]:hover .cl,[data-cl-host]:focus-within .cl,.cl.cl-touch,.cl.cl-force{opacity:1}.cl{--cl-c: var(--accent)}.cl-cloud{fill:color-mix(in srgb,var(--cl-c) 45%,var(--bg));opacity:0;transform-box:fill-box}.cl-cloud.c2,.cl-cloud.c3,.cl-cloud.c5{fill:color-mix(in srgb,var(--cl-c) 28%,var(--bg))}[data-cl-host]:hover .cl-cloud,[data-cl-host]:focus-within .cl-cloud,.cl-touch .cl-cloud,.cl-force .cl-cloud{animation:cl-rise .7s var(--ease-rise) both,cl-drift 7s ease-in-out .7s infinite alternate}.cl-cloud.c2{animation-delay:.08s,.78s!important}.cl-cloud.c3{animation-delay:.16s,.86s!important}.cl-cloud.c4{animation-delay:.1s,.8s!important}.cl-cloud.c5{animation-delay:.2s,.9s!important}@keyframes cl-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:.85;transform:none}}@keyframes cl-drift{0%{transform:translate(0)}to{transform:translate(14px)}}.cl-gate rect,.cl-pages rect,.cl-embers circle,.cl-segments circle{fill:var(--cl-c)}.cl-rings circle,.cl-grooves circle,.cl-strokes path{stroke:var(--cl-c)}.cl-gate rect{opacity:.5}[data-cl-host]:hover .cl-l,[data-cl-host]:focus-within .cl-l,.cl-touch .cl-l,.cl-force .cl-l{animation:cl-in-l .5s var(--ease-rise) both}[data-cl-host]:hover .cl-r,[data-cl-host]:focus-within .cl-r,.cl-touch .cl-r,.cl-force .cl-r{animation:cl-in-r .5s var(--ease-rise) both}@keyframes cl-in-l{0%{transform:translate(-30px)}to{transform:none}}@keyframes cl-in-r{0%{transform:translate(30px)}to{transform:none}}.cl-ring{opacity:0;transform-box:fill-box;transform-origin:center}[data-cl-host]:hover .cl-ring,[data-cl-host]:focus-within .cl-ring,.cl-touch .cl-ring,.cl-force .cl-ring{animation:cl-ring 2.4s var(--ease-out) infinite}.cl-ring.r1{animation-delay:.5s!important}.cl-ring.r2{animation-delay:1s!important}@keyframes cl-ring{0%{opacity:0;transform:scale(.6)}30%{opacity:.55}to{opacity:0;transform:scale(1.15)}}.cl-grooves circle{opacity:.45}.cl-spin{transform-box:view-box;transform-origin:30px 190px}[data-cl-host]:hover .cl-spin,[data-cl-host]:focus-within .cl-spin,.cl-touch .cl-spin,.cl-force .cl-spin{animation:cl-spin 12s linear infinite}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-line{opacity:0}[data-cl-host]:hover .cl-line,[data-cl-host]:focus-within .cl-line,.cl-touch .cl-line,.cl-force .cl-line{animation:cl-line .5s var(--ease-rise) both;opacity:.5}.cl-line.l1{animation-delay:.06s!important}.cl-line.l2{animation-delay:.12s!important}.cl-line.l3{animation-delay:.18s!important}.cl-line.l4{animation-delay:.24s!important}@keyframes cl-line{0%{opacity:0;transform:translate(-10px)}to{opacity:.5;transform:none}}.cl-ember{opacity:0}[data-cl-host]:hover .cl-ember,[data-cl-host]:focus-within .cl-ember,.cl-touch .cl-ember,.cl-force .cl-ember{animation:cl-ember 2.2s ease-out infinite}@keyframes cl-ember{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}to{opacity:0;transform:translateY(-110px)}}.cl-seg{opacity:0}[data-cl-host]:hover .cl-seg,[data-cl-host]:focus-within .cl-seg,.cl-touch .cl-seg,.cl-force .cl-seg{animation:cl-seg .45s var(--ease-rise) both;opacity:.7}.cl-seg.s1{animation-delay:.07s!important}.cl-seg.s2{animation-delay:.14s!important}.cl-seg.s3{animation-delay:.21s!important}.cl-seg.s4{animation-delay:.28s!important}@keyframes cl-seg{0%{opacity:0;transform:translate(-12px)}to{opacity:.7;transform:none}}.cl-stroke{stroke-dasharray:1;stroke-dashoffset:1;opacity:.6}[data-cl-host]:hover .cl-stroke,[data-cl-host]:focus-within .cl-stroke,.cl-touch .cl-stroke,.cl-force .cl-stroke{animation:cl-draw 1s var(--ease-out) forwards}.cl-stroke.s2{animation-delay:.25s!important}@keyframes cl-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.cl{transition:none}.cl *,.cl-cloud,.cl-ring,.cl-line,.cl-seg,.cl-ember,.cl-stroke,.cl-spin{animation:none!important;transform:none!important}.cl-cloud,.cl-line,.cl-seg{opacity:.6}.cl-ring{opacity:.3}.cl-embers .cl-ember{opacity:.6}.cl-stroke{stroke-dashoffset:0}}.freeze .cl,.freeze .cl *{animation:none!important;transition:none!important}.freeze .cl-cloud,.freeze .cl-line,.freeze .cl-seg{opacity:.6}.freeze .cl-ring{opacity:.3}.freeze .cl-embers .cl-ember{opacity:.6}.freeze .cl-stroke{stroke-dashoffset:0}.cl-gate{--cl-c: #ab7afa}.cl-gate rect{opacity:.6}.cl-segments{--cl-c: #7142ac}.cl-segments circle{opacity:.8}.cl-rings{--cl-c: var(--tile)}.cl-rings circle{stroke-width:2.5}.cl-pages{--cl-c: var(--tile)}.cl-pages rect{height:3px}.cl-embers{--cl-c: var(--tile)}.cl-embers circle{opacity:0}.cl-grooves{--cl-c: var(--tile)}.cl-grooves circle{opacity:.6;stroke-width:2}.cl-strokes{--cl-c: var(--ink)}.cl-strokes path{stroke-width:3}.cl-touch .cl-cloud{animation-iteration-count:1,2!important;animation-fill-mode:both,forwards!important}.cl-touch .cl-ring,.cl-touch .cl-ember{animation-iteration-count:2!important}.cl-touch .cl-spin{animation-iteration-count:1!important;animation-fill-mode:forwards!important}.project-motion-preview{min-width:0;width:100%}.project-motion-preview__stage{position:relative;width:100%;overflow:hidden}.project-motion-preview__stage>img,.project-motion-preview__stage>video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.project-motion-preview__stage>video{opacity:0}.project-motion-preview__stage>video.is-ready{opacity:1}.project-motion-preview__control{display:inline-block;margin-top:8px;padding:8px 0;color:var(--meta);font:inherit;font-size:12px;cursor:pointer;background:none;border:0;text-decoration:underline;text-underline-offset:3px;min-height:44px}.project-motion-preview__control:focus-visible{outline:2px solid currentColor;outline-offset:3px}.project-motion-preview__description,.project-motion-preview__status{margin:0;color:var(--meta);font-size:12px;line-height:1.5}