.el-listicle-hero{padding-top:var(--el-hero-padding-top);padding-bottom:var(--el-hero-padding-bottom);background-color:var(--el-hero-bg);color:var(--el-hero-text)}.el-listicle-hero__grid{display:grid;grid-template-columns:minmax(0,615fr) minmax(0,615fr);grid-template-areas:"intro media" "body media";grid-template-rows:auto 1fr;column-gap:50px;row-gap:32px;align-items:start}.el-listicle-hero__intro{display:flex;flex-direction:column;align-items:flex-start;gap:32px;grid-area:intro}.el-listicle-hero__eyebrow{--el-lh: 26px;margin-left:0;margin-right:0;font-size:18px;font-weight:300;letter-spacing:0;text-transform:uppercase}.el-listicle-hero__heading{--el-lh: 48px;margin-left:0;margin-right:0;color:inherit;font-family:Inter Tight,sans-serif;font-size:42px;font-weight:700;letter-spacing:-.84px}.el-listicle-hero__heading em{font-style:normal;color:var(--el-hero-highlight)}.el-listicle-hero__subheading{--el-lh: 26px;margin-left:0;margin-right:0;font-size:18px;font-weight:300}.el-listicle-hero__benefits{display:flex;flex-direction:column;align-items:flex-start;gap:13.8px;margin:0;padding:0;list-style:none}.el-listicle-hero__benefit{display:inline-flex;align-items:center;justify-content:center;gap:6.9px;height:30.4px;margin:0;padding:0 11.5px;border:0;border-radius:4.6px;box-shadow:inset 0 0 0 .575px var(--el-hero-accent);color:var(--el-hero-accent)}.el-listicle-hero__benefit-icon{width:11.5px;height:11.5px;color:var(--el-hero-accent)}.el-listicle-hero__benefit-text{--el-lh: 23px;font-size:16px;font-weight:400;white-space:nowrap}.el-listicle-hero__media{grid-area:media;width:100%;aspect-ratio:615 / 540;overflow:hidden;border-radius:12px}.el-listicle-hero__media picture{display:block;width:100%;height:100%}.el-listicle-hero__image{display:block;width:100%;height:100%;object-fit:cover}.el-listicle-hero__body{display:flex;flex-direction:column;gap:32px;grid-area:body}.el-listicle-hero__copy{font-size:18px;font-weight:300;line-height:26px}.el-listicle-hero__copy p{margin:0}.el-listicle-hero__copy p+p{margin-top:26px}.el-listicle-hero__copy strong,.el-listicle-hero__copy b{font-weight:600}.el-listicle-hero__callout{position:relative;padding:24px 28px;border-radius:8px;background-color:var(--el-hero-callout-bg)}.el-listicle-hero__callout-border{display:none}.el-listicle-hero__callout-text{--el-lh: 26px;margin-left:0;margin-right:0;color:var(--el-hero-accent);font-size:18px;font-weight:500}@media(max-width:914px){.el-listicle-hero{padding-top:var(--el-hero-padding-top-mobile);padding-bottom:var(--el-hero-padding-bottom-mobile)}.el-listicle-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "body";grid-template-rows:auto;row-gap:40px}.el-listicle-hero__intro{gap:24px}.el-listicle-hero__eyebrow{--el-lh: 18px;font-size:14px;white-space:nowrap}.el-listicle-hero__heading{--el-lh: 35px;font-size:32px;letter-spacing:-.64px}.el-listicle-hero__subheading{--el-lh: 19px;max-width:310.53px;font-size:15px}.el-listicle-hero__benefits{gap:12px}.el-listicle-hero__benefit{gap:6px;height:26px;padding:0 10px;border:0;border-radius:4px;box-shadow:inset 0 0 0 .5px var(--el-hero-accent)}.el-listicle-hero__benefit-icon{width:10px;height:10px}.el-listicle-hero__benefit-text{--el-lh: 18px;font-size:14px}.el-listicle-hero__media{aspect-ratio:328 / 279}.el-listicle-hero__body{gap:24px}.el-listicle-hero__copy{--el-lh: 19px;margin-top:calc(.36377em - var(--el-lh) * .5);margin-bottom:calc(.36377em - var(--el-lh) * .5);font-size:15px;line-height:var(--el-lh)}.el-listicle-hero__copy p+p{margin-top:19px}.el-listicle-hero__callout{padding:16px;border-radius:5px}.el-listicle-hero__callout-border{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.el-listicle-hero__callout-border rect{x:.25px;y:.25px;width:calc(100% - .5px);height:calc(100% - .5px);rx:4.75px;fill:none;stroke:var(--el-hero-accent);stroke-width:.5px;stroke-dasharray:5 5}.el-listicle-hero__callout-text{--el-lh: 19px;max-width:293px;font-size:15px}}@media(max-width:359px){.el-listicle-hero__eyebrow{white-space:normal}.el-listicle-hero__benefit{height:auto;min-height:26px;max-width:100%;padding:4px 10px}.el-listicle-hero__benefit-text{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/el-section-listicle-hero.css.map */