first pass - kryz inspired

src/app/hero/hero.component.html

@@ -0,0 +1,42 @@
+<section class="hero">
+  <!-- Mountain background layer -->
+  <div class="hero-mountains" aria-hidden="true">
+    <img src="assets/svg/mountain-silhouette.svg" alt="">
+  </div>
+
+  <!-- Gradient overlay -->
+  <div class="hero-gradient"></div>
+
+  <!-- Content -->
+  <div class="hero-content container">
+    <div class="hero-inner">
+      <div class="hero-icon">
+        <img src="assets/svg/orange-flower.svg" alt="" class="hero-flower">
+      </div>
+      <h1 class="hero-title">
+        <span class="hero-line1">KMountain</span>
+        <span class="hero-line2 text-accent">Flower Radio</span>
+      </h1>
+      <p class="hero-subtitle">
+        Your community-powered, nonprofit radio station — bringing music,
+        stories, and connection to the mountain towns and beyond since 1987.
+      </p>
+      <p class="hero-subtitle hero-tagline">
+        Free to stream. Funded by you. Always on-air.
+      </p>
+      <div class="hero-actions">
+        <a routerLink="/donate" class="btn btn-hero-primary">Support the Station</a>
+        <a routerLink="/schedule" class="btn btn-hero-secondary">View Schedule</a>
+      </div>
+      <div class="hero-listeners">
+        <span class="listeners-dot"></span>
+        <span class="listeners-text">Live on-air now — Stream free worldwide</span>
+      </div>
+    </div>
+  </div>
+
+  <!-- Mountain divider at bottom -->
+  <div class="hero-divider" aria-hidden="true">
+    <img src="assets/svg/mountain-divider.svg" alt="">
+  </div>
+</section>