.page-head[data-astro-cid-bt5j2la3]{padding-block:clamp(1.5rem,3vw,2.25rem) clamp(1rem,2vw,1.5rem);position:relative;overflow:hidden}.page-head[data-astro-cid-bt5j2la3]:before{content:"";background:var(--gradient-soft);filter:blur(90px);opacity:.5;pointer-events:none;width:60%;height:140%;position:absolute;top:-40%;left:-10%}.page-title[data-astro-cid-bt5j2la3]{font-size:var(--text-2xl);margin-top:.35rem}.page-sub[data-astro-cid-bt5j2la3]{font-size:var(--text-sm);white-space:nowrap;margin-top:.4rem}.list-body[data-astro-cid-bt5j2la3]{max-width:1320px;padding-bottom:4rem}.works-grid[data-astro-cid-bt5j2la3]{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.flip[data-astro-cid-bt5j2la3]{aspect-ratio:4/4.4;perspective:1200px;position:relative}.flip-inner[data-astro-cid-bt5j2la3]{transform-style:preserve-3d;transition:transform .7s var(--ease-out);position:absolute;inset:0}.flip[data-astro-cid-bt5j2la3]:hover .flip-inner[data-astro-cid-bt5j2la3]{transform:rotateY(180deg)}.flip-face[data-astro-cid-bt5j2la3]{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--bg-glass-strong);backdrop-filter:saturate(180%)blur(24px);position:absolute;inset:0;overflow:hidden}.flip-back[data-astro-cid-bt5j2la3]{transform:rotateY(180deg)}.work-poster[data-astro-cid-bt5j2la3]{aspect-ratio:16/10;background:var(--bg-glass);overflow:hidden}.work-poster[data-astro-cid-bt5j2la3] img[data-astro-cid-bt5j2la3]{object-fit:cover;width:100%;height:100%;display:block}.work-body[data-astro-cid-bt5j2la3]{flex-direction:column;gap:.5rem;padding:1rem 1.2rem 1.2rem;display:flex}.work-head[data-astro-cid-bt5j2la3]{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.work-title[data-astro-cid-bt5j2la3]{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600}.like-btn[data-astro-cid-bt5j2la3]{border-radius:var(--radius-full);backdrop-filter:blur(10px);color:#fff;font-size:var(--text-sm);transition:color .28s var(--ease-out), border-color .28s var(--ease-out), background-color .28s var(--ease-out), transform .28s var(--ease-out);background:#ffffff29;border:1px solid #ffffff59;flex-shrink:0;align-items:center;gap:.3rem;padding:.5rem .85rem;font-weight:600;display:inline-flex}.like-btn[data-astro-cid-bt5j2la3]:hover{border-color:#ff375fb3;transform:scale(1.06)}.like-btn[data-astro-cid-bt5j2la3].liked{color:#fff;background:#ff375f;border-color:#ff375f}.like-btn[data-astro-cid-bt5j2la3].liked svg[data-astro-cid-bt5j2la3]{fill:currentColor}.like-btn[data-astro-cid-bt5j2la3] svg[data-astro-cid-bt5j2la3]{transition:transform .28s var(--ease-out)}.like-btn[data-astro-cid-bt5j2la3]:active svg[data-astro-cid-bt5j2la3]{transform:scale(1.35)}.work-desc[data-astro-cid-bt5j2la3]{color:var(--text-secondary);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.work-tags[data-astro-cid-bt5j2la3]{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.back-media[data-astro-cid-bt5j2la3]{background:var(--bg-glass);position:absolute;inset:0;overflow:hidden}.back-media[data-astro-cid-bt5j2la3] img[data-astro-cid-bt5j2la3]{object-fit:cover;width:100%;height:100%;display:block}.back-media[data-astro-cid-bt5j2la3] .back-demo[data-astro-cid-bt5j2la3]{object-fit:cover}.back-media[data-astro-cid-bt5j2la3]:after{content:"";background:linear-gradient(#0000 30%,#00000026 55%,#000000b8 100%);position:absolute;inset:0}.back-actions[data-astro-cid-bt5j2la3]{z-index:1;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.back-title[data-astro-cid-bt5j2la3]{font-size:var(--text-lg);color:#fff;text-shadow:0 1px 8px #00000080;font-weight:600}.back-row[data-astro-cid-bt5j2la3]{justify-content:space-between;align-items:center;gap:.7rem;width:100%;display:flex}.github-cta[data-astro-cid-bt5j2la3]{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;display:flex}@media (width<=1000px){.works-grid[data-astro-cid-bt5j2la3]{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.works-grid[data-astro-cid-bt5j2la3]{grid-template-columns:1fr}}