.hair-guide{background:#f7f4ef;padding:64px 24px;max-width:1100px;margin:0 auto}.hair-guide__header{text-align:center;max-width:520px;margin:0 auto 40px}.hair-guide__eyebrow{font-family:var(--font-heading-family, serif);font-style:italic;font-size:13px;letter-spacing:.08em;color:#b8935f;margin:0 0 14px}.hair-guide__heading{font-family:var(--font-heading-family, serif);font-size:clamp(26px,4vw,36px);font-weight:500;color:#1c1917;margin:0 0 14px;line-height:1.2}.hair-guide__subheading{font-size:15px;color:#5c5850;line-height:1.6;margin:0}.hair-guide__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a8578;margin:0 0 20px;text-align:center}.hair-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd6c8;border:.5px solid #DDD6C8}.hair-guide__card{background:#f7f4ef;padding:28px 16px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:background-color .25s ease}.hair-guide__card:hover{background:#efe8d8}.hair-guide__card-media{width:56px;height:56px;margin:0 0 14px;border-radius:50%;background:#efe8d8;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .25s ease}.hair-guide__card:hover .hair-guide__card-media{transform:scale(1.05)}.hair-guide__card-media img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hair-guide__card-icon{width:22px;height:22px;color:#b8935f}.hair-guide__card-icon svg{width:100%;height:100%}.hair-guide__card-title{font-size:14px;font-weight:500;color:#1c1917;margin:0 0 4px}.hair-guide__card-subtitle{font-size:12px;color:#8a8578}.hair-guide__footer{margin-top:32px;padding-top:28px;border-top:.5px solid #DDD6C8;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.hair-guide__footer-text{font-size:13px;color:#8a8578;margin:0}.hair-guide__footer-link{font-size:13px;font-weight:500;color:#1c1917;text-decoration:none;border-bottom:1px solid #B8935F;padding-bottom:2px}@media screen and (max-width:749px){.hair-guide{padding:48px 16px}.hair-guide__grid{grid-template-columns:repeat(2,1fr)}.hair-guide__card{padding:22px 12px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/hair-guide.css.map */