.yph{--yph-bg-top: #0a0a0a;--yph-bg-bottom: #ffffff;--yph-text-top: #ffffff;--yph-text-bottom: #0a0a0a;--yph-max: 42rem;--yph-pad-y: 4.8rem;--yph-ease: cubic-bezier(.16, 1, .3, 1);display:block;width:100%;color:var(--yph-text-top);font-family:var(--font-body-family)}.yph__band{width:100%}.yph__band--top{background-color:var(--yph-bg-top);color:var(--yph-text-top);padding-top:var(--yph-pad-y);padding-bottom:calc(var(--yph-pad-y) * .85)}.yph__band--bottom{background-color:var(--yph-bg-bottom);color:var(--yph-text-bottom);padding-top:calc(var(--yph-pad-y) * .75);padding-bottom:var(--yph-pad-y)}.yph__inner{width:min(100% - 3.2rem,var(--yph-max));margin-inline:auto}.yph__rule{display:block;width:clamp(100px,28vw,140px);height:2px;border:0;margin:0}.yph__rule--light{background:#ffffffa6;margin-bottom:clamp(2rem,5vw,2.8rem)}.yph__rule--dark{background:#000000a6;margin-top:clamp(2.2rem,5vw,3rem)}.yph__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(3.6rem,14vw,7.2rem);line-height:.92;letter-spacing:-.03em;color:var(--yph-text-top);text-wrap:balance}.yph__caption{margin:1.1rem 0 0;font-family:var(--font-body-family);font-size:clamp(.78rem,1.6vw,.92rem);font-weight:400;letter-spacing:.22em;text-transform:lowercase;color:var(--yph-text-top);opacity:.55}.yph__definition{margin:clamp(2.4rem,6vw,3.6rem) 0 0;max-width:28rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:clamp(1.15rem,2.8vw,1.45rem);line-height:1.45;letter-spacing:-.01em;color:var(--yph-text-top);text-wrap:pretty}.yph__definition p{margin:0;color:inherit}.yph__statement{margin:0;max-width:30rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:clamp(1.35rem,3.4vw,1.85rem);line-height:1.35;letter-spacing:-.015em;color:var(--yph-text-bottom);text-wrap:pretty}.yph__statement p{margin:0;color:inherit}.yph.is-observing [data-yph-reveal]{opacity:0;transform:translateY(1.4rem);transition:opacity .9s var(--yph-ease),transform .9s var(--yph-ease);will-change:opacity,transform}.yph.is-observing [data-yph-reveal]:nth-child(1){transition-delay:0ms}.yph.is-observing [data-yph-reveal]:nth-child(2){transition-delay:.1s}.yph.is-observing [data-yph-reveal]:nth-child(3){transition-delay:.2s}.yph.is-observing .yph__band--bottom [data-yph-reveal]{transition-delay:80ms}.yph.is-observing.is-visible [data-yph-reveal]{opacity:1;transform:none}@media screen and (min-width:750px){.yph{--yph-pad-y: 7.2rem}.yph__inner{width:min(100% - 8rem,var(--yph-max))}.yph__rule{width:clamp(160px,14vw,220px)}.yph__rule--light{margin-bottom:3.2rem}.yph__rule--dark{margin-top:3.4rem}.yph__heading{font-size:clamp(6rem,9vw,9.5rem)}.yph__caption{margin-top:1.4rem;letter-spacing:.28em}.yph__definition{margin-top:4.2rem;max-width:32rem;font-size:clamp(1.35rem,1.6vw,1.65rem);line-height:1.42}.yph__statement{max-width:34rem;font-size:clamp(1.7rem,2.1vw,2.15rem);line-height:1.32}}@media screen and (min-width:1200px){.yph{--yph-pad-y: 8.5rem}.yph__inner{width:min(100% - 12rem,var(--yph-max))}}@media(prefers-reduced-motion:reduce){.yph.is-observing [data-yph-reveal],.yph.is-observing.is-visible [data-yph-reveal]{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-yugen-philosophy.css.map */
