.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 16px}@media (min-width:768px){.steps-grid{gap:40px;padding:0 20px}}.step-card{cursor:pointer;height:auto;min-height:31.25rem;perspective:1000px}@media (min-width:768px){.step-card{height:37.5rem}}.step-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);width:100%}@media (hover:hover) and (pointer:fine){.step-card:hover .step-card-inner{transform:rotateY(180deg)}}@media (hover:none){.step-card:after{background:#0000004d;border-radius:12px;bottom:12px;color:#ffffffb3;content:"Tap to flip";font-size:12px;left:50%;padding:4px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.step-card.flipped .step-card-inner{transform:rotateY(180deg)}.step-card.flipped:after{content:"Tap to flip back"}}.step-back,.step-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;position:absolute;text-align:center;transition:box-shadow .3s ease;width:100%}.step-card:hover .step-back,.step-card:hover .step-front{box-shadow:0 20px 40px #00000026,0 15px 25px #0000001a}.step-1 .step-front{background:linear-gradient(135deg,#d4c4a8,#c4b498);color:#1a1a1a}.step-1 .step-back{background:linear-gradient(135deg,#f5e6d3,#faf6ef);color:#1a1a1a;transform:rotateY(180deg)}.step-2 .step-front{background:linear-gradient(135deg,#d4af37,#c49a2f);color:#1a1a1a}.step-2 .step-back{background:linear-gradient(135deg,#f5e6b3,#fffaeb);color:#1a1a1a;transform:rotateY(180deg)}.step-3 .step-front{background:linear-gradient(135deg,#2d5016,#1f3810);color:#fff}.step-3 .step-back{background:linear-gradient(135deg,#e8f0d9,#f5faf0);color:#1a1a1a;transform:rotateY(180deg)}.step-number{font-size:3.5rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;opacity:.9}.step-title{font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:8px}.step-back{padding:25px}.step-image{border:3px solid #0000001a;border-radius:1rem;height:23.75rem;margin:1.25rem 0;object-fit:cover;width:100%}.step-1 .step-back .step-image{border-color:#d4a4374d;object-position:center middle}.step-2 .step-back .step-image{border-color:#d4a4374d}.step-3 .step-back .step-image{border-color:#2d50164d}.step-description,.step-subtitle{font-size:.9rem;line-height:1.5;margin-top:8px}.step-subtitle{opacity:.85}.step-front .step-title{font-size:1.6rem;margin-bottom:15px;margin-top:10px}.step-front .step-subtitle{font-size:.85rem;line-height:1.5;margin-top:8px;opacity:.8}@media (max-width:768px){.steps-grid{gap:20px;grid-template-columns:1fr}.step-card{height:auto;min-height:30rem}.step-front .step-title{font-size:1.3rem}.step-number{font-size:2.75rem}.step-back,.step-front{padding:24px}.step-image{height:17.5rem;margin:1rem 0}}@media (max-width:480px){.steps-grid{gap:16px;padding:0 12px}.step-card{height:auto;min-height:26.25rem}.step-back,.step-front{padding:20px}.step-number{font-size:2.25rem;margin-bottom:12px}.step-front .step-title{font-size:1.1rem;margin-bottom:8px}.step-title{font-size:1.1rem}.step-image{height:13.75rem;margin:.75rem 0}.step-description,.step-subtitle{font-size:.8rem;line-height:1.4}}@media (max-width:360px){.step-card{min-height:23.75rem}.step-back,.step-front{padding:16px}.step-number{font-size:2rem}.step-image{height:11.25rem}}
/*# sourceMappingURL=6282.e84b40a6.chunk.css.map*/