.site-header { position: fixed; z-index: 10; top: 0; right: 0; left: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; height: 94px; padding: 0 clamp(1rem, 8vw, 7rem); background: transparent; transition: background 220ms ease, backdrop-filter 220ms ease; }
.site-header--solid { background: linear-gradient(180deg, rgba(18, 48, 43, .92) 0%, rgba(18, 48, 43, .92) 45%, rgba(18, 48, 43, .68) 100%); backdrop-filter: blur(12px); }
.site-header--solid::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 60px; background: linear-gradient(180deg, rgba(18, 48, 43, .42), rgba(18, 48, 43, 0)); pointer-events: none; }
.site-header__brand { display: grid; align-items: center; }
.site-header__logo { grid-area: 1 / 1; width: 90px; height: auto; transition: opacity 180ms ease; }
.site-header__logo--color, .site-header--solid .site-header__logo--light { opacity: 0; }
.site-header--solid .site-header__logo--color { opacity: 1; }
.site-header__cta { display: inline-flex; align-items: center; border: 0; border-radius: var(--radius-btn); padding: .72rem 1rem; background: var(--seal-red); color: var(--gold-100); font-size: .75rem; font-weight: 700; text-decoration: none; box-shadow: 0 8px 22px -10px rgba(179,80,46,.7); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.site-header__cta:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -12px rgba(179,80,46,.85); filter: brightness(1.1); }
.site-header__cta:active { transform: translateY(0); filter: brightness(.97); }
.site-header__cta:focus-visible { outline: 3px solid var(--gold-400); outline-offset: 3px; }
@media (min-width: 769px) { .site-header__cta { padding-inline: 1.4rem; font-size: .86rem; } }
@media (prefers-reduced-motion: reduce) { .site-header__cta { transition: none; } }