.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.4rem;border-radius:999px;background:var(--gold);color:#111;font-weight:600;transition:.25s ease}
.button:hover{transform:translateY(-2px);background:var(--gold-soft)}
.button-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.button-small{padding:.6rem 1rem}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:600;color:var(--gold)}
.quote{font-family:"Cormorant Garamond",serif;font-size:2rem;font-style:italic;color:var(--terracotta)}
.text-link{font-weight:600;color:var(--terracotta)}
.track-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.track-card{padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);background:rgba(255,255,255,.06)}
.track-card span{font-size:2rem}
.track-card h3{font-size:clamp(1rem,1.15vw,1.18rem);line-height:1.3;overflow-wrap:anywhere}
.track-card p{color:rgba(255,255,255,.7);font-size:.9rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}


.site-header {
    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease,
        backdrop-filter 0.3s ease;
}

.site-header.is-scrolled {
    background: rgba(7, 27, 47, 0.94);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}