.hero-article{background:linear-gradient(135deg, var(--surface2) 0%, var(--bg) 100%);height:480px;margin-bottom:56px;position:relative;overflow:hidden}.hero-article.hero-article--plain{height:auto;margin-bottom:32px}.hero-article--plain .hero-article__content{padding:56px 20px 24px;position:static}.hero-article.hero-article--contained{aspect-ratio:16/9;border-radius:var(--radius-lg);max-width:1040px;height:auto;max-height:585px;margin:24px auto 48px}@media (max-width:700px){.hero-article.hero-article--contained{aspect-ratio:auto;border-radius:0;height:auto;min-height:340px;margin-top:0}.hero-article--contained .hero-article__content{padding-top:180px;position:static}}.hero-article__bg-image{object-fit:cover;z-index:0}.hero-article__overlay{z-index:1;background:#00000026;position:absolute;inset:0}.hero-article__gradient{background:linear-gradient(to bottom, transparent 0%, transparent 25%, #fbfaf7c7 58%, var(--bg) 92%);z-index:2;position:absolute;inset:0}.hero-article__content{z-index:3;max-width:720px;margin:0 auto;padding:40px 20px;position:absolute;bottom:0;left:0;right:0}.hero-article__tags{align-items:center;gap:10px;margin-bottom:16px;display:flex}.hero-article__title{font-family:var(--font-heading);color:var(--text);margin-bottom:16px;font-size:2.35rem;font-weight:700;line-height:1.15}.hero-article__title a{color:inherit;text-decoration:none;transition:color .2s}.hero-article__title a:hover{color:var(--accent)}.hero-article__excerpt{color:var(--muted);margin-bottom:16px;font-size:1.05rem;line-height:1.6}.hero-article__meta{color:var(--dim);align-items:center;gap:12px;font-size:.85rem;display:flex}@media (max-width:700px){.hero-article{height:auto;min-height:400px}.hero-article--has-image .hero-article__content{padding-top:200px;position:relative}.hero-article--has-image .hero-article__gradient{background:linear-gradient(to bottom, transparent 0, transparent 70px, #fbfaf7d1 190px, var(--bg) 300px)}.hero-article__title{font-size:2rem}.hero-article__excerpt{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}}@media (max-width:480px){.hero-article{min-height:360px}.hero-article__title{font-size:1.65rem}.hero-article__content{padding:32px 16px}.hero-article--has-image .hero-article__content{padding-top:180px}}