.yhh{--yhh-ink: #f7f5f2;--yhh-ink-soft: rgba(247, 245, 242, .72);--yhh-ink-muted: rgba(247, 245, 242, .5);--yhh-overlay: .42;--yhh-dark: 8, 8, 8;--yhh-ease: cubic-bezier(.16, 1, .3, 1);--yhh-duration: .7s;--yhh-desc-size: clamp(.98rem, 3.2vw, 1.1rem);--yhh-heading-h0: clamp(1.85rem, 5.2vw, 2.8rem);--yhh-heading-h1: clamp(1.6rem, 4.4vw, 2.4rem);--yhh-heading-h2: clamp(1.35rem, 3.6vw, 1.9rem);position:relative;display:block;width:100%;height:100svh;min-height:100svh;overflow:hidden;isolation:isolate;background:rgb(var(--yhh-dark));color:var(--yhh-ink);outline:none}.yhh--text-small{--yhh-heading-h0: clamp(1.85rem, 5.2vw, 2.8rem);--yhh-heading-h1: clamp(1.6rem, 4.4vw, 2.4rem);--yhh-heading-h2: clamp(1.35rem, 3.6vw, 1.9rem)}.yhh--text-medium{--yhh-heading-h0: clamp(2.4rem, 7vw, 4.2rem);--yhh-heading-h1: clamp(2.1rem, 5.6vw, 3.4rem);--yhh-heading-h2: clamp(1.8rem, 4.6vw, 2.7rem)}.yhh--text-large{--yhh-heading-h0: clamp(2.8rem, 8vw, 5rem);--yhh-heading-h1: clamp(2.4rem, 6.5vw, 4rem);--yhh-heading-h2: clamp(2rem, 5.2vw, 3.2rem)}.yhh--desc-small{--yhh-desc-size: clamp(.9rem, 2.8vw, 1rem)}.yhh--desc-medium{--yhh-desc-size: clamp(.98rem, 3.2vw, 1.1rem)}.yhh--desc-large{--yhh-desc-size: clamp(1.1rem, 3.6vw, 1.3rem)}.yhh__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.yhh__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--yhh-duration) var(--yhh-ease),visibility 0s linear var(--yhh-duration)}.yhh__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--yhh-duration) var(--yhh-ease),visibility 0s linear 0s;z-index:1}.yhh.is-instant .yhh__slide,.yhh.is-instant .yhh__slide.is-active{transition:none}.yhh__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.yhh__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility 0s linear .7s;pointer-events:none}.yhh__scene.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.yhh__picture{display:block;width:100%;height:100%}.yhh__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.04);transition:transform 1.4s var(--yhh-ease)}.yhh__slide.is-active:not(.yhh__slide--day-night) .yhh__img,.yhh__slide.is-active .yhh__scene.is-active .yhh__img{transform:scale(1)}.yhh__slide--day-night .yhh__scene:not(.is-active) .yhh__img{transform:scale(1.04)}.yhh.is-instant .yhh__img,.yhh.is-instant .yhh__slide.is-active:not(.yhh__slide--day-night) .yhh__img,.yhh.is-instant .yhh__slide.is-active .yhh__scene.is-active .yhh__img{transition:none;transform:scale(1)}.yhh__lights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:#050301;opacity:0;transition:opacity .42s cubic-bezier(.4,0,.2,1)}.yhh__lights.is-on{opacity:.94;transition-duration:.38s}.yhh__slide.is-lights-out .yhh__lights.is-on{opacity:1}.yhh__placeholder{width:100%;height:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.yhh__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.45}.yhh__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(var(--yhh-dark),calc(var(--yhh-overlay) * 1.15)),rgba(var(--yhh-dark),calc(var(--yhh-overlay) * .55)) 38%,rgba(var(--yhh-dark),calc(var(--yhh-overlay) * .18)) 68%,rgba(var(--yhh-dark),.08)),linear-gradient(to right,rgba(var(--yhh-dark),calc(var(--yhh-overlay) * .55)) 0%,rgba(var(--yhh-dark),.08) 48%,transparent 70%)}.yhh__content{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:5.5rem 1.6rem 6.8rem;box-sizing:border-box}.yhh__copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;max-width:28rem;width:100%;padding:1.35rem 1.5rem 1.45rem .85rem;box-sizing:border-box}.yhh__copy>*{position:relative;z-index:1}.yhh__copy:before{content:"";position:absolute;z-index:0;left:-2rem;width:min(42rem,118%);top:0;bottom:0;pointer-events:none;border-radius:1.2rem 4rem 3.2rem 1.4rem/2.4rem 3rem 2.2rem 2.8rem;background:linear-gradient(90deg,rgba(var(--yhh-dark),.72),rgba(var(--yhh-dark),.55) 22%,rgba(var(--yhh-dark),.32) 48%,rgba(var(--yhh-dark),.12) 72%,rgba(var(--yhh-dark),0));filter:blur(14px);opacity:1;transform:rotate(-.8deg) scaleY(1.12)}.yhh__eyebrow{margin:0 0 .85rem;font-family:var(--font-body-family);font-size:.78rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--yhh-ink-muted)}.yhh__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--yhh-heading-h1);line-height:1.08;letter-spacing:-.01em;color:var(--yhh-ink);text-wrap:balance}.yhh__heading.h0{font-size:var(--yhh-heading-h0)}.yhh__heading.h1{font-size:var(--yhh-heading-h1)}.yhh__heading.h2{font-size:var(--yhh-heading-h2)}.yhh__description{margin:1.15rem 0 0;max-width:24rem;font-family:var(--font-body-family);font-size:var(--yhh-desc-size);line-height:1.5;color:var(--yhh-ink-soft);text-wrap:pretty}.yhh__description p{margin:0;color:inherit}.yhh__cta{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin-top:1.7rem;padding:.95rem 1.55rem .95rem 1.7rem;border:0;border-radius:999px;background:#fff;color:#0a0a0a;font-family:var(--font-body-family);font-size:.95rem;font-weight:500;letter-spacing:.04em;text-decoration:none;text-align:center;line-height:1;transition:background-color .28s ease,transform .28s var(--yhh-ease)}.yhh__cta-label{border-bottom:1px solid rgba(10,10,10,.45);padding-bottom:.2rem;transition:border-color .28s ease}.yhh__cta-icon{display:block;width:1.15rem;height:1.15rem;transition:transform .32s var(--yhh-ease)}.yhh__cta:hover{background:#f4f4f4}.yhh__cta:hover .yhh__cta-label{border-bottom-color:#0a0a0a}.yhh__cta:hover .yhh__cta-icon{transform:translate(.28rem)}.yhh__cta:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.yhh__slide .yhh__eyebrow,.yhh__slide .yhh__heading,.yhh__slide .yhh__description,.yhh__slide .yhh__cta{opacity:0;transform:translateY(1rem);transition:opacity .7s var(--yhh-ease),transform .7s var(--yhh-ease)}.yhh__slide.is-active .yhh__eyebrow,.yhh__slide.is-active .yhh__heading,.yhh__slide.is-active .yhh__description,.yhh__slide.is-active .yhh__cta{opacity:1;transform:none}.yhh__slide.is-active .yhh__eyebrow{transition-delay:.12s}.yhh__slide.is-active .yhh__heading{transition-delay:.2s}.yhh__slide.is-active .yhh__description{transition-delay:.28s}.yhh__slide.is-active .yhh__cta{transition-delay:.36s}.yhh.is-instant .yhh__slide .yhh__eyebrow,.yhh.is-instant .yhh__slide .yhh__heading,.yhh.is-instant .yhh__slide .yhh__description,.yhh.is-instant .yhh__slide .yhh__cta,.yhh.is-instant .yhh__slide.is-active .yhh__eyebrow,.yhh.is-instant .yhh__slide.is-active .yhh__heading,.yhh.is-instant .yhh__slide.is-active .yhh__description,.yhh.is-instant .yhh__slide.is-active .yhh__cta{opacity:1;transform:none;transition:none}.yhh__dn-wrap{position:absolute;z-index:5;top:1.6rem;right:1.6rem;pointer-events:auto;opacity:0;transform:translateY(-.6rem);transition:opacity .7s var(--yhh-ease) .28s,transform .7s var(--yhh-ease) .28s}.yhh__slide.is-active .yhh__dn-wrap{opacity:1;transform:none}.yhh.is-instant .yhh__dn-wrap,.yhh.is-instant .yhh__slide.is-active .yhh__dn-wrap{opacity:1;transform:none;transition:none}.yhh__dn{display:inline-flex;align-items:center;margin:0;padding:.3rem;border:1px solid rgba(247,245,242,.28);border-radius:999px;background:#0808086b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--yhh-ink);cursor:pointer;box-shadow:0 8px 28px #00000047;transition:border-color .28s ease,background-color .28s ease}.yhh__dn:hover{border-color:#f7f5f27a;background:#0808088c}.yhh__dn:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.yhh__dn-track{position:relative;display:grid;grid-template-columns:1fr 1fr;min-width:10.4rem}.yhh__dn-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:.65rem 1rem;font-family:var(--font-body-family);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f7f5f28c;transition:color .28s ease;-webkit-user-select:none;user-select:none}.yhh__slide.is-day .yhh__dn-option--day,.yhh__slide.is-night .yhh__dn-option--night{color:#0a0a0a}.yhh__dn-thumb{position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;border-radius:999px;background:#f7f5f2;box-shadow:0 4px 16px #00000038;transition:transform .36s var(--yhh-ease)}.yhh__slide.is-night .yhh__dn-thumb{transform:translate(100%)}.yhh__slide.is-dn-busy .yhh__dn{pointer-events:none}.yhh__nav{position:absolute;z-index:6;left:1.6rem;right:1.6rem;bottom:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.yhh__nav>*{pointer-events:auto}.yhh__arrows{display:flex;align-items:center;gap:.45rem}.yhh__arrow{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid #ffffff;border-radius:0;background:#fff;color:#0a0a0a;cursor:pointer;transition:background-color .24s ease,border-color .24s ease,opacity .24s ease}.yhh__arrow .svg-wrapper{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.yhh__arrow .svg-wrapper svg{width:100%;height:100%}.yhh__arrow--prev .svg-wrapper{transform:rotate(90deg)}.yhh__arrow--next .svg-wrapper{transform:rotate(-90deg)}.yhh__arrow:hover:not(:disabled){background:#f0f0f0;border-color:#f0f0f0}.yhh__arrow:disabled{opacity:.4;cursor:default}.yhh__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.yhh__meta{display:flex;align-items:center;gap:1rem}.yhh__counter{font-family:var(--font-body-family);font-size:.78rem;font-weight:500;letter-spacing:.16em;color:var(--yhh-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.yhh__counter-sep{margin:0 .35rem;opacity:.55}.yhh__dots{display:none;align-items:center;gap:.45rem}.yhh__dot{width:.45rem;height:.45rem;padding:0;border:0;border-radius:50%;background:#f7f5f247;cursor:pointer;transition:background-color .24s ease,transform .24s var(--yhh-ease)}.yhh__dot.is-active{background:var(--yhh-ink);transform:scale(1.15)}.yhh__dot:focus-visible{outline:2px solid var(--yhh-ink);outline-offset:3px}.yhh__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--yhh-ink-soft);font-size:1.1rem}@media screen and (min-width:750px){.yhh__content{justify-content:center;padding:6rem 6rem 7rem}.yhh__dn-wrap{top:2.4rem;right:2.4rem}.yhh__copy{max-width:34rem;padding:1.7rem 2rem 1.8rem 1rem}.yhh__copy:before{left:-2.6rem;width:min(48rem,125%);filter:blur(18px);background:linear-gradient(90deg,rgba(var(--yhh-dark),.68),rgba(var(--yhh-dark),.5) 24%,rgba(var(--yhh-dark),.28) 52%,rgba(var(--yhh-dark),.1) 74%,rgba(var(--yhh-dark),0))}.yhh__eyebrow{font-size:.82rem;margin-bottom:1.1rem}.yhh--text-small{--yhh-heading-h0: clamp(2.2rem, 3vw, 3.2rem);--yhh-heading-h1: clamp(1.9rem, 2.6vw, 2.7rem);--yhh-heading-h2: clamp(1.6rem, 2.2vw, 2.2rem)}.yhh--text-medium{--yhh-heading-h0: clamp(2.8rem, 3.6vw, 4.4rem);--yhh-heading-h1: clamp(2.4rem, 3vw, 3.6rem);--yhh-heading-h2: clamp(2rem, 2.5vw, 2.9rem)}.yhh--text-large{--yhh-heading-h0: clamp(3.2rem, 4vw, 5.2rem);--yhh-heading-h1: clamp(2.8rem, 3.4vw, 4.4rem);--yhh-heading-h2: clamp(2.3rem, 2.8vw, 3.4rem)}.yhh--desc-small{--yhh-desc-size: 1.05rem}.yhh--desc-medium{--yhh-desc-size: 1.15rem}.yhh--desc-large{--yhh-desc-size: 1.35rem}.yhh__description{margin-top:1.4rem;max-width:28rem;line-height:1.55}.yhh__cta{margin-top:2.1rem;font-size:1rem}.yhh__nav{left:6rem;right:6rem;bottom:2.4rem}.yhh__arrow{width:2.9rem;height:2.9rem}.yhh__dots{display:flex}.yhh__overlay{background:linear-gradient(to right,rgba(var(--yhh-dark),calc(var(--yhh-overlay) * .85)) 0%,rgba(var(--yhh-dark),calc(var(--yhh-overlay) * .35)) 36%,rgba(var(--yhh-dark),.08) 62%,transparent 78%),linear-gradient(to top,rgba(var(--yhh-dark),calc(var(--yhh-overlay) * .45)) 0%,transparent 42%)}}@media screen and (min-width:1200px){.yhh__content{padding:7rem 8rem 8rem}.yhh__dn-wrap{top:3rem;right:3rem}.yhh__copy{max-width:38rem}.yhh__nav{left:8rem;right:8rem;bottom:2.8rem}}@media(prefers-reduced-motion:reduce){.yhh__slide,.yhh__slide.is-active,.yhh__scene,.yhh__scene.is-active,.yhh__lights,.yhh__lights.is-on,.yhh__dn-thumb,.yhh__dn-wrap,.yhh__slide.is-active .yhh__dn-wrap,.yhh__img,.yhh__slide.is-active .yhh__img,.yhh__slide.is-active .yhh__scene.is-active .yhh__img,.yhh__slide .yhh__eyebrow,.yhh__slide .yhh__heading,.yhh__slide .yhh__description,.yhh__slide .yhh__cta,.yhh__slide.is-active .yhh__eyebrow,.yhh__slide.is-active .yhh__heading,.yhh__slide.is-active .yhh__description,.yhh__slide.is-active .yhh__cta,.yhh__cta,.yhh__cta-icon,.yhh__dot,.yhh__copy:before{transition:none}.yhh__img,.yhh__slide.is-active .yhh__img,.yhh__slide.is-active .yhh__scene.is-active .yhh__img{transform:none}.yhh__dn-wrap,.yhh__slide.is-active .yhh__dn-wrap{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-yugen-home-page-hero.css.map */