/* ===================================================================== MSWS SITE CHROME — shared header + footer Loaded on every page. Injected via assets/js/site-chrome.js so the markup, styling and behaviour are identical site-wide. The font is imported here (not in each page's ) so every page that loads this stylesheet renders the header with the exact same font — no fallback-font wrapping differences between pages. ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap'); .site-header{ --sc-ink:#131c31; --sc-navy:#1b2a4a; --sc-gold:#b8963e; --sc-gold-bright:#d9b768; font-family:'Inter','Segoe UI',system-ui,sans-serif; position:sticky;top:0;z-index:500; background:var(--sc-ink); border-bottom:1px solid rgba(255,255,255,.07); box-shadow:0 2px 18px rgba(0,0,0,.18); } .site-wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem;} .site-nav-row{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1.5rem;} .site-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:1;min-width:0;} .site-logo-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,var(--sc-gold-bright),var(--sc-gold));display:flex;align-items:center;justify-content:center;font-family:'Archivo','Segoe UI',system-ui,sans-serif;font-weight:800;color:var(--sc-ink);font-size:1.2rem;} .site-logo-name{line-height:1.15;} .site-logo-name b{display:block;color:#fff;font-family:'Archivo','Segoe UI',system-ui,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.02em;} .site-logo-name span{display:block;color:rgba(255,255,255,.55);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;} .site-nav-links{display:flex;gap:1.7rem;flex:1;justify-content:center;} .site-nav-links a{color:rgba(255,255,255,.8);text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;transition:color .15s;padding:.3rem 0;border-bottom:2px solid transparent;} .site-nav-links a:hover{color:var(--sc-gold-bright);} .site-nav-links a.active{color:var(--sc-gold-bright);border-bottom-color:var(--sc-gold-bright);} .site-nav-cta{display:flex;gap:.7rem;align-items:center;flex-shrink:0;} .site-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Archivo','Segoe UI',system-ui,sans-serif;font-weight:700;font-size:.85rem;padding:.62rem 1.25rem;border-radius:9px;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;} .site-btn:hover{transform:translateY(-2px);} .site-btn-gold{background:var(--sc-gold);color:var(--sc-ink);} .site-btn-gold:hover{background:var(--sc-gold-bright);} .site-btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;background:none;} .site-btn-ghost:hover{border-color:var(--sc-gold-bright);color:var(--sc-gold-bright);} .site-burger{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;line-height:1;padding:.2rem;} .site-mobile-nav{display:none;background:var(--sc-ink);border-top:1px solid rgba(255,255,255,.08);padding:.8rem 1.5rem 1.4rem;} .site-mobile-nav a{display:block;color:#fff;text-decoration:none;padding:.7rem 0;font-weight:600;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.06);} .site-mobile-nav a.active{color:var(--sc-gold-bright);} .site-mobile-nav a:last-child{border-bottom:none;} @media (max-width:980px){ .site-nav-links,.site-nav-cta .site-btn-ghost{display:none;} .site-burger{display:block;} } @media (max-width:640px){ .site-nav-row{height:64px;} } @media (max-width:420px){ .site-nav-row{gap:.5rem;} .site-logo-name span{display:none;} .site-nav-cta{gap:.4rem;} .site-btn-gold{padding:.55rem .85rem;font-size:.78rem;} .site-burger{font-size:1.4rem;} } /* ---------- shared footer ---------- */ .site-footer{background:var(--sc-ink,#131c31);color:rgba(255,255,255,.6);padding:2.6rem 0;font-family:'Inter','Segoe UI',system-ui,sans-serif;} .site-foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.2rem;font-size:.85rem;} .site-foot-links{display:flex;gap:1.5rem;flex-wrap:wrap;} .site-foot-links a{color:rgba(255,255,255,.6);text-decoration:none;font-weight:600;} .site-foot-links a:hover{color:#d9b768;} /* ---------- local sub-nav (page-level tabs, sits directly under the site header) ---------- */ .local-subnav{background:var(--local-navy,#1a2744);color:#fff;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;min-height:56px;position:sticky;top:72px;z-index:400;box-shadow:0 2px 12px rgba(0,0,0,.18);flex-wrap:wrap;gap:.5rem;row-gap:0;} .local-subnav .local-title{font-size:.78rem;font-weight:700;letter-spacing:.4px;opacity:.85;padding:.7rem 0;} .local-subnav nav{display:flex;gap:.25rem;flex-wrap:wrap;padding:.4rem 0;} .local-subnav nav button{background:none;border:none;color:rgba(255,255,255,.75);font-size:.78rem;font-weight:600;padding:.5rem .8rem;border-radius:6px;cursor:pointer;transition:all .15s;letter-spacing:.3px;text-transform:uppercase;} .local-subnav nav button:hover{color:#fff;background:rgba(255,255,255,.1);} .local-subnav nav button.active{color:var(--local-gold-bright,#d9b768);background:rgba(184,150,62,.15);} @media(max-width:640px){ .local-subnav{top:64px;} }