@font-face{font-family:Arya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/arya-latin-700-normal-BvZ9ORTR.woff2)format("woff2"),url(/assets/arya-latin-700-normal-DD-Ox9G-.woff)format("woff")}:root{--ink:#0c1a4a;--white-90:#ffffffe6;--white-70:#ffffffb3;--glass:#ffffff24;--glass-edge:#ffffff3d;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--moon:linear-gradient(200deg, #ff9240 0%, #f0507a 50%, #8040ff 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:#000}body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:2px solid #fff}.bg{z-index:-2;background:url(/bg.webp) 50%/cover no-repeat;transition:filter .7s,transform .9s cubic-bezier(.2,.8,.2,1);position:fixed;inset:-3%}.bg:after{content:"";background:radial-gradient(120% 90% at 50% 42%,#0000 45%,#060e3280 100%),linear-gradient(#08145033,#0000 28% 68%,#040a2866);position:absolute;inset:0}.bg--focused{filter:blur(12px)brightness(.5)saturate(1.15);transform:scale(1.05)}.grain{z-index:100;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@media (orientation:portrait){.bg{background-position:80%}}.intro{z-index:90;cursor:pointer;position:fixed;inset:0;overflow:hidden}.intro__veil{background:#000;position:absolute;inset:0}.intro-sky .bg{background-image:url(/bg-nomoon.webp)}.intro__sun{translate:calc(-50% + var(--mx,0) * -24px) calc(-50% + var(--my,0) * -16px);background:linear-gradient(209deg,#ff9240 0%,#f0507a 50%,#8040ff 100%);border-radius:50%;position:absolute;box-shadow:0 0 40px #ff8c5a8c,0 0 140px 20px #f0507a4d}.nav{top:max(18px, env(safe-area-inset-top));z-index:50;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(190%)brightness(1.08);backdrop-filter:blur(22px)saturate(190%)brightness(1.08);background:linear-gradient(135deg,#ffffff42 0%,#ffffff14 45%,#ffffff24 100%);border-radius:999px;gap:2px;padding:5px;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:inset 0 1px .5px #ffffffa6,inset 0 -1px .5px #ffffff2e,inset 0 0 0 1px #fff3,inset 0 -10px 18px -10px #aabeff59,0 1px 2px #050f3c33,0 16px 36px -14px #050f3c99}.nav:before{content:"";z-index:-1;filter:blur(2px);pointer-events:none;background:radial-gradient(100% 120% at 50% 0,#ffffff59,#0000 70%);border-radius:999px;position:absolute;inset:1px 10% 50%}.nav__tab{z-index:1;color:var(--white-90);letter-spacing:-.01em;text-shadow:0 1px 6px #050f3c40;border-radius:999px;align-items:center;gap:7px;padding:9px 17px 9px 14px;font-size:14px;font-weight:560;transition:color .3s,text-shadow .3s;display:flex;position:relative}.nav__tab:hover{color:#fff}.nav__tab.is-active{color:var(--ink);text-shadow:none}.nav__tab svg{fill:currentColor;width:15px;height:15px}.nav__pill{will-change:transform, width;background:linear-gradient(#fffffffa,#ecf0ffe6);border-radius:999px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:inset 0 1px #fff,inset 0 -2px 5px #0d1b4d1f,0 0 0 .5px #fff9,0 6px 16px -6px #050f3c80}.page{flex-direction:column;min-height:100svh;display:flex}.footer{padding:28px clamp(20px, 4vw, 48px) max(24px, env(safe-area-inset-bottom));color:var(--white-70);font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;font-size:12px;display:flex}.footer a:hover{color:#fff}.footer__clock{font-variant-numeric:tabular-nums}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:120px 24px 24px;display:flex}.wordmark{letter-spacing:-.075em;text-shadow:0 16px 60px #08125059;margin:0;padding-right:.075em;font-family:Arya,sans-serif;font-size:clamp(120px,20vw,270px);font-weight:700;line-height:.8}.wordmark span{display:inline-block}.home__lede{max-width:28ch;color:var(--white-90);letter-spacing:-.01em;text-wrap:balance;margin:34px auto 0;font-size:clamp(17px,1.8vw,21px);line-height:1.45}.home__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;display:flex}.btn{letter-spacing:-.01em;border-radius:999px;align-items:center;gap:10px;height:48px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);box-shadow:inset 0 0 0 1px var(--glass-edge)}.btn--glass:hover{background:#ffffff38}.card{--ink:#1a2e86;aspect-ratio:34/23;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 100% at 30% 20%,#fbf1d9 0%,#f3e3c0 60%,#e9d3a6 100%);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5a3c0f24,inset 0 0 28px #8c5f1e29,0 30px 50px -24px #030828b3,0 10px 18px -10px #03082873;container-type:inline-size}.card:after{content:"";z-index:3;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .33  0 0 0 0 .15  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.card__face{position:absolute;inset:0}.pc__scene{border-radius:1.2cqw;height:41cqw;position:absolute;top:3.6cqw;left:3.6cqw;right:3.6cqw;overflow:hidden;box-shadow:inset 0 0 0 .25cqw #141e502e}.pc__scene:after{content:"";opacity:.6;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='3.2' intercept='-1.1'/><feFuncG type='linear' slope='3.2' intercept='-1.1'/><feFuncB type='linear' slope='3.2' intercept='-1.1'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pc__hills{width:100%;height:100%;position:absolute;inset:0}.pc__sun{width:21cqw;box-shadow:0 0 0 .5cqw #fff8e6d9, 0 2.4cqw 4cqw -1cqw #0a143c73, 0 0 9cqw 1cqw color-mix(in srgb, var(--accent) 55%, transparent);border-radius:22.4%;position:absolute;top:3.6cqw;right:13cqw;rotate:7deg}.pc__moon{aspect-ratio:1;background:linear-gradient(209deg,#ff9240 0%,#f0507a 50%,#8040ff 100%);border-radius:50%;width:15cqw;position:absolute;top:5cqw;right:16cqw;box-shadow:0 0 7cqw #f0507a80}.pc__stamp{z-index:2;filter:drop-shadow(0 .8cqw 1cqw #2819054d);--perf:linear-gradient(#000 0 0) center / calc(100% - 2cqw) calc(100% - 2cqw) no-repeat, radial-gradient(circle at center, transparent .62cqw, #000 .68cqw) -1cqw -1cqw / 2cqw 2cqw;width:14.5cqw;height:17cqw;-webkit-mask:var(--perf);-webkit-mask:var(--perf);mask:var(--perf);background:#fffaf0;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;display:flex;position:absolute;top:35cqw;right:6cqw;rotate:4deg}.pc__stamp:before{content:"";border:.25cqw solid #1a2e8659;position:absolute;inset:1.6cqw}.pc__stamp-moon{aspect-ratio:1;background:linear-gradient(209deg,#ff9240 0%,#f0507a 50%,#8040ff 100%);border-radius:50%;width:7cqw}.pc__stamp-word{letter-spacing:-.07em;font-family:Arya,sans-serif;font-size:3.6cqw;font-weight:700;line-height:1}.pc__stamp-empty{color:#1a2e86bf;font-family:var(--mono);text-align:center;text-transform:uppercase;border:.3cqw dashed #1a2e8680;place-items:center;padding:1cqw;font-size:2cqw;line-height:1.25;display:grid;position:absolute;inset:1.6cqw}.pc__postmark{z-index:2;width:26cqw;color:var(--ink);opacity:.5;mix-blend-mode:multiply;position:absolute;top:46cqw;right:5cqw;overflow:visible;rotate:-12deg}.pc__postmark-ring{font-family:var(--mono);font-size:8px;font-weight:700}.pc__postmark-year{font-family:var(--mono);font-size:13px;font-weight:700}.pc__title{letter-spacing:-.055em;font-family:Arya,sans-serif;font-size:9.4cqw;font-weight:700;line-height:1;position:absolute;bottom:9.6cqw;left:5.6cqw}.pc__meta{color:#1a2e869e;font-family:var(--mono);font-size:3cqw;position:absolute;bottom:5.4cqw;left:5.8cqw}.pc__number{color:var(--ink);font-family:var(--mono);letter-spacing:.06em;background:#fffaeed9;border-radius:99px;padding:.6cqw 1.6cqw;font-size:2.4cqw;font-weight:600;position:absolute;top:5.6cqw;left:6cqw}.card--more{cursor:default}.page--projects{padding-top:92px}.pile-wrap{width:100%}.pile__intro{text-align:center;margin-bottom:8px}.pile__intro h1{letter-spacing:-.05em;margin:0;font-family:Arya,sans-serif;font-size:clamp(44px,6vw,68px);font-weight:700;line-height:1}.pile__intro p{color:var(--white-70);font-family:var(--mono);margin:8px 0 0;font-size:12px}.pile{aspect-ratio:1000/640;width:min(1000px,94vw);margin:0 auto;position:relative}.card--pile{--w:33;top:calc((var(--y) - var(--w) * .5285) * 1%);left:calc((var(--x) - var(--w) / 2) * 1%);width:calc(var(--w) * 1%);position:absolute}.card--more{--w:23}.card--pile{transition:box-shadow .5s cubic-bezier(.33,0,.2,1)}.card--lifted{box-shadow:inset 0 0 0 1px #5a3c0f24,inset 0 0 28px #8c5f1e29,0 46px 70px -26px #030828bf,0 16px 26px -12px #03082873}.detail{width:100%;padding:18px 20px 0}.card--detail{z-index:20;cursor:default;width:min(540px,100%);margin:0 auto}.detail__body{width:min(540px,100%);margin:34px auto 0;position:relative}.back{color:var(--white-70);font-family:var(--mono);gap:6px;font-size:13px;transition:color .2s;display:inline-flex;position:absolute;top:3px;left:-100px}.back:hover{color:#fff}.detail__head{align-items:center;gap:12px;display:flex}.detail__head img{border-radius:22.4%;width:44px;height:44px;box-shadow:0 6px 16px -6px #0009}.detail__head h1{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:650}.detail__head a,.detail__head span{color:var(--white-70);font-family:var(--mono);font-size:12.5px}.detail__head a:hover{color:#fff}.tags{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--white-90);background:#ffffff1a;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff24}.tags li:first-child{background:var(--moon);box-shadow:none;color:#fff;font-weight:650}.detail__desc{color:#ffffffd6;text-wrap:pretty;margin:20px 0 0;font-size:15.5px;line-height:1.65}.shots{justify-content:center;margin:56px auto 0;padding:0 4vw;display:flex}.shot{perspective:900px;width:clamp(112px,25vw,232px);margin:0 -1.2vw;position:relative}.shot:nth-child(2){z-index:1;translate:0 -20px}.shot:hover{z-index:5}.shot__img{-webkit-user-select:none;user-select:none;border-radius:clamp(14px,2.4vw,24px);width:100%;box-shadow:0 0 0 1px #ffffff1f,0 34px 60px -26px #000c}.store{letter-spacing:-.02em;background:#000;border-radius:14px;align-items:center;gap:10px;width:fit-content;margin:52px auto 0;padding:9px 22px 9px 16px;font-size:19px;font-weight:600;line-height:1.05;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:inset 0 0 0 1px #fff3,0 18px 40px -18px #000c}.store:hover{transform:translateY(-2px)}.store svg{fill:#fff;width:22px}.store small{letter-spacing:0;font-size:10.5px;font-weight:500;display:block}.bg{translate:calc(var(--mx,0) * -24px) calc(var(--my,0) * -16px)}.btn--glass,.tags li{position:relative}.glass:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(150px circle at var(--lx,-999px) var(--ly,-999px), #fffffff2, #fff0 70%);-webkit-mask-composite:xor;opacity:var(--near,0);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.nav,.btn--glass,.tags li:not(:first-child){background-image:radial-gradient(220px circle at var(--lx,-999px) var(--ly,-999px), rgba(255, 255, 255, calc(var(--near,0) * .28)), transparent 70%), linear-gradient(135deg, #ffffff42 0%, #ffffff14 45%, #ffffff24 100%)}.tags li:not(:first-child){background-color:#0000}.pile,.detail,.shots{perspective:1100px}[data-tilt]{rotate:var(--tilt-x,0) var(--tilt-y,1) 0 var(--tilt,0deg)}.card:before{content:"";z-index:4;pointer-events:none;background:radial-gradient(300px circle at var(--lx,-999px) var(--ly,-999px), #fff9, #fff0dc26 40%, transparent 70%);mix-blend-mode:soft-light;opacity:var(--near,0);position:absolute;inset:0}.card--pile{translate:calc(var(--mx,0) * var(--d,10) * 1px) calc(var(--my,0) * var(--d,10) * 1px)}[data-magnet]{translate:var(--mag-x,0px) var(--mag-y,0px)}.home__lede{translate:calc(var(--mx,0) * 6px) calc(var(--my,0) * 5px)}.pile__intro{translate:calc(var(--mx,0) * 8px) calc(var(--my,0) * 6px)}.wordmark{transform:perspective(900px) rotateY(calc(var(--mx,0) * 12deg)) rotateX(calc(var(--my,0) * -10deg));text-shadow:calc(var(--mx,0) * -26px) calc(16px + var(--my,0) * -22px) 50px #08125073}.wordmark span:first-child{translate:calc(var(--mx,0) * -8px) calc(var(--my,0) * -5px)}.wordmark span:nth-child(2){translate:calc(var(--mx,0) * -3px) calc(var(--my,0) * -2px)}.wordmark span:nth-child(3){translate:calc(var(--mx,0) * 3px) calc(var(--my,0) * 2px)}.wordmark span:nth-child(4){translate:calc(var(--mx,0) * 8px) calc(var(--my,0) * 5px)}@media (width<=760px){.page--projects{padding-top:84px}.pile{aspect-ratio:auto;flex-direction:column;align-items:center;width:100%;padding:14px 0 24px;display:flex}.card--pile{width:min(86vw,380px);position:relative;top:auto;left:auto}.card--pile+.card--pile{margin-top:0}.card--more{align-self:flex-end;width:min(64vw,280px);margin-right:8vw;margin-top:2vw!important}.back{margin-bottom:18px;display:inline-flex;position:static}.shot{margin:0 -2vw}.shot:nth-child(2){translate:0 -10px}.footer{font-size:11px}}