story-grid{--transition-duration: .5s;--story-card-size: 1;--card-client-logo-height: 50px;display:block;padding:0 10px 50px}.story-grid--tags{align-items:flex-start;display:flex;gap:20px;justify-content:center}.button.story-grid--tag-action.--active{background-color:#fff;color:var(--main-background)}@media only screen and (max-width:767px){.story-grid--tags{justify-content:flex-start;overflow:auto;margin:0 -10px;padding:1px 10px}.button.story-grid--tag-action{flex-shrink:0}}.story-grid--grid{display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}.story-grid--tags+.story-grid--grid{margin-top:45px}@media only screen and (min-width:640px){.story-grid--grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.story-grid--grid{grid-template-columns:repeat(3,1fr)}.story-grid--tags+.story-grid--grid{margin-top:85px}}.story-card{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:575px;grid-column:span var(--story-card-size) / span var(--story-card-size)}.story-card--background{background-color:var(--card-background);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.story-card--video{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.story-card--video video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%}.story-card--video-desktop{display:block}.story-card:has(.story-card--video-mobile) .story-card--video-desktop{display:none}@media only screen and (max-width:767px){.story-card--video-mobile{display:block}}@media only screen and (min-width:768px){.story-card--video,.story-card--video.loaded{opacity:0;transition:opacity .4s ease-in-out}.story-card:hover .story-card--video{opacity:1}.story-card:has(.story-card--video-mobile) .story-card--video-desktop{display:block}}.story-card--platform{background:linear-gradient(180deg,#0006 25%,#0000);position:absolute;top:0;left:0;padding:18px 25px 50px;width:100%;z-index:1}.story-card--platform img{display:block;height:36px;width:auto}.story-card--client img{display:block;height:var(--card-client-logo-height);width:auto}.story-card--content{align-items:stretch;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.story-card--button .button{margin-block-start:5px;margin-inline-end:5px;vertical-align:top}.story-card.--display-overlay .story-card--content{background:linear-gradient(0deg,#0006 0% calc(100% - 120px),#0000);opacity:0;padding:120px 25px 25px;transition:opacity .3s ease-in-out}.story-card.--display-overlay .story-card--text,.story-card.--display-overlay .story-card--client,.story-card.--display-overlay .story-card--button{transition:transform var(--transition-duration) ease-in-out}.story-card.--display-overlay .story-card--text{transform:translateY(60px)}.story-card.--display-overlay .story-card--client{order:-1;transform:translateY(100px)}.story-card.--display-overlay .story-card--button{transform:translateY(20px)}.story-card.--display-overlay:hover .story-card--content{opacity:1}.story-card.--display-overlay:hover .story-card--text,.story-card.--display-overlay:hover .story-card--client,.story-card.--display-overlay:hover .story-card--button{transform:translateY(0)}.story-card.--display-quote .story-card--content{gap:40px;margin-block:auto;padding:18px 50px}.story-card.--display-quote .story-card--button{height:0;opacity:0;transform:translateY(20px);transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out,height var(--transition-duration) ease-in-out}.story-card.--display-quote:hover .story-card--button{height:54px;opacity:1;transform:translateY(0)}.story-card.--display-impact .story-card--content{gap:30px;padding:18px 30px 50px}.story-card.--display-impact .story-card--text{font-family:var(--font-stack-headings);font-size:32px;line-height:1.1}.story-card.--display-impact .story-card--pre-text{font-size:88px;line-height:.8}.story-card.--display-impact .story-card--button{height:0;opacity:0;transform:translateY(20px);transition:opacity var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out,height var(--transition-duration) ease-in-out}.story-card.--display-impact:hover .story-card--button{height:54px;opacity:1;transform:translateY(0)}@media only screen and (min-width:768px){.story-card.--display-impact .story-card--content{gap:40px;padding:18px 50px 80px}.story-card.--display-impact .story-card--text{font-size:40px}.story-card.--display-impact .story-card--pre-text{font-size:128px}}.story-card.--size-big{grid-column:span 2 / span 2}.story-card.--shape-cutcorner{clip-path:polygon(100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%,0 0)}.story-card.--shape-cutcorner .story-card--background{clip-path:polygon(100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%,0 0);top:1px;right:1px;bottom:1px;left:1px}.story-card.--shape-cutcorner:before{background-color:#fff;clip-path:polygon(100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%,0 0);content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}story-grid:has(.story-grid--tags) .story-card.--hidden{display:none!important}@media only screen and (min-width:640px){.story-card[data-columns-sm="2"]{--story-card-size: 2}}@media only screen and (min-width:768px){.story-card[data-columns-md="2"]{--story-card-size: 2}.story-card[data-columns-md="3"]{--story-card-size: 3}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/story-grid.css.map */