.craft{max-width:1280px;margin:0 auto;padding:88px 32px 96px}.craft-grid{--craft-gap:24px;columns:4;column-gap:var(--craft-gap)}@media (max-width:1280px){.craft-grid{columns:3}}@media (max-width:880px){.craft-grid{columns:2}}@media (max-width:640px){.craft-grid{columns:1}.craft{padding:56px 20px 64px}}a.craft-card{color:inherit;text-decoration:none}.craft-card{margin-bottom:var(--craft-gap);break-inside:avoid;z-index:0;display:block;position:relative}.craft-card-canvas{border-radius:var(--radius-card);background-color:var(--card);padding:18px;transition:transform .55s cubic-bezier(.16,1,.3,1);position:relative}.craft-card-frame{width:var(--media-width,100%);background-color:var(--background);border-radius:14px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 24px 48px #13121029,0 6px 14px #13121014}.craft-card-frame.is-bare{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.dark .craft-card-frame.is-bare{box-shadow:none}.craft-card-frame.is-bare .craft-card-image{object-fit:contain}.craft-card-bleed{position:absolute;inset:0}.craft-card-canvas{container-type:inline-size}.craft-phone{width:var(--device-w);padding:var(--bezel-top) var(--bezel-right) var(--bezel-bottom) var(--bezel-left);border-radius:var(--device-radius);background:#0b0b0d;margin:0 auto;position:relative;box-shadow:0 24px 48px #13121038,0 6px 14px #1312101f}.craft-phone-screen{aspect-ratio:var(--screen-ratio);border-radius:var(--screen-radius);background:var(--phone-screen-bg,#000);position:relative;overflow:hidden}.craft-phone-screen .craft-card-image,.craft-phone-screen .craft-card-video{object-fit:contain}.craft-phone-chrome{z-index:2;pointer-events:none;background:#0b0b0d;position:absolute}.craft-phone-island{top:calc(var(--bezel-top) + 2.1cqw);width:var(--island-w);height:var(--island-h);border-radius:999px;left:50%;transform:translate(-50%)}.craft-phone-notch{top:var(--bezel-top);width:var(--notch-w);height:var(--notch-h);border-radius:0 0 999px 999px;left:50%;transform:translate(-50%)}.craft-phone-home{bottom:calc((var(--bezel-bottom) - var(--home-size)) / 2);width:var(--home-size);height:var(--home-size);background:#0b0b0d;border-radius:999px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff38}.craft-phone-earpiece{top:calc((var(--bezel-top) - var(--earpiece-h)) / 2);width:var(--earpiece-w);height:var(--earpiece-h);background:#26262a;border-radius:999px;left:50%;transform:translate(-50%)}.craft-phone-punch{top:calc(var(--bezel-top) + 1.6cqw);width:var(--punch-size);height:var(--punch-size);border-radius:999px;left:50%;transform:translate(-50%)}.dark .craft-phone{box-shadow:0 24px 48px #0000008c,0 0 0 1px #ffffff1f}.craft-card-image{object-fit:cover}.craft-card-video{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.craft-card:hover{z-index:2}.craft-card:hover .craft-card-canvas{transform:scale(1.035)}}.craft-card:focus-visible{z-index:2;outline:none}.craft-card:focus-visible .craft-card-canvas{box-shadow:0 0 0 2px var(--ring);transform:scale(1.035)}.craft-card-meta{flex-direction:column;gap:3px;padding:14px 6px 0;display:flex}.craft-card-title{letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.craft-card-caption{color:var(--muted-foreground);font-size:13px;line-height:1.5}.craft-card-pill{border:1px solid var(--border);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);border-radius:999px;padding:2px 8px;font-size:.5625rem;font-weight:400;transition:border-color .3s,color .3s}.craft-card:hover .craft-card-pill,.craft-card:focus-visible .craft-card-pill{border-color:var(--foreground);color:var(--foreground)}.dark .craft-card-frame{box-shadow:0 24px 48px #00000080,0 0 0 1px #ffffff17}@media (prefers-reduced-motion:reduce){.craft-card-canvas{transition:none}.craft-card:hover .craft-card-canvas{transform:none}}