.saoto-fourdim{position:relative;color:var(--saoto-ink)}.saoto-fourdim__stage{position:relative;min-height:178vh}.saoto-fourdim__sticky{position:absolute;top:0;left:0;right:0;width:100%;min-height:100vh;display:flex;align-items:center;will-change:transform}.saoto-fourdim__sticky.is-pinned{position:fixed;top:0;left:0;right:0;bottom:auto}.saoto-fourdim__sticky.is-released{position:absolute;top:auto;bottom:0}.saoto-fourdim__inner{display:flex;align-items:center;--saoto-fourdim-gap: clamp(32px, 5vw, 80px);gap:var(--saoto-fourdim-gap);width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.saoto-fourdim__inner.image-side-right{flex-direction:row-reverse}.saoto-fourdim__inner.image-side-left{flex-direction:row}.saoto-fourdim__visual{position:relative;flex:0 0 calc(58% - var(--saoto-fourdim-gap) / 2);max-width:calc(58% - var(--saoto-fourdim-gap) / 2)}.saoto-fourdim__col{position:relative;flex:0 0 calc(42% - var(--saoto-fourdim-gap) / 2);max-width:calc(42% - var(--saoto-fourdim-gap) / 2)}.saoto-fourdim__arch{position:relative;width:100%;height:clamp(560px,78vh,740px);overflow:hidden;border:1px solid var(--saoto-gold);border-radius:clamp(180px,22vw,320px) clamp(180px,22vw,320px) 18px 18px;background:var(--saoto-cream-deep);box-shadow:0 30px 60px -38px #140f0a59}.saoto-fourdim__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1);transition:transform .2s linear}.saoto-fourdim__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.saoto-fourdim__fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.saoto-fourdim__intro{margin-bottom:clamp(24px,3vw,40px)}.saoto-fourdim__intro .h1{margin:8px 0 0}.saoto-fourdim__steps{position:relative;min-height:clamp(240px,32vh,340px)}.saoto-fourdim__step{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(12px);transition:opacity .55s var(--saoto-ease),transform .55s var(--saoto-ease);pointer-events:none}.saoto-fourdim__step.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.saoto-fourdim__step.is-leaving{opacity:0;transform:translateY(-12px)}.saoto-fourdim__step-num{position:absolute;top:-.3em;left:-.04em;font-size:clamp(90px,11vw,150px);line-height:1;color:var(--saoto-gold);opacity:.12;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.saoto-fourdim__step-head{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:14px}.saoto-fourdim__step-icon img{display:block;width:50px;height:50px;object-fit:contain}.saoto-fourdim__step-title{margin:0}.saoto-fourdim__step-text{position:relative;z-index:1;max-width:46ch}.saoto-fourdim__step-text p{margin:0;line-height:1.65;color:var(--saoto-ink-soft)}.saoto-fourdim__nav{display:flex;flex-direction:column;gap:10px;margin-top:clamp(28px,3.5vw,44px)}.saoto-fourdim__nav-item{display:flex;align-items:center;gap:10px;background:none;border:none;padding:6px 0;margin:0;cursor:pointer;text-align:left;color:var(--saoto-bronze, var(--saoto-ink-soft));opacity:.5;transition:opacity .3s var(--saoto-ease),color .3s var(--saoto-ease)}.saoto-fourdim__nav-item:hover{opacity:.75}.saoto-fourdim__nav-item.is-active{color:var(--saoto-gold);opacity:1}.saoto-fourdim__nav-dot{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .3s var(--saoto-ease),box-shadow .3s var(--saoto-ease)}.saoto-fourdim__nav-item.is-active .saoto-fourdim__nav-dot{opacity:1;box-shadow:0 0 6px 1px #87602f73}.saoto-fourdim__nav-index{font-size:11px;letter-spacing:.08em}.saoto-fourdim__nav-label{font-size:13px;letter-spacing:.01em}@media(prefers-reduced-motion:no-preference){.saoto-fourdim__shine{position:absolute;top:8%;left:10%;width:55%;height:40%;border-radius:50%;background:radial-gradient(ellipse at 30% 30%,#fffaeb80,#fffaeb00 70%);opacity:0}.saoto-fourdim__fx-layer--shine.is-active .saoto-fourdim__shine{animation:saoto-shine-pulse 1.6s var(--saoto-ease) 1 both}@keyframes saoto-shine-pulse{0%{opacity:0;transform:scale(.92)}40%{opacity:.85;transform:scale(1.02)}to{opacity:.3;transform:scale(1)}}.saoto-fourdim__steam{position:absolute;left:16%;bottom:6%;width:32%;height:55%;overflow:visible}.saoto-fourdim__steam-line{fill:none;stroke:#ffffff80;stroke-width:1.3;stroke-linecap:round;opacity:0}.saoto-fourdim__fx-layer--steam.is-active .saoto-fourdim__steam-line{animation:saoto-steam-rise 4.2s ease-in-out infinite}.saoto-fourdim__fx-layer--steam.is-active .saoto-fourdim__steam-line--2{animation-delay:.6s}.saoto-fourdim__fx-layer--steam.is-active .saoto-fourdim__steam-line--3{animation-delay:1.2s}@keyframes saoto-steam-rise{0%{opacity:0;transform:translateY(6px)}35%{opacity:.4}70%{opacity:.2}to{opacity:0;transform:translateY(-10px)}}.saoto-fourdim__whisk{position:absolute;left:18%;top:14%;width:62%;height:62%}.saoto-fourdim__whisk-arc{fill:none;stroke:var(--saoto-gold);stroke-width:1;stroke-linecap:round;opacity:0;stroke-dasharray:340;stroke-dashoffset:340}.saoto-fourdim__fx-layer--whisk.is-active .saoto-fourdim__whisk-arc{animation:saoto-whisk-draw 2.6s var(--saoto-ease) 1 both}@keyframes saoto-whisk-draw{0%{opacity:0;stroke-dashoffset:340}15%{opacity:.45}85%{opacity:.45}to{opacity:0;stroke-dashoffset:40}}.saoto-fourdim__pollen{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--saoto-gold-soft);opacity:0}.saoto-fourdim__pollen--1{left:30%;top:60%}.saoto-fourdim__pollen--2{left:42%;top:52%}.saoto-fourdim__pollen--3{left:55%;top:65%}.saoto-fourdim__pollen--4{left:36%;top:70%}.saoto-fourdim__pollen--5{left:48%;top:45%}.saoto-fourdim__pollen--6{left:60%;top:55%}.saoto-fourdim__fx-layer--pollen.is-active .saoto-fourdim__pollen{animation:saoto-pollen-drift 3.2s ease-in-out infinite}.saoto-fourdim__fx-layer--pollen.is-active .saoto-fourdim__pollen--2{animation-delay:.4s}.saoto-fourdim__fx-layer--pollen.is-active .saoto-fourdim__pollen--3{animation-delay:.8s}.saoto-fourdim__fx-layer--pollen.is-active .saoto-fourdim__pollen--4{animation-delay:1.2s}.saoto-fourdim__fx-layer--pollen.is-active .saoto-fourdim__pollen--5{animation-delay:1.6s}.saoto-fourdim__fx-layer--pollen.is-active .saoto-fourdim__pollen--6{animation-delay:2s}@keyframes saoto-pollen-drift{0%{opacity:0;transform:translate(0)}30%{opacity:.5}70%{opacity:.28;transform:translate(6px,-10px)}to{opacity:0;transform:translate(10px,-12px)}}}@media(prefers-reduced-motion:reduce){.saoto-fourdim__stage{min-height:0}.saoto-fourdim__sticky,.saoto-fourdim__sticky.is-pinned,.saoto-fourdim__sticky.is-released{position:relative;top:auto;bottom:auto;min-height:0}.saoto-fourdim__steps{position:static;min-height:0;display:flex;flex-direction:column;gap:48px}.saoto-fourdim__step{position:static;opacity:1;transform:none;pointer-events:auto;transition:none}.saoto-fourdim__nav,.saoto-fourdim__fx{display:none}.saoto-fourdim__photo{transition:none;transform:none}}@media screen and (max-width:989px){.saoto-fourdim__stage{min-height:0}.saoto-fourdim__sticky,.saoto-fourdim__sticky.is-pinned,.saoto-fourdim__sticky.is-released{position:relative;top:auto;bottom:auto;min-height:0;display:block}.saoto-fourdim__inner,.saoto-fourdim__inner.image-side-left,.saoto-fourdim__inner.image-side-right{flex-direction:column;padding:0 20px}.saoto-fourdim__visual,.saoto-fourdim__col{flex:none;max-width:100%;width:100%}.saoto-fourdim__arch{height:clamp(320px,62vw,460px);border-radius:clamp(120px,30vw,200px) clamp(120px,30vw,200px) 16px 16px;margin-bottom:32px}.saoto-fourdim__fx,.saoto-fourdim__nav{display:none}.saoto-fourdim__steps{position:static;min-height:0;display:flex;flex-direction:column;gap:4px}.saoto-fourdim__step{position:static;opacity:0;transform:translateY(16px);transition:opacity .6s var(--saoto-ease),transform .6s var(--saoto-ease);pointer-events:auto;padding:18px 0;border-bottom:1px solid var(--saoto-hairline-light)}.saoto-fourdim__step:last-child{border-bottom:none}.saoto-fourdim__step.is-revealed{opacity:1;transform:none}.saoto-fourdim__step-num{font-size:48px;opacity:.16;top:-.2em}}@media screen and (max-width:989px)and (prefers-reduced-motion:reduce){.saoto-fourdim__step{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/saoto-four-dimensions.css.map */