/* ════════════════════════════════════════════════════════════
   shaanejaz.com — shared site header
   Self-contained: no dependency on any page's CSS variables,
   namespaced .se-* so it cannot collide with page styles.
   ════════════════════════════════════════════════════════════ */
.se-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 5vw;height:68px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:rgba(250,250,247,0.72);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(15,14,11,0.08);transition:box-shadow .3s}
.se-nav.scrolled{box-shadow:0 4px 16px rgba(15,14,11,0.08),0 2px 6px rgba(15,14,11,0.05)}
.se-nav-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;color:#0F0E0B;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.se-nav-logo span{color:#FF5C28}
.se-nav-links{display:flex;align-items:center;gap:2rem}
.se-nav-links a{font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:500;color:#5C5B56;text-decoration:none;transition:color .2s;white-space:nowrap}
.se-nav-links a:hover{color:#0F0E0B}
.se-nav-cta{background:#0F0E0B;color:#FAFAF7!important;padding:.5rem 1.25rem;border-radius:100px;font-size:.8125rem!important;font-weight:600!important;letter-spacing:.01em;transition:background .2s,transform .2s,box-shadow .2s}
.se-nav-cta:hover{background:#FF5C28!important;transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,92,40,.28)}
.se-nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:0;margin:0}
.se-nav-burger span{display:block;width:22px;height:2px;background:#0F0E0B;border-radius:2px;transition:.3s}
.se-mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:#FAFAF7;border-bottom:1px solid rgba(15,14,11,.08);padding:1.5rem 5vw;flex-direction:column;gap:1.25rem;z-index:999}
.se-mobile-menu.open{display:flex}
.se-mobile-menu a{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:500;color:#0F0E0B;text-decoration:none}
.se-mobile-menu .se-nav-cta{align-self:flex-start;color:#FAFAF7!important}
.se-nav a:focus-visible,.se-nav button:focus-visible,.se-mobile-menu a:focus-visible{outline:2px solid #FF5C28;outline-offset:3px;border-radius:4px}
@media(max-width:940px){.se-nav-links{display:none}.se-nav-burger{display:flex}}
@media(prefers-reduced-motion:reduce){.se-nav,.se-nav-cta,.se-nav-burger span{transition:none}.se-nav-cta:hover{transform:none}}