.steps{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:63px 0;width:100%}.mw700{max-width:700px}.step-card{cursor:pointer;display:flex;height:100%;isolation:isolate;position:relative}.stepcard-av{bottom:0;position:absolute;right:0}.stepcard-circle{left:27px;position:absolute;top:0}.step-card:before{background:linear-gradient(135deg,#ff5a1f,#ff7a47);border-radius:14px;content:"";inset:0;opacity:0;position:absolute;transform:rotate(4deg) scale(.6);transform-origin:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .28s cubic-bezier(.34,1.56,.64,1);z-index:1}.step-card .face{align-items:flex-start;background-color:#2a2724;border-radius:14px;display:flex;flex:1;flex-direction:column;justify-content:end;max-width:438px;min-height:350px;overflow:hidden;padding:32px;position:relative;transition:box-shadow .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);width:100%;z-index:2}.step-card:hover:before{opacity:1;transform:rotate(-4deg) scale(1)}.step-card:hover .face{box-shadow:0 22px 50px rgba(0,0,0,.28)}@media (max-width:900px){.steps{grid-template-columns:1fr}.step-card .face{max-width:none!important;min-height:200px;padding:36px 28px 32px}.steps{margin:32px 0}}@media (max-width:480px){.step-card .face{padding:32px 22px 28px}}@media (prefers-reduced-motion:reduce){.step-card .face,.step-card:before{transition:none}}