.article-banner .banner__overlay{opacity:1;background:linear-gradient(185deg,#0000 9%,#00000080 91%)}@media screen and (width>=768px){.article-banner .banner__content>.page-width{padding:0 60px 100px}.article-banner .article.media--550px{height:550px}}.article-banner .banner__box{max-width:1120px;padding-block:0}.article-banner .banner__box>.grid{justify-items:center;gap:16px}.article-banner .banner__box>.grid>div:not(:has(.badge)){display:none}.article-banner .banner__title{font-size:40px;line-height:48px}@media screen and (width>=768px){.article-banner .banner__title{font-size:64px;line-height:76px}}.article-banner .badge.badge{color:#fff;font-family:var(--font-body-family);background-color:#1b1a1a;border:1px solid #1b1a1a;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:400;line-height:20px}@media screen and (width>=768px){.article-banner .badge.badge{padding:16px 16px 12px;line-height:1}}.article-banner .article__top.hidden{display:none}.article-banner .article__top.md\:hidden{display:inline-flex}.article-banner .banner__box>.grid>animate-element:has(.article__top){opacity:1!important;transform:none!important}.article-banner .article__top li{font-family:var(--font-body-family);font-size:16px;line-height:24px}@media screen and (width>=768px){.article-banner .article__top li{font-family:var(--font-heading-family);font-weight:700}}.article-banner .article__top li .icon{display:none}@media screen and (width<=767px){.article-banner--stack-mobile .article{flex-direction:column;height:auto;padding:0;display:flex}.article-banner--stack-mobile .banner__content.banner__content{color:#1b1a1a;order:-1;position:static}.article-banner--stack-mobile .banner__title{color:#1b1a1a}.article-banner--stack-mobile .banner__content>.page-width{padding:20px 16px}.article-banner--stack-mobile .banner__box{text-align:center;width:100%}.article-banner--stack-mobile .banner__media{aspect-ratio:375/211;height:auto}.article-banner--stack-mobile .banner__overlay{display:none}:has(.shopify-section:first-child .article-banner--stack-mobile) .header-section .header.header{--header-background-opacity:1;--header-logo-opacity:1;color:rgb(var(--color-foreground));position:relative}}