.p-about-story{background-color:var(--remie-color-bg-beige)}.p-about-story__inner{display:grid;gap:var(--remie-space-4xl);padding-block:var(--remie-section-pad)}.p-about-story__chapter{display:grid;grid-template-areas:"head" "image" "text"}.p-about-story__head{grid-area:head;display:grid;align-items:start;padding-block-end:var(--remie-space-2xl)}.p-about-story__head-main,.p-about-story__number{grid-area:1 / 1}.p-about-story__head-main{--remie-motion-delay: .35s;position:relative}.p-about-story__title{font-family:var(--remie-font-heading);font-size:var(--remie-fz-display-sm);font-weight:var(--remie-fw-light);line-height:var(--remie-lh-tight)}.p-about-story__label{display:flex;align-items:center;gap:var(--remie-space-sm);margin-block-start:var(--remie-space-md);font-size:var(--remie-fz-xs);line-height:var(--remie-lh-tight);color:var(--remie-color-bg-green)}.p-about-story__label:before{content:"";flex:none;width:32px;height:1px;background-color:currentColor}.p-about-story__lead{--remie-motion-delay: .35s;margin-block-start:var(--remie-space-xl)}.p-about-story__quote{font-family:var(--remie-font-mincho);font-size:var(--remie-fz-lead);line-height:var(--remie-lh-mincho)}.p-about-story__heading{font-family:var(--remie-font-mincho);font-size:var(--remie-fz-heading);line-height:var(--remie-lh-body)}.p-about-story__quote+.p-about-story__heading{margin-block-start:var(--remie-space-md)}.p-about-story__number{--remie-motion-delay: .5s;justify-self:end;font-family:var(--remie-font-mincho);font-size:var(--remie-fz-number);line-height:var(--remie-lh-tight);color:var(--remie-color-bg-beige-dark);margin-block:calc(var(--remie-fz-number) * -.2)}.p-about-story__image{grid-area:image;display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.p-about-story__image--placeholder{background-color:var(--remie-color-bg-card);fill:var(--remie-color-text-muted)}.p-about-story__text{--remie-motion-delay: .55s;grid-area:text;align-self:start;padding:var(--remie-card-pad);background-color:var(--remie-color-bg-label)}.p-about-story__text :where(p)+:where(p){margin-block-start:var(--remie-space-md)}@media screen and (min-width:990px){.p-about-story__chapter{grid-template-columns:608fr 544fr;grid-template-rows:auto 1fr;grid-template-areas:"head image" "text image"}.p-about-story__chapter:nth-child(2n){grid-template-columns:544fr 608fr;grid-template-areas:"image head" "image text"}.p-about-story__head{padding-inline:64px;padding-block-end:64px}.p-about-story__image{align-self:start}.p-about-story__text{padding:64px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/remie-section-about-story.css.map */
