:root {
    --accent: #f8c8dc;
    --accent-dark: #ff1493;
    --dark: #1f1519;
}

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

body {
    background: var(--dark);
    color: #fff;
    font-family: 'Jost', sans-serif;
    overflow-x: hidden;
}

/* Layout for the logo and text together */
.logo-container {
    display: flex;
    align-items: center;
    gap: 12px; /* Space between logo and text */
}

/* Logo Image Styling */
.nav-logo {
    height: 45px; /* Adjust this height to fit your navbar perfectly */
    width: auto;
    border-radius: 50%; /* Optional: matches the circular design of your logo */
    filter: drop-shadow(0 0 5px rgba(255, 20, 147, 0.2));
    transition: transform 0.3s ease;
}

.nav-logo:hover {
    transform: rotate(5deg) scale(1.1); /* Subtle interactive pop */
}

/* Logo Text Styling */
.logo-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--accent-dark);
}

/* Ensure the navbar handles the height increase */
.navbar {
    padding: 15px 5%; /* Adjusted padding */
    height: auto;
}

/* BACKGROUND SCENE */
.bg-scene {
    position: fixed; inset: 0; z-index: -1;
    background: radial-gradient(circle at 50% 50%, #2a1b26 0%, #1f1519 100%);
    overflow: hidden;
}

#paper-plane-container { position: absolute; width: 100%; height: 100%; pointer-events: none; }
.paper-plane {
    position: absolute; width: 0; height: 0;
    border-left: 25px solid transparent; border-right: 25px solid transparent;
    border-bottom: 70px solid rgba(255, 20, 147, 0.5);
    filter: drop-shadow(0 0 15px var(--accent-dark));
}

.floating-asset { position: absolute; width: 35px; color: #a594f9; opacity: 0.3; }

.particle {
    position: absolute; background: white; border-radius: 50%;
    opacity: 0.2; animation: twinkle var(--duration) infinite alternate;
}
@keyframes twinkle { from { opacity: 0.1; transform: scale(1); } to { opacity: 0.4; transform: scale(1.5); } }

/* NAVBAR */
.navbar {
    position: fixed; top: 0; width: 100%; z-index: 1000;
    display: flex; justify-content: space-between; align-items: center; padding: 25px 5%;
    background: rgba(31, 21, 25, 0.9); backdrop-filter: blur(10px);
}
.logo { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; font-weight: 700; color: var(--accent-dark); }
.nav-links { display: flex; gap: 20px; list-style: none; }
.nav-links a { text-decoration: none; color: #ccc; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
.nav-links a.active { color: var(--accent-dark); }

/* CONTENT */
#main-content { position: relative; z-index: 10; max-width: 900px; margin: 0 auto; padding-top: 150px; }
.hero { text-align: center; margin-bottom: 80px; }
.hero h1 { font-family: 'Cormorant Garamond', serif; font-size: 4.5rem; color: var(--accent-dark); }

.glass-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 50px; border-radius: 25px;
    backdrop-filter: blur(20px); margin-bottom: 40px;
    transition: transform 0.4s ease-out;
}
.glass-card h2 { color: var(--accent-dark); margin-bottom: 15px; font-family: 'Cormorant Garamond', serif; font-size: 2.2rem; }

.luxury-list { list-style: none; }
.luxury-list li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }

/* REVEAL SYSTEM */
.reveal { opacity: 0; transform: translateY(30px); transition: 1s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }

.footer { text-align: center; padding: 80px 0; }