.case[data-astro-cid-ddfdftvl]{background:var(--card);border:1px solid var(--line);border-radius:22px;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1rem,2.5vw,1.6rem);display:grid}.case[data-astro-cid-ddfdftvl]>[data-astro-cid-ddfdftvl]{min-width:0}.cases>.case[data-astro-cid-ddfdftvl]:nth-child(2n){grid-template-columns:1fr 1.25fr}.cases>.case[data-astro-cid-ddfdftvl]:nth-child(2n) .media[data-astro-cid-ddfdftvl]{order:2}.media[data-astro-cid-ddfdftvl]{background:var(--paper-2);aspect-ratio:16/11;border-radius:16px;position:relative;overflow:hidden}.media[data-astro-cid-ddfdftvl] .browser[data-astro-cid-ddfdftvl]{width:80%;position:absolute;top:9%;left:6%}.media[data-astro-cid-ddfdftvl] .phone[data-astro-cid-ddfdftvl]{width:24%;position:absolute;bottom:-8%;right:5%}.media[data-astro-cid-ddfdftvl].phone-only{background:linear-gradient(160deg,#e4dccd,#efe9de);place-items:center;display:grid}.media[data-astro-cid-ddfdftvl].phone-only .phone[data-astro-cid-ddfdftvl]{width:30%;margin-top:14%;position:relative;bottom:auto;right:auto}.media[data-astro-cid-ddfdftvl]>.tag[data-astro-cid-ddfdftvl]{z-index:3;position:absolute;bottom:1rem;left:1rem}.media[data-astro-cid-ddfdftvl].phone-only>.tag[data-astro-cid-ddfdftvl],.media[data-astro-cid-ddfdftvl].none>.tag[data-astro-cid-ddfdftvl]{top:1rem;bottom:auto}.code[data-astro-cid-ddfdftvl]{background:var(--night);height:100%;color:var(--night-2t);white-space:pre;margin:0;padding:3.5rem 1.5rem 1.5rem;font:500 clamp(.72rem,1.2vw,.9rem)/1.6 ui-monospace,Consolas,monospace;overflow:hidden}.code[data-astro-cid-ddfdftvl] .k[data-astro-cid-ddfdftvl]{color:var(--peach)}.code[data-astro-cid-ddfdftvl] .s[data-astro-cid-ddfdftvl]{color:var(--teal-l)}.code[data-astro-cid-ddfdftvl] .c[data-astro-cid-ddfdftvl]{color:#6c7a76}.media[data-astro-cid-ddfdftvl].none>.tag[data-astro-cid-ddfdftvl]{background:var(--night-2);color:var(--night-text);border-color:#444}.title[data-astro-cid-ddfdftvl]{font-family:var(--serif);letter-spacing:0;margin:.4rem 0 1rem;font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:400;line-height:1.05}.title[data-astro-cid-ddfdftvl] a[data-astro-cid-ddfdftvl]{text-decoration:none}.title[data-astro-cid-ddfdftvl] a[data-astro-cid-ddfdftvl]:hover{text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:5px}dl[data-astro-cid-ddfdftvl]{gap:.75rem;margin:0;display:grid}dt[data-astro-cid-ddfdftvl]{letter-spacing:.14em;text-transform:uppercase;color:var(--clay);font-size:.72rem;font-weight:700}dd[data-astro-cid-ddfdftvl]{color:var(--ink-2);margin:.1rem 0 0;font-size:.97rem}.links[data-astro-cid-ddfdftvl]{flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1.2rem;display:flex}.links[data-astro-cid-ddfdftvl] a[data-astro-cid-ddfdftvl]{padding:.3rem 0}@media (width<=960px){.case[data-astro-cid-ddfdftvl],.cases>.case[data-astro-cid-ddfdftvl]:nth-child(2n){grid-template-columns:1fr}.cases>.case[data-astro-cid-ddfdftvl]:nth-child(2n) .media[data-astro-cid-ddfdftvl]{order:0}}