.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--grid-gap)}.sample-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--surface-alt);border-radius:var(--radius);padding:var(--card-pad);text-decoration:none;color:var(--ink);border:1px solid var(--border);transition:.28s;min-height:clamp(150px, 40vw, 220px)}.sample-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .09)}.sample-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:clamp(0.75rem, 2.5vw, 1.125rem)}.sample-badge{background:var(--accent);color:#fff;padding:7px 13px;border-radius:999px;font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sample-number{font-size:var(--fs-small);color:#888;font-weight:600;white-space:nowrap}.sample-card h2,.sample-card h3{font-size:var(--fs-card-title);line-height:1.2;margin:0}.sample-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:clamp(1rem, 3vw, 1.5rem);font-weight:600;font-size:var(--fs-small);color:var(--accent)}.sample-arrow{margin-top:clamp(1rem, 3vw, 1.5rem);font-weight:600;font-size:var(--fs-small);color:var(--accent);transition:.25s}.sample-footer .sample-arrow{margin-top:0;font-size:1.3rem}.sample-card:hover .sample-arrow{transform:translateX(6px)}