@font-face{font-family:Anton;src:url(/fonts/anton.woff2)format("woff2");font-display:swap}@font-face{font-family:Yellowtail;src:url(/fonts/yellowtail.woff2)format("woff2");font-display:swap}@font-face{font-family:Pinyon;src:url(/fonts/pinyonscript.woff2)format("woff2");font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/oswald.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ArchivoBlack;src:url(/fonts/archivoblack.woff2)format("woff2");font-display:swap}:root{--ink:#071019;--ink2:#101b23;--sky:#0b8fe0;--ease:cubic-bezier(.22,1,.36,1);--ui:Helvetica,"Helvetica Neue",Arial,sans-serif;--mono:"Courier New",Courier,monospace;--pc:#ff7a2f}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#d4dbe6;margin:0;overflow:hidden}body{touch-action:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}.mono{font-family:var(--mono);letter-spacing:.1em;font-size:11px;line-height:1.3}.glass{-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#ffffff29;border:1px solid #ffffff6b;box-shadow:inset 0 1px #ffffff8c,0 8px 30px #0a28502e}#stage{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.fallback{color:#fff;z-index:1;border-radius:22px;width:min(520px,86vw);padding:28px 30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fallback h1{letter-spacing:-.04em;margin:.4em 0;font-size:30px;font-weight:500;line-height:1.08}.fallback p{opacity:.9;margin:0}body.ready .fallback{display:none}#loader{z-index:50;cursor:wait;background:#38afde;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding-bottom:4vh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#pix{width:min(39vh,60vw,300px);height:min(39vh,60vw,300px);image-rendering:pixelated}#load-txt{color:#fff;letter-spacing:-.025em;font-variant-numeric:tabular-nums;justify-content:space-between;gap:36px;min-width:200px;margin:0;font-size:13px;display:flex}.chrome{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 24px;display:flex;position:fixed;top:0;left:0;right:0}.chrome>*{pointer-events:auto}.right{gap:10px;display:flex}.round{color:#fff;width:46px;height:46px;transition:transform .5s var(--ease),background .3s;border-radius:50%;place-items:center;display:grid}.round:hover{background:#ffffff4d;transform:scale(1.08)}.round:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.pill:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}#brand:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.npill:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}#page-close:focus:not(:focus-visible){outline:none}#menu-btn{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}#menu-btn span{width:16px;height:2px;transition:transform .5s var(--ease),opacity .3s;background:#fff;border-radius:2px;display:block}body.menu-open #menu-btn span:first-child{transform:translateY(6px)rotate(45deg)}body.menu-open #menu-btn span:nth-child(2){opacity:0}body.menu-open #menu-btn span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}#brand{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:-.02em;text-shadow:0 1px 12px #00285a40;white-space:nowrap;background:#1631471a;border:1px solid #ffffff4d;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;position:absolute;top:25px;left:50%;transform:translate(-50%)}#sound-btn .x{display:block}#sound-btn .w,#sound-btn[aria-pressed=true] .x{display:none}#sound-btn[aria-pressed=true] .w{display:block}.pill{z-index:15;color:#fff;white-space:nowrap;border-radius:999px;position:fixed;left:50%;transform:translate(-50%)}#hint{font-family:var(--ui);letter-spacing:.035em;-webkit-backdrop-filter:blur(8px);box-shadow:none;text-shadow:0 1px 3px #173c5980;background:#16314712;border-color:#ffffff36;margin:0;padding:9px 15px;font-size:11px;bottom:24px}#hint .touch{display:none}@media (hover:none){#hint .desk{display:none}#hint .touch{display:inline}}#explore{z-index:16;opacity:0;pointer-events:none;transform-origin:50% 0;color:#102934;min-height:48px;font:500 13px var(--ui);letter-spacing:-.015em;white-space:nowrap;isolation:isolate;border:1px solid #ffffffa8;border-radius:999px;align-items:center;gap:9px;padding:12px 18px;display:flex;position:fixed;top:0;left:0;box-shadow:inset 0 2px 2px #ffffffb5,inset 0 -2px 4px #e3f5ff70,0 8px 20px #193b5726,0 2px 4px #21435a1c}#explore:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(13px)saturate(1.3);background:linear-gradient(155deg,#ffffff73,#d9f0ff36 42%,#a9d3eb4f);border-radius:999px;position:absolute;top:2px;bottom:2px;left:2px;right:2px}#explore:active{transform:scale(.97)}#explore b{font-weight:600}#explore .mono{opacity:.8}#counter{color:#fff;z-index:15;opacity:.9;position:fixed;bottom:32px;right:28px}#xfoot{color:#fff;z-index:15;opacity:.85;text-decoration:none;position:fixed;bottom:32px;left:28px}#xfoot:hover{opacity:1;text-decoration:underline}body.dragging,body.dragging *{cursor:grabbing!important}#menu-dismiss{z-index:29;display:none;position:fixed;top:0;bottom:0;left:0;right:0}body.menu-open #menu-dismiss{display:block}#nav{z-index:30;visibility:hidden;opacity:0;transform-origin:32px 32px;flex-direction:column;gap:10px;transition:transform .32s cubic-bezier(.45,0,.2,1),opacity .22s,visibility 0s .32s;display:flex;position:fixed;top:84px;left:24px;transform:translateY(-9px)scaleY(.82)}body.menu-open #nav{visibility:visible;opacity:1;transition-delay:0s;transform:none}#nav ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.npill{color:#fff;width:220px;min-height:54px;transition:background .25s,border-color .25s,transform .4s var(--ease);background:linear-gradient(155deg,#ffffff63,#d9f0ff24 42%,#91bed442);border:1px solid #ffffffb0;border-radius:999px;justify-content:center;align-items:center;padding:9px 23px;text-decoration:none;display:flex}.npill:hover{background:linear-gradient(155deg,#ffffff80,#e0f4ff3d 44%,#b7dff259);border-color:#fff;transform:translate(4px)}.npill .t{filter:drop-shadow(0 1px 1.5px #173c598f)drop-shadow(0 0 .5px #173c5970);line-height:1}.npill .f-pin{font-size:34px}.npill .f-anton{font-size:28px}.npill .f-arc{font-size:24px}.npill .f-yt{font-size:30px}.npill .f-osw{font-size:24px;font-weight:500}.npill.nsmall{min-height:40px;font-size:11px}.npill[aria-current=true]:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;right:16px}#page{z-index:40;border:1px solid color-mix(in srgb,var(--pc) 56%,white);visibility:hidden;width:min(900px,100vw - 100px);color:var(--ink2);background:color-mix(in srgb,var(--pc) 93%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);border-radius:32px;margin-left:calc(min(900px,100vw - 100px)/-2);position:fixed;top:22px;bottom:22px;left:50%;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff87,inset 0 -1px 2px #fff3,0 18px 80px #07121b36}#page.dark{color:#fff}#page-inner{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:84px clamp(22px,5vw,72px) 60px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}#page-close{color:inherit;background:#ffffff47;border-color:#ffffff80;position:absolute;top:18px;right:18px}.pg-k{opacity:.8;justify-content:space-between;gap:12px;margin:0 0 14px;display:flex}.pg-h{letter-spacing:-.01em;margin:0 0 .25em;font-size:clamp(56px,10vw,128px);font-weight:400;line-height:.95}.f-anton{text-transform:uppercase;font-family:Anton,Impact,sans-serif}.f-yt{font-family:Yellowtail,cursive}.f-pin{letter-spacing:0;font-family:Pinyon,cursive}.f-osw{font-family:Oswald,var(--ui);text-transform:uppercase;font-weight:500}.f-arc{font-family:ArchivoBlack,var(--ui);letter-spacing:-.04em}.pg-lede{letter-spacing:-.035em;max-width:30ch;margin:0 0 48px;font-size:clamp(20px,2.4vw,30px);font-weight:500;line-height:1.15}.work{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;display:grid}.w-item{color:inherit;text-decoration:none;display:block}.w-img{aspect-ratio:16/10;background:#ffffff59;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 12px 40px #3c0a142e}.w-img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform 1.1s var(--ease);display:block}.w-item:hover .w-img img{transform:scale(1.045)}.w-type{color:#111;background:#f6f4ee;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.w-type b{font-family:Yellowtail,cursive;font-size:64px;font-weight:400;line-height:1}.w-meta{grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 14px;margin-top:14px;display:grid}.w-meta .n{grid-row:span 2}.w-meta h3{letter-spacing:-.045em;margin:0;font-size:26px;font-weight:500;line-height:1}.w-meta .c{opacity:.75;grid-column:2;margin:0;font-size:14px}.w-meta .go{text-underline-offset:3px;grid-area:1/3;font-size:13px;text-decoration:underline}.w-blurb{opacity:.9;max-width:46ch;margin:8px 0 0 38px;font-size:15px;line-height:1.4}.sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.s-card{color:inherit;transition:transform .6s var(--ease),background .3s;background:#fff6;border-radius:14px;padding:8px 8px 12px;text-decoration:none;display:block}.s-card:hover{background:#ffffffa6;transform:translateY(-6px)rotate(-.6deg)}.s-card .w-img{box-shadow:none;border-radius:9px}.s-card h4{letter-spacing:-.03em;margin:10px 4px 2px;font-size:17px;font-weight:500}.s-card p{opacity:.75;margin:0 4px;font-size:13px;line-height:1.35}.s-card .mono{opacity:.7;margin:8px 4px 0;font-size:10px;display:block}.about{grid-template-columns:1.2fr 1fr;align-items:start;gap:48px;display:grid}.about p{letter-spacing:-.02em;max-width:38ch;margin:0 0 1em;font-size:clamp(18px,1.7vw,22px);line-height:1.4}.about ul{border-top:1px solid;margin:0;padding:0;list-style:none}.about li{border-bottom:1px solid;justify-content:space-between;gap:16px;padding:13px 0;font-size:16px;display:flex}.big-links{flex-direction:column;gap:6px;margin:10px 0 40px;display:flex}.big-links a{letter-spacing:-.05em;width:-moz-fit-content;width:fit-content;transition:background-size .6s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;align-items:baseline;gap:.3em;font-size:clamp(28px,5vw,64px);font-weight:500;line-height:1.05;text-decoration:none;display:inline-flex}.big-links a:hover{background-size:100% 2px}.big-links a .mono{opacity:.7;letter-spacing:.08em;font-size:12px}.pg-foot{border-top:1px solid;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:70px;padding-top:16px;display:flex}.pg-foot a{text-decoration:none}.pg-foot a:hover{text-decoration:underline}.rv{will-change:transform,opacity}@media (max-width:900px){.sites{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about{grid-template-columns:1fr;gap:28px}}@media (max-width:640px){.chrome{padding:16px}.round{width:42px;height:42px}#brand{font-size:13px;top:20px}.work{grid-template-columns:1fr;gap:30px}#page{border-radius:26px;width:calc(100vw - 28px);margin-left:calc(-50vw + 14px);top:14px;bottom:14px}#page-inner{padding:74px 18px 40px}.w-meta h3{font-size:22px}.w-blurb{margin-left:0}#explore{font-size:14px}#hint{padding:10px 14px;font-size:10px;bottom:20px}#counter{display:none}#xfoot{opacity:.75;white-space:nowrap;font-size:10px;top:76px;bottom:auto;left:50%;transform:translate(-50%)}#nav{top:72px;left:16px}.s-card h4{font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}:root{--glass-bg:#0e345c33;--glass-line:#ffffff8c;--glass-blur:blur(16px) saturate(1.6)}.round,#brand,#hint{background:var(--glass-bg);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px #ffffff73,0 6px 22px #08285029}.round{width:46px;height:46px}#brand{letter-spacing:-.01em;text-shadow:0 1px 2px #001e4659;align-items:center;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;display:flex;top:23px}#hint{bottom:max(24px,env(safe-area-inset-bottom));min-height:36px;font:600 12px/1 var(--ui);letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #001e4666;align-items:center;padding:0 18px;transition:opacity .7s;display:flex}body.used #hint{pointer-events:none;opacity:0!important}#counter{text-shadow:0 1px 2px #001e4666;font-size:12px;font-weight:700}.npill.nsmall{letter-spacing:.06em;width:auto;min-width:220px;min-height:44px;font-size:11px}.x-mini{margin:-18px 0 30px;font-size:12px}.x-mini a{text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.chrome{padding:14px}.round{width:44px;height:44px}#brand{padding:0 15px;font-size:14px;top:14px}#hint{font-size:12px;bottom:22px}}body.night-ui #brand,body.night-ui .round,body.night-ui #hint{--glass-bg:#141e3c47;--glass-line:#becdff59}.npill.nsmall{text-shadow:none;background:#0c28466b;border-color:#ffffff80}#hint{--glass-bg:#0a28484d}@media (min-width:641px){#brand{left:84px;transform:none}}body.menu-open #menu-dismiss{-webkit-backdrop-filter:blur(6px);background:#06162852}