/* Shared site navigation — single source of truth for front page, blog and stories. */
.lse-header{position:fixed;inset:0 0 auto;z-index:900;height:74px;background:rgba(8,7,8,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.lse-nav{height:100%;width:min(calc(100% - 2*var(--ls-page-gutter)),1440px);margin:auto;display:flex;align-items:center;gap:28px}
.lse-logo{display:block;flex:0 0 auto}.lse-logo img{width:145px;display:block;height:auto}
.lse-links{display:flex;gap:22px;margin-left:auto;align-items:center;height:100%}
.lse-links a{position:relative;color:rgba(255,255,255,.72);font-size:13px;text-decoration:none;font-weight:600;white-space:nowrap}
.lse-links a:hover{color:#fff}
.lse-links a.is-active{color:#fff}
.lse-links a.is-active:not(.lse-btn)::after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:3px;background:var(--ls-red)}
.lse-menu{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:10px 12px}
.lse-header .lse-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border-radius:10px;text-decoration:none;font-weight:700}
.lse-header .lse-btn-primary{background:var(--ls-red);color:#fff}
body:not(.home):not(.page) .lse-header + main, body.blog .lse-header + main{margin-top:74px}
@media(max-width:900px){.lse-links{display:none}.lse-menu{display:block}.lse-links.open{display:flex;position:absolute;top:74px;left:0;right:0;height:auto;padding:20px;flex-direction:column;align-items:flex-start;background:#080708}.lse-links a.is-active:not(.lse-btn)::after{display:none}}
@media(max-width:560px){.lse-header{height:64px}.lse-logo img{width:120px}.lse-links.open{top:64px}}

/* WordPress admin bar: keep the fixed Late Shift header below the toolbar.
   WordPress adds the toolbar offset to the document; fixed elements need it explicitly. */
body.admin-bar .lse-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .lse-header{top:46px}}