.hiw{padding:3.5rem 0;font-family:DM Sans,sans-serif}.hiw__container{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center}.hiw__subheading{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#888;margin:0 0 .5rem}.hiw__heading{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#1d1d1f;margin:0 0 2.5rem}.hiw__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.hiw__step{display:flex;flex-direction:column;align-items:center;text-align:center}.hiw__step-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--hiw-radius, 16px);background:#e8e8e8;margin-bottom:1.25rem}.hiw__step-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.hiw__step:hover .hiw__step-image img{transform:scale(1.04)}.hiw__step-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hiw__step-placeholder svg{width:50%;height:auto;opacity:.25}.hiw__step-badge{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;background:#fff;color:#1d1d1f;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;z-index:1}.hiw__step-text{display:flex;flex-direction:column;align-items:center;padding:0 .5rem}.hiw__step-title{font-size:18px;font-weight:700;color:#1d1d1f;margin:0 0 .4rem;line-height:1.25}.hiw__step-desc{font-size:14px;line-height:1.6;color:#666;margin:0 0 .75rem;max-width:300px}.hiw__step-time{display:inline-block;font-size:12px;font-weight:600;color:#888;background:#0000000d;padding:4px 14px;border-radius:50px;letter-spacing:.02em}.hiw__footnote{font-size:15px;color:#888;margin:2.5rem 0 0;font-style:italic}@media(min-width:768px)and (max-width:1023px){.hiw__grid{gap:1rem}.hiw__step-title{font-size:16px}.hiw__step-desc{font-size:13px}}@media(max-width:767px){.hiw{padding:2.5rem 0}.hiw__container{padding:0 1.25rem}.hiw__heading{margin-bottom:1.75rem}.hiw__grid{grid-template-columns:1fr;gap:2rem;max-width:400px;margin:0 auto}.hiw__step-image{margin-bottom:1rem}.hiw__step-badge{width:28px;height:28px;font-size:13px;top:10px;left:10px}.hiw__step-title{font-size:17px}.hiw__step-desc{font-size:14px;max-width:100%}.hiw__footnote{margin-top:1.5rem;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/Aroman-How-It-Works.css.map */