@charset "UTF-8";.product-story{--ink:#1d2529;--paper:#fff;--muted:#5d6c72;--font-brand:"Noto Serif JP",serif;overflow:clip;color:var(--ink);background:var(--paper);font-family:Noto Sans JP,sans-serif}.product-story *{box-sizing:border-box}.product-story :is(p,h2,h3,h4,ul,dl){margin-bottom:0}.product-story a{color:inherit;text-decoration:none}.product-story .story-cta{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;background:#1d2529;color:#fff;font-size:13px;letter-spacing:.1em}.product-story img{max-width:none}.story-original-mobile{display:none}.product-story--images-only .story-original-mobile{display:block;line-height:0;background:#fff}.product-story--images-only .story-original-mobile img{display:block;width:100%;max-width:700px;height:auto;margin-inline:auto}.story-kicker{font-size:10px;letter-spacing:.28em;font-weight:500;line-height:1.7}.product-story h2,.product-story h3{font-family:var(--font-brand);font-weight:400;letter-spacing:.025em}.story-opening,.story-fragrance,.story-finale{position:relative;isolation:isolate;overflow:hidden}.story-opening{display:flex;align-items:center;min-height:min(850px,88svh);background:#edf2f3}.story-opening-image,.story-fragrance-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.story-opening-image{object-position:center;animation:story-breathe 22s ease-in-out infinite alternate}.story-opening:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(250,252,252,.94) 0%,rgba(250,252,252,.82) 28%,rgba(250,252,252,.12) 67%,transparent 100%)}.story-opening-copy{position:relative;max-width:790px;padding:100px clamp(28px,8vw,160px)}.story-opening h2{margin-top:30px;font-size:clamp(42px,4.3vw,82px);line-height:1.45;white-space:nowrap}.story-opening-copy>p:not(.story-kicker){margin-top:34px;font-size:clamp(13px,1.08vw,17px);line-height:2.2;letter-spacing:.045em}.story-text-link{display:inline-flex;align-items:center;gap:42px;margin-top:44px;padding-bottom:10px;border-bottom:1px solid currentColor;font-size:12px;letter-spacing:.1em}.story-text-link span{font-size:18px;transition:transform .3s ease}.story-text-link:hover span,.story-text-link:focus-visible span{transform:translate(3px,-3px)}.story-scroll-note{position:absolute;right:clamp(24px,5vw,90px);bottom:38px;font-size:9px;letter-spacing:.26em;writing-mode:vertical-rl}.story-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(120px,13vw,230px) 24px;background:#fbfbfa}.story-intro h3{margin-top:28px;font-size:clamp(38px,4.5vw,78px);line-height:1.45}.story-intro>p:not(.story-kicker){margin-top:32px;font-size:clamp(13px,1.1vw,17px);line-height:2.35;color:var(--muted)}.story-rule{display:block;width:130px;height:1px;margin-top:58px;background:#9ab5c2;transform-origin:left}.story-problem{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:710px;padding:120px clamp(28px,8vw,160px);background:linear-gradient(135deg,#f0f2f2,#fcfcfb)}.story-problem h3{margin-top:30px;font-size:clamp(40px,4vw,74px);line-height:1.5}.story-problem-copy>p:last-child{margin-top:32px;font-size:clamp(13px,1vw,17px);line-height:2.2;color:var(--muted)}.story-problem-parts{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center}.story-problem-parts span{display:grid;place-items:center;width:clamp(120px,12vw,220px);aspect-ratio:1;border:1px solid #c3d2d7;border-radius:50%;background:#ffffff8c;font-family:var(--font-brand);font-size:clamp(20px,1.6vw,30px)}.story-formula{display:grid;grid-template-columns:1fr 1fr;min-height:840px;background:#eef1f1}.story-formula-copy{align-self:center;padding:clamp(64px,8vw,150px) clamp(32px,7vw,135px)}.story-formula h3{margin-top:30px;font-size:clamp(42px,4.2vw,76px);line-height:1.45;white-space:nowrap}.story-formula-lead{margin-top:32px;font-size:clamp(13px,1vw,16px);line-height:2.1}.story-ingredient-list{margin-top:56px;border-top:1px solid #bdc9cb}.story-ingredient-list>div{display:grid;grid-template-columns:minmax(120px,220px) 1fr;align-items:center;gap:16px;min-height:92px;border-bottom:1px solid #bdc9cb}.story-ingredient-list span{font-size:9px;letter-spacing:.1em;color:#617d87}.story-ingredient-list strong{font-size:clamp(15px,1.25vw,20px);font-weight:400;line-height:1.5}.story-formula-note{margin-top:22px;font-size:11px;color:var(--muted);line-height:1.8}.story-formula-visual{position:relative;min-height:840px;background:#e6e8e9;overflow:hidden}.story-formula-visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.story-formula-caption{position:absolute;right:34px;bottom:30px;font-size:9px;letter-spacing:.18em;color:#777}.story-reasons{padding:clamp(110px,10vw,190px) clamp(26px,6vw,120px);background:#fff;text-align:center}.story-reasons h3{margin-top:26px;font-size:clamp(40px,4vw,74px);line-height:1.45}.story-reasons-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1600px;margin:90px auto 0;border-top:1px solid #cbd3d5;border-bottom:1px solid #cbd3d5}.story-reason{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:250px;padding:26px 10px}.story-reason+.story-reason{border-left:1px solid #cbd3d5}.story-reason span{font-family:var(--font-brand);font-size:clamp(42px,4vw,76px);color:#8eabb6}.story-reason strong{font-family:var(--font-brand);font-size:clamp(18px,1.5vw,28px);font-weight:400;line-height:1.5}.story-ingredient-detail{padding:clamp(110px,10vw,190px) clamp(28px,12vw,230px);background:#eaf0f2}.story-ingredient-detail h3{margin-top:30px;font-size:clamp(42px,4.2vw,78px);line-height:1.45}.story-ingredient-detail>p:not(.story-kicker){margin-top:26px;font-size:16px;line-height:2}.story-ingredient-detail .story-ingredient-list{max-width:1100px;margin-top:70px}.story-ingredient-detail .story-ingredient-list>div{grid-template-columns:minmax(200px,360px) 1fr}.story-ingredient-detail .story-ingredient-list strong{font-family:var(--font-brand);font-size:clamp(24px,2.3vw,42px)}.story-moisture{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:clamp(110px,10vw,190px) clamp(28px,8vw,160px);background:#f9fbfb}.story-moisture h3{margin-top:28px;font-size:clamp(40px,3.6vw,68px);line-height:1.5}.story-moisture-copy>p:last-child{max-width:550px;margin-top:28px;font-size:15px;line-height:2.2}.story-moisture-groups{border-top:1px solid #bdd0d8}.story-moisture-groups>div{padding:30px 0;border-bottom:1px solid #bdd0d8}.story-moisture-groups span{font-size:10px;letter-spacing:.2em;color:#668796}.story-moisture-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.story-moisture-tags li{padding:9px 12px;border:1px solid #c6d7de;background:#ffffff94;font-size:12px;line-height:1.5}.story-volume{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center;gap:6vw;min-height:800px;padding:110px clamp(28px,7vw,140px);background:linear-gradient(120deg,#e8edf0,#f7f9f9)}.story-volume h3{margin-top:28px;font-size:clamp(44px,5vw,92px);line-height:1.35}.story-volume h3 span{font-family:Georgia,serif;font-size:1.65em;font-weight:400}.story-volume-lead{margin-top:24px;font-family:var(--font-brand);font-size:clamp(22px,2vw,36px);line-height:1.7}.story-volume-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:780px;margin-top:42px}.story-volume-metrics>div{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:18px 12px;border:1px solid #bed0d7;background:#fff9;text-align:center}.story-volume-metrics strong{font-family:Georgia,serif;font-size:clamp(34px,3vw,58px);font-weight:400;line-height:1.2;white-space:nowrap}.story-volume-metrics small{margin-left:2px;font-family:var(--font-brand);font-size:.4em}.story-volume-metrics span{margin-top:10px;font-size:11px;line-height:1.5;color:var(--muted)}.story-volume-equation{margin-top:28px;font-size:14px;line-height:2}.story-volume-note{max-width:750px;margin-top:12px;font-size:11px;line-height:2;color:var(--muted)}.story-volume-visual{align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:650px;overflow:hidden}.story-volume-visual img{display:block;width:100%;height:100%;max-height:750px;object-fit:contain;mix-blend-mode:multiply}.story-foam{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:7vw;min-height:670px;padding:110px clamp(28px,8vw,160px);background:#f6f8f9}.story-foam h3{margin-top:30px;font-size:clamp(42px,4vw,74px);line-height:1.45}.story-foam-copy>p:last-child{margin-top:28px;font-size:15px;line-height:2}.story-foam-parts{display:grid;gap:12px}.story-foam-parts>div{padding:23px 28px;border:1px solid #c0d5de;background:radial-gradient(circle at 96% 0%,#fff,#eaf3f6 65%)}.story-foam-parts span{font-family:var(--font-brand);font-size:clamp(20px,1.6vw,30px)}.story-foam-parts p{margin-top:10px;font-size:12px;line-height:1.8;color:var(--muted)}.story-free{padding:clamp(110px,10vw,190px) clamp(28px,8vw,160px);background:#fff;text-align:center}.story-free h3{margin-top:28px;font-size:clamp(46px,5vw,90px)}.story-free-heading>p:last-child{margin-top:14px;font-size:16px}.story-free-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:72px auto 0;border-top:1px solid #d0d8db;border-left:1px solid #d0d8db}.story-free-grid span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;padding:18px;border-right:1px solid #d0d8db;border-bottom:1px solid #d0d8db;font-family:var(--font-brand);font-size:clamp(19px,1.7vw,32px)}.story-free-grid small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em;color:#668796}.story-free-note{margin-top:42px;font-size:13px;line-height:2}.story-other{padding:clamp(110px,10vw,190px) clamp(28px,8vw,160px);background:#edf3f5}.story-other h3{margin-top:28px;font-size:clamp(42px,4vw,74px);line-height:1.45}.story-other-heading>p:last-child{margin-top:20px;font-size:16px}.story-other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1600px;margin:70px auto 0;background:#bdccd1;border:1px solid #bdccd1}.story-other-grid>div{min-height:260px;padding:35px 26px;background:#edf3f5}.story-other-grid span{font-family:var(--font-brand);font-size:42px;color:#8eabb6}.story-other-grid h4{margin-top:26px;font-family:var(--font-brand);font-size:clamp(22px,1.8vw,32px);font-weight:400}.story-other-grid p{margin-top:16px;font-size:12px;line-height:2;color:var(--muted)}.story-fragrance{display:flex;align-items:center;min-height:760px;background:#eef5f5}.story-fragrance-image{object-position:center;animation:story-breathe 24s ease-in-out infinite alternate-reverse}.story-fragrance:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,rgba(250,252,252,.1) 42%,rgba(250,252,252,.85) 70%,rgba(250,252,252,.96) 100%)}.story-fragrance-copy{width:48%;margin-left:auto;padding:90px clamp(32px,7vw,135px) 90px 24px}.story-fragrance h3{margin-top:30px;font-size:clamp(38px,3.3vw,68px);line-height:1.45;white-space:nowrap}.story-fragrance-copy>p:not(.story-kicker){margin-top:34px;font-size:clamp(13px,1.08vw,17px);line-height:2}.story-fragrance-copy>.story-fragrance-description{margin-top:18px!important;font-size:13px!important;line-height:2!important}.story-scent-notes{margin-top:30px;border-top:1px solid #b8cbd2}.story-scent-notes>div{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #b8cbd2;font-size:11px;line-height:1.7}.story-scent-notes dt{letter-spacing:.2em;color:#547989}.story-scent-notes dd{margin:0}.story-routine{padding:clamp(110px,10vw,190px) clamp(26px,6vw,120px);background:#f3f5f5}.story-routine-heading{text-align:center}.story-routine h3{margin-top:26px;font-size:clamp(38px,4vw,72px);line-height:1.45}.story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,75px);max-width:1500px;margin:92px auto 0}.story-step{position:relative;padding:38px 0 0;border-top:1px solid #a6bdc6}.story-step:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#6f9aac}.story-step>span{font-family:var(--font-brand);font-size:clamp(46px,5vw,82px);line-height:1;color:#8eabb6}.story-step h4{margin-top:38px;font-family:var(--font-brand);font-size:clamp(24px,2vw,34px);font-weight:400}.story-step p{margin-top:20px;font-size:13px;line-height:2;color:var(--muted)}.story-family{padding:clamp(110px,10vw,190px) clamp(28px,8vw,160px);background:#fbfbfa;text-align:center}.story-family h3{margin-top:28px;font-size:clamp(42px,4.2vw,78px);line-height:1.5}.story-family-copy>p:not(.story-kicker){max-width:820px;margin:30px auto 0;font-size:16px;line-height:2.2}.story-family-copy>.story-family-age{margin-top:20px!important;font-size:13px!important;color:var(--muted)}.story-family-flow{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,60px);max-width:1150px;margin:80px auto 0}.story-family-flow span{display:grid;place-items:center;flex:1;min-height:130px;border-top:1px solid #a8c1cb;border-bottom:1px solid #a8c1cb;font-family:var(--font-brand);font-size:clamp(22px,2.1vw,38px)}.story-family-flow b{font-size:25px;font-weight:300;color:#81a4b3}.story-finale{display:flex;align-items:center;min-height:1020px;background:#e5e4e4}.story-finale>img{position:absolute;top:0;right:0;width:50%;height:100%;object-fit:cover;object-position:center;z-index:-2}.story-finale:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(245,245,245,.96),rgba(245,245,245,.9) 46%,rgba(245,245,245,.15) 64%,transparent 100%)}.story-finale-copy{width:56%;padding:80px clamp(32px,8vw,160px)}.story-finale h3{margin-top:30px;font-size:clamp(42px,3.5vw,68px);line-height:1.45}.story-finale-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:440px;margin-top:30px}.story-finale-facts span{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;padding:12px;border:1px solid #cbd3d5;border-radius:50%;background:#ffffffa3;font-size:11px;line-height:1.5;text-align:center}.story-finale-facts strong{font-family:var(--font-brand);font-size:clamp(17px,1.3vw,25px);font-weight:400}.story-finale .story-cta{margin-top:48px;min-width:250px}.story-faq{display:grid;grid-template-columns:.55fr 1fr;gap:8vw;padding:clamp(100px,9vw,170px) clamp(28px,8vw,160px);background:#f1f5f6}.story-faq h3{margin-top:22px;font-size:clamp(38px,3.5vw,66px)}.story-faq-list{border-top:1px solid #b8cbd2}.story-faq-list details{border-bottom:1px solid #b8cbd2}.story-faq-list summary{position:relative;cursor:pointer;padding:28px 35px 28px 0;list-style:none;font-family:var(--font-brand);font-size:clamp(18px,1.5vw,27px)}.story-faq-list summary::-webkit-details-marker{display:none}.story-faq-list summary:after{content:"+";position:absolute;right:0;top:24px;font-family:Arial,sans-serif;font-size:24px;font-weight:300}.story-faq-list details[open] summary:after{content:"\2212"}.story-faq-list details p{padding:0 35px 28px 0;font-size:13px;line-height:2}.has-story-motion .story-reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.has-story-motion .story-reveal.is-visible{opacity:1;transform:none}.has-story-motion .story-reason:nth-child(2),.has-story-motion .story-step:nth-child(2){transition-delay:.12s}.has-story-motion .story-reason:nth-child(3),.has-story-motion .story-step:nth-child(3){transition-delay:.24s}.has-story-motion .story-rule{transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .25s}.has-story-motion .story-intro.is-visible .story-rule{transform:scaleX(1)}@keyframes story-breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}@media(max-width:1500px){.story-fragrance h3,.story-formula h3{white-space:normal}}@media(max-width:1100px){.story-ingredient-list>div{grid-template-columns:1fr;gap:4px;padding:18px 0}.story-problem,.story-moisture,.story-foam,.story-faq{grid-template-columns:1fr;gap:55px}.story-ingredient-detail .story-ingredient-list>div{grid-template-columns:1fr}.story-reasons-grid{grid-template-columns:repeat(3,1fr)}.story-reason:nth-child(4){border-left:0;border-top:1px solid #cbd3d5}.story-reason:nth-child(5){border-top:1px solid #cbd3d5}.story-other-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.product-story>:not(.story-original-mobile){display:none}.story-original-mobile{display:block;line-height:0;background:#fff}.story-original-mobile img{display:block;width:100%;max-width:700px;height:auto;margin-inline:auto}.story-opening{align-items:flex-end;min-height:690px}.story-opening-image{object-position:66% center}.story-opening:after{background:linear-gradient(0deg,#fafcfcf5,#fafcfcd1 35%,#fafcfc14 86%)}.story-opening-copy{padding:250px 20px 64px}.story-opening h2{font-size:clamp(34px,8vw,54px);white-space:normal;margin-top:20px}.story-opening-copy>p:not(.story-kicker){margin-top:24px;font-size:13px}.story-text-link{margin-top:28px}.story-scroll-note{display:none}.story-intro{padding:110px 20px}.story-intro h3{font-size:clamp(34px,7.4vw,52px)}.story-intro>p:not(.story-kicker){font-size:13px}.story-intro>p:not(.story-kicker) br{display:none}.story-problem,.story-moisture,.story-foam{min-height:0;padding:100px 20px}.story-problem h3,.story-moisture h3,.story-foam h3{font-size:clamp(34px,7.5vw,54px)}.story-problem-parts{gap:10px}.story-problem-parts span{width:min(30%,150px);font-size:clamp(16px,4vw,24px)}.story-formula{display:flex;flex-direction:column}.story-formula-copy{padding:100px 20px 65px}.story-formula h3{font-size:clamp(38px,8vw,58px)}.story-formula-lead{font-size:13px}.story-ingredient-list{margin-top:38px}.story-formula-visual{min-height:610px}.story-formula-caption{right:20px;bottom:20px}.story-reasons,.story-ingredient-detail,.story-volume,.story-free,.story-other,.story-routine,.story-family,.story-faq{padding:100px 20px}.story-reasons h3,.story-ingredient-detail h3,.story-other h3,.story-routine h3,.story-family h3{font-size:clamp(34px,7.5vw,52px)}.story-reasons-grid{margin-top:60px}.story-reason{min-height:180px}.story-moisture-copy>p:last-child{font-size:13px}.story-volume{display:flex;min-height:0;align-items:flex-start;flex-direction:column;gap:40px}.story-volume h3{font-size:clamp(44px,8vw,64px)}.story-volume-visual{width:100%;min-height:420px;max-height:600px}.story-foam-parts{gap:8px}.story-free h3{font-size:clamp(42px,8vw,60px)}.story-free-grid{margin-top:50px}.story-free-grid span{min-height:90px;font-size:clamp(15px,3.4vw,24px)}.story-other-grid{margin-top:50px}.story-other-grid>div{min-height:200px}.story-fragrance{align-items:flex-end;min-height:680px}.story-fragrance-image{object-position:30% center}.story-fragrance:after{background:linear-gradient(0deg,rgba(250,252,252,.96),rgba(250,252,252,.75) 33%,transparent 80%)}.story-fragrance-copy{width:100%;padding:250px 20px 70px}.story-fragrance h3{font-size:clamp(28px,7.2vw,56px)}.story-scent-notes{max-width:650px}.story-steps{gap:22px;margin-top:60px}.story-step>span{font-size:48px}.story-step h4{font-size:25px}.story-family-flow{margin-top:50px;gap:10px}.story-family-flow span{min-height:90px;font-size:clamp(16px,4vw,24px)}.story-family-flow b{font-size:16px}.story-finale{display:block;min-height:0}.story-finale>img{position:relative;display:block;width:100%;height:auto}.story-finale:after{display:none}.story-finale-copy{width:100%;padding:60px 20px 80px}.story-finale h3{font-size:clamp(38px,8vw,58px)}.story-finale-facts{max-width:360px}.story-finale-facts span{min-height:0}.story-faq{gap:40px}}@media(max-width:600px){.story-reasons-grid{grid-template-columns:1fr}.story-reason{min-height:120px;flex-direction:row;justify-content:flex-start;gap:24px;padding:18px 8px;border-left:0!important}.story-reason+.story-reason{border-top:1px solid #cbd3d5}.story-reason span{font-size:36px}.story-reason strong{font-size:22px}.story-free-grid{grid-template-columns:repeat(2,1fr)}.story-other-grid{grid-template-columns:1fr}.story-other-grid>div{min-height:0;padding:26px 20px}.story-volume-metrics{grid-template-columns:1fr;gap:10px;margin-top:30px}.story-volume-metrics>div{min-height:110px}.story-volume-visual{min-height:360px;max-height:500px}.story-steps{grid-template-columns:1fr;gap:42px}.story-step{padding-top:24px}.story-step h4{margin-top:18px}}@media(prefers-reduced-motion:reduce){.story-opening-image,.story-fragrance-image{animation:none}.has-story-motion .story-reveal{opacity:1;transform:none;transition:none}.has-story-motion .story-rule{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kietta-footsoap-story.css.map */