Hero glass panel at bottom with layered parallax

- Hero text panel moved to bottom with frosted glass effect
  (blur 5px, dark semi-transparent background, hairline top border)
- Scroll arrow centered inside glass panel at the bottom
- Three-layer parallax: image 55%, text 65%, page 100%
- Zeremonie album date fixed (was future-dated, now visible)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/css/custom.css

@@ -41,9 +41,7 @@ section.hero {
   content: "";
   position: absolute;
   inset: 0;
-  background:
-    linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 45%),
-    linear-gradient(to top,   rgba(0, 0, 0, 0.35) 0%, transparent 20%);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 40%);
 }
 
 .hero-fg {
@@ -53,7 +51,7 @@ section.hero {
   height: 100%;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: center;
   will-change: transform;
 }
@@ -61,10 +59,13 @@ section.hero {
 /* ── Hero content ─────────────────────────────────────── */
 
 .hero-content {
-  padding: 4rem 2rem 0;
-  text-align: center;
-  max-width: 900px;
   width: 100%;
+  padding: 2.5rem 3rem;
+  text-align: center;
+  background: rgba(10, 8, 6, 0.38);
+  backdrop-filter: blur(5px);
+  -webkit-backdrop-filter: blur(8px);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .hero-content h1 {
@@ -93,7 +94,10 @@ section.hero {
 /* ── Scroll arrow ─────────────────────────────────────── */
 
 .hero-scroll {
-  padding-bottom: 2rem;
+  display: flex;
+  justify-content: center;
+  padding-top: 1.25rem;
+  padding-bottom: 0.25rem;
   color: rgba(250, 250, 250, 0.6);
   animation: hero-fade-in 0.6s ease 0.6s both;
 }