.about-story{--about-ease: cubic-bezier(.22, 1, .36, 1);--about-p: 0;display:block;background:var(--about-bg);color:var(--about-text-color);overflow:hidden}.about-story__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "main" "body" "detail";gap:2.8rem}@media screen and (min-width:990px){.about-story__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:auto auto 1fr;grid-template-areas:"main head" "main body" "main detail";column-gap:clamp(2.4rem,3vw,4.8rem);row-gap:2.4rem}}.about-story__guide{position:absolute;background:var(--about-heading-color);opacity:.35;pointer-events:none;z-index:2}.about-story__guide--h,.about-story__guide--v{display:none}@media screen and (min-width:990px){.about-story__guide--h{display:block;top:4.2rem;left:0;right:0;height:1px;transform-origin:left center}.about-story__guide--v{display:block;top:-2.4rem;bottom:-2.4rem;left:calc(var(--uc-page-pad, 2.4rem) / -2);width:1px;transform-origin:center top}}.about-story__media{position:relative;overflow:hidden;border-radius:var(--about-radius);background:#0000000a}.about-story__media--main{grid-area:main;aspect-ratio:4 / 5}.about-story__media--detail{grid-area:detail;aspect-ratio:4 / 3}@media screen and (min-width:990px){.about-story__media--main{aspect-ratio:4 / 5.4;align-self:start}.about-story__media--detail{aspect-ratio:auto;min-height:26rem}}.about-story__parallax{position:absolute;top:-8%;right:0;bottom:-8%;left:0;will-change:transform}.about-story--parallax .about-story__parallax[data-depth="1"]{transform:translate3d(0,calc(var(--about-p) * 6%),0)}.about-story--parallax .about-story__parallax[data-depth="-1"]{transform:translate3d(0,calc(var(--about-p) * -6%),0)}.about-story__img{display:block;width:100%;height:100%;object-fit:cover}.about-story__placeholder{fill:#00000040;background:#0000000d}.about-story__head{grid-area:head;position:relative;z-index:3}.about-story__eyebrow{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;color:var(--about-heading-color);line-height:1.4}.about-story__eyebrow-rule{flex:0 0 auto;width:4rem;height:1px;background:currentColor;transform-origin:left center}@media screen and (min-width:990px){.about-story__eyebrow{min-height:4.2rem;margin-bottom:.4rem;background:var(--about-bg);padding-right:1.6rem;width:fit-content;position:relative;z-index:3}}.about-story__heading{margin:0;font-family:var(--about-font-family);font-weight:var(--about-font-weight);font-size:clamp(4.8rem,12vw,var(--about-heading-size));line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:var(--about-heading-color)}@media screen and (min-width:990px){.about-story__heading{font-size:clamp(6rem,8.6vw,var(--about-heading-size))}}.about-story__word{display:inline-block;white-space:nowrap}.about-story__mask{display:inline-block;overflow:hidden;padding:.1em .01em;margin:-.1em -.01em;vertical-align:bottom}.about-story__char{display:inline-block;position:relative}.about-story__heart{position:absolute;left:50%;top:50%;width:.3em;height:.3em;transform:translate(-50%,-46%);color:var(--about-heart-color)}.about-story__body{grid-area:body;max-width:44rem}.about-story__text{font-size:1.5rem;line-height:1.7}.about-story__text p{margin:0 0 1em}.about-story__text p:last-child{margin-bottom:0}.about-story__text strong{font-weight:700;color:var(--about-text-color)}.about-story__link{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase;color:var(--about-text-color);text-decoration:none;position:relative;padding-bottom:.4rem}.about-story__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform-origin:right center;transition:transform .5s var(--about-ease)}.about-story__link:hover:after{transform:scaleX(0)}.about-story__link-icon{display:inline-flex;width:1.4rem;transition:transform .4s var(--about-ease)}.about-story__link-icon svg{width:100%;height:auto}.about-story__link:hover .about-story__link-icon{transform:translate(.6rem)}@keyframes about-story-heart-pulse{0%,to{transform:translate(-50%,-46%) scale(1)}15%{transform:translate(-50%,-46%) scale(1.25)}30%{transform:translate(-50%,-46%) scale(1)}45%{transform:translate(-50%,-46%) scale(1.15)}}@media(prefers-reduced-motion:no-preference){.about-story--animate .about-story__guide--h{transform:scaleX(0);transition:transform 1.6s var(--about-ease)}.about-story--animate .about-story__guide--v{transform:scaleY(0);transition:transform 1.6s var(--about-ease) .1s}.about-story--animate .about-story__media{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s var(--about-ease)}.about-story--animate .about-story__media--detail{clip-path:inset(0 0 0 100%);transition-delay:.5s}.about-story--animate .about-story__img{transform:scale(1.25);transition:transform 2.2s var(--about-ease)}.about-story--animate .about-story__media--detail .about-story__img{transition-delay:.5s}.about-story--animate .about-story__char{transform:translateY(110%) rotate(6deg);transition:transform 1s var(--about-ease);transition-delay:calc(.35s + var(--ci) * .06s)}.about-story--animate .about-story__heart{transform:translate(-50%,-46%) scale(0);transition:transform .7s cubic-bezier(.34,1.8,.64,1) 1.2s}.about-story--animate .about-story__fade{opacity:0;transform:translateY(2.4rem);transition:opacity 1s var(--about-ease),transform 1s var(--about-ease);transition-delay:calc(.6s + var(--d) * .15s)}.about-story--animate .about-story__eyebrow{transition-delay:.2s}.about-story--animate .about-story__eyebrow-rule{transform:scaleX(0);transition:transform 1s var(--about-ease) .4s}.about-story--animate.is-visible .about-story__guide--h{transform:scaleX(1)}.about-story--animate.is-visible .about-story__guide--v{transform:scaleY(1)}.about-story--animate.is-visible .about-story__media{clip-path:inset(0 0 0 0)}.about-story--animate.is-visible .about-story__img{transform:scale(1)}.about-story--animate.is-visible .about-story__char{transform:translateY(0) rotate(0)}.about-story--animate.is-visible .about-story__heart{transform:translate(-50%,-46%) scale(1)}.about-story--animate.is-visible .about-story__fade{opacity:1;transform:translateY(0)}.about-story--animate.is-visible .about-story__eyebrow-rule{transform:scaleX(1)}.about-story.is-settled .about-story__heart{animation:about-story-heart-pulse 2.4s ease-in-out infinite}.about-story__media:hover .about-story__img{transform:scale(1.04);transition:transform 1.2s var(--about-ease)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-about-story.css.map */
