/* Dr. Melaxin: tactile, open compositions with one material per formula. */
#melaxin-catalog{--mc-paper:#f5d8de;--mc-ink:#542c3c;--mc-ease:cubic-bezier(.22,.7,.15,1);position:fixed;inset:0;z-index:40;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--mc-paper);color:var(--mc-ink);font:16px/1.5 Arial,sans-serif;opacity:0;transition:opacity .8s;isolation:isolate;scroll-padding-top:85px;scrollbar-color:#855a6a70 transparent}#melaxin-catalog.is-open{opacity:1}#melaxin-catalog button{font:inherit;background:transparent;border:0;color:inherit;cursor:pointer}#melaxin-catalog a{color:inherit}.mc-nav{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font:13px Arial,sans-serif;backdrop-filter:blur(12px)}.mc-nav button{padding:12px 0}.mc-wordmark{position:absolute;left:50%;transform:translateX(-50%);font:bold 28px Arial,sans-serif;letter-spacing:-1.6px}.mc-nav>a:last-child{text-decoration:underline;text-underline-offset:6px}.mc-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:850px;height:calc(100svh - 78px);max-height:1080px;padding:40px 6% 80px;overflow:hidden}.mc-hero-copy{z-index:3;position:relative}.mc-hero h1{font:clamp(75px,7.8vw,133px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.075em;margin:0 0 35px}.mc-hero h1 em{font-weight:400}.mc-hero-copy p{font:16px/1.7 Arial,sans-serif;margin:0 0 40px}.mc-hero-copy>a{font:13px Arial,sans-serif;text-decoration:underline;text-underline-offset:7px;display:inline-flex;gap:45px;align-items:center}.mc-hero-copy>a span{font-size:28px}.mc-hero-art{height:100%;min-height:720px;position:relative}.mc-hero-product{position:absolute;height:690px;left:36%;top:0;padding:0;transform:rotate(-11deg);z-index:2}.mc-hero-product .catalog-cutout{height:100%;width:auto;filter:drop-shadow(18px 26px 23px #78516020)}.mc-hero-foam{width:175%;left:-38%;top:4%;--texture-angle:-12deg}.mc-hero-caption{position:absolute;right:0;bottom:0;font:12px/1.6 Arial,sans-serif;z-index:3}.mc-collection{max-width:1720px;margin:auto;padding:0 5%}.mc-intro{padding:110px 0 130px}.mc-intro h2{font:italic clamp(84px,10vw,170px)/.84 Bebas,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:0}.mc-scene{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:70px;align-items:start;padding:40px 0 90px}.mc-product{position:relative;min-width:0;isolation:isolate;--cursor-x:0px;--cursor-y:0px;--cursor-roll:0deg;--scroll-y:0px;--mc-angle:0deg;z-index:2}.mc-product-link{display:block;position:relative;min-height:inherit;width:100%;padding:0!important;text-align:left;overflow:visible;z-index:1}.mc-product-link:focus-visible{outline:2px solid currentColor;outline-offset:8px}.mc-number{position:absolute;left:0;top:0;font:10px Arial,sans-serif;opacity:.5}.mc-packshot{position:absolute;display:block;height:520px;width:auto;left:0;top:0;pointer-events:none;z-index:1}.mc-motion{display:block;height:100%;width:auto;transform:translate3d(var(--cursor-x),calc(var(--cursor-y) + var(--scroll-y)),0) rotate(calc(var(--mc-angle) + var(--cursor-roll)));will-change:transform}.mc-packshot .catalog-cutout{height:100%;width:auto;filter:drop-shadow(16px 25px 20px #54364419)}.mc-type{position:absolute;left:52%;top:32%;font:11px/1.5 Arial,sans-serif;z-index:3}.mc-product h3{position:absolute;left:52%;right:0;top:calc(32% + 35px);font:clamp(52px,5.1vw,84px)/.94 Bebas,'Arial Narrow',sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;z-index:3;pointer-events:none}.mc-product-foot{position:absolute;left:52%;right:0;bottom:50px;display:flex;gap:30px;align-items:center;font:12px Arial,sans-serif;z-index:3}.mc-product-foot>span:last-child{font:29px Arial,sans-serif;transition:transform .6s var(--mc-ease)}.mc-product-link:hover .mc-product-foot>span:last-child{transform:translate(4px,-4px)}.mc-texture{position:absolute;height:auto;max-width:none;pointer-events:none;user-select:none;transform:translateY(var(--texture-y,0px)) rotate(var(--texture-angle,0deg));will-change:transform;z-index:0}
.mc-melting{grid-column:1/span 7;min-height:930px;--mc-angle:-20deg}.mc-melting .mc-packshot{height:670px;left:6%;top:10px}.mc-melting .mc-type{top:400px;left:56%}.mc-melting h3{top:435px;left:56%}.mc-melting .mc-product-foot{left:56%;bottom:170px}.mc-melting-bubbles{width:95%;left:-36%;top:110px;--texture-angle:-18deg}.mc-rice{grid-column:9/span 4;min-height:850px;margin-top:365px;--mc-angle:14deg}.mc-rice .mc-packshot{height:445px;left:12%}.mc-rice .mc-type{left:0;top:505px}.mc-rice h3{left:0;top:540px;font-size:75px}.mc-rice .mc-product-foot{left:0;bottom:15px}.mc-rice-grains{width:190%;left:-45%;top:100px;--texture-angle:35deg}
.mc-beauty{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:11%;padding:120px 0 170px;margin-top:-40px}.mc-beauty figure{margin:0 0 0 5%;height:690px;transform:rotate(-5deg);overflow:hidden}.mc-beauty figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.mc-beauty p,.mc-midline p,.mc-skin-study p{font:clamp(58px,6.3vw,104px)/.97 Georgia,serif;letter-spacing:-.065em;margin:0 0 30px}.mc-beauty p em,.mc-midline p em,.mc-skin-study p em{font-weight:400}.mc-beauty>div>span{font:13px/1.6 Arial,sans-serif;display:block;max-width:210px}.mc-scene-serum{padding-top:70px}.mc-pico{grid-column:2/span 5;min-height:870px;--mc-angle:-17deg}.mc-pico .mc-packshot{height:510px;left:8%}.mc-pico .mc-type{top:570px;left:1%}.mc-pico h3{top:605px;left:1%;font-size:74px}.mc-pico .mc-product-foot{left:1%;bottom:20px}.mc-pico-drops{width:120%;left:-44%;top:70px;--texture-angle:30deg}.mc-pink{grid-column:9/span 4;min-height:970px;margin-top:280px;--mc-angle:16deg}.mc-pink .mc-packshot{height:535px;left:8%}.mc-pink .mc-type{left:0;top:595px}.mc-pink h3{left:0;top:630px;font-size:76px}.mc-pink .mc-product-foot{left:0;bottom:30px}.mc-pink-splash{width:235%;left:-62%;top:0;--texture-angle:23deg}.mc-face{grid-column:2/span 9;min-height:820px;margin-top:-70px;--mc-angle:-27deg}.mc-face .mc-packshot{height:635px;left:8%;top:5px}.mc-face .mc-type{left:49%;top:280px}.mc-face h3{left:49%;right:0;top:315px;font-size:98px}.mc-face .mc-product-foot{left:49%;bottom:115px}.mc-face-cream{width:70%;left:-23%;top:290px;--texture-angle:14deg}.mc-midline{padding:70px 0 100px;margin-left:44%}.mc-midline p{font-size:clamp(60px,7.8vw,122px)}
.mc-pore{grid-column:1/span 7;min-height:920px;--mc-angle:-15deg}.mc-pore .mc-packshot{height:555px;left:6%}.mc-pore .mc-type{left:56%;top:355px}.mc-pore h3{left:56%;top:390px;font-size:86px}.mc-pore .mc-product-foot{left:56%;bottom:130px}.mc-pore-drops{width:125%;left:-32%;top:-80px;--texture-angle:-15deg}.mc-barrier{grid-column:9/span 4;min-height:970px;margin-top:330px;--mc-angle:18deg}.mc-barrier .mc-packshot{height:590px;left:15%}.mc-barrier .mc-type{left:0;top:650px}.mc-barrier h3{left:0;top:685px;font-size:72px}.mc-barrier .mc-product-foot{left:0;bottom:10px}.mc-barrier-cream{width:180%;left:-20%;top:-20px;--texture-angle:28deg}
.mc-skin-study{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:center;padding:130px 0 180px}.mc-skin-study figure{height:540px;transform:rotate(5deg);margin:0;overflow:hidden}.mc-skin-study img{width:100%;height:100%;display:block;object-fit:cover}.mc-skin-study p{font-size:clamp(62px,6.2vw,102px)}.mc-balm{grid-column:2/span 5;min-height:890px;--mc-angle:-20deg}.mc-balm .mc-packshot{height:545px;left:15%}.mc-balm .mc-type{left:0;top:610px}.mc-balm h3{left:0;top:645px;font-size:77px}.mc-balm .mc-product-foot{left:0;bottom:0}.mc-balm-cream{width:160%;left:-70%;top:200px;--texture-angle:-40deg}.mc-tx{grid-column:8/span 5;min-height:870px;margin-top:320px;--mc-angle:11deg}.mc-tx .mc-packshot{height:340px;left:9%;top:50px}.mc-tx .mc-type{left:0;top:475px}.mc-tx h3{left:0;top:510px;font-size:80px}.mc-tx .mc-product-foot{left:0;bottom:35px}.mc-tx-cream{width:180%;left:-20%;top:80px;--texture-angle:-18deg}.mc-ending{padding:50px 5% 90px;display:flex;justify-content:flex-end}.mc-ending button{font:13px Arial,sans-serif!important;text-decoration:underline;text-underline-offset:7px}.mc-credits{display:flex;flex-wrap:wrap;gap:25px;padding:30px 5% 45px;font:11px/1.6 Arial,sans-serif}.mc-credits>span:nth-child(2){margin-left:auto}.mc-credits details{width:100%;max-width:850px;opacity:.8}.mc-credits summary{cursor:pointer;width:max-content}.mc-credits a{text-decoration:underline}.mc-reveal{opacity:0;translate:0 36px;transition:opacity 1.1s var(--mc-ease),translate 1.5s var(--mc-ease)}.mc-reveal.is-revealed{opacity:1;translate:none}.mc-specs{margin:28px 0 0}.mc-specs>div{display:grid;grid-template-columns:90px 1fr;gap:12px;margin-bottom:12px}.mc-specs dt{font-size:11px;color:#76616a}.mc-specs dd{font-size:13px;margin:0}.melaxin-detail .detail-copy h2{font-family:Georgia,serif;font-size:45px;letter-spacing:-.05em;line-height:1.04}.melaxin-detail .detail-art{background:#ecd5dd}.melaxin-detail .mc-detail-pore,.melaxin-detail .mc-detail-barrier{background:#d7e8df}.melaxin-detail .detail-art .catalog-cutout{height:430px}.melaxin-detail .mc-detail-tx .catalog-cutout{height:300px}
@media(max-width:1100px) and (min-width:701px){.mc-hero h1{font-size:80px}.mc-hero-product{height:620px;left:26%}.mc-hero-art{min-height:650px}.mc-hero{min-height:780px}.mc-scene{column-gap:24px}.mc-product h3{font-size:59px}.mc-melting .mc-packshot{height:540px;left:0}.mc-melting .mc-type,.mc-melting h3,.mc-melting .mc-product-foot{left:56%}.mc-rice .mc-packshot{height:370px}.mc-rice .mc-type{top:440px}.mc-rice h3{top:475px}.mc-pico .mc-packshot{height:440px}.mc-pink .mc-packshot{height:445px;left:0}.mc-pink .mc-type{top:515px}.mc-pink h3{top:550px}.mc-face .mc-packshot{height:520px}.mc-face h3{font-size:77px}.mc-pore .mc-packshot{height:460px;left:0}.mc-barrier .mc-packshot{height:490px;left:0}.mc-barrier .mc-type{top:560px}.mc-barrier h3{top:595px}.mc-balm .mc-packshot{height:465px}.mc-tx .mc-packshot{height:280px;left:0}.mc-tx .mc-type{top:405px}.mc-tx h3{top:440px}.mc-beauty{gap:8%}.mc-beauty figure{height:580px}.mc-skin-study figure{height:460px}}
@media(max-width:700px){#melaxin-catalog{scroll-padding-top:64px}.mc-nav{height:64px;padding:0 18px;font-size:10px}.mc-wordmark{font-size:22px;letter-spacing:-1.3px}.mc-nav button span{margin-left:3px}.mc-hero{display:block;padding:42px 22px 55px;height:auto;min-height:1000px;max-height:none}.mc-hero h1{font-size:clamp(61px,17.2vw,75px);margin-bottom:25px}.mc-hero-copy p{font-size:14px;margin-bottom:28px}.mc-hero-copy>a{font-size:12px;gap:25px}.mc-hero-art{height:600px;min-height:600px;margin-top:35px}.mc-hero-product{height:545px;left:34%;top:0}.mc-hero-foam{width:220%;left:-60%;top:-20px;--texture-angle:-25deg}.mc-hero-caption{font-size:10px;bottom:0}.mc-collection{padding:0 22px}.mc-intro{padding:90px 0 95px}.mc-intro h2{font-size:clamp(68px,19vw,90px)}.mc-scene{display:block;padding:10px 0 55px}.mc-product{margin:0!important;min-height:800px}.mc-product .mc-packshot{height:440px;left:20%;top:15px}.mc-product .mc-type{top:510px;left:5%;right:5%;font-size:10px}.mc-product h3{top:545px;left:5%;right:5%;font-size:63px;max-width:340px}.mc-product .mc-product-foot{left:5%;right:5%;bottom:35px;font-size:11px}.mc-melting{min-height:850px}.mc-melting .mc-packshot{height:490px;left:20%}.mc-melting .mc-type{top:565px}.mc-melting h3{top:600px}.mc-melting-bubbles{width:130%;left:-65%;top:60px}.mc-rice{min-height:840px}.mc-rice .mc-packshot{height:425px;left:25%}.mc-rice .mc-type{top:500px}.mc-rice h3{top:535px}.mc-rice-grains{width:200%;left:-60%;top:80px}.mc-beauty{display:flex;flex-direction:column;gap:60px;padding:70px 0 130px;margin:0}.mc-beauty figure{width:90%;height:550px;margin:0;transform:rotate(-5deg)}.mc-beauty>div{align-self:flex-end;width:85%}.mc-beauty p{font-size:63px}.mc-beauty>div>span{font-size:12px}.mc-pico{min-height:850px}.mc-pico .mc-packshot{height:455px;left:24%}.mc-pico .mc-type{top:520px}.mc-pico h3{top:555px}.mc-pico-drops{width:140%;left:-50%;top:50px}.mc-pink{min-height:870px}.mc-pink .mc-packshot{height:475px;left:24%}.mc-pink .mc-type{top:540px}.mc-pink h3{top:575px}.mc-pink-splash{width:240%;left:-65%;top:-30px}.mc-face{min-height:870px}.mc-face .mc-packshot{height:485px;left:28%;top:25px}.mc-face .mc-type{top:560px;left:14%}.mc-face h3{top:595px;left:14%;font-size:66px}.mc-face .mc-product-foot{left:14%}.mc-face-cream{width:140%;left:-55%;top:220px}.mc-midline{margin:0;padding:50px 0 110px}.mc-midline p{font-size:76px}.mc-pore{min-height:830px}.mc-pore .mc-packshot{height:455px;left:19%}.mc-pore .mc-type{top:520px}.mc-pore h3{top:555px}.mc-pore-drops{width:170%;left:-56%;top:-40px}.mc-barrier{min-height:870px}.mc-barrier .mc-packshot{height:485px;left:26%}.mc-barrier .mc-type{top:550px}.mc-barrier h3{top:585px}.mc-barrier-cream{width:190%;left:-52%;top:0}.mc-skin-study{display:flex;flex-direction:column;gap:50px;padding:50px 0 130px}.mc-skin-study p{font-size:64px}.mc-skin-study figure{height:350px;width:110%;margin-left:10%;transform:rotate(5deg)}.mc-balm{min-height:850px}.mc-balm .mc-packshot{height:470px;left:25%}.mc-balm .mc-type{top:535px}.mc-balm h3{top:570px}.mc-balm-cream{width:175%;left:-65%;top:210px}.mc-tx{min-height:760px}.mc-tx .mc-packshot{height:285px;left:10%;top:70px}.mc-tx .mc-type{top:435px}.mc-tx h3{top:470px;font-size:63px}.mc-tx-cream{width:210%;left:-50%;top:80px}.mc-ending{padding:25px 22px 60px}.mc-ending button{font-size:12px!important}.mc-credits{display:block;padding:25px 22px 35px;font-size:10px}.mc-credits>span{display:block;margin-bottom:15px}.melaxin-detail .detail-copy h2{font-size:40px}.melaxin-detail .detail-art .catalog-cutout{height:300px}.melaxin-detail .mc-detail-tx .catalog-cutout{height:230px}.mc-reveal{translate:0 24px}}
@media(prefers-reduced-motion:reduce){#melaxin-catalog,.mc-reveal,.mc-product-foot>span{transition:none!important}.mc-reveal{opacity:1;translate:none}.mc-motion{transform:rotate(var(--mc-angle));will-change:auto}.mc-texture{transform:rotate(var(--texture-angle,0deg));will-change:auto}}
.mc-hero h1{font-size:clamp(75px,6.9vw,118px)}
@media(max-width:1100px) and (min-width:701px){.mc-hero h1{font-size:76px}}
@media(max-width:700px){.mc-hero h1{font-size:clamp(61px,17.2vw,75px)}}
/* Keep the dark rice texture clear of its title. */
.mc-rice-grains{width:150%;left:-30%;top:55px}.mc-pink-splash{width:205%;left:-58%;top:-40px}
@media(max-width:700px){.mc-rice-grains{width:170%;left:-40%;top:50px}.mc-pink-splash{width:220%;left:-55%;top:-45px}}
@media(max-width:700px){.mc-nav>button:first-child{display:block}}