html{scroll-behavior:smooth}.cce-jsoap,.cce-jsoap *{box-sizing:border-box}.cce-jsoap{--black: #171513;--text: #282521;--muted: #77716b;--line: #ded9d1;--gold: #a68143;--gold-soft: #efe4cf;--ivory: #f7f3ed;--soft: #fbfaf8;width:100%;color:var(--text);background:#fff}.cce-jsoap a{color:inherit;text-decoration:none}.cce-jsoap-kicker{display:block;color:var(--gold);font-size:7px;font-weight:800;letter-spacing:.18em}.cce-jsoap-shop,.cce-jsoap-goals,.cce-jsoap-video,.cce-jsoap-guide{width:min(1360px,calc(100% - 48px));margin-left:auto;margin-right:auto}.cce-jsoap-heading{margin-bottom:25px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.cce-jsoap-heading h1,.cce-jsoap-heading h2{margin:7px 0 0;font-size:clamp(36px,4vw,57px);font-weight:400;line-height:.98;letter-spacing:-.045em}.cce-jsoap-heading p{max-width:450px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.cce-jsoap-shop{padding:42px 0 56px}.cce-jsoap-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cce-jsoap-product{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);background:#fff;scroll-margin-top:calc(var(--header-group-height, 100px) + 24px);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}.cce-jsoap-product:hover{transform:translateY(-4px);border-color:#b8aa93;box-shadow:0 18px 45px #241c1314}.cce-jsoap-product--focus{z-index:4;animation:cceSoapFocus 2.2s cubic-bezier(.2,.8,.2,1)}@keyframes cceSoapFocus{0%{transform:scale(1);border-color:var(--line);box-shadow:none}18%{transform:scale(1.018);border-color:var(--gold);box-shadow:0 0 0 4px #a681431f,0 22px 48px #412f1624}55%{transform:scale(1.008);border-color:var(--gold);box-shadow:0 0 0 7px #a681430f,0 18px 40px #412f161a}to{transform:scale(1);border-color:var(--line);box-shadow:none}}.cce-jsoap-product__visuals{width:100%;min-height:430px;display:grid;grid-template-columns:minmax(0,64fr) minmax(145px,36fr);border-bottom:1px solid var(--line)}.cce-jsoap-product__main-media{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f6f3}.cce-jsoap-product__image{width:100%!important;height:100%!important;display:block;object-fit:contain!important;object-position:center!important;image-rendering:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cce-jsoap-product:hover .cce-jsoap-product__image{transform:scale(1.025)}.cce-jsoap-product__badge{position:absolute;z-index:3;top:11px;left:11px;padding:7px 9px;background:var(--black);color:#fff;font-size:6px;font-weight:800;letter-spacing:.08em}.cce-jsoap-product__concern{position:relative;min-width:0;min-height:430px;overflow:hidden;border-left:1px solid var(--line);background:linear-gradient(160deg,#f8f4ec,#eee6da)}.cce-jsoap-product__concern-label{position:absolute;z-index:3;top:10px;left:8px;right:8px;display:flex;align-items:center;gap:5px;padding:7px 8px;background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold);font-size:5px;font-weight:800;letter-spacing:.08em}.cce-jsoap-product__concern-label svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5}.cce-jsoap-product__concern-image{width:100%!important;height:100%!important;min-width:100%;min-height:100%;display:block;object-fit:cover!important;object-position:center center!important;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}.cce-jsoap-product:hover .cce-jsoap-product__concern-image{transform:translateZ(0) scale(1.035);filter:saturate(1.025) contrast(1.015)}.cce-jsoap-product__concern-placeholder{width:100%;height:100%;min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:var(--gold);text-align:center}.cce-jsoap-product__plus{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:20px}.cce-jsoap-product__concern-placeholder strong{max-width:80px;font-size:6px;line-height:1.35;letter-spacing:.08em}.cce-jsoap-product__content{padding:17px}.cce-jsoap-product__goal{display:block;color:var(--gold);font-size:6px;font-weight:800;letter-spacing:.11em}.cce-jsoap-product h2{margin:8px 0 13px;font-size:clamp(22px,1.9vw,30px);font-weight:400;line-height:1.03;letter-spacing:-.028em}.cce-jsoap-product__helps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.cce-jsoap-product__helps span,.cce-jsoap-goal-card__highlights span{position:relative;overflow:hidden;padding:7px 9px;border:1px solid #dfd4c2;background:#fbf7ef;color:#6e552d;font-size:7px;font-weight:650;line-height:1.2}.cce-jsoap-product__helps span:before,.cce-jsoap-goal-card__highlights span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-110%);background:linear-gradient(105deg,transparent 15%,rgba(211,174,104,.22) 48%,transparent 80%)}.cce-jsoap-product:hover .cce-jsoap-product__helps span:before,.cce-jsoap-goal-card:hover .cce-jsoap-goal-card__highlights span:before{animation:cceHighlightSweep 1.25s ease forwards}.cce-jsoap-product__helps span:nth-child(2):before,.cce-jsoap-goal-card__highlights span:nth-child(2):before{animation-delay:.12s}.cce-jsoap-product__helps span:nth-child(3):before,.cce-jsoap-goal-card__highlights span:nth-child(3):before{animation-delay:.24s}@keyframes cceHighlightSweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}.cce-jsoap-ingredients{display:grid;gap:6px}.cce-jsoap-ingredient{padding:10px 11px;display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.7fr);align-items:start;gap:12px;border-top:1px solid var(--line)}.cce-jsoap-ingredient:last-child{border-bottom:1px solid var(--line)}.cce-jsoap-ingredient strong{color:var(--gold);font-size:8px;font-weight:750;line-height:1.4}.cce-jsoap-ingredient p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.cce-jsoap-product__bottom{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cce-jsoap-product__price{font-size:12px;font-weight:700}.cce-jsoap-product__shop{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;background:var(--black);color:#fff!important;font-size:7px;font-weight:800;letter-spacing:.09em;transition:background .2s ease,transform .2s ease}.cce-jsoap-product__shop:hover{background:var(--gold);transform:translate(2px)}.cce-jsoap-hero{position:relative;width:100%;overflow:hidden;background:#b9ada7}.cce-jsoap-hero--compact{min-height:310px;height:min(31vw,410px);max-height:410px}.cce-jsoap-hero__picture,.cce-jsoap-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cce-jsoap-hero__image{display:block;object-fit:cover;object-position:center;image-rendering:auto}.cce-jsoap-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--cce-overlay, .25))}.cce-jsoap-hero__content{position:relative;z-index:2;width:min(1320px,calc(100% - 48px));height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;color:#fff}.cce-jsoap-hero__content--left{align-items:flex-start;text-align:left}.cce-jsoap-hero__content--center{align-items:center;text-align:center}.cce-jsoap-hero__content--right{align-items:flex-end;text-align:right}.cce-jsoap-hero__eyebrow{margin-bottom:11px;color:#e3c889}.cce-jsoap-hero h2{max-width:760px;margin:0;font-size:clamp(38px,4.6vw,67px);font-weight:400;line-height:.95;letter-spacing:-.045em}.cce-jsoap-hero p{max-width:610px;margin:14px 0 18px;font-size:11px;line-height:1.55;opacity:.9}.cce-jsoap-button{min-width:145px;min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:7px;font-weight:800;letter-spacing:.1em;transition:transform .2s ease,background .2s ease}.cce-jsoap-button:hover{transform:translateY(-2px)}.cce-jsoap-button--light{background:#fff;color:var(--black)!important}.cce-jsoap-button--dark{background:var(--black);color:#fff!important}.cce-jsoap-goals{padding:52px 0 58px}.cce-jsoap-goal-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cce-jsoap-goal-card{position:relative;min-height:255px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}.cce-jsoap-goal-card:before{content:"";position:absolute;width:170px;height:170px;right:-80px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(194,154,85,.17),transparent 70%);transform:scale(.4);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.cce-jsoap-goal-card:hover{transform:translateY(-7px) scale(1.006);border-color:#bba47d;box-shadow:0 20px 42px #30241317}.cce-jsoap-goal-card:hover:before{transform:scale(1.35);opacity:1}.cce-jsoap-goal-card--dark{background:var(--black);border-color:var(--black);color:#fff!important}.cce-jsoap-goal-card__number{position:relative;z-index:2;width:39px;height:39px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:8px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease}.cce-jsoap-goal-card:hover .cce-jsoap-goal-card__number{transform:rotate(360deg) scale(1.08);background:var(--gold);border-color:var(--gold);color:#fff}.cce-jsoap-goal-card__body{position:relative;z-index:2}.cce-jsoap-goal-card small{color:var(--gold);font-size:6px;font-weight:800;letter-spacing:.1em}.cce-jsoap-goal-card h3{margin:9px 0 11px;font-size:23px;font-weight:400;line-height:1.03;transition:transform .35s ease}.cce-jsoap-goal-card:hover h3{transform:translate(4px)}.cce-jsoap-goal-card__highlights{min-height:63px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;margin-bottom:18px}.cce-jsoap-goal-card--dark .cce-jsoap-goal-card__highlights span{border-color:#d4b16f59;background:#d4b16f17;color:#e4ca98}.cce-jsoap-goal-card__soap{display:inline-block;font-size:7px;font-weight:800;letter-spacing:.08em;transition:color .3s ease,transform .3s ease}.cce-jsoap-goal-card:hover .cce-jsoap-goal-card__soap{color:var(--gold);transform:translate(3px)}.cce-jsoap-goal-card__arrow{position:absolute;right:0;bottom:-1px;font-size:21px;transform:translate(-6px);opacity:.4;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.cce-jsoap-goal-card:hover .cce-jsoap-goal-card__arrow{transform:translate(3px);opacity:1}.cce-jsoap-video{padding:55px 0 65px;border-top:1px solid var(--line)}.cce-jsoap-video__header{margin-bottom:22px}.cce-jsoap-video__header h2{max-width:720px;margin:7px 0 0;font-size:clamp(35px,4vw,56px);font-weight:400;line-height:.98;letter-spacing:-.04em}.cce-jsoap-video__frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111}.cce-jsoap-video__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.cce-jsoap-cloth{width:min(1360px,calc(100% - 48px));margin:15px auto 62px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid var(--line)}.cce-jsoap-cloth__media{min-height:470px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ivory)}.cce-jsoap-cloth__image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;image-rendering:auto}.cce-jsoap-cloth__content{padding:clamp(35px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.cce-jsoap-cloth h2{margin:8px 0 18px;font-size:clamp(37px,4vw,56px);font-weight:400;line-height:.97;letter-spacing:-.04em}.cce-jsoap-cloth p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.cce-jsoap-cloth__features{margin-top:22px;display:flex;flex-wrap:wrap;gap:7px}.cce-jsoap-cloth__features span{padding:8px 10px;border:1px solid var(--line);font-size:7px;font-weight:700}.cce-jsoap-cloth__bottom{margin-top:28px;display:flex;align-items:center;gap:20px}.cce-jsoap-guide{padding:55px 0 70px;border-top:1px solid var(--line)}.cce-jsoap-guide__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.cce-jsoap-guide-card{min-height:175px;padding:16px;border:1px solid var(--line);background:#fff;transition:transform .25s ease,border-color .25s ease,background .25s ease}.cce-jsoap-guide-card:hover{transform:translateY(-3px);border-color:#bea97f;background:#fbf7ef}.cce-jsoap-guide-card>span{color:var(--gold);font-size:7px}.cce-jsoap-guide-card h3{margin:26px 0 8px;font-size:18px;font-weight:400;line-height:1.1}.cce-jsoap-guide-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}@media(max-width:1100px){.cce-jsoap-shop,.cce-jsoap-goals,.cce-jsoap-video,.cce-jsoap-guide,.cce-jsoap-cloth{width:min(100% - 32px,1360px)}.cce-jsoap-products{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cce-jsoap-products::-webkit-scrollbar{display:none}.cce-jsoap-product{flex:0 0 54vw;min-width:410px;scroll-snap-align:start}.cce-jsoap-product__visuals{min-height:430px;grid-template-columns:minmax(0,64fr) minmax(145px,36fr)}.cce-jsoap-product__concern,.cce-jsoap-product__concern-placeholder{min-height:430px}.cce-jsoap-goal-rail{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cce-jsoap-goal-rail::-webkit-scrollbar{display:none}.cce-jsoap-goal-card{flex:0 0 42vw;min-width:300px;scroll-snap-align:start}.cce-jsoap-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.cce-jsoap-shop,.cce-jsoap-goals,.cce-jsoap-video,.cce-jsoap-guide{width:100%;padding-left:12px;padding-right:12px}.cce-jsoap-shop{padding-top:28px;padding-bottom:42px}.cce-jsoap-heading{display:block;margin-bottom:18px}.cce-jsoap-heading h1,.cce-jsoap-heading h2{font-size:36px}.cce-jsoap-heading p{margin-top:10px;font-size:10px}.cce-jsoap-products{margin-right:-12px;padding-right:12px}.cce-jsoap-product{flex:0 0 89vw;min-width:0;max-width:410px}.cce-jsoap-product__visuals{min-height:410px;grid-template-columns:minmax(0,62fr) minmax(105px,38fr)}.cce-jsoap-product__concern,.cce-jsoap-product__concern-placeholder{min-height:410px}.cce-jsoap-product h2{font-size:25px}.cce-jsoap-ingredient{grid-template-columns:1fr;gap:4px}.cce-jsoap-ingredient strong{font-size:7px}.cce-jsoap-ingredient p{font-size:8px}.cce-jsoap-hero--compact{min-height:285px;height:50vh;max-height:390px}.cce-jsoap-hero__content{width:calc(100% - 34px)}.cce-jsoap-hero h2{font-size:clamp(37px,11vw,51px)}.cce-jsoap-hero p{max-width:95%;font-size:10px}.cce-jsoap-goals{padding-top:40px;padding-bottom:45px}.cce-jsoap-goal-rail{margin-right:-12px;padding-right:12px}.cce-jsoap-goal-card{flex:0 0 80vw;min-width:0;max-width:350px;min-height:245px}.cce-jsoap-video{padding-top:42px;padding-bottom:46px}.cce-jsoap-video__header h2{font-size:37px}.cce-jsoap-cloth{width:calc(100% - 24px);grid-template-columns:1fr;margin-bottom:45px}.cce-jsoap-cloth__media{min-height:320px}.cce-jsoap-cloth__content{padding:27px 20px 32px}.cce-jsoap-cloth h2{font-size:38px}.cce-jsoap-guide{padding-top:43px;padding-bottom:50px}.cce-jsoap-guide__grid{display:flex;margin-right:-12px;padding-right:12px;overflow-x:auto;overflow-y:hidden;gap:7px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cce-jsoap-guide__grid::-webkit-scrollbar{display:none}.cce-jsoap-guide-card{flex:0 0 54vw;min-width:180px;scroll-snap-align:start}}@media(max-width:390px){.cce-jsoap-product{flex-basis:91vw}.cce-jsoap-product__visuals{min-height:390px;grid-template-columns:minmax(0,61fr) minmax(100px,39fr)}.cce-jsoap-product__concern,.cce-jsoap-product__concern-placeholder{min-height:390px}.cce-jsoap-goal-card{flex-basis:86vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cce-jsoap-product,.cce-jsoap-product__image,.cce-jsoap-product__concern-image,.cce-jsoap-goal-card,.cce-jsoap-goal-card__number,.cce-jsoap-goal-card h3,.cce-jsoap-goal-card__arrow,.cce-jsoap-button{transition:none}.cce-jsoap-product--focus{animation:none;border-color:var(--gold);box-shadow:0 0 0 3px #a681431f}.cce-jsoap-product__helps span:before,.cce-jsoap-goal-card__highlights span:before{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cce-japanese-soap.css.map */