.story-banner .story-banner__card{position:relative;display:flex;align-items:flex-start;aspect-ratio:var(--storyRatio, 350 / 193);padding:12px;border-radius:12px;background:var(--storyBackground, #f3f3eb)}.story-banner .story-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.story-banner .story-banner__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center}.story-banner .story-banner__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 90px);min-width:0}.story-banner .story-banner__line{display:block;flex:none;width:16px;height:3px;margin:0 0 10px;border-radius:3px;background:#10706c}.story-banner .story-banner__title{margin:0 0 4px;font-family:var(--headingFontFamily);font-style:normal;font-weight:700;font-size:20px;line-height:normal;letter-spacing:0;text-transform:capitalize;overflow-wrap:anywhere;color:var(--storyTitleColor)}.story-banner .story-banner__text{margin:0;font-family:var(--bodyFontFamily);font-style:normal;font-weight:400;font-size:12px;line-height:140%;letter-spacing:0;text-align:left;overflow-wrap:anywhere;color:var(--storyTextColor)}.story-banner .story-banner__button{--svgSize: 14px;display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-height:32px;margin:18px 0 0;padding:6px 12px;border:1px solid var(--storyButtonBackground);border-radius:4px;background:var(--storyButtonBackground);color:var(--storyButtonColor);font-family:"FarmleyCardMedium",var(--bodyFontFamily);font-style:normal;font-weight:500;font-size:12px;line-height:normal;letter-spacing:0;text-align:center;text-decoration:none;text-transform:none;transition:.2s ease-out}.story-banner .story-banner__button-text{min-width:0;overflow-wrap:anywhere}.story-banner .story-banner__icon{flex:none;color:inherit}.story-banner .story-banner__button:focus-visible{outline:2px solid var(--storyButtonBackground);outline-offset:2px}@media screen and (pointer:fine){.story-banner a.story-banner__button:hover{background:var(--storyButtonBackgroundHover);color:var(--storyButtonColorHover);border-color:var(--storyButtonColorHover)}.story-banner a.story-banner__button:hover .story-banner__icon{animation:story-banner-icon-in .6s cubic-bezier(.25,.46,.45,.94) both}}@keyframes story-banner-icon-in{0%{transform:translate(-8px);opacity:0}to{transform:translate(0);opacity:1}}@media(min-width:768px){.story-banner .story-banner__card{align-items:center;padding:40px 28px 40px 0}.story-banner .story-banner__content{width:39.2%;max-width:532px;margin-inline-start:58.8%}.story-banner .story-banner__card--content-right .story-banner__image{object-position:left center}.story-banner .story-banner__card--content-left{padding:40px 0 40px 40px}.story-banner .story-banner__card--content-left .story-banner__content{width:46.6%;max-width:634px;margin-inline-start:0}.story-banner .story-banner__line{width:35px;margin-bottom:14px}.story-banner .story-banner__title{margin-bottom:16px;font-size:36px}.story-banner .story-banner__text{font-size:16px;text-align:justify}.story-banner .story-banner__button{min-height:45px;margin-top:40px;padding:8px 30px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/story-banner.css.map */