/* CSS Styling */ @import url('https://googleapis.com'); .halcyon-banner { background-color: #F7F4EF; /* Alabaster Linen Background */ padding: 80px 20px; text-align: center; border-bottom: 1px solid #E6E1D8; /* Delicate divider line */ } .logo-main { font-family: 'Cormorant Garamond', serif; font-size: 5rem; /* Scaled large for desktop impact */ font-weight: 300; text-transform: uppercase; letter-spacing: 0.22em; /* Gives the classic high-fashion spacing */ color: #1C1F22; margin: 0 0 12px 0; line-height: 1; } .logo-sub { font-family: 'Montserrat', sans-serif; font-size: 0.72rem; /* Keep small and crisp */ font-weight: 400; text-transform: uppercase; letter-spacing: 0.45em; /* Extremely wide tracking to ground the logo */ color: #5C5E61; /* Soft contrast text */ margin: 0; } /* Mobile Responsiveness */@media (max-width: 768px) { .logo-main { font-size: 3rem; letter-spacing: 0.15em; } .logo-sub { font-size: 0.6rem; letter-spacing: 0.3em; } .halcyon-banner { padding: 40px 15px; }