.offset-story{width:100%;max-width:none;display:block;overflow:visible}.offset-story__layout{display:grid;width:100%;grid-template-columns:1fr;align-items:start}.offset-story__media{position:relative;z-index:2;min-width:0;overflow:hidden}.offset-story__media picture,.offset-story__image,.offset-story__media .placeholder-svg{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.offset-story__image,.offset-story__media .placeholder-svg{transform:scale(1);transition:transform .7s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.offset-story__media:hover .offset-story__image,.offset-story__media:hover .placeholder-svg{transform:scale(1.05)}}.offset-story__panel{position:relative;z-index:1;display:flex;align-items:center;min-width:0;background:var(--offset-story-bg, #fffef4);padding:3.2rem 2rem}.offset-story__panel--left{justify-content:flex-start;text-align:left}.offset-story__panel--center{justify-content:center;text-align:center}.offset-story__panel--right{justify-content:flex-end;text-align:right}.offset-story__text{margin:0;max-width:46rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;line-height:1.7;color:rgb(var(--color-foreground))}.template-page-about .offset-story__text{font-size:2.4rem;line-height:1.6}@media screen and (min-width:769px){.offset-story__layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto var(--offset-story-shift, 5.6rem)}.offset-story__layout--image-right{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.offset-story__media{grid-column:1;grid-row:1;align-self:start}.offset-story__layout--image-right .offset-story__media{grid-column:2}.offset-story__panel{grid-column:2;grid-row:1 / span 2;align-self:stretch;width:calc(100% + var(--offset-story-overlap, 9.6rem));margin-left:calc(var(--offset-story-overlap, 9.6rem) * -1);padding:4.8rem 5.6rem 4.8rem calc(5.6rem + var(--offset-story-overlap, 9.6rem));margin-top:50px}.offset-story__layout--image-right .offset-story__panel{grid-column:1;margin-left:0;margin-right:calc(var(--offset-story-overlap, 9.6rem) * -1);padding:4.8rem calc(5.6rem + var(--offset-story-overlap, 9.6rem)) 4.8rem 5.6rem}.offset-story__text{font-size:1.8rem}}@media screen and (min-width:769px)and (max-width:1024px){.offset-story__panel{padding:3.6rem 3.2rem 3.6rem calc(3.2rem + var(--offset-story-overlap, 9.6rem))}.offset-story__layout--image-right .offset-story__panel{padding:3.6rem calc(3.2rem + var(--offset-story-overlap, 9.6rem)) 3.6rem 3.2rem}.offset-story__text{font-size:1.6rem}}@media screen and (max-width:1440px){.template-page-about .offset-story__text{font-size:2rem}}@media screen and (max-width:1024px){.template-page-about .offset-story__text{font-size:1.6rem}}@media screen and (max-width:768px){.offset-story__layout{grid-template-rows:auto}.offset-story__media{grid-column:auto;grid-row:auto;order:1}.offset-story__panel{grid-column:auto;grid-row:auto;order:2;width:100%;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-offset-story.css.map */