.work-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=768px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}}@media (width>=1025px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.work-grid.work-grid--single{grid-template-columns:minmax(0,1fr)}.work-card{min-width:0}.work-card__link{border-radius:16px;display:block}.work-card__thumb{aspect-ratio:4/3;background:var(--secondary);isolation:isolate;border-radius:16px;position:relative;overflow:hidden}.work-card__thumb>.work-thumb,.work-card__thumb>.project-stage{transition:transform .55s var(--ease-soft)}.work-card__link:hover .work-card__thumb>.work-thumb,.work-card__link:focus-visible .work-card__thumb>.work-thumb,.work-card__link:hover .work-card__thumb>.project-stage,.work-card__link:focus-visible .work-card__thumb>.project-stage{transform:scale(1.05)}.work-card__overlay{opacity:0;transition:opacity var(--dur-base) var(--ease-soft);pointer-events:none;background:linear-gradient(#0000 45%,#0a0a0bb8);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.work-card__overlay-label{background:color-mix(in srgb, var(--paper-raised) 96%, transparent);color:var(--on-paper);transition:transform var(--dur-base) var(--ease-card);border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex;transform:translateY(10px)}.work-card__link:hover .work-card__overlay,.work-card__link:focus-visible .work-card__overlay{opacity:1}.work-card__link:hover .work-card__overlay-label,.work-card__link:focus-visible .work-card__overlay-label{transform:translateY(0)}.work-card__caption{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--paper-panel) 96%, transparent) 0%, color-mix(in srgb, var(--paper-panel) 88%, transparent) 55%, color-mix(in srgb, var(--paper-panel) 0%, transparent) 100%);pointer-events:none;flex-direction:column;align-items:flex-start;padding:24px 24px 56px;display:flex;position:absolute;inset:0 0 auto}.work-card__type{color:var(--brand);font-size:.875rem;font-weight:600;line-height:1.5}.work-card__title{letter-spacing:-.024em;color:var(--foreground);transition:color var(--dur-fast) ease;margin-top:4px;font-size:1.25rem;font-weight:700;line-height:1.35}.work-card__link:hover .work-card__title,.work-card__link:focus-visible .work-card__title{color:var(--brand)}.work-card__meta{color:var(--text-muted);margin-top:6px;font-size:.875rem;line-height:1.6}.work-thumb{background:var(--secondary);justify-content:center;align-items:flex-end;gap:4%;width:100%;height:100%;padding:34% 8% 0;display:flex}.work-thumb>img{aspect-ratio:9/16;object-fit:cover;object-position:top;width:27%;height:auto;box-shadow:var(--shadow-2);border-radius:10px 10px 0 0;display:block}.work-thumb>img:nth-child(2){transform:translateY(-6%)}.work-thumb--cover{padding:0}.work-thumb--cover>img{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0;transform:none}.project-stage{background:linear-gradient(#30281c0f 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #30281c0f 1px, transparent 1px) 0 0 / 48px 48px, var(--paper-panel);width:100%;height:100%;position:relative}.project-stage__browser{width:64%;box-shadow:var(--shadow-2);background:#fff;border-radius:12px;position:absolute;top:11%;left:7%;overflow:hidden}.project-stage__chrome{border-bottom:1px solid var(--border);gap:6px;padding:10px 14px;display:flex}.project-stage__chrome i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.project-stage__browser img,.project-stage__phone img{width:100%;height:auto;display:block}.project-stage__phone{aspect-ratio:780/1500;background:#fff;border:5px solid #18181b;border-radius:22px;width:17%;position:absolute;overflow:hidden;box-shadow:0 30px 60px -24px #10101c73}.project-stage__phone img{object-fit:cover;object-position:top;height:100%}.project-stage__phone--1{top:18%;left:66%}.project-stage__phone--2{top:30%;left:79%}.work-invite{min-width:0}.work-invite__link{border-radius:16px;display:block}.work-invite__box{aspect-ratio:4/3;border:1.5px dashed var(--border-strong);text-align:center;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.work-invite__box>svg{color:var(--text-muted);margin-bottom:4px}.work-invite__title{letter-spacing:-.02em;color:var(--foreground);font-size:1.125rem;font-weight:600}.work-invite__cta{color:var(--brand);font-size:15px;font-weight:600}.work-invite__link:hover .work-invite__box,.work-invite__link:focus-visible .work-invite__box{border-color:var(--brand);background:#3a59e40a}.work-feature__media{border-radius:20px}.work-card__thumb.work-feature__thumb{aspect-ratio:16/8.2;border-radius:20px}.work-feature__media .work-card__thumb.work-feature__thumb{border-radius:0}.work-feature__thumb .work-card__caption{padding:40px 48px 72px}.work-feature__thumb .work-card__type{font-size:.9375rem}.work-feature__thumb .work-card__title{font-size:var(--type-heading);letter-spacing:-.03em;margin-top:6px;line-height:1.25}.work-feature__thumb .work-card__meta{margin-top:10px;font-size:.9375rem}.work-feature__thumb .project-stage__browser{width:52%;top:22%;left:30%}.work-feature__thumb .project-stage__phone{width:15%}.work-feature__thumb .project-stage__phone--1{top:30%;left:70%}.work-feature__thumb .project-stage__phone--2{top:42%;left:81%}.work-feature__link>.work-feature__thumb{box-shadow:var(--shadow-1);transition:box-shadow var(--dur-card) var(--ease-card), transform var(--dur-card) var(--ease-card)}.work-feature__link:hover>.work-feature__thumb{box-shadow:var(--shadow-2);transform:translateY(-4px)}@media (width<=1024px){.work-feature__thumb .work-card__caption{padding:32px 32px 64px}.work-feature__thumb .project-stage__browser{width:58%;top:30%;left:24%}.work-feature__thumb .project-stage__phone{width:17%}.work-feature__thumb .project-stage__phone--1{top:36%;left:66%}.work-feature__thumb .project-stage__phone--2{top:46%;left:79%}}@media (width<=767px){.work-card__overlay{display:none}.work-card__caption{padding:20px 20px 40px}.work-card__thumb.work-feature__thumb{aspect-ratio:4/4.2;border-radius:16px}.work-feature__thumb .work-card__caption{padding:22px 22px 48px}.work-feature__thumb .work-card__type{font-size:.8125rem}.work-feature__thumb .work-card__meta{margin-top:6px;font-size:.8125rem}.work-feature__thumb .project-stage__browser{border-radius:8px;width:78%;top:40%;left:6%}.project-stage__chrome{gap:4px;padding:6px 8px}.project-stage__chrome i{width:6px;height:6px}.work-feature__thumb .project-stage__phone{border-width:3px;border-radius:14px;width:30%}.work-feature__thumb .project-stage__phone--1{top:52%;left:42%}.work-feature__thumb .project-stage__phone--2{top:44%;left:65%}.work-card__title{font-size:1.125rem}.work-feature__thumb .work-card__title{margin-top:4px;font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.work-card__link:hover .work-card__thumb>.work-thumb,.work-card__link:focus-visible .work-card__thumb>.work-thumb,.work-card__link:hover .work-card__thumb>.project-stage,.work-card__link:focus-visible .work-card__thumb>.project-stage,.work-feature__link:hover>.work-feature__thumb{transform:none}}