.story{background-color:var(--color-secondary-dark);color:var(--color-text-light);position:relative;overflow:hidden}.story.pt{padding-top:60px}.story.pb{padding-bottom:60px}.story .main-container.mb{margin-bottom:48px}.story .main-container *{margin:0;padding:0;box-sizing:border-box;position:relative;z-index:1}.story .story-header{margin-bottom:48px}.story .main-container .story-header h2{margin-bottom:12px}.story .card h2,.story .card h3,.story .card p{color:var(--color-text-light);text-align:center;letter-spacing:0}.story .main-container h2,.story .card h3{margin-bottom:12px}.story .card{--story-card-gap: 16px;margin-bottom:48px;display:flex;flex-direction:column;gap:var(--story-card-gap)}.story .card .card-header .metafield-rich_text_field>*{margin-top:12px}.story .card .card-header .metafield-rich_text_field>:first-child{margin-top:0}.story .card:last-of-type{margin-bottom:0}.story .card img,.story .card video{flex:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:6px;aspect-ratio:630/473}.story .bg-image{position:absolute;left:50%;transform:translate(-48.6%);top:0;width:908px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){.story.pt{padding-top:80px}.story.pb{padding-bottom:80px}.story .main-container.mb,.story .story-header{margin-bottom:60px}.story .card h2,.story .card h3,.story .card p{text-align:left}.story .main-container h2{margin-bottom:22px}.story .card img,.story .card video{flex:none;border-radius:8px}.story .card:nth-of-type(2n) img{order:-1}.story .bg-image{width:1595px}.story .card{--story-card-gap: 20px;margin-bottom:60px;flex-direction:row;flex-wrap:nowrap}.story .card>div{width:100%;flex:1}.story .card>img,.story .card>video{flex:1;max-width:calc(50% - var(--story-card-gap) / 2);aspect-ratio:630/473}}.story .card .card-header ul{margin-left:18px}@media screen and (min-width: 1024px){.story .card{align-items:center}}@media screen and (min-width: 1200px){.story.pt{padding-top:120px}.story.pb{padding-bottom:120px}.story .card{--story-card-gap: 22px}.story .card .card-header .card-header-inner__wrapper{width:100%;max-width:496px}.story .card>img,.story .card>video{border-radius:12px}.story .card:nth-of-type(odd) .card-header{padding-left:40px}.story .card:nth-of-type(2n) .card-header{padding-left:40px}}@media screen and (min-width: 1440px){.story .bg-image{width:2240px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/story.css.map */