:root {
    --color-background: #08121f;
    --color-surface: #0f1f34;
    --color-card: #13263f;
    --color-gold: #d6a94e;
    --color-text: #f5f5f5;
    --color-muted: #b9c4d0;
    --header-height: 6rem;
}
.site-header { background-color: transparent; color: var(--color-text); left: 0; position: fixed; right: 0; top: 0; transition: background-color 300ms ease-out, backdrop-filter 300ms ease-out, border-color 300ms ease-out; z-index: 100; }
.site-header[data-scrolled="true"] { backdrop-filter: blur(14px); background-color: color-mix(in srgb, var(--color-background) 88%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--color-muted) 14%, transparent); }
.site-header__top-bar { align-items: center; display: flex; height: var(--header-height); margin: 0 auto; max-width: 90rem; padding: 0 1.5rem; }
.site-brand { align-items: center; color: var(--color-text); display: inline-flex; gap: 0.85rem; min-height: 2.75rem; text-decoration: none; }
.site-brand__logo { display: block; height: 3.55rem; object-fit: contain; width: 3.55rem; }
.site-brand__content { display: grid; gap: 0.14rem; }
.site-brand__name { font-family: "Playfair Display", Georgia, serif; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1; }
.site-brand__promise { color: var(--color-gold); font-family: Inter, Arial, sans-serif; font-size: 0.56rem; font-weight: 600; letter-spacing: 0.15em; line-height: 1.2; text-transform: uppercase; }
.site-brand__tagline { color: var(--color-muted); font-family: Inter, Arial, sans-serif; font-size: 0.54rem; letter-spacing: 0.025em; line-height: 1.25; }
.site-brand__tagline span { color: var(--color-gold); padding: 0 0.15rem; }
.site-brand:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 5px; }
@media (max-width: 59.9375rem) { :root { --header-height: 5rem; } .site-header__top-bar { padding: 0 1.25rem; } .site-brand__logo { height: 2.45rem; width: 2.45rem; } .site-brand__name { font-size: 1.08rem; } .site-brand__tagline { display: none; } }
@media (prefers-reduced-motion: reduce) { .site-header { transition: none; } }