.yj-section{--yj-line: rgba(42, 36, 31, .09);--yj-accent-soft: color-mix(in srgb, var(--yj-accent) 12%, transparent);--yj-shadow: 0 1px 1px rgba(42, 36, 31, .03), 0 30px 60px -38px rgba(42, 36, 31, .5);position:relative;overflow:hidden;color:var(--yj-ink)}@supports not (background: color-mix(in srgb,#000 12%,transparent)){.yj-section{--yj-accent-soft: rgba(173, 102, 67, .12)}}.yj-section>*{position:relative;z-index:1}.yj{display:block;max-width:40rem;margin:0 auto;padding-right:1.6rem;padding-left:1.6rem;font-family:var(--font-body-family)}.yj__header{text-align:center;margin-bottom:2.6rem}.yj__heading{margin:0 0 .9rem;font-family:var(--font-heading-family);font-weight:500;letter-spacing:-.01em;line-height:1.08;color:var(--yj-heading-color, var(--yj-ink))}.yj__heading.h0{font-size:var(--yj-heading-h0)}.yj__heading.h1{font-size:var(--yj-heading-h1)}.yj__heading.h2{font-size:var(--yj-heading-h2)}.yj__subheading{max-width:36rem;margin:0 auto;color:var(--yj-subheading-color, var(--yj-muted));font-size:var(--yj-desc-size);line-height:1.55}.yj--text-small{--yj-heading-h0: clamp(1.85rem, 5.2vw, 2.8rem);--yj-heading-h1: clamp(1.6rem, 4.4vw, 2.4rem);--yj-heading-h2: clamp(1.35rem, 3.6vw, 1.9rem);--yj-desc-size: 1.05rem}.yj--text-medium{--yj-heading-h0: clamp(2.4rem, 7vw, 4.2rem);--yj-heading-h1: clamp(2.1rem, 5.6vw, 3.4rem);--yj-heading-h2: clamp(1.8rem, 4.6vw, 2.7rem);--yj-desc-size: 1.3rem}.yj--text-large{--yj-heading-h0: clamp(2.8rem, 8vw, 5rem);--yj-heading-h1: clamp(2.4rem, 6.5vw, 4rem);--yj-heading-h2: clamp(2rem, 5.2vw, 3.2rem);--yj-desc-size: 1.55rem}.yj__subheading p{margin:0}.yj__empty{text-align:center;color:var(--yj-muted);font-size:1.5rem}.yj__stage{display:grid;border-radius:2.4rem}.yj__step{grid-area:1 / 1;display:flex;flex-direction:column;background:var(--yj-card);border:.1rem solid var(--yj-line);border-radius:2.4rem;overflow:hidden;box-shadow:var(--yj-shadow);opacity:0;transform:translate(calc(var(--yj-dir, 1) * 1.6rem));transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.yj__step.is-active{opacity:1;transform:none;pointer-events:auto;position:relative;z-index:1}.yj__media{position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden;background:var(--yj-accent-soft)}.yj__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2a241f00 62%,#2a241f2e);pointer-events:none}.yj__media .yj__img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.yj__step.is-active .yj__media .yj__img{transform:scale(1)}.yj__media--compare{display:block}.yj__compare-labels{position:absolute;z-index:4;top:1rem;right:1.4rem;left:1.4rem;display:flex;justify-content:space-between;pointer-events:none}.yj__compare-label{padding:.35rem .7rem;border-radius:.4rem;background:#fffefbb8;color:var(--yj-ink);font-size:1.05rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 .1rem .6rem rgba(255,254,251,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.yj__compare{position:absolute;top:0;right:0;bottom:0;left:0;--yj-compare: 50;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.yj__compare-day,.yj__compare-overlay,.yj__compare-night{position:absolute;top:0;right:0;bottom:0;left:0}.yj__compare-day{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.yj__compare-overlay{z-index:1;width:calc(var(--yj-compare) * 1%);overflow:hidden;will-change:width}.yj__compare-night{width:calc(100%*100/max(var(--yj-compare),1));max-width:none;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.yj__step.is-active .yj__compare-day,.yj__step.is-active .yj__compare-night{transform:scale(1)}.yj__compare-divider{position:absolute;z-index:2;top:0;bottom:0;left:calc(var(--yj-compare) * 1%);width:.15rem;transform:translate(-50%);background:#fffefbeb;box-shadow:0 0 1.2rem #2a241f47;pointer-events:none}.yj__compare-handle{position:absolute;z-index:3;top:50%;left:calc(var(--yj-compare) * 1%);width:3.4rem;height:3.4rem;padding:0;border:.15rem solid rgba(173,102,67,.42);border-radius:50%;background:#fffefb;box-shadow:0 .15rem .5rem #2a241f1f,0 .6rem 1.6rem #2a241f2e;transform:translate(-50%,-50%);cursor:ew-resize;touch-action:none;-webkit-tap-highlight-color:transparent}.yj__compare-handle-grip{display:block;width:.15rem;height:1.2rem;margin:0 auto;border-radius:999px;background:var(--yj-accent);box-shadow:-.45rem 0 0 var(--yj-accent),.45rem 0 0 var(--yj-accent)}.yj__compare-handle:focus-visible{outline:.2rem solid var(--yj-accent);outline-offset:.2rem}.yj__compare-handle:active{box-shadow:0 .1rem .35rem #2a241f1a,0 .35rem 1rem #2a241f29}.yj__body{display:flex;flex-direction:column;gap:1rem;padding:2.2rem 2.2rem 2.4rem}.yj__eyebrow,.yj__title,.yj__desc{opacity:0;transform:translateY(.7rem);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.yj__step.is-active .yj__eyebrow{opacity:1;transform:none;transition-delay:.1s}.yj__step.is-active .yj__title{opacity:1;transform:none;transition-delay:.17s}.yj__step.is-active .yj__desc{opacity:1;transform:none;transition-delay:.24s}.yj__eyebrow{display:flex;align-items:center;gap:.9rem}.yj__icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--yj-accent-soft);color:var(--yj-accent)}.yj__icon svg{width:1.6rem;height:1.6rem}.yj__num{font-family:var(--yj-mono, ui-monospace, monospace);font-size:1.5rem;font-weight:600;letter-spacing:.22em;color:var(--yj-accent);flex:0 0 auto}.yj__eyebrow:after{content:"";flex:1 1 auto;height:.1rem;background:linear-gradient(90deg,var(--yj-line),rgba(42,36,31,0))}.yj__title{margin:0;font-size:2.1rem;font-weight:600;letter-spacing:-.015em;line-height:1.18;color:var(--yj-ink)}.yj__desc{max-width:34rem;color:var(--yj-muted);font-size:1.45rem;line-height:1.62}.yj__desc>:first-child{margin-top:0}.yj__desc>:last-child{margin-bottom:0}@media screen and (max-width:749px){.yj__media{aspect-ratio:16 / 15;min-height:clamp(24rem,68vw,34rem)}.yj__body{gap:.5rem;padding:1.35rem 1.6rem 1.55rem}.yj__num{font-size:1.35rem}.yj__title{font-size:1.85rem;line-height:1.12}.yj__desc{font-size:1.28rem;line-height:1.5}}.yj__nav{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;margin-top:1.8rem}.yj__arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:3.6rem;height:3.6rem;border-radius:50%;border:0;background:transparent;color:var(--yj-nav-color, var(--yj-ink));cursor:pointer;transition:background-color .25s ease,color .25s ease,opacity .25s ease}.yj__arrow .svg-wrapper{display:flex;width:2rem;height:2rem}.yj__arrow .icon{width:100%;height:100%}.yj__arrow--prev .icon{transform:rotate(90deg)}.yj__arrow--next .icon{transform:rotate(-90deg)}.yj__arrow--prev:hover:not([disabled]) .icon{transform:rotate(90deg) scale(1.05)}.yj__arrow--next:hover:not([disabled]) .icon{transform:rotate(-90deg) scale(1.05)}.yj__arrow:hover:not([disabled]){color:var(--yj-accent);background:var(--yj-accent-soft)}.yj__arrow:focus-visible{outline:.2rem solid var(--yj-accent);outline-offset:.2rem}.yj__arrow[disabled]{opacity:.28;cursor:default}.yj__dots{position:relative;display:flex;align-items:center;justify-content:center;gap:.9rem;padding:0 .4rem}.yj__dots:before{content:"";position:absolute;left:.4rem;right:.4rem;top:50%;height:.1rem;transform:translateY(-50%);background:color-mix(in srgb,var(--yj-nav-muted, var(--yj-muted)) 28%,transparent)}@supports not (background: color-mix(in srgb,#000 28%,transparent)){.yj__dots:before{background:var(--yj-line)}}.yj__dot{position:relative;width:.6rem;height:.6rem;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--yj-nav-muted, var(--yj-muted)) 45%,transparent);cursor:pointer;transition:width .4s cubic-bezier(.2,.8,.2,1),background-color .3s ease}@supports not (background: color-mix(in srgb,#000 45%,transparent)){.yj__dot{background:#2a241f38}}.yj__dot.is-active{width:2.6rem;background:var(--yj-accent)}.yj__dot:focus-visible{outline:.2rem solid var(--yj-accent);outline-offset:.3rem}@media screen and (min-width:750px){.yj{max-width:62rem;padding-right:0;padding-left:0}.yj__header{margin-bottom:3.2rem}.yj--text-small{--yj-heading-h0: clamp(2.2rem, 3vw, 3.2rem);--yj-heading-h1: clamp(1.9rem, 2.6vw, 2.7rem);--yj-heading-h2: clamp(1.6rem, 2.2vw, 2.2rem);--yj-desc-size: 1.15rem}.yj--text-medium{--yj-heading-h0: clamp(2.8rem, 3.6vw, 4.4rem);--yj-heading-h1: clamp(2.4rem, 3vw, 3.6rem);--yj-heading-h2: clamp(2rem, 2.5vw, 2.9rem);--yj-desc-size: 1.45rem}.yj--text-large{--yj-heading-h0: clamp(3.2rem, 4vw, 5.2rem);--yj-heading-h1: clamp(2.8rem, 3.4vw, 4.4rem);--yj-heading-h2: clamp(2.3rem, 2.8vw, 3.4rem);--yj-desc-size: 1.7rem}.yj__step{flex-direction:row;align-items:stretch}.yj__media{flex:0 0 47%;aspect-ratio:auto;min-height:34rem}.yj__body{flex:1 1 auto;justify-content:center;padding:3.2rem;gap:1.2rem}.yj__title{font-size:2.5rem}.yj__desc{font-size:1.55rem}.yj__nav{margin-top:2.2rem}}@media(prefers-reduced-motion:reduce){.yj__step,.yj__eyebrow,.yj__title,.yj__desc,.yj__media .yj__img,.yj__compare-day,.yj__compare-night,.yj__compare-handle,.yj__arrow,.yj__dot{transition:none}.yj__step,.yj__eyebrow,.yj__title,.yj__desc{transform:none}.yj__media .yj__img{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-yugen-build-journey.css.map */