.dorimo-hair-story{--hair-progress: 0%;height:calc(max(100svh,760px) + 960px);min-height:1720px;background:#fff;color:var(--dorimo-ink)}.dorimo-hair-story__sticky{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(calc(100% - 40px),1320px);height:100svh;min-height:760px;margin-inline:auto;overflow:hidden}.dorimo-hair-story__copy{z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(24px,3vh,42px);padding-block:clamp(32px,4vh,52px) clamp(42px,6vh,82px);padding-inline:max(30px,calc((100vw - 1800px)/2));background:#fff}.dorimo-hair-story__header{max-width:650px}.dorimo-hair-story__header h2{max-width:620px;margin:0;font-size:clamp(42px,4.6vw,76px);line-height:.98;letter-spacing:-.055em}.dorimo-hair-story__header>p:last-child{max-width:590px;margin:22px 0 0;color:#212121a3;font-size:15px;line-height:1.7}.dorimo-hair-story__steps{position:relative;display:grid;grid-template-rows:repeat(var(--hair-step-count),minmax(0,1fr));max-width:650px;min-height:0}.dorimo-hair-story__rail{position:absolute;top:9%;bottom:9%;left:23px;width:2px;overflow:hidden;background:#2121211f}.dorimo-hair-story__rail i{display:block;width:100%;height:var(--hair-progress);background:var(--dorimo-orange-gradient);transition:height .45s cubic-bezier(.2,.75,.2,1)}.dorimo-hair-story__step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:22px;min-height:0;opacity:.2;transform:translate(0);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.75,.2,1)}.dorimo-hair-story__step.is-active{opacity:1;transform:translate(0)}.dorimo-hair-story__step>div{transition:transform .45s cubic-bezier(.2,.75,.2,1)}.dorimo-hair-story__step.is-active>div{transform:translate(10px)}.dorimo-hair-story__number{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(33,33,33,.16);border-radius:50%;background:#f2f7f6;color:#21212194;font-size:13px;font-weight:900;letter-spacing:.08em;transition:color .35s ease,border-color .35s ease,background .35s ease}.dorimo-hair-story__step.is-active .dorimo-hair-story__number{border-color:transparent;background:var(--dorimo-orange-gradient);color:#fff;box-shadow:0 12px 30px #ff5a0033}.dorimo-hair-story__step p{margin:0 0 5px;color:var(--dorimo-orange);font-size:9px;font-weight:800;letter-spacing:.15em}.dorimo-hair-story__step h3{margin:0;font-size:clamp(22px,2vw,32px);line-height:1.05;letter-spacing:-.035em}.dorimo-hair-story__body{max-width:540px;margin-top:9px;color:#212121a8;font-size:12px;line-height:1.55}.dorimo-hair-story__body p{margin:0;color:inherit;font:inherit;letter-spacing:0}.dorimo-hair-story__link{width:fit-content}.dorimo-hair-story__link span{color:inherit;font-size:18px;transition:transform .28s cubic-bezier(.2,.75,.2,1)}.dorimo-hair-story__link:hover span{transform:translate(5px)}.dorimo-hair-story__visual{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;padding:clamp(28px,4vw,72px);background:#fff;box-shadow:none}.dorimo-hair-story__scene{position:absolute;top:50%;left:50%;width:min(calc(100% - clamp(56px,8vw,144px)),720px);aspect-ratio:1 / 1;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:clamp(24px,3vw,42px);background:#fff;opacity:0;transform:translate3d(-50%,calc(-50% + 14px),0) scale(1.015);backface-visibility:hidden;box-shadow:0 30px 90px #33251d2b;transition:opacity .42s ease,transform .55s cubic-bezier(.2,.75,.2,1)}.dorimo-hair-story__scene.is-active{z-index:1;opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}.dorimo-hair-story__scene img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}.dorimo-hair-story__scene[data-hair-scene="1"] img{object-fit:cover;object-position:center}.dorimo-hair-story__scene figcaption{position:absolute;right:22px;bottom:22px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 11px 10px 16px;border:1px solid rgba(255,255,255,.76);border-radius:16px;background:#ffffffe0;box-shadow:0 14px 38px #2d1e1629;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--dorimo-orange);font-size:13px;font-weight:900}.dorimo-hair-story__scene figcaption span{order:2;padding:7px 10px;border-radius:10px;background:var(--dorimo-orange-gradient-horizontal);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}@media screen and (max-width:989px){.dorimo-hair-story__sticky{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.dorimo-hair-story__copy{padding-inline:30px}}@media screen and (max-width:749px){.dorimo-hair-story{height:calc(100svh + 900px);min-height:1550px}.dorimo-hair-story__sticky{grid-template-columns:1fr;grid-template-rows:minmax(0,48%) minmax(0,52%);width:calc(100% - 30px);min-height:650px}.dorimo-hair-story__copy{grid-template-rows:auto minmax(125px,1fr);gap:18px;padding:25px 20px 18px}.dorimo-hair-story__header h2{font-size:clamp(34px,10vw,46px)}.dorimo-hair-story__header>p:last-child,.dorimo-hair-story__link{display:none}.dorimo-hair-story__header .dorimo-kicker{margin-bottom:12px}.dorimo-hair-story__steps{display:block;max-width:none;min-height:125px;padding-bottom:13px}.dorimo-hair-story__rail{top:auto;right:0;bottom:0;left:0;width:auto;height:2px}.dorimo-hair-story__rail i{width:var(--hair-progress);height:100%;transition-property:width}.dorimo-hair-story__step{position:absolute;top:0;right:0;bottom:13px;left:0;align-content:center;opacity:0;transform:translateY(12px);pointer-events:none}.dorimo-hair-story__step.is-active{opacity:1;transform:translateY(0)}.dorimo-hair-story__body{font-size:11px}.dorimo-hair-story__visual{padding:16px;box-shadow:none}.dorimo-hair-story__scene{width:min(calc(100% - 32px),430px);border-radius:24px;clip-path:none}.dorimo-hair-story__scene figcaption{right:12px;bottom:12px;left:12px}}@media(prefers-reduced-motion:reduce){.dorimo-hair-story__rail i,.dorimo-hair-story__step,.dorimo-hair-story__number,.dorimo-hair-story__scene{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dorimo-hair-story.css.map */