.step-card{--step-card-cutout-shadow: drop-shadow(0 12px 12px rgba(40, 25, 15, .18));--step-card-icon-shadow: drop-shadow(0 6px 8px rgba(40, 25, 15, .2));--step-card-highlight: #1f3a2c;--step-card-highlight-accent: #e8c98a;display:flex;flex-direction:column;gap:var(--space-2)}.step-card__art{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;margin-bottom:var(--space-4);overflow:hidden;border-radius:var(--radius-lg);background:var(--color-card-well)}.step-card__product{width:70%;height:70%;object-fit:contain;filter:var(--step-card-cutout-shadow)}.step-card__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.step-card__fan{position:relative;width:100%;height:100%}.step-card__fan img{position:absolute;top:50%;left:50%;width:30%;height:auto;translate:calc(-50% + (var(--fan-index) - 1) * 80%) -50%;rotate:calc((var(--fan-index) - 1) * 12deg);filter:var(--step-card-icon-shadow)}.step-card__fan img:nth-child(2){z-index:1;width:34%}.step-card__number{font-family:var(--font-editorial);font-size:var(--text-14);letter-spacing:.08em;color:var(--color-brand)}.step-card__title{font-size:var(--text-24);line-height:1.15;color:var(--color-heading)}.step-card__text{max-width:32ch;font-size:var(--text-14);line-height:1.55;color:var(--color-ink-soft)}.step-card--plain{padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-wash)}.step-card--plain .step-card__number{font-size:var(--text-24);letter-spacing:0}.step-card--plain .step-card__title{font-size:var(--text-20);line-height:1.2}.step-card--highlight{padding:var(--space-6);border-radius:var(--radius-md);background:var(--step-card-highlight)}.step-card--highlight .step-card__number{color:var(--step-card-highlight-accent)}.step-card--highlight .step-card__title{color:var(--color-paper)}.step-card--highlight .step-card__text{color:color-mix(in srgb,var(--color-paper) 82%,transparent)}@media(min-width:640px){.step-card__art{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-step-card.css.map */