:root {
    --color-bg: #000000;
    --color-gold: #D4AF37;
    --color-gold-light: #F9E596;
    --color-gold-dark: #AA8222;
    --font-headline: 'Cormorant Garamond', serif;
    --font-subtitle: 'Inter', sans-serif;
    --spacing-base: 1rem;
    --spacing-lg: 3rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--color-bg);
    color: var(--color-gold);
    font-family: var(--font-subtitle);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    /* Gentle fade in on load */
    opacity: 0;
    animation: fadeInPage 3s ease-in-out forwards;
}

.container {
    width: 100%;
    max-width: 1200px;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.headline {
    font-family: var(--font-headline);
    font-weight: 300;
    font-size: clamp(3rem, 8vw, 7rem);
    letter-spacing: 0.2em;
    line-height: 1.1;
    margin-bottom: var(--spacing-lg);
    text-transform: uppercase;
    
    /* Metallic shimmer effect */
    background: linear-gradient(
        -45deg, 
        var(--color-gold) 40%, 
        var(--color-gold-light) 50%, 
        var(--color-gold) 60%
    );
    background-size: 300% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 8s infinite linear;
}

.divider {
    width: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--color-gold),
        transparent
    );
    margin-bottom: var(--spacing-lg);
    opacity: 0;
    animation: expandDivider 2.5s ease-out 1s forwards;
}

.subtitle {
    font-family: var(--font-subtitle);
    font-weight: 200;
    font-size: clamp(0.85rem, 1.5vw, 1.1rem);
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--color-gold);
    opacity: 0;
    animation: fadeUp 2s ease-out 2s forwards;
}

/* Animations */
@keyframes fadeInPage {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes shimmer {
    0% { background-position: 300% center; }
    100% { background-position: -300% center; }
}

@keyframes expandDivider {
    0% { width: 0; opacity: 0; }
    100% { width: clamp(100px, 30vw, 300px); opacity: 0.5; }
}

@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(15px); }
    100% { opacity: 0.8; transform: translateY(0); }
}

/* Accessibility: Reduce motion if requested */
@media (prefers-reduced-motion: reduce) {
    body, .headline, .divider, .subtitle {
        animation: none !important;
        opacity: 1 !important;
        width: clamp(100px, 30vw, 300px);
    }
    .headline {
        background: var(--color-gold);
        -webkit-text-fill-color: var(--color-gold);
        color: var(--color-gold);
    }
}