.wyms-hero-func{width:100%}.wyms-hero-func__wrapper-white{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--bg-primary, #FFFFFF);padding:var(--spacing-xl, 16px);box-sizing:border-box}.wyms-hero-func__wrapper-green{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 auto;border-radius:var(--radius-2xl, 16px);overflow:hidden;position:relative}.wyms-hero-func__inner{display:flex;width:100%;max-width:var(--width-4xl, 1440px);padding-top:var(--spacing-8xl, 80px);align-items:center;align-self:stretch;margin:0 auto;position:relative}.wyms-hero-func__text-col{flex:1 1 40%;display:flex;padding-left:var(--spacing-6xl, 48px);flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;align-self:stretch;z-index:2}.wyms-hero-func__top-text{color:var(--text-primary, #191839);font-family:var(--font-family-body, Inter);font-size:var(--text-xl, 20px);font-weight:400;line-height:var(--lh-text-xl, 30px)}.wyms-hero-func__heading{color:var(--text-primary, #191839);font-family:var(--font-family-display, "Clash Grotesk");font-size:var(--display-2xl, 80px);font-weight:600;line-height:var(--lh-display-2xl, 96px);margin:0;white-space:pre-line}.wyms-hero-func__image-col{flex:1 1 60%;max-width:900px;aspect-ratio:1 / 1;margin-left:-120px;position:relative;z-index:1}.wyms-hero-func__media-wrapper{position:relative;width:100%;height:100%}.wyms-hero-func__blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:91%;height:92%;object-fit:contain;z-index:1}.wyms-hero-func__main-img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}@media screen and (max-width:768px){.wyms-hero-func__wrapper-white{padding:var(--spacing-md, 8px);min-height:auto}.wyms-hero-func__wrapper-green{padding-top:var(--spacing-8xl, 80px);min-height:100vh;justify-content:center}.wyms-hero-func__inner{flex-direction:column-reverse;padding-top:0;align-items:flex-start}.wyms-hero-func__image-col{width:100%;height:377px;margin-left:0;flex:none}.wyms-hero-func__blob{width:328px;height:328px}.wyms-hero-func__main-img{width:100%;height:100%}.wyms-hero-func__text-col{padding:24px 16px 64px;gap:8px;flex:none;width:100%}.wyms-hero-func__heading{font-size:var(--display-lg, 48px);line-height:var(--lh-display-lg, 60px)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/wyms-hero-functionality.css.map */