/* ============ RIBBON + STICKY HEADER ============ */
.ribbon{background:var(--navy);color:var(--paper);text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em;padding:9px 16px}
.ribbon b{color:var(--azure)}

header{position:sticky;top:0;z-index:50;background:rgba(247,244,239,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--stone)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{font-family:var(--serif);font-weight:900;font-size:27px;letter-spacing:-.02em;color:var(--navy)}
.brand b{color:var(--blue)}
.brand-logo{height:30px;display:block}
.nav-right{display:flex;align-items:center;gap:22px}
.domain{font-size:13px;color:var(--muted);font-weight:500}
@media(max-width:640px){.domain{display:none}}