Create an atmospheric and trendy first impression with the Gradient Split-Type Hero. This widget is directly inspired by modern social media editorial trends (often seen on design curation feeds), featuring a distinctive vertical gradient that shifts from a rich olive tone to a soft lavender mist.

The typography uses a dual-color system to create emphasis. The primary message is rendered in a sharp, pale lime, while the concluding word or phrase switches to a soft lavender, adding depth and visual hierarchy. The layout is expansive, utilizing the full viewport height (100vh).

The bottom section acts as a structured footer. A thin horizontal divider line spans the width, separating the massive headline from the supporting details. Below the line, a flexible flexbox layout positions the date on the left and a secondary description on the right, perfect for announcing "drops," article titles, or event dates.

Key Features:

• Vertical Mood Gradient: A CSS linear gradient that creates a sophisticated, "dusk-like" background atmosphere (#4b5026 to #7a7a9e).
• Two-Tone Typography: Highlights specific keywords using contrasting text colors (Lime vs. Lavender) within the same headline.
• Massive Responsive Scale: Uses viewport-width (vw) units to ensure the headline dominates the screen on both desktop and mobile.
• Structured Footer Layout: Includes a separator line and a split layout for metadata, mimicking high-end magazine covers.
• Full-Screen Immersion: Designed to fill the entire screen for maximum impact.