.figuro-story-hero{display:flex;align-items:stretch;min-height:640px;overflow:hidden}.figuro-story-hero__copy{flex:0 0 42%;max-width:42%;display:flex;flex-direction:column;justify-content:center;padding:64px 5% 64px 6%}.figuro-story-hero__eyebrow{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6c63d5;margin:0 0 20px}.figuro-story-hero__heading{font-family:Playfair Display,serif;font-size:clamp(30px,3.2vw,44px);font-weight:600;color:#12113a;line-height:1.2;margin:0 0 24px;max-width:480px}.figuro-story-hero__subheading{font-family:DM Sans,sans-serif;font-size:17px;color:#12113a;opacity:.75;line-height:1.6;margin:0 0 36px;max-width:420px}.figuro-story-hero__button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;font-size:15px;font-weight:600;color:#eeedf8;background-color:#4636f0;padding:18px 32px;border-radius:8px;text-decoration:none;transition:background-color .25s ease,transform .25s ease}.figuro-story-hero__button:hover{background-color:#4335dc;color:#fff;transform:translateY(-2px)}.figuro-story-hero__media{flex:1;position:relative;clip-path:polygon(6% 0%,0% 7.14%,6% 14.29%,0% 21.43%,6% 28.57%,0% 35.71%,6% 42.86%,0% 50%,6% 57.14%,0% 64.29%,6% 71.43%,0% 78.57%,6% 85.71%,0% 92.86%,6% 100%,100% 100%,100% 0%);background-color:#e2dff6}.figuro-story-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.figuro-story-hero__media-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6c63d5;background:linear-gradient(180deg,#eeedf8,#e2dff6)}.figuro-story-hero__media-placeholder svg{width:56px;height:56px;opacity:.6}.figuro-story-hero__media-placeholder span{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;opacity:.7}@media(max-width:900px){.figuro-story-hero{flex-direction:column;min-height:0}.figuro-story-hero__copy{flex:none;max-width:100%;padding:48px 24px 32px;text-align:center;align-items:center}.figuro-story-hero__subheading,.figuro-story-hero__heading{max-width:100%}.figuro-story-hero__button{align-self:center}.figuro-story-hero__media{clip-path:none;height:340px}}@media(max-width:480px){.figuro-story-hero__copy{padding:40px 20px 28px}.figuro-story-hero__media{height:280px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/storybook-hero.css.map */