/* StateSideMagazine Header CSS (condensed)
   Combine Parts 1–3 from the conversation for the full production stylesheet. */
:root{--ssm-primary:#0B5FFF;--ssm-text:#111;--ssm-border:#ECECEC;--ssm-bg:#fff;--ssm-light:#F8F8F8;--ssm-container:1280px;--ssm-transition:.3s ease}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--ssm-text)}.ssm-container{max-width:1280px;margin:auto;padding:0 24px}
.ssm-topbar{height:36px;border-bottom:1px solid var(--ssm-border)}.ssm-topbar .ssm-container{display:flex;justify-content:space-between;align-items:center;height:100%}
.ssm-branding{text-align:center;padding:28px 0;border-bottom:1px solid var(--ssm-border)}
.ssm-site-title{font:700 58px "Playfair Display",serif}.ssm-tagline{margin-top:16px;font-size:14px;letter-spacing:4px;text-transform:uppercase}
.ssm-navigation{height:52px;border-bottom:1px solid var(--ssm-border)}.ssm-navigation .ssm-container{display:flex;align-items:center;justify-content:center;height:100%;position:relative}
.ssm-menu{display:flex;gap:36px;list-style:none}.ssm-menu a{text-decoration:none;color:#111;font-weight:600;height:52px;display:flex;align-items:center}
.ssm-header.is-sticky{position:fixed;top:0;width:100%;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.ssm-search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);display:none;align-items:center;justify-content:center}
.ssm-search-overlay.is-active{display:flex}
.ssm-offcanvas{position:fixed;left:-320px;top:0;width:320px;height:100vh;background:#fff;transition:.3s}.ssm-offcanvas.is-active{left:0}
.ssm-mobile-header{display:none}
@media(max-width:768px){.ssm-header{display:none}.ssm-mobile-header{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 16px;border-bottom:1px solid var(--ssm-border)}}