.stc-article-banner{width:100%;margin:0 auto;padding:40px clamp(20px,4vw,100px) 0}.article-banner-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:clamp(300px,50vh,500px)}.article-banner-container .article-title{font-family:var(--font-family-700)}@media (max-width: 480px){.article-banner-container{padding-left:unset}}.banner-text-column{display:flex;flex-direction:column;gap:10px;margin-left:40px}.banner-tag{display:inline-block;padding:4px 6px;border-radius:2px;font-size:14px;font-weight:500;letter-spacing:.5px;width:fit-content;font-family:var(--font-family-500)}.article-banner-container .article-title{font-size:clamp(1.5rem,4rem,6rem);font-weight:700;color:#000}.article-meta{display:flex;align-items:center;gap:10px;font-size:clamp(.875rem,1.5vw,1.25rem);text-transform:uppercase;letter-spacing:.5px}.article-date,.article-author{display:flex;align-items:center;font-size:clamp(12px,14px,20px);font-weight:600;font-family:var(--font-family-600);padding:2px 0}.article-author:before{content:"\2022";margin:0 8px;color:#000}.banner-image-column{display:flex;justify-content:center;align-items:center}.banner-image-column .featured-image-wrapper{width:100%;overflow:hidden;box-shadow:0 8px 30px #0000001f}.banner-image-column .featured-image{width:100%;height:auto;display:block;object-fit:cover}@media (max-width: 768px){.article-banner-container{grid-template-columns:1fr;gap:clamp(20px,4vw,40px);min-height:auto;padding-top:20px}.banner-text-column{order:1!important;display:flex;justify-content:center;align-items:center;margin-left:0}.banner-image-column{order:2!important}.article-meta{align-items:flex-start;gap:8px}.article-date:before{display:none}.featured-image-wrapper{max-width:100%}.banner-tag{font-size:12px;font-weight:500}.article-banner-container .article-title{font-size:20px;font-weight:500}}@media (max-width: 768px) and (min-width: 601px){.banner-tag{font-size:12px;font-weight:500}.article-banner-container .article-title{font-size:24px;font-weight:700}.article-meta{font-size:14px}.article-date,.article-author{font-size:12px}}@media (max-width: 600px){.article-banner-container{padding:15px}.banner-text-column{gap:16px}.banner-tag{font-size:12px;padding:5px}.article-meta{font-size:12px}.article-banner-container .article-title{text-align:center;font-weight:700}.article-date,.article-author{font-size:8px;font-weight:600}}@media screen and (min-width: 600px) and (max-width: 1024px){.article-title{font-size:26px}}@media screen and (min-width: 600px) and (max-width: 768px){.article-title{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/stc-article-banner.css.map */