.hh-how{background:#fff;padding:0 16px}.hh-how__card{background:var(--hh-brown);border-radius:16px;padding:clamp(40px,7vw,80px) clamp(16px,5vw,64px);display:flex;flex-direction:column;gap:26px;align-items:center;color:#fff}.hh-how__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;max-width:540px;width:100%}.hh-how__eyebrow{margin:0;font-family:var(--hh-font-sans);font-size:14px;line-height:22px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:#fff9}.hh-how__heading{margin:0;font-family:var(--hh-font-sans);font-size:clamp(32px,4.5vw,48px);line-height:clamp(40px,5.2vw,56px);font-weight:600;letter-spacing:-.01em;color:#fff}.hh-how__sub{margin:0;font-family:var(--hh-font-sans);font-size:14px;line-height:22px;font-weight:400;color:#fffc}.hh-how__stepper{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:1200px;flex-wrap:wrap}.hh-how__num{flex-shrink:0;width:40px;height:40px;border-radius:999px;background:var(--hh-orange-soft);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--hh-font-sans);font-size:22px;line-height:32px;font-weight:500}.hh-how__line{flex:1 1 0;min-width:24px;max-width:280px;height:0;border-top:1px dashed rgba(255,255,255,.3);align-self:center}.hh-how__layout{width:100%;display:flex;gap:8px;align-items:stretch}.hh-how__rail{display:none}.hh-how__cards{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:1fr;width:100%;flex:1 1 auto}@media(min-width:700px){.hh-how__cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.hh-how__cards{grid-template-columns:repeat(4,1fr)}}.hh-how__step-card{display:flex;flex-direction:column;gap:16px;padding:8px;background:#f9f6f6;border-radius:12px;overflow:hidden;color:var(--hh-brown);position:relative}.hh-how__media{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff}.hh-how__img{width:100%;height:100%;object-fit:cover;display:block}.hh-how__step-text{padding:8px;display:flex;flex-direction:column;gap:4px;text-align:center}.hh-how__step-title{margin:0;font-family:var(--hh-font-sans);font-size:18px;line-height:26px;font-weight:600;color:#000;letter-spacing:0}.hh-how__step-body{margin:0;font-family:var(--hh-font-sans);font-size:16px;line-height:24px;font-weight:400;color:#000000b3}@media(max-width:749px){.hh-how__card{padding:40px 0;gap:26px}.hh-how__head{padding:0 16px;gap:6px}.hh-how__heading{font-size:32px;line-height:40px}.hh-how__sub{font-size:14px;line-height:22px}.hh-how__stepper{display:none}.hh-how__layout{width:100%;padding:0 16px;align-items:stretch;gap:8px}.hh-how__rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px;padding:52px 0;gap:0}.hh-how__rail-num{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--hh-orange-soft);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--hh-font-sans);font-size:14px;line-height:22px;font-weight:500}.hh-how__rail-line{flex:1 1 0;min-height:80px;width:0;border-left:1px dashed rgba(255,255,255,.3);margin:4px 0}.hh-how__cards{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;width:auto}.hh-how__step-card{flex-direction:row;align-items:stretch;gap:8px;padding:6px;height:128px;border-radius:8px}.hh-how__media{width:94px;height:100%;aspect-ratio:auto;flex-shrink:0;background:transparent;border-radius:6px}.hh-how__step-text{padding:0 4px 0 0;text-align:left;justify-content:center;gap:4px;flex:1 1 auto;min-width:0}.hh-how__step-title{font-size:16px;line-height:24px;letter-spacing:-.02em}.hh-how__step-body{font-size:14px;line-height:22px;color:#000000b3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hh-how-it-works.css.map */