html{scrollbar-color:#74654a #090909}body{overflow-x:clip}.shell{background:transparent;position:relative;z-index:1}#journeyCanvas{position:fixed;inset:0 auto auto 0;z-index:0;display:block;pointer-events:none}main{position:relative;isolation:isolate;overflow:visible}main section,.pour-journey,.hero-copy,.cream-copy,.range-card,.range-photo,.range-info,.press-card{background:transparent!important}.hero-copy,.cream-copy,.craft-section,.routines,.press-section,.reviews-section,.closing-section{position:relative;z-index:2}.hero-copy,.cream-copy,.craft-section,h2,.eyebrow,.range-info,.category,.section-intro,.press-word,.press-desc,.press-read,.closing-section{text-shadow:0 2px 5px #090909,0 0 15px #090909}.hair-section{height:260svh;min-height:1150px;display:block;overflow:visible;padding:90px 8% 0}.hero-copy{padding:0;width:48%}.hair-scene{position:absolute;top:70px;right:2%;width:56%;max-width:690px;margin:0;aspect-ratio:1;pointer-events:none}.hero-scroll{position:absolute;left:8%;top:calc(100svh - 180px);margin:0;color:var(--gold);z-index:2}.pour-journey{min-height:0;overflow:visible}.pour-journey .cream-section{height:520px;min-height:0;padding:60px 8% 0}.pour-journey .cream-copy{width:45%;padding:20px 0 0}.pour-journey .craft-section{width:60%;padding:40px 8% 110px;text-align:left}.routines{padding:55px 6% 180px;border:0}.ranges{column-gap:36px;row-gap:80px;max-width:1350px}.range-photo{min-height:0}.press-section{padding:65px 6% 100px}.press-grid{gap:50px;max-width:1080px}.press-card{border:0;padding:20px 0}.reviews-section{padding:50px 6% 90px}.reviews-grid{gap:36px 44px;max-width:1000px}.review-card{background:#090909;color:#fff}.closing-section{padding:45px 8% 150px}footer{position:relative;background:transparent;z-index:2}.animation-controls{border-top:1px solid #e9b73f44;margin-top:12px;padding-top:12px;display:flex;justify-content:space-between;gap:20px;color:var(--gold);font-size:13px}@container layout (max-width:700px){.hair-section{height:270svh;min-height:1230px;padding:28px 7% 0}.hero-copy{width:100%;padding:0}.hero-copy h1{font-size:38px;margin:12px 0 16px}.hair-scene{top:250px;left:0;right:0;width:100%;max-width:none;margin:0}.hero-scroll{top:calc(100svh - 115px);left:7%;max-width:none;font-size:8px}.pour-journey .cream-section{height:460px;min-height:0;padding:70px 7% 0}.pour-journey .cream-copy{width:74%;padding:0}.pour-journey .cream-section h2{font-size:35px}.pour-journey .craft-section{width:83%;padding:45px 7% 105px}.pour-journey .craft-section h2{font-size:30px}.routines{padding:55px 6% 80px}.ranges{column-gap:32px;row-gap:90px}.range-info h3{font-size:22px}.range-content{font-size:12px;min-height:98px}.press-section{padding:40px 6% 80px}.press-grid{gap:34px}.press-cover{height:240px}.reviews-section{padding:40px 6% 70px}.reviews-grid{gap:40px 30px}.review-card{padding:14px 12px}.closing-section{padding:35px 7% 140px}}body{padding-bottom:80px}body.locked .mh-salon-nav{visibility:hidden}.mh-salon-nav{position:fixed;z-index:19;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#090909;border-top:1px solid var(--gold);padding:9px max(20px,calc((100vw - 1100px)/2));padding-bottom:max(9px,env(safe-area-inset-bottom));min-height:72px}.mh-salon-nav a,.mh-salon-nav button{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px;border-right:1px solid #e9b73f66;font:14px var(--font-body-family);color:var(--gold);min-height:48px}.mh-salon-nav>:last-child{border-right:0}.mh-salon-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.mh-salon-nav a:hover,.mh-salon-nav button:hover{background:#e9b73f15}.mh-salon-dialog{background:#090909;color:#fff;border:1px solid var(--gold);border-radius:18px;padding:25px;max-height:88dvh;width:min(920px,94vw);max-width:94vw;overflow:auto;box-shadow:0 25px 100px #0008}.mh-salon-dialog:not([open]){display:none}.mh-salon-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.mh-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-25px;background:#090909;z-index:2;padding:12px 0;border-bottom:1px solid #e9b73f66;margin-bottom:22px}.mh-dialog-head h2{font:400 clamp(23px,3vw,36px)/1.2 Georgia,serif;color:var(--gold);margin:0}.mh-dialog-head button{color:var(--gold);font:32px/1 Arial;border:1px solid var(--gold);border-radius:50%;width:44px;height:44px;flex-shrink:0}.mh-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--gold);border-radius:28px;padding:11px 21px;color:var(--gold);background:#090909;font:14px/1.4 var(--font-body-family);min-height:44px;margin:12px 4px 0}.mh-pill:hover,.mh-pill[aria-pressed=true]{background:var(--gold);color:#090909}.mh-routine-dialog[open]{display:flex;flex-direction:column;height:auto;max-height:88dvh}.mh-routine-switch{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.mh-video-mirror{border:5px solid var(--gold);border-radius:90px 90px 12px 12px;overflow:hidden;margin:auto;background:#000;flex:0 1 auto;min-height:80px;width:min(740px,100%,calc((88dvh - 300px)*1.5));aspect-ratio:3/2}.mh-video-mirror video{width:100%;height:100%;max-height:100%;object-fit:contain}.mh-routine-steps{text-align:center;font-size:14px;line-height:1.5}[data-mh-routine-product]{align-self:center}.phone .mh-salon-nav{max-width:430px;margin:auto;padding:5px 4px}.phone .mh-salon-nav a,.phone .mh-salon-nav button{flex-direction:column;gap:4px;font-size:11px}@media(max-width:749px){.mh-salon-nav{min-height:64px;padding:5px 4px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.mh-salon-nav a,.mh-salon-nav button{flex-direction:column;gap:4px;padding:5px 2px;font-size:11px;min-height:48px}.mh-salon-nav svg{width:21px;height:21px}.mh-routine-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mh-routine-switch .mh-pill{margin:0;padding:7px 5px;min-height:44px;line-height:1.25}.mh-routine-dialog .mh-dialog-head{gap:8px;padding:6px 0}.mh-routine-dialog .mh-routine-steps{font-size:13px;margin-top:9px}.mh-routine-dialog [data-mh-routine-product]{margin-top:9px}.mh-routine-dialog .mh-video-mirror{width:min(100%,calc((88dvh - 290px)*1.5))}}.phone{background:#090909}.phone .shell{border:0}.range-card,.press-card,.review-card{position:relative}#creamFlowCanvas{position:fixed;inset:0 auto auto 0;z-index:8;display:block;pointer-events:none}.range-info,.category,.press-word,.press-desc,.press-read,.review-card blockquote,.review-author,.review-card a,.stars{position:relative;z-index:3}.closing-section{padding-bottom:65px}@container layout (max-width:700px){.closing-section{padding-bottom:55px}}.hair-initial{position:absolute;top:10%;right:4%;bottom:4%;left:4%;width:92%;height:86%;object-fit:fill;mask:url(mhm-hair-approved-mask.png) center/100% 100% no-repeat;-webkit-mask:url(mhm-hair-approved-mask.png) center/100% 100% no-repeat}.canvas-ready .hair-initial{visibility:hidden}.ritual-portrait{position:relative;z-index:1;padding:0 6%;overflow:visible}.ritual-portrait-stage{position:relative;width:min(100%,980px);aspect-ratio:3/2;margin:0 auto}.ritual-portrait-stage img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(#000 85%,transparent 100%)}@container layout (max-width:700px){.ritual-portrait{padding:0 2%;margin-top:-60px}.pour-journey .craft-section{padding-top:65px}}.shell{z-index:auto}main{isolation:auto}.hero-copy,.cream-copy,.craft-section,.routines,.press-section,.reviews-section,.closing-section{z-index:auto}#creamFlowCanvas{z-index:2}.range-card,.press-card,.review-card{transform:none!important}.hero-copy>*,.cream-copy>*,.craft-section>*,.routines>h2,.routines>.eyebrow,.section-intro,.press-section>h2,.press-section>.eyebrow,.reviews-section>h2,.reviews-section>.eyebrow,.closing-section>*{position:relative;z-index:3}.pour-journey .craft-section{width:49%;padding-right:0}.ritual-portrait-stage img{mask-image:url(mhm-afro-silhouette.png),linear-gradient(#000 85%,transparent 100%);mask-size:100% 100%;mask-composite:intersect;-webkit-mask-image:url(mhm-afro-silhouette.png),linear-gradient(#000 85%,transparent 100%);-webkit-mask-size:100% 100%;-webkit-mask-composite:source-in}@container layout (max-width:700px){.pour-journey .craft-section{width:56%;padding-right:0}.pour-journey .craft-section h2{font-size:28px}}.home-delivery{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;min-height:39px;padding:8px 16px;border-bottom:1px solid #e9b73f40;color:var(--gold);font:13px/1.5 Arial,sans-serif;letter-spacing:.45px;text-align:center;background:transparent}.home-delivery svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;flex-shrink:0}.product-view .home-delivery,.cart-view .home-delivery{display:none}@container layout (max-width:700px){.home-delivery{font-size:12px;min-height:36px;padding:7px 12px}.home-delivery svg{width:19px;height:19px}}.craft-section [data-i=craft]{color:#fff}.cream-copy{opacity:0;visibility:hidden;will-change:opacity,transform}.care-promise{margin-top:26px;max-width:390px}.care-promise h3{font:400 clamp(25px,2.3vw,31px)/1.15 var(--font-heading-family);color:var(--gold);margin:0 0 12px}.care-promise p{font-size:14px;line-height:1.7;color:#fff;margin:0}@container layout (max-width:700px){.care-promise{margin-top:22px}.care-promise h3{font-size:25px}.care-promise p{font-size:13px;line-height:1.6}}.pour-journey .cream-section{height:auto;min-height:520px;padding-top:var(--cream-copy-clearance,60px);padding-bottom:45px}@container layout (max-width:700px){.pour-journey .cream-section{height:auto;min-height:0;padding-top:var(--cream-copy-clearance,70px);padding-bottom:55px}.pour-journey .cream-copy{width:74%}}#creamFlowCanvas{z-index:5;pointer-events:none}.ritual-portrait{z-index:4}.cream-copy>*,.craft-section>*,.routines>h2,.routines>.eyebrow,.section-intro,.press-section>h2,.press-section>.eyebrow,.reviews-section>h2,.reviews-section>.eyebrow,.closing-section>*,.range-info,.category,.press-word,.press-desc,.press-read,.review-card blockquote,.review-author,.review-card a,.stars{position:relative;z-index:6}.pour-journey .cream-section>.care-promise{position:relative;z-index:6;width:45%}@container layout (max-width:700px){.pour-journey .cream-section>.care-promise{width:74%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mhm-journey.css.map */