.hero-article{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);height:480px;margin-bottom:56px;position:relative;overflow:hidden}.hero-article__gradient{background:linear-gradient(to bottom, transparent 0%, transparent 30%, #0b0b0b80 60%, var(--bg) 100%);z-index:2;position:absolute;inset:0}.hero-article__content{z-index:3;max-width:var(--max-width);margin:0 auto;padding:40px 24px;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);max-width:720px;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);max-width:620px;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:400px}.hero-article__title{font-size:2rem}.hero-article__excerpt{font-size:.95rem}}@media (max-width:480px){.hero-article{height:360px}.hero-article__title{font-size:1.65rem}.hero-article__content{padding:32px 16px}}