.story-teaser{display:flex;flex-direction:column;margin-block:25px;color:inherit;text-decoration:none}.story-teaser__media{position:relative;overflow:hidden;aspect-ratio:690 / 410;background:var(--color-border)}.story-teaser__image,.story-teaser__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.story-teaser__image{transition:transform var(--duration-base) var(--ease)}.story-teaser__content{display:flex;flex-direction:column;justify-content:center;padding:30px 35px;transition:color var(--duration-base) var(--ease)}.story-teaser__heading{margin:0 0 20px;font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);overflow-wrap:break-word}.story-teaser__excerpt{margin:0 0 20px;font-family:var(--font-main),serif;font-size:var(--font-size-body);font-weight:var(--font-weight-light);line-height:var(--line-height-body)}.story-teaser__read-time{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.story-teaser__arrow{align-self:flex-end;flex-shrink:0;width:26px;height:52px;margin-top:-35px;transition:transform var(--duration-base) var(--ease)}@media(hover:hover){.story-teaser:hover .story-teaser__image{transform:scale(1.05)}.story-teaser:hover .story-teaser__arrow{transform:translate(4px)}}.story-teaser:focus-visible .story-teaser__image{transform:scale(1.05)}.story-teaser:focus-visible .story-teaser__arrow{transform:translate(4px)}.story-teaser:focus-visible{outline:2px solid var(--color-text);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.story-teaser__image,.story-teaser__arrow{transition:none}.story-teaser:hover .story-teaser__image,.story-teaser:focus-visible .story-teaser__image,.story-teaser:hover .story-teaser__arrow,.story-teaser:focus-visible .story-teaser__arrow{transform:none}}@media(min-width:992px){.story-teaser{flex-direction:row}.story-teaser--image-right{flex-direction:row-reverse}.story-teaser__media{flex:0 0 48.9%}.story-teaser__content{flex:1 1 0;min-width:0}}@media(min-width:1200px){.story-teaser{margin-block:30px}.story-teaser__content{padding:60px}.story-teaser__heading,.story-teaser__excerpt{margin-bottom:25px}.story-teaser__arrow{width:52px}}.story-teaser--accent1 .story-teaser__content{background:var(--color-accent-1);color:var(--color-on-dark)}.story-teaser--accent2 .story-teaser__content{background:var(--color-accent-2);color:var(--color-on-dark)}.story-teaser--accent3 .story-teaser__content{background:var(--color-accent-3);color:var(--color-on-dark)}.story-teaser--accent4 .story-teaser__content{background:var(--color-accent-4);color:var(--color-on-dark)}.story-teaser--accent5 .story-teaser__content{background:var(--color-accent-5);color:var(--color-on-dark)}.story-teaser--accent6 .story-teaser__content{background:var(--color-brand-teal);color:var(--color-on-dark)}.story-teaser--accent7 .story-teaser__content{background:var(--color-accent-7);color:var(--color-on-dark)}.story-teaser--accent9 .story-teaser__content{background:var(--color-accent-9);color:var(--color-on-dark)}.story-teaser--accent10 .story-teaser__content{background:var(--color-signal);color:var(--color-brand-teal)}.story-teaser--accent12 .story-teaser__content{background:var(--color-accent-12);color:var(--color-brand-teal)}.story-teaser--accent14 .story-teaser__content{background:var(--color-accent-14);color:var(--color-text)}.story-teaser--accent17 .story-teaser__content{background:var(--color-accent-17);color:var(--color-on-dark)}.story-teaser--text-teal .story-teaser__content{color:var(--color-brand-teal)}.story-teaser--text-teal-no-panel .story-teaser__content{background:transparent;color:var(--color-brand-teal)}.story-teaser--text-yellow .story-teaser__content{color:var(--color-story-text-yellow)}.story-teaser--text-green .story-teaser__content{color:var(--color-story-text-green)}@media(hover:hover){.story-teaser--accent10:hover .story-teaser__content,.story-teaser--accent12:hover .story-teaser__content,.story-teaser--text-teal:hover .story-teaser__content,.story-teaser--text-teal-no-panel:hover .story-teaser__content{color:var(--color-text)}}.story-teaser--accent10:focus-visible .story-teaser__content,.story-teaser--accent12:focus-visible .story-teaser__content,.story-teaser--text-teal:focus-visible .story-teaser__content,.story-teaser--text-teal-no-panel:focus-visible .story-teaser__content{color:var(--color-text)}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-story-teaser.css.map */