.sample-canvas-section-module__qd6S_a__section{gap:var(--space-4);width:100%;min-width:0;display:grid}.sample-canvas-section-module__qd6S_a__header{align-items:center;gap:var(--space-2);display:flex}.sample-canvas-section-module__qd6S_a__title{color:var(--foreground);font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:26px;font-weight:400}.sample-canvas-section-module__qd6S_a__badge{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--primary) 16%, transparent);min-height:22px;color:var(--primary);white-space:nowrap;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.sample-canvas-section-module__qd6S_a__track{--sample-gap:var(--space-4);gap:var(--sample-gap);padding-block:2px var(--space-2);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.sample-canvas-section-module__qd6S_a__card{aspect-ratio:16/9;border:1px solid var(--ghost-border);border-radius:var(--radius-md);background:var(--card);min-width:0;box-shadow:var(--shadow-card);isolation:isolate;transition:border-color var(--dur-normal) var(--ease), box-shadow var(--dur-normal) var(--ease), transform var(--dur-normal) var(--ease);display:block;position:relative;overflow:hidden}.sample-canvas-section-module__qd6S_a__card:hover,.sample-canvas-section-module__qd6S_a__card:focus-visible{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));box-shadow:none;transform:translateY(-2px)}.sample-canvas-section-module__qd6S_a__card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sample-canvas-section-module__qd6S_a__cover,.sample-canvas-section-module__qd6S_a__coverFallback,.sample-canvas-section-module__qd6S_a__scrim{width:100%;height:100%;position:absolute;inset:0}.sample-canvas-section-module__qd6S_a__cover{object-fit:cover;transition:transform calc(var(--dur-slow) * 2) var(--ease)}.sample-canvas-section-module__qd6S_a__card:hover .sample-canvas-section-module__qd6S_a__cover,.sample-canvas-section-module__qd6S_a__card:focus-visible .sample-canvas-section-module__qd6S_a__cover{transform:scale(1.04)}.sample-canvas-section-module__qd6S_a__coverFallback{color:var(--primary);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 48%), var(--card);place-items:center;display:grid}.sample-canvas-section-module__qd6S_a__scrim{pointer-events:none;background:linear-gradient(#0000 22%,#05050547 46%,#050505e6 100%)}.sample-canvas-section-module__qd6S_a__cardCopy{inset:auto var(--space-3) var(--space-3);z-index:1;justify-content:space-between;align-items:flex-end;gap:var(--space-2);color:#fff;display:flex;position:absolute}.sample-canvas-section-module__qd6S_a__cardTitle{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 10px #0000008c;min-width:0;font-size:14px;line-height:1.3;overflow:hidden}.sample-canvas-section-module__qd6S_a__cta{opacity:0;max-width:0;color:var(--primary);white-space:nowrap;transition:max-width var(--dur-normal) var(--ease), opacity var(--dur-fast) var(--ease), transform var(--dur-normal) var(--ease);flex:none;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden;transform:translate(6px)}.sample-canvas-section-module__qd6S_a__card:hover .sample-canvas-section-module__qd6S_a__cta,.sample-canvas-section-module__qd6S_a__card:focus-visible .sample-canvas-section-module__qd6S_a__cta{opacity:1;max-width:140px;transform:translate(0)}@media (max-width:1080px){.sample-canvas-section-module__qd6S_a__track{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.sample-canvas-section-module__qd6S_a__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.sample-canvas-section-module__qd6S_a__title{font-size:22px}.sample-canvas-section-module__qd6S_a__track{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sample-canvas-section-module__qd6S_a__card,.sample-canvas-section-module__qd6S_a__cover,.sample-canvas-section-module__qd6S_a__cta{transition:none}}