/* --- fejléc --- */
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:40;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .3s,backdrop-filter .3s}
.nav.solid{background:rgba(7,11,28,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:62px;height:auto;border-radius:12px}
.brand span{font-family:var(--script);font-size:1.7rem;line-height:1;color:var(--cream)}
.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav-links a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--cream-dim);position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--flame);transition:right .3s}
.nav-links a:hover{color:var(--cream)}.nav-links a:hover::after{right:0}
.nav .btn{padding:.7em 1.2em;font-size:.92rem}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:12px;width:46px;height:46px;color:var(--cream);cursor:pointer}
.burger svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}
@media (max-width:900px){.nav-links,.nav .btn{display:none}.burger{display:grid;place-items:center}}
.mobile-menu{position:fixed;inset:0;z-index:45;background:rgba(7,11,28,.96);backdrop-filter:blur(16px);display:grid;place-content:center;gap:28px;text-align:center;padding:var(--gutter)}
.mobile-menu a{font-family:var(--display);font-size:clamp(2.4rem,10vw,4rem);font-weight:900;text-decoration:none;text-transform:uppercase;line-height:1}
.mobile-menu .close{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:var(--gutter)}
.mobile-menu a.accent{color:var(--flame)}