.article-hero{background:#f7f9fb;border-bottom:1px solid #e6edf3}.article-hero__inner{width:min(100% - 32px,1180px);margin-inline:auto;padding:clamp(42px,6vw,82px) 0 clamp(34px,5vw,64px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(2.8rem,5vw,7.2rem);align-items:center}.article-hero__content{min-width:0}.article-hero__badge{display:inline-flex;align-items:center;min-height:30px;margin:0 0 16px;padding:6px 11px;border:1px solid #cfd9e3;border-radius:4px;background:#fff;color:#155f9f;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.article-share{display:flex;align-items:center;gap:12px;margin-bottom:clamp(20px,3vw,30px)}.article-share__label{color:#667085;font-size:13px;font-weight:650}.article-share__links{display:flex;flex-wrap:wrap;gap:8px}.article-share__link{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e2ec;border-radius:4px;background:#fff;color:#344054;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.article-share__link:hover{border-color:#155f9f;background:#155f9f;color:#fff;transform:translateY(-1px)}.article-share__link .svg-wrapper{width:16px;height:16px}.article-hero__title{max-width:920px;margin:0;color:#101828;font-family:var(--font-heading--family);font-size:clamp(36px,5.5vw,72px);font-weight:700;letter-spacing:0;line-height:1.04;text-wrap:balance}.article-hero__excerpt{max-width:760px;margin:22px 0 0;color:#475467;font-size:clamp(16px,1.4vw,20px);line-height:1.65;text-wrap:pretty}.article-hero__meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin:26px 0 0;color:#667085;font-size:14px;line-height:1.4}.article-hero__meta span{display:inline-flex;align-items:center;gap:7px}.article-hero__meta svg{width:16px;height:16px;flex:0 0 16px}.article-hero__media{overflow:hidden;border-radius:8px;background:#d9e2ec;box-shadow:0 24px 60px #102a4324}.article-hero__media img,.article-hero__placeholder{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.article-hero__placeholder{background:linear-gradient(135deg,#d9e2ec,#eef2f6)}@media screen and (max-width:749px){.article-hero__inner{width:min(100% - 24px,1180px);padding:32px 0 38px;display:block}.article-hero__title{font-size:clamp(32px,10vw,44px);line-height:1.08}.article-hero__media{margin-top:30px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-article-hero.css.map */