.nc-format-cards{--nc-format-cards-section-bg: var(--nc-bg-page);--nc-format-card-bg-soft: color-mix(in srgb, var(--nc-format-cards-section-bg) 92%, var(--nc-bg-paper) 8%);--nc-format-card-bg-strong: color-mix(in srgb, var(--nc-format-cards-section-bg) 84%, var(--nc-bg-surface) 16%);--nc-format-card-bg: linear-gradient(135deg, var(--nc-format-card-bg-soft), var(--nc-format-card-bg-strong));--nc-format-card-media-bg-soft: color-mix(in srgb, var(--nc-format-cards-section-bg) 88%, var(--nc-bg-paper) 12%);--nc-format-card-media-bg-strong: color-mix(in srgb, var(--nc-format-cards-section-bg) 76%, var(--nc-text-heading) 24%);--nc-format-card-media-bg: linear-gradient(135deg, var(--nc-format-card-media-bg-soft), var(--nc-format-card-media-bg-strong));--nc-format-card-icon-bg-soft: color-mix(in srgb, var(--nc-format-cards-section-bg) 94%, var(--nc-bg-paper) 6%);--nc-format-card-icon-bg-strong: color-mix(in srgb, var(--nc-format-cards-section-bg) 82%, var(--nc-text-heading) 18%);--nc-format-card-icon-bg: linear-gradient(135deg, var(--nc-format-card-icon-bg-soft), var(--nc-format-card-icon-bg-strong));--nc-format-card-icon-color: var(--nc-rust-500);--nc-format-card-icon-highlight: color-mix(in srgb, var(--nc-bg-paper) 72%, transparent);--nc-format-card-icon-ring: color-mix(in srgb, var(--nc-format-card-icon-color) 14%, transparent);--nc-format-card-icon-shadow: 0 12px 26px color-mix(in srgb, var(--nc-format-card-icon-color) 12%, transparent);padding-inline:var(--nc-section-x);padding-block:var(--nc-section-base-y);background:var(--nc-fond-page);box-shadow:var(--nc-seam)}.nc-format-cards--surface{--nc-format-cards-section-bg: var(--nc-bg-surface);background:var(--nc-fond-voile)}.nc-format-cards--paper{--nc-format-cards-section-bg: var(--nc-bg-paper);background:var(--nc-fond-clair)}.nc-format-cards__inner{max-width:var(--nc-format-cards-max, 1200px);margin-inline:auto}.nc-format-cards__grid{display:grid;grid-template-columns:repeat(var(--nc-format-cards-cols, 3),minmax(0,1fr));gap:var(--nc-space-5);margin-top:var(--nc-space-8)}.nc-format-cards__grid:first-child{margin-top:0}.nc-format-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--nc-color-border);border-top:3px solid var(--nc-format-card-accent, var(--nc-rust-500));border-radius:var(--nc-radius-container);background:var(--nc-format-card-bg);box-shadow:inset 0 1px 0 var(--nc-edge-light),var(--nc-shadow-float);transition:border-color var(--nc-dur-base) var(--nc-ease-out),transform var(--nc-dur-base) var(--nc-ease-out),box-shadow var(--nc-dur-base) var(--nc-ease-out)}.nc-format-card:hover,.nc-format-card:focus-within{border-color:color-mix(in srgb,var(--nc-format-card-accent, var(--nc-rust-500)) 28%,var(--nc-color-border));transform:translateY(-6px);box-shadow:inset 0 1px 0 var(--nc-edge-light),var(--nc-shadow-float-hover)}.nc-format-card--navy{--nc-format-card-accent: var(--nc-blue-500);--nc-format-card-icon-color: var(--nc-blue-500)}.nc-format-card--green{--nc-format-card-accent: var(--nc-teal-500);--nc-format-card-icon-color: var(--nc-color-success)}.nc-format-card--amber{--nc-format-card-accent: var(--nc-rust-300);--nc-format-card-icon-color: var(--nc-color-warning-icon)}.nc-format-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-bottom:1px solid var(--nc-color-border-subtle);background:var(--nc-format-card-media-bg);isolation:isolate}.nc-format-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid rgba(var(--nc-blue-900-rgb),.08);pointer-events:none}.nc-format-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--nc-dur-slow) var(--nc-ease-out)}.nc-format-card:hover .nc-format-card__media img,.nc-format-card:focus-within .nc-format-card__media img{transform:scale(1.025)}.nc-format-card__placeholder{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--nc-format-card-icon-color);isolation:isolate;overflow:hidden}.nc-format-card__placeholder:before{content:"";position:absolute;z-index:0;width:72px;height:72px;border-radius:var(--nc-radius-container);background:radial-gradient(circle at 30% 18%,var(--nc-format-card-icon-highlight) 0,transparent 48%),var(--nc-format-card-icon-bg);box-shadow:inset 0 1px 0 var(--nc-format-card-icon-highlight),inset 0 0 0 1px var(--nc-format-card-icon-ring),var(--nc-format-card-icon-shadow)}.nc-format-card__placeholder svg{position:relative;z-index:1;width:36px;height:36px}.nc-format-card__body{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--nc-space-3);padding:var(--nc-space-5)}.nc-format-card__eyebrow{display:flex;align-items:center;gap:var(--nc-space-2);margin:0;font-family:var(--nc-font-mono);font-size:var(--nc-text-xs);font-weight:500;letter-spacing:var(--nc-tracking-widest);text-transform:uppercase;color:var(--nc-format-card-accent, var(--nc-rust-500))}.nc-format-card__eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:currentColor}.nc-format-card__title{margin:0;font-family:var(--nc-font-display);font-size:var(--nc-text-xl);font-weight:700;line-height:var(--nc-lh-snug);color:var(--nc-text-heading)}.nc-format-card__desc{color:var(--nc-text-body);line-height:var(--nc-lh-base)}.nc-format-card__desc>*:first-child{margin-top:0}.nc-format-card__desc>*:last-child{margin-bottom:0}.nc-format-card__desc p{margin:0 0 var(--nc-space-2)}.nc-format-card__desc strong{color:var(--nc-text-heading);font-weight:600}.nc-format-card__actions{display:flex;flex-wrap:wrap;gap:var(--nc-space-2);margin-top:auto;padding-top:var(--nc-space-3)}.nc-format-card__actions .nc-btn{min-width:0}@media(max-width:900px){.nc-format-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.nc-format-card__body{padding:var(--nc-space-4)}.nc-format-card__actions{display:grid}}@media(max-width:480px){.nc-format-cards__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.nc-format-card,.nc-format-card__media img{transition:none}.nc-format-card:hover .nc-format-card__media img,.nc-format-card:focus-within .nc-format-card__media img,.nc-format-card:hover,.nc-format-card:focus-within{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/nc-format-cards.css.map */