.tf-story{padding-block:4.8rem 0}.tf-story__wrap{display:block}.tf-story__head{margin-bottom:3.2rem}.tf-story__head .tf-heading{margin-bottom:0}.tf-story__chapters,.tf-story__chapter{display:grid}.tf-story__media{aspect-ratio:4 / 3;overflow:hidden;background:rgb(var(--color-background-secondary))}.tf-story__image{display:block;width:100%;height:100%;object-fit:cover}.tf-story__image--placeholder{fill:rgba(var(--color-foreground),.3)}.tf-story__body{display:grid;align-content:center;justify-items:start;gap:1.4rem;padding:3.2rem 2rem 4rem}.tf-story__eyebrow{display:flex;align-items:center;gap:1.2rem;margin:0;color:rgb(var(--color-foreground-secondary))}.tf-story__eyebrow:before{content:"";width:3.2rem;height:.1rem;background:currentColor}.tf-story__title{margin:0;max-width:28ch;text-wrap:balance}.tf-story__text{max-width:46rem;color:rgba(var(--color-foreground),.85);font-size:1.7rem;line-height:1.6}.tf-story__text>:first-child{margin-top:0}.tf-story__text>:last-child{margin-bottom:0}.tf-story__footer{padding-block:3.2rem 5.6rem}.tf-story__footer .button{min-height:5.2rem;padding-inline:3.2rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:600}.tf-story__footer .button:after{display:none}@media screen and (min-width:990px){.tf-story{padding-top:7.2rem}.tf-story__head{margin-bottom:4.8rem}.tf-story__chapter{grid-template-columns:1fr 1fr;height:clamp(46rem,40vw,60rem)}.tf-story__media{position:relative;aspect-ratio:auto;height:100%;overflow:hidden}.tf-story__media>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tf-story__title{font-size:clamp(3.2rem,3.2vw,4.4rem)}.tf-story__text{font-size:1.8rem}.tf-story__chapter--reverse .tf-story__media{order:2}.tf-story__body{padding:6rem clamp(4rem,6vw,9.6rem)}.tf-story__chapter:not(.tf-story__chapter--reverse) .tf-story__body{padding-inline-end:clamp(4rem,8vw,14rem)}.tf-story__chapter--reverse .tf-story__body{padding-inline-start:max(5rem,calc((100vw - 139.6rem)/2 + 5rem))}}.tf-story__text ul{display:grid;gap:.8rem;margin:2rem 0 0;padding:0;list-style:none;font-size:1.5rem}.tf-story__text li{position:relative;padding-inline-start:2.4rem}.tf-story__text li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:1.2rem;height:.6rem;border-inline-start:.2rem solid currentColor;border-block-end:.2rem solid currentColor;transform:rotate(-45deg) translateY(-50%)}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-tf-brand-story.css.map */