.stories{padding-inline:var(--space-s)}.stories .container{display:flex;flex-direction:column;gap:var(--space-s);max-width:var(--full-width)}@media (min-width:600px){.stories .container{padding-inline:var(--space-inline)}}@media (min-width:840px){.stories .container{flex-direction:row;gap:var(--space-3xl)}}.story{display:flex;flex-direction:column;justify-content:flex-end;min-height:20rem;overflow:hidden;position:relative}@media (min-width:840px){.story{min-height:24rem}}@media (min-width:1200px){.story{min-height:36rem}}.story-image{inset:0;position:absolute;z-index:3}.story-image img{border-radius:0 var(--space-s) 0 0;height:auto;height:100%!important;object-fit:cover;object-position:center;width:100%!important;z-index:1}.story-content{color:var(--color-neutral-white);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-s);position:relative;z-index:6}.story-button,.story-content,.story-text{transform:translateY(0);transition:var(--transition)}.story-button,.story-text{opacity:1}.story:hover .story-content{transform:translateY(0)}.story-button a{background-color:var(--color-neutral-white);border-radius:.75rem;color:var(--color-primary-100);display:inline-flex;font-size:var(--text-body);gap:var(--space-s);line-height:var(--leading-body);padding:var(--space-2xs) var(--space-m);text-decoration:none}.story-button a,.story-overlay{align-items:center;justify-content:center;transition:var(--transition)}.story-overlay{background-color:var(--color-primary-100);border-radius:0 var(--space-s) 0 0;display:flex;inset:0;opacity:.6;position:absolute;z-index:4}.story-text{margin-bottom:var(--space-s)}@media (min-width:840px){.story-content{transform:translateY(10rem)}.story{width:50%}.story-overlay{opacity:0}.story:hover .story-overlay{opacity:.6}.story-button,.story-text{opacity:0;transform:translateY(calc(100% - 7rem));transition:var(--transition)}.story:hover .story-button,.story:hover .story-text{opacity:1;transform:translateY(0)}}