.section-article-banner{background-image:var(--image);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;isolation:isolate}.section-article-banner:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(var(--rgb-blue-50),1) 30%,rgba(var(--rgb-blue-50),0));z-index:-1}.section-article-banner .wrapper{padding-top:2.4rem;padding-bottom:5.6rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:4rem;align-items:center}.section-article-banner .wrapper .image{max-width:100%;object-fit:contain;height:auto}@media screen and (min-width:1024px){.section-article-banner .wrapper{padding-top:4rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.section-article-banner .wrapper .heading-wrapper{display:flex;flex-direction:column;max-width:69.2rem;margin-top:9.6rem}@media screen and (min-width:1024px){.section-article-banner .wrapper .heading-wrapper{margin-top:11.2rem}}.section-article-banner .wrapper .heading-wrapper>:not(:last-child){margin-bottom:1.6rem}.section-article-banner .wrapper .heading-wrapper h1{font-size:3.2rem;font-weight:600;line-height:4rem;letter-spacing:0px;color:var(--body-text)}@media screen and (min-width:1024px){.section-article-banner .wrapper .heading-wrapper h1{font-size:4.4rem;line-height:5.2rem}}.section-article-banner .article-info{display:flex;flex-direction:column;margin:-1rem;padding-top:6.4rem}@media screen and (min-width:1024px){.section-article-banner .article-info{align-items:center;flex-direction:row;flex-wrap:wrap;padding-top:11.8rem}}.section-article-banner .article-info .item{display:flex;align-items:center;font-size:1.4rem;font-weight:500;line-height:2.4rem;letter-spacing:0px;color:var(--black);margin:1rem}@media screen and (min-width:1024px){.section-article-banner .article-info .item{font-size:1.6rem}}.section-article-banner .article-info .item>:not(:last-child){margin-right:1.2rem}.section-article-banner .article-info .item svg{width:2.4rem;height:2.4rem;object-fit:contain;flex-direction:0}.section-article-banner .article-info .item svg path{stroke:var(--green-400)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-article-banner.css.map */