.samplecard{--samplecard-padding: var(--space-6);position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;gap:var(--space-5);padding:var(--samplecard-padding);border-radius:var(--radius-xl);background:radial-gradient(140% 180% at 0% 0%,color-mix(in oklab,var(--color-primary-soft, var(--color-primary)) 11%,transparent) 0%,transparent 60%),var(--color-surface);border:1px solid color-mix(in oklab,var(--color-primary) 14%,var(--color-light-alt, var(--color-neutral-100)) 86%);box-shadow:var(--shadow-sm);transition:box-shadow .18s ease-out,transform .18s ease-out,border-color .18s ease-out,background .18s ease-out;contain:content}.samplecard:hover,.samplecard:focus-within{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:color-mix(in oklab,var(--color-accent) 55%,var(--color-light-alt, var(--color-neutral-100)) 45%);background:radial-gradient(150% 200% at 0% 0%,color-mix(in oklab,var(--color-primary-soft, var(--color-primary)) 16%,transparent) 0%,transparent 65%),color-mix(in oklab,var(--color-surface) 92%,var(--color-primary-soft, var(--color-primary)) 8%)}.samplecard--compact{--samplecard-padding: var(--space-4);gap:var(--space-4);border-radius:var(--radius-lg)}.samplecard__media{margin:calc(var(--samplecard-padding) * -1) calc(var(--samplecard-padding) * -1) 0;overflow:hidden;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.samplecard--compact .samplecard__media{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.samplecard__img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;background:var(--color-surface-alt, var(--color-light))}.samplecard__body{display:flex;flex-direction:column;gap:var(--space-5)}.samplecard--compact .samplecard__body{gap:var(--space-4)}.samplecard__head{display:grid;gap:var(--space-2)}.samplecard__eyebrow{margin:0;font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent)}.samplecard__title{margin:0;color:var(--color-primary);font-size:var(--fs-lg)}.samplecard__title--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.samplecard__subtitle{margin:0}.samplecard__footer{margin-top:auto}.samplecard__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.samplecard__cta-label{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.samplecard__cta-icon{font-size:.95em;line-height:1;transform:translate(0);transition:transform .18s ease-out}.samplecard__cta:hover .samplecard__cta-icon,.samplecard__cta:focus-visible .samplecard__cta-icon{transform:translate(2px)}.samplecard__cta:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.samplecard:focus-within{box-shadow:var(--shadow-md)}@media(min-width:640px){.samplecard{gap:var(--space-5)}.samplecard--compact{gap:var(--space-4)}}@media(min-width:1024px){.samplecard{gap:var(--space-6)}.samplecard__head{gap:var(--space-2)}}@media(prefers-reduced-motion:reduce){.samplecard,.samplecard__cta,.samplecard__cta-icon{transition:none;transform:none}}