.cm-header{position:sticky;top:0;z-index:40;background:rgba(247,242,233,0.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-soft)}
.cm-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:var(--header-height-mobile)}
@media (min-width:900px){.cm-header-inner{min-height:var(--header-height-desktop)}
}
.cm-header-branding{display:flex;align-items:center;gap:var(--space-4)}
.cm-header-logo{display:inline-flex;align-items:center;gap:var(--space-3)}
.cm-header-logo-mark{width:32px;height:32px;border-radius:12px;background:conic-gradient(from 160deg,#c79a55,#b6843f,#123c35,#f1eadf,#c79a55);box-shadow:var(--shadow-soft-strong);position:relative;overflow:hidden}
.cm-header-logo-mark::after{content:"";position:absolute;inset:3px;border-radius:10px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.92),rgba(18,60,53,0.6));mix-blend-mode:soft-light}
.cm-header-logo-text{display:flex;flex-direction:column;line-height:1.1}
.cm-header-logo-title{font-family:var(--font-serif);font-size:1.18rem;letter-spacing:0.06em;text-transform:uppercase}
.cm-header-logo-subtitle{font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-muted)}
.cm-header-nav{position:relative}
.cm-header-nav-list{display:flex;align-items:center;gap:var(--space-4);list-style:none}
.cm-header-nav-link{font-size:0.9rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:999px;border:1px solid transparent;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}
.cm-header-nav-link:hover,.cm-header-nav-link:focus-visible{color:var(--color-primary);border-color:var(--color-border-soft);background-color:rgba(255,255,255,0.9)}
.cm-header-nav-cta .cm-header-cta{font-size:0.78rem;padding-inline:var(--space-6);white-space:nowrap}
.cm-header-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:999px;border:1px solid var(--color-border-soft);background:rgba(255,255,255,0.92);box-shadow:var(--shadow-subtle)}
.cm-header-toggle-bar{width:18px;height:2px;border-radius:999px;background:var(--color-primary);transition:transform var(--transition-base),opacity var(--transition-base),background-color var(--transition-base)}
.cm-header-toggle[aria-expanded="true"] .cm-header-toggle-bar:first-child{transform:translateY(3.5px) rotate(45deg)}
.cm-header-toggle[aria-expanded="true"] .cm-header-toggle-bar:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.cm-header-toggle[aria-expanded="true"]{background:var(--color-primary);border-color:rgba(0,0,0,0);box-shadow:var(--shadow-soft-strong)}
.cm-header-toggle[aria-expanded="true"] .cm-header-toggle-bar{background:#fff}
.cm-header-toggle:focus-visible{outline:2px solid #c79a55;outline-offset:3px}
@media (min-width:900px){.cm-header-toggle{display:none}
.cm-header-nav-list{gap:var(--space-6)}
}
@media (max-width:899.98px){.cm-header-nav{position:fixed;inset-inline:0;top:var(--header-height-mobile);background:rgba(247,242,233,0.98);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border-soft);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base)}
.cm-header-nav-list{flex-direction:column;align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-8)}
.cm-header-nav-link{font-size:0.95rem;padding:var(--space-3) var(--space-4);width:100%}
.cm-header-nav-cta{width:100%;margin-top:var(--space-2)}
.cm-header-cta{justify-content:center;width:100%}
.cm-header-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}
}

.cm-header{background:rgba(250,246,239,.9);border-bottom-color:rgba(18,60,53,.1)}
.cm-header-logo-mark{background:conic-gradient(from 160deg,var(--color-gold-soft),var(--color-gold),var(--color-primary),var(--color-primary-soft),var(--color-gold-soft))}
.cm-header-nav-link:hover,.cm-header-nav-link:focus-visible{background:rgba(255,253,248,.92)}
@media (max-width:899.98px){.cm-header-nav{background:rgba(250,246,239,.98)}}