.c-about-story{--c-story-ease-o: cubic-bezier(.175, 0, .035, 1);--c-story-ease-mask: cubic-bezier(0, .03, 0, 1);background:#000;color:var(--c-top-cream, #d6cdbe)}.c-about-story__hero{position:relative;width:100%;height:clamp(420px,58vw,760px);background:#111;overflow:hidden;line-height:0}.c-about-story__hero-img,.c-about-story__hero>svg{display:block;width:100%;height:100%;object-fit:cover}.c-about-story__hero>svg{background:#1a1a1a}.c-about-story__plx{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden}.c-about-story__plx--sp{display:none}.c-about-story__hero--sp-only .c-about-story__plx--sp{display:block}.c-about-story__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent 60%);mask-image:linear-gradient(0deg,#000 40%,transparent 60%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 0%;mask-position:50% 0%;transition:-webkit-mask-position 2.5s var(--c-story-ease-mask),mask-position 2.5s var(--c-story-ease-mask)}.c-about-story__bg.is-shown{-webkit-mask-position:50% 100%;mask-position:50% 100%}.c-about-story__hero .c-about-story__plx,.c-about-story__hero .c-about-story__bg,.c-about-story__hero .c-about-story__elem{transform:translateZ(0);backface-visibility:hidden}.c-about-story__hero .c-about-story__bg{will-change:mask-position,-webkit-mask-position;contain:layout paint}.c-about-story__hero .c-about-story__elem-img,.c-about-story__hero .c-about-story__elem-filter{transform:scale(1.1) translateZ(0)}.c-about-story__hero .c-about-story__bg.is-shown .c-about-story__elem-img,.c-about-story__hero .c-about-story__bg.is-shown .c-about-story__elem-filter{transform:scale(1) translateZ(0)}.c-about-story__elem{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.c-about-story__elem-img,.c-about-story__elem-filter{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.1);transform-origin:center center}.c-about-story__elem-img{z-index:1}.c-about-story__elem-filter{z-index:2;opacity:1;mix-blend-mode:screen;filter:brightness(1.4)}.c-about-story__bg.is-shown .c-about-story__elem-img{transform:scale(1);transition:transform 2s var(--c-story-ease-o)}.c-about-story__bg.is-shown .c-about-story__elem-filter{transform:scale(1);opacity:0;transition:opacity 2s var(--c-story-ease-o),transform 2s var(--c-story-ease-o)}.c-about-story__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.c-about-story__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#00000073,#0000000d 42%,#0000 70%);pointer-events:none}.c-about-story__hero-title{position:absolute;left:var(--c-top-pad-x, clamp(20px, 4vw, 64px));bottom:clamp(28px,5vw,72px);z-index:3;margin:0;max-width:min(90%,720px);font-family:var(--c-top-font-display);font-size:clamp(32px,4.2vw,52px);font-weight:300;letter-spacing:.06em;line-height:1.35}.c-about-story__hero-title p{margin:0}.c-about-story__hero-title p+p{margin-top:.15em}.c-about-story__hero-title a{color:inherit;text-decoration:underline}.c-about-story__chapter{background:#000;padding-top:var(--c-story-pt, 0px);padding-bottom:var(--c-story-pb, 0px)}.c-about-story__chapter--text .c-about-story__copy{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:clamp(88px,11vw,140px) var(--c-top-pad-x, clamp(20px, 4vw, 64px))}.c-about-story__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:clamp(480px,52vw,680px)}.c-about-story__chapter--media-right .c-about-story__media{order:2}.c-about-story__chapter--media-right .c-about-story__copy{order:1}.c-about-story__media{position:relative;min-height:420px;background:#161616;overflow:hidden;line-height:0}.c-about-story__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,88px) clamp(32px,5vw,80px)}.c-about-story__eyebrow{margin:0 0 14px;font-family:var(--c-top-font-display);font-size:15px;font-weight:300;letter-spacing:.08em;line-height:1.4;color:var(--c-top-cream, #d6cdbe)}.c-about-story__heading{margin:0 0 clamp(22px,3vw,36px);font-family:var(--c-top-font-mincho);font-size:clamp(22px,2.2vw,28px);font-weight:400;letter-spacing:.06em;line-height:1.6}.c-about-story__heading p{margin:0}.c-about-story__heading p+p{margin-top:.2em}.c-about-story__heading a{color:inherit;text-decoration:underline}.c-about-story__body{font-family:var(--c-top-font-mincho);font-size:14px;font-weight:400;letter-spacing:.04em;line-height:2;color:#d6cdbeeb}.c-about-story__body p{margin:0 0 1.4em}.c-about-story__body p:last-child{margin-bottom:0}@media(max-width:989px){.c-about-story__hero{height:500px}.c-about-story__split{grid-template-columns:1fr;min-height:0}.c-about-story__chapter--media-right .c-about-story__media,.c-about-story__chapter--media-left .c-about-story__media{order:-1}.c-about-story__chapter--media-right .c-about-story__copy,.c-about-story__chapter--media-left .c-about-story__copy{order:0}.c-about-story__media{min-height:0;aspect-ratio:1 / 1;margin:0 20px}.c-about-story__copy,.c-about-story__chapter--text .c-about-story__copy{padding:48px 20px 56px}.c-about-story__heading{font-size:22px}}@media(max-width:749px){.c-about-story__hero--has-sp:not(.c-about-story__hero--sp-only) .c-about-story__plx--pc{display:none}.c-about-story__hero--has-sp .c-about-story__plx--sp{display:block}.c-about-story__chapter{padding-top:var(--c-story-pt-sp, var(--c-story-pt, 0px));padding-bottom:var(--c-story-pb-sp, var(--c-story-pb, 0px))}.c-about-story__hero-title{left:20px;bottom:24px;font-size:28px}.c-about-story__chapter--text .c-about-story__copy{padding:56px 20px}.c-about-story__body{font-size:13px;line-height:1.9}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/c-about-story.css.map */