.hp-mech{padding:80px 24px;background:#fbf9f6}.hp-mech__inner{max-width:680px;margin:0 auto}.hp-mech__label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#747871;margin:0 0 20px;text-align:center}.hp-mech__title{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:clamp(26px,4.5vw,36px);font-weight:400;line-height:1.2;color:#2e3d2c;margin:0 0 56px;text-align:center}.hp-mech__steps{margin-bottom:56px}.hp-mech__step{display:flex;align-items:flex-start;gap:24px;padding:32px 0;border-bottom:1px solid #D5CDB8}.hp-mech__step:first-child{border-top:1px solid #D5CDB8}.hp-mech__step-num{flex-shrink:0;width:40px;height:40px;border:1px solid #2E3D2C;border-radius:50%;display:flex;align-items:center;justify-content:center}.hp-mech__step-num span{font-family:Newsreader,Georgia,serif;font-size:18px;color:#2e3d2c}.hp-mech__step-content{flex:1}.hp-mech__step-title{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:22px;font-weight:400;color:#2e3d2c;margin:0 0 8px;line-height:1.3}.hp-mech__step-body{font-family:Inter,sans-serif;font-size:16px;line-height:1.65;color:#3a3833;margin:0}.hp-mech__ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}@media(max-width:500px){.hp-mech__ingredients{grid-template-columns:1fr;gap:12px}}.hp-mech__ingredient{background:#fbf8f2;border:1px solid #D5CDB8;border-radius:4px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hp-mech__ingredient-img{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.hp-mech__ingredient-img img{width:56px;height:56px;object-fit:contain;border-radius:50%}.hp-mech__ingredient-placeholder{border:1px solid #D5CDB8;border-radius:50%}.hp-mech__ingredient-name{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#2e3d2c}.hp-mech__ingredient-role{font-family:Inter,sans-serif;font-size:13px;color:#747871}.hp-mech__cta-wrap{text-align:center}.hp-mech__cta{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b8552e;text-decoration:none;border-bottom:1px solid #B8552E;padding-bottom:2px;transition:opacity .2s}.hp-mech__cta:hover{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hp-mechanism.css.map */