.project[data-astro-cid-y2vllrex]{gap:var(--s-5);align-content:start;display:grid}.stage[data-astro-cid-y2vllrex]{border-radius:var(--r-lg);isolation:isolate;background:var(--stage);padding:clamp(1.25rem,.8rem + 2.4vw,2.75rem) clamp(1rem,.6rem + 2vw,2.25rem) 0;position:relative;overflow:hidden}.stage[data-astro-cid-y2vllrex]:before{content:"";z-index:-1;opacity:.4;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.stage[data-astro-cid-y2vllrex]:after{content:"";z-index:-1;background:radial-gradient(closest-side,#ffb48c33,#0000);height:70%;position:absolute;inset:8% 12% auto}.device[data-astro-cid-y2vllrex]{perspective:1400px;perspective-origin:50% 20%;position:relative}.has-phone[data-astro-cid-y2vllrex] .device[data-astro-cid-y2vllrex]{padding-right:14%}.mockup[data-astro-cid-y2vllrex]{border-radius:var(--r-md) var(--r-md) 0 0;background:var(--night-2);transform-origin:50% 100%;transform:rotateY(var(--tilt-y,-7deg)) rotateX(4deg);transition:transform .7s var(--ease), box-shadow .7s var(--ease);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 40px 60px -28px #04070fbf,0 18px 30px -18px #04070f80}.is-reversed[data-astro-cid-y2vllrex] .mockup[data-astro-cid-y2vllrex]{--tilt-y:7deg}.project--card[data-astro-cid-y2vllrex] .mockup[data-astro-cid-y2vllrex]{--tilt-y:-5deg}.mockup-bar[data-astro-cid-y2vllrex]{background:#1f2840;align-items:center;gap:6px;padding:.5rem .75rem;display:flex}.mockup-bar[data-astro-cid-y2vllrex] span[data-astro-cid-y2vllrex]{background:#3a4560;border-radius:50%;flex:none;width:9px;height:9px}.mockup-bar[data-astro-cid-y2vllrex] span[data-astro-cid-y2vllrex]:first-child{background:#ff7a59}.mockup-bar[data-astro-cid-y2vllrex] em[data-astro-cid-y2vllrex]{font:500 .72rem/1 var(--font-body);color:#aeb7cc;border-radius:var(--r-pill);text-overflow:ellipsis;white-space:nowrap;background:#151c2e;min-width:0;margin-left:.5rem;padding:.3rem .7rem;font-style:normal;overflow:hidden}.mockup-screen[data-astro-cid-y2vllrex]{aspect-ratio:16/10;background:#0b0f1a;position:relative}.mockup-screen[data-astro-cid-y2vllrex] img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.mockup-screen[data-astro-cid-y2vllrex]:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#ffffff29 48%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}.phone[data-astro-cid-y2vllrex]{aspect-ratio:1/2;width:24%;transition:transform .7s var(--ease);background:#0b0f1a;border:clamp(3px,.2rem,5px) solid #0b0f1a;border-radius:clamp(.9rem,.6rem + 1vw,1.5rem);position:absolute;bottom:-6%;right:0;overflow:hidden;transform:translateZ(60px)rotate(3deg);box-shadow:0 28px 40px -14px #04070fb3,0 0 0 1px #ffffff24}.phone[data-astro-cid-y2vllrex]:before{content:"";z-index:1;background:#0b0f1a;border-radius:4px;width:32%;height:5px;position:absolute;top:5px;left:50%;translate:-50%}.phone[data-astro-cid-y2vllrex] img{object-fit:cover;object-position:top;border-radius:inherit;width:100%;height:100%;display:block}.project--card[data-astro-cid-y2vllrex] .phone[data-astro-cid-y2vllrex]{width:22%;bottom:-4%}.project--card[data-astro-cid-y2vllrex].has-phone .device[data-astro-cid-y2vllrex]{padding-right:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project[data-astro-cid-y2vllrex]:hover .mockup[data-astro-cid-y2vllrex]{transform:rotateY(calc(var(--tilt-y,-7deg) * .3)) rotateX(1deg) translateY(-4px);box-shadow:inset 0 1px #ffffff2e,0 50px 70px -30px #04070fcc,0 22px 34px -18px #04070f80}.project[data-astro-cid-y2vllrex]:hover .phone[data-astro-cid-y2vllrex]{transform:translate3d(-6px,-8px,60px)rotate(1deg)}.project[data-astro-cid-y2vllrex]:hover .mockup-screen[data-astro-cid-y2vllrex]:after{opacity:1;transition:transform 1.1s var(--ease), opacity .2s;transform:translate(100%)}}.cover[data-astro-cid-y2vllrex]{color:#fff;background:var(--cover,var(--night));flex-direction:column;justify-content:flex-end;gap:.35rem;height:100%;padding:clamp(1rem,.8rem + 1vw,1.75rem);display:flex}.cover-kind[data-astro-cid-y2vllrex]{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;opacity:.8}.cover-name[data-astro-cid-y2vllrex]{font:750 clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem)/1 var(--font-display);letter-spacing:-.03em}.tone-ink[data-astro-cid-y2vllrex]{--stage:linear-gradient(150deg, #1b2438 0%, #0e1320 100%);--cover:linear-gradient(135deg, #0e1320 0%, #243355 100%)}.tone-brick[data-astro-cid-y2vllrex]{--stage:linear-gradient(150deg, #9a3412 0%, #5c1f0b 100%);--cover:linear-gradient(135deg, #7c2d12 0%, #c2410c 100%)}.tone-sand[data-astro-cid-y2vllrex]{--stage:linear-gradient(150deg, #6b523d 0%, #3b2d22 100%);--cover:linear-gradient(135deg, #5b4636 0%, #a07a55 100%)}.tone-sky[data-astro-cid-y2vllrex]{--stage:linear-gradient(150deg, #1e3a8a 0%, #172554 100%);--cover:linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%)}.tone-moss[data-astro-cid-y2vllrex]{--stage:linear-gradient(150deg, #115e59 0%, #0b3b38 100%);--cover:linear-gradient(135deg, #134e4a 0%, #0f766e 100%)}.project-body[data-astro-cid-y2vllrex]{padding:0 .25rem}.project-meta[data-astro-cid-y2vllrex]{align-items:center;gap:var(--s-2) var(--s-3);font-size:var(--fs-sm);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.project-title[data-astro-cid-y2vllrex]{font-size:var(--fs-h3);margin-bottom:var(--s-2)}.project-stack[data-astro-cid-y2vllrex]{font-size:var(--fs-sm);align-items:center;gap:.4rem;display:flex}.project-stack[data-astro-cid-y2vllrex] svg,.link-arrow[data-astro-cid-y2vllrex] svg{width:1rem;height:1rem}.project-links[data-astro-cid-y2vllrex]{gap:var(--s-2) var(--s-5);margin:var(--s-4) 0 0;flex-wrap:wrap;display:flex}.case[data-astro-cid-y2vllrex]{gap:var(--s-4);margin:var(--s-4) 0 0;display:grid}.case[data-astro-cid-y2vllrex]>div[data-astro-cid-y2vllrex]{padding-top:var(--s-3);border-top:1px solid var(--line);gap:.2rem;display:grid}.case[data-astro-cid-y2vllrex] dt[data-astro-cid-y2vllrex]{font:700 var(--fs-xs)/1.3 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--brick-strong)}.case[data-astro-cid-y2vllrex] dd[data-astro-cid-y2vllrex]{color:var(--ink-2);margin:0}.case[data-astro-cid-y2vllrex] .check-list[data-astro-cid-y2vllrex]{margin:.2rem 0 0}.project--wide[data-astro-cid-y2vllrex],.project--feature[data-astro-cid-y2vllrex]{gap:clamp(1.5rem,1rem + 2vw,3rem)}.project--wide[data-astro-cid-y2vllrex] .project-title[data-astro-cid-y2vllrex],.project--feature[data-astro-cid-y2vllrex] .project-title[data-astro-cid-y2vllrex]{font-size:var(--fs-h2)}.project--wide[data-astro-cid-y2vllrex] .project-goal[data-astro-cid-y2vllrex]{font-size:var(--fs-lg);color:var(--ink-2)}@media (width>=62rem){.project--wide[data-astro-cid-y2vllrex],.project--feature[data-astro-cid-y2vllrex]{grid-template-columns:1.4fr 1fr;align-items:center}.project--wide[data-astro-cid-y2vllrex].is-reversed .stage[data-astro-cid-y2vllrex],.project--feature[data-astro-cid-y2vllrex].is-reversed .stage[data-astro-cid-y2vllrex]{order:2}}@media (width<=40rem){.mockup[data-astro-cid-y2vllrex]{--tilt-y:-4deg}.is-reversed[data-astro-cid-y2vllrex] .mockup[data-astro-cid-y2vllrex]{--tilt-y:4deg}}