.jc-story{background:#fff;padding:5rem 0}.jc-story--bg-white{background:#fff}.jc-story--bg-cream{background:#f7f5f4}.jc-story--bg-mint{background:#d5e3d8}.jc-story__row{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch}@media screen and (min-width:990px){.jc-story__row{grid-template-columns:1fr 1fr;gap:5rem}.jc-story__media{grid-column:2;grid-row:1}.jc-story__content{grid-column:1;grid-row:1}.jc-story__row--image-left .jc-story__media{grid-column:1}.jc-story__row--image-left .jc-story__content{grid-column:2}}.jc-story__media{position:relative;min-height:40rem;border-radius:4px;overflow:hidden;box-shadow:#63636333 0 2px 8px}.jc-story__img{width:100%;height:100%;object-fit:cover;object-position:var(--img-focal-x, 50%) var(--img-focal-y, 50%);display:block}.jc-story__content{display:flex;flex-direction:column;justify-content:center}.jc-story__content-inner{display:flex;flex-direction:column;gap:2rem}.jc-story__heading{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 3rem);line-height:1.1;letter-spacing:calc(var(--font-heading-scale) * .06rem);font-weight:var(--font-heading-weight);text-transform:uppercase;color:#004935;margin:0 0 2rem}@media screen and (min-width:990px){.jc-story__heading{font-size:calc(var(--font-heading-scale) * 4rem)}}.jc-story__body{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.8;color:rgba(var(--color-foreground),.75)}.jc-story__body p{margin:0 0 1.5rem}.jc-story__body p:last-child{margin-bottom:0}.jc-story__signature{display:block;width:auto;max-width:24rem;height:auto}.jc-story__signature-name{margin:.8rem 0 0;font-family:var(--font-body-family);font-size:1.5rem;color:#004935}.jc-story__cta{align-self:flex-start;margin-top:.5rem}.jc-story__caption{position:absolute;bottom:1.5rem;left:1.5rem;z-index:1;margin:0;font-family:var(--font-body-family);font-style:normal;font-size:1.4rem;line-height:1.5;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}.jc-story__media--cap-right .jc-story__caption{left:auto;right:1.5rem;text-align:right}.jc-story__caption p{margin:0}@media screen and (min-width:990px){.jc-story__caption{bottom:2.5rem;left:2.5rem;font-size:1.6rem}.jc-story__media--cap-right .jc-story__caption{left:auto;right:2.5rem}}@media screen and (max-width:989px){.jc-story{padding:2rem 0}.jc-story__media{min-height:0;aspect-ratio:3 / 2}}.jc-story__row--polaroids{grid-template-areas:"media" "content" "polaroids"}.jc-story__row--polaroids .jc-story__media{grid-area:media}.jc-story__row--polaroids .jc-story__content{grid-area:content}.jc-story__polaroids{grid-area:polaroids}@media screen and (min-width:990px){.jc-story__row--polaroids{grid-template-areas:"content media" "content polaroids";grid-template-rows:auto 1fr;row-gap:3rem}.jc-story__row--polaroids.jc-story__row--image-left{grid-template-areas:"media content" "polaroids content"}.jc-story__row--polaroids .jc-story__media{min-height:0;aspect-ratio:3 / 2;align-self:start}.jc-story__row--polaroids .jc-story__polaroids{align-self:start;justify-content:space-between}}.jc-story__polaroids{display:flex;flex-direction:column;padding:1rem 1rem 2rem;isolation:isolate}.jc-story__polaroid{--tilt: 0deg;position:relative;width:64%;margin:0;padding:1.2rem;background:#fff;border-radius:2px;box-shadow:0 10px 24px #00000024,0 2px 6px #00000014;transform:rotate(var(--tilt));transition:transform .25s ease,box-shadow .25s ease}.jc-story__polaroid:nth-child(1){--tilt: -5deg;align-self:flex-start;z-index:1}.jc-story__polaroid:nth-child(2){--tilt: 4deg;align-self:flex-end;margin-top:-20%;z-index:2}.jc-story__polaroid:nth-child(3){--tilt: -2deg;align-self:center;margin-top:-16%;margin-left:-8%;z-index:3}.jc-story__polaroid img,.jc-story__polaroid .placeholder-svg{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}@media(hover:hover){.jc-story__polaroid:hover{transform:rotate(0) scale(1.04);box-shadow:0 16px 34px #0003,0 3px 8px #0000001a}}@media(prefers-reduced-motion:reduce){.jc-story__polaroid{transition:none}}@media screen and (max-width:989px){.jc-story__polaroid{width:72%;padding:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-jc-story.css.map */