.mockup-frame{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-card-bg);width:100%;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.mockup-frame__chrome{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--surface-border);background:var(--surface-bg);align-items:center;gap:6px;display:flex}.mockup-frame__dot{background:var(--surface-border);border-radius:50%;width:8px;height:8px}.mockup-frame__image-wrap{width:100%;position:relative;overflow:hidden}.mockup-frame__image-wrap img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.mockup-frame--website .mockup-frame__image-wrap{aspect-ratio:16/10}.mockup-frame--saas .mockup-frame__image-wrap{aspect-ratio:16/9}.mockup-phone{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-card-bg);box-shadow:var(--shadow-card);aspect-ratio:9/19.5;position:relative;overflow:hidden}.mockup-phone img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.mockup-frame__phone-inset{right:var(--space-3);bottom:calc(-1 * var(--space-4));z-index:1;width:30%;max-width:140px;position:absolute}.mockup-phone-group{justify-content:center;display:flex;position:relative}.mockup-phone-group .mockup-phone--secondary{left:8%;top:var(--space-4);z-index:0;opacity:.85;width:85%;position:absolute}.mockup-phone-group .mockup-phone--primary{z-index:1;width:78%;position:relative}.mockup-frame__secondary-inset{left:var(--space-3);bottom:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:34%;max-width:220px;box-shadow:var(--shadow-card);z-index:1;position:absolute;overflow:hidden}.mockup-frame__secondary-inset img{object-fit:cover;width:100%;height:auto;display:block}.mockup-scene[data-astro-cid-gby2jdo5]{perspective:1400px;padding-block-end:var(--space-6);padding-inline-end:var(--space-4);position:relative}.mockup-laptop[data-astro-cid-gby2jdo5]{z-index:1;transition:transform var(--transition-card);position:relative;transform:rotateY(-2.5deg)rotateX(1deg)}.mockup-scene[data-astro-cid-gby2jdo5]:hover .mockup-laptop[data-astro-cid-gby2jdo5]{transform:rotateY(0)rotateX(0)translateY(-6px)}.mockup-scene__desktop[data-astro-cid-gby2jdo5] .mockup-frame__image-wrap[data-astro-cid-gby2jdo5]{padding:var(--space-1);border-radius:var(--radius-sm)}.mockup-laptop__base[data-astro-cid-gby2jdo5]{background:var(--surface-card-bg);border:1px solid var(--surface-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;width:92%;height:10px;margin:0 auto}.mockup-scene__mobile[data-astro-cid-gby2jdo5]{z-index:2;right:calc(-1 * var(--space-2));bottom:calc(-1 * var(--space-4));width:36%;min-width:96px;max-width:208px;transition:transform var(--transition-card), border-color var(--transition-card);padding:5px;position:absolute}.mockup-scene__mobile-screen[data-astro-cid-gby2jdo5]{border-radius:calc(var(--radius-lg) - 5px);width:100%;height:100%;overflow:hidden}.mockup-scene[data-astro-cid-gby2jdo5]:hover .mockup-scene__mobile[data-astro-cid-gby2jdo5]{border-color:var(--mne-gold);transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.mockup-laptop[data-astro-cid-gby2jdo5],.mockup-scene__mobile[data-astro-cid-gby2jdo5]{transition:none}.mockup-laptop[data-astro-cid-gby2jdo5],.mockup-scene[data-astro-cid-gby2jdo5]:hover .mockup-laptop[data-astro-cid-gby2jdo5],.mockup-scene[data-astro-cid-gby2jdo5]:hover .mockup-scene__mobile[data-astro-cid-gby2jdo5]{transform:none}}@media (pointer:coarse){.mockup-laptop[data-astro-cid-gby2jdo5]{transform:none}}@media (width<=640px){.mockup-scene[data-astro-cid-gby2jdo5]{padding-block-end:var(--space-4);padding-inline-end:var(--space-3)}.mockup-laptop__base[data-astro-cid-gby2jdo5]{width:90%;height:8px}.mockup-scene__mobile[data-astro-cid-gby2jdo5]{right:calc(-1 * var(--space-1));bottom:calc(-1 * var(--space-2));width:32%;max-width:152px;padding:4px}.mockup-scene__mobile-screen[data-astro-cid-gby2jdo5]{border-radius:calc(var(--radius-lg) - 4px)}}.project-card[data-astro-cid-y2vllrex]{gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--surface-border);flex-direction:column;display:flex}.project-card[data-astro-cid-y2vllrex]:first-child{border-top:none;padding-top:0}.project-card__visual[data-astro-cid-y2vllrex]{width:100%}.project-card__info[data-astro-cid-y2vllrex]{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.project-card__type[data-astro-cid-y2vllrex]{font-size:var(--fs-eyebrow);font-weight:var(--fw-heading);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--surface-accent)}.project-card__title[data-astro-cid-y2vllrex]{font-size:var(--fs-h3);color:var(--surface-text)}.project-card__description[data-astro-cid-y2vllrex]{color:var(--surface-text-secondary);max-width:480px}.project-card__tags[data-astro-cid-y2vllrex]{gap:var(--space-1);flex-wrap:wrap;display:flex}.project-card__link[data-astro-cid-y2vllrex]{margin-top:var(--space-1);color:var(--surface-accent);font-weight:var(--fw-heading);font-size:var(--fs-small);text-decoration:none;display:inline-block}@media (width>=1024px){.project-card[data-astro-cid-y2vllrex]{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}}