.hair-ritual-usage{background-color:#f8f5f1}.hair-ritual-usage-header{text-align:center;margin-bottom:100px}.hair-ritual-usage-title{font-size:4.5rem;font-weight:500;letter-spacing:.15em;margin-bottom:25px;color:#6c4929}.hair-ritual-steps-section .number-accent{font-size:8rem;font-weight:400;font-family:GenYoMinTW,serif;font-style:italic;margin:0 10px;color:#6c4929;vertical-align:end}.hair-ritual-usage-subtitle{font-size:2.4rem;letter-spacing:.2em;color:#6c4929;font-weight:400;opacity:.9}.hair-ritual-steps-container{max-width:900px;margin:0 auto}.hair-ritual-step{display:flex;margin-bottom:100px;align-items:flex-end;gap:60px}.hair-ritual-step-visual{position:relative;width:250px;text-align:center}.hair-ritual-step-image{padding:40px;width:100%;position:relative;z-index:2}.hair-ritual-step-image img{width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.hair-ritual-step-num{position:absolute;bottom:20px;left:-40px;font-size:8rem;color:#6c4929;font-family:GenYoMinTW,serif;font-style:italic;line-height:1;z-index:1;opacity:.8}.hair-ritual-step-details{flex:1;align-self:flex-start}.hair-ritual-step-head{margin-bottom:25px}.hair-ritual-step-head h3{font-size:3.2rem;font-weight:500;letter-spacing:.25em;display:inline-block;margin:10px 0}.color-ritual-1 h3{color:#faca51}.color-ritual-2 h3{color:#70a2ca}.color-ritual-3 h3{color:#987c63}.hair-ritual-shampoo-group{display:flex;flex-direction:column;gap:30px}.hair-ritual-shampoo-item{position:relative;padding-bottom:20px}.hair-ritual-shampoo-item:first-child:after{content:"";position:absolute;bottom:-15px;left:0;width:60%;height:1px;background:#eadbc8}.hair-ritual-shampoo-item h4{font-size:2.6rem;color:#6c4929;letter-spacing:.15em;margin-bottom:8px;font-weight:500}.hair-ritual-shampoo-item p{font-size:1.8rem;color:#5c4033;letter-spacing:.1em}.hair-ritual-step-details>h4{font-size:2.6rem;color:#6c4929;letter-spacing:.2em;margin:0 0 40px;font-family:GenYoMinTW,serif;font-weight:500}.hair-ritual-product-tags{margin-bottom:35px;padding-bottom:15px;color:#6c4929;font-size:2.2rem;font-weight:500;letter-spacing:.18em;border-bottom:1px solid #EADBC8}.hair-ritual-product-tags span:not(:last-child):after{content:"\d7";margin:0 15px;color:#999}.hair-ritual-step-list{list-style:none;padding:0;margin:0}.hair-ritual-step-list li{font-size:1.8rem;color:#5c4033;margin-bottom:15px;letter-spacing:.15em;position:relative;padding-left:25px;line-height:1.6}.hair-ritual-step-list li:before{content:"\25cf";position:absolute;left:0;top:0;font-size:1.2rem;color:#6c4929}@media(max-width:768px){.hair-ritual-usage{background-color:#f8f5f1;padding:60px 0}.hair-ritual-usage-header{margin-bottom:50px}.hair-ritual-usage-title{font-size:2.2rem}.hair-ritual-steps-section .number-accent{font-size:4rem}.hair-ritual-usage-subtitle{font-size:1.4rem}.hair-ritual-steps-container{max-width:100%;padding:0 20px}.hair-ritual-step{display:flex;flex-direction:row;margin-bottom:60px;gap:20px;align-items:flex-start}.hair-ritual-step-visual{width:100px;flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center}.hair-ritual-step-image{padding:10px;width:100%}.hair-ritual-step-num{position:absolute;bottom:-20px;left:-10px;font-size:5rem}.hair-ritual-step-details{flex:1;padding-top:10px}.hair-ritual-step-head h3{font-size:1.6rem;margin:5px 0}.hair-ritual-step-details h4{font-size:1.8rem;margin:5px 0 20px}.hair-ritual-shampoo-item h4{font-size:1.6rem}.hair-ritual-shampoo-item p{font-size:1.3rem}.hair-ritual-product-tags{font-size:1.2rem;margin-bottom:20px;padding-bottom:10px}.hair-ritual-step-list li{font-size:1.3rem;margin-bottom:8px;padding-left:15px}.hair-ritual-step-list li:before{font-size:1rem;top:3px;left:-2px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hair-ritual-steps.css.map */