.roots-story{--roots-story-chrome: var(--header-height, 11.2rem);--roots-story-gap: var(--space-5);display:block;position:relative}@media screen and (min-width:990px){.roots-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-9);align-items:start}.roots-story__chapters{grid-column:1;grid-row:1}.roots-story__stage{grid-column:2;grid-row:1}}.roots-story__stage{position:sticky;inset-block-start:calc(var(--roots-story-chrome) + var(--roots-story-gap));z-index:1;margin-block-end:var(--space-7)}@media screen and (min-width:990px){.roots-story__stage{margin-block-end:0}}.roots-story__frame{position:relative;aspect-ratio:3 / 2;block-size:min(calc(100svh - var(--roots-story-chrome) - 14rem),26rem);inline-size:100%;overflow:hidden;border-radius:var(--radius-media);background-color:rgba(var(--color-foreground),.06)}@media screen and (min-width:990px){.roots-story__frame{aspect-ratio:4 / 5;block-size:min(calc(100svh - var(--roots-story-chrome) - 11rem),60rem);inline-size:auto;max-inline-size:100%;margin-inline:auto}}.roots-story__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s cubic-bezier(.33,0,.2,1)}.roots-story__slide.is-active{opacity:1}.roots-story__image{inline-size:100%;block-size:100%;object-fit:cover;display:block}.roots-story__ticks{display:flex;gap:var(--space-3);margin-block-start:var(--space-4);margin-inline:auto;inline-size:fit-content}.roots-story__tick{inline-size:3.2rem;block-size:.1rem;background-color:var(--roots-copper);opacity:.4;transition:opacity .42s ease,block-size .42s ease}.roots-story__tick.is-active{block-size:.2rem;opacity:1}@media screen and (min-width:990px){.roots-story__ticks{margin-inline:0}}.roots-story__chapters{list-style:none;margin:0;padding:0}.roots-story__chapter{position:relative;display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-7);padding-inline-start:var(--space-8);border-block-start:.1rem solid var(--roots-hairline)}.roots-story__chapter:first-child{border-block-start:0;padding-block-start:0}.roots-story__chapter{min-block-size:min(46svh,34rem)}@media screen and (min-width:990px){.roots-story__chapter{min-block-size:min(58svh,48rem);padding-block:var(--space-8)}}.roots-story__chapter:before{content:"";position:absolute;inset-inline-start:0;inset-block:var(--space-7);inline-size:.2rem;background-color:var(--roots-copper);transform-origin:top center;scale:1 0;transition:scale .42s cubic-bezier(.16,1,.3,1)}.roots-story__chapter:first-child:before{inset-block-start:0}@media screen and (min-width:990px){.roots-story__chapter:before{inset-block:var(--space-8)}}.roots-story__chapter.is-active:before{scale:1 1}.roots-story__index{display:block;font-family:var(--font-body-family);font-size:var(--type-eyebrow);font-weight:var(--font-body-weight-bold);letter-spacing:var(--tracking-eyebrow);color:rgb(var(--color-heading));margin-block-end:var(--space-3);font-variant-numeric:tabular-nums}.roots-story__chapter-heading{font-size:var(--type-h3);margin:0 0 var(--space-3);text-wrap:balance}.roots-story__chapter-text{max-inline-size:52ch;text-wrap:pretty;color:rgb(var(--color-foreground))}.roots-story__chapter-text p{margin:0}.roots-story__actions{margin-block-start:var(--space-8)}@media(prefers-reduced-motion:reduce){.roots-story__slide,.roots-story__chapter:before,.roots-story__chapter-text,.roots-story__index,.roots-story__tick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-roots-story.css.map */