/* Kabja shared shell: unified nav (dropdowns) + 5-column footer.
   Relies on each page's :root tokens (--ink, --orange, --bone, --grey-1/2, --line, --max-w, --gutter, --ease, --sans). */

/* ===== NAV ===== */
.knav{position:fixed;top:0;left:0;right:0;z-index:200;padding:1.4rem var(--gutter,2rem);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(10,10,10,0.72) 0%,rgba(10,10,10,0) 100%);pointer-events:none;transition:background .3s ease;font-family:var(--sans,sans-serif);}
.knav.is-stuck{background:rgba(10,10,11,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.knav>*{pointer-events:auto;}
.knav__logo{display:inline-flex;color:var(--bone,#fff);}
.knav__logo svg{height:36px;width:auto;display:block;}
.knav__links{display:flex;gap:2rem;align-items:center;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:500;}
.knav__link{color:var(--bone,#fff);opacity:0.82;transition:opacity .3s ease;background:none;border:0;cursor:pointer;font:inherit;letter-spacing:0.08em;text-transform:uppercase;}
.knav__link:hover{opacity:1;}
.knav__group{position:relative;}
.knav__trigger{display:inline-flex;align-items:center;gap:0.4rem;}
.knav__trigger::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-1px) rotate(45deg);opacity:0.6;}
.knav__menu{position:absolute;top:calc(100% + 0.7rem);left:50%;transform:translateX(-50%) translateY(-6px);min-width:210px;background:var(--ink-2,#16171a);border:1px solid var(--line,rgba(255,255,255,0.12));border-radius:5px;padding:0.5rem;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s;box-shadow:0 24px 60px rgba(0,0,0,0.55);}
.knav__group:hover .knav__menu,.knav__group:focus-within .knav__menu,.knav__menu.is-open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.knav__menu a{font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--grey-1,#a0a4ac);padding:0.6rem 0.8rem;border-radius:4px;transition:color .2s ease,background .2s ease;}
.knav__menu a:hover{color:var(--bone,#fff);background:var(--ink-3,#20212a);}
.knav__cta{padding:0.6rem 1rem;border:1px solid var(--bone,#fff);opacity:1;transition:background .3s ease,color .3s ease;}
.knav__cta:hover{background:var(--bone,#fff);color:var(--ink,#0A0A0A);}
@media (max-width:880px){.knav__group,.knav__links .knav__link:not(.knav__cta){display:none;}}

/* ===== FOOTER ===== */
.kfoot{padding:clamp(4rem,7vw,5.5rem) var(--gutter,2rem) 2.5rem;border-top:1px solid var(--line,rgba(255,255,255,0.12));font-size:0.8125rem;color:var(--grey-2,#6b6f76);background:var(--ink,#0A0A0A);font-family:var(--sans,sans-serif);}
.kfoot__inner{max-width:var(--max-w,1480px);margin:0 auto;}
.kfoot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3.5rem;}
.kfoot__logo{display:inline-flex;color:var(--grey-1,#a0a4ac);margin-bottom:1.25rem;transition:color .3s ease;}
.kfoot__logo svg{height:30px;width:auto;display:block;}
.kfoot__logo:hover{color:var(--bone,#fff);}
.kfoot__tag{color:var(--grey-1,#a0a4ac);max-width:42ch;font-size:0.875rem;line-height:1.6;margin:0;}
.kfoot__col{display:flex;flex-direction:column;}
.kfoot__col h4{font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--grey-1,#a0a4ac);font-weight:500;margin:0 0 1.25rem;}
.kfoot__col a{color:var(--grey-2,#6b6f76);padding:0.3rem 0;transition:color .3s ease;}
.kfoot__col a:hover{color:var(--bone,#fff);}
.kfoot__col span{color:var(--grey-2,#6b6f76);padding:0.3rem 0;}
.kfoot__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid var(--line,rgba(255,255,255,0.12));font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--grey-2,#6b6f76);}
@media (max-width:880px){.kfoot__grid{grid-template-columns:1fr 1fr;gap:2.5rem;}}
@media (max-width:520px){.kfoot__grid{grid-template-columns:1fr;}}