/* ===== kme-nmec.si – avtorji, byline, odgovorno igranje ===== */
:root{
  --kn-red:#e11d2e;--kn-red-d:#8f0a14;--kn-ink:#111218;--kn-coal:#16171d;
  --kn-indigo:#6366f1;--kn-violet:#986ef7;--kn-mute:#6c757d;--kn-line:#e6e6ef;
}

/* ---------- 1. Byline v hero ---------- */
.kn-byline{
  display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 0;
  margin:4px auto 0;padding:7px 18px 7px 7px;max-width:100%;
  border-radius:999px;background:rgba(15,15,20,.55);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font-size:14px;line-height:1.35;color:rgba(255,255,255,.75);text-align:left;
}
.kn-byline__dice{display:inline-flex;margin-right:12px}
.kn-byline__dice i{
  display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-style:normal;
  font-size:11px;font-weight:700;letter-spacing:.3px;color:#fff;
  background:linear-gradient(145deg,#ff4a55,var(--kn-red-d));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px -4px rgba(225,29,46,.8);
  transform:rotate(-8deg);
}
.kn-byline__dice i + i{margin-left:-6px;transform:rotate(7deg);background:linear-gradient(145deg,#8b8df8,#3f40c4)}
.kn-byline__item{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}
.kn-byline__item + .kn-byline__item::before{content:"";width:5px;height:5px;margin:0 6px 0 7px;border-radius:1.5px;background:var(--kn-red);transform:rotate(45deg)}
.kn-byline b{font-weight:500;color:#fff}
.kn-byline a{color:#fff!important;font-weight:500;text-decoration:none;border-bottom:1.5px solid rgba(255,74,85,.8)}
.kn-byline a:hover{border-bottom-color:#fff}
@media (max-width:767.98px){
  .kn-byline{font-size:12.5px;padding:6px 12px 6px 6px;border-radius:18px}
  .kn-byline__dice i{width:26px;height:26px;font-size:10px}
  .kn-byline__item + .kn-byline__item::before{margin:0 8px}
}

/* ---------- 2. Blok avtorjev – kocke ---------- */
.kn-team{padding:20px 0 70px}
.kn-team__box{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:34px 52px;
  padding:52px 54px 30px;border-radius:30px;color:#fff;
  background:
    radial-gradient(55% 75% at 100% 0%,rgba(225,29,46,.38),transparent 62%),
    radial-gradient(60% 80% at 0% 100%,rgba(99,102,241,.35),transparent 62%),
    var(--kn-coal);
  box-shadow:0 34px 60px -36px rgba(17,18,24,.9);
}
.kn-team__box::before{ /* pike kocke */
  content:"";position:absolute;inset:0;z-index:-1;opacity:.1;
  background-image:radial-gradient(#fff 2px,transparent 2.4px);background-size:26px 26px;
  -webkit-mask-image:linear-gradient(120deg,#000,transparent 50%);mask-image:linear-gradient(120deg,#000,transparent 50%);
}
.kn-team__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ff6b74}
.kn-team__eyebrow::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--kn-red);transform:rotate(45deg)}
.kn-team__title{margin:12px 0 14px!important;font-size:38px;font-weight:700;line-height:1.08;letter-spacing:-1px;color:#fff!important}
.kn-team__title span{color:#ff4a55}
.kn-team__lead{margin:0 0 22px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.72)!important}
.kn-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.kn-stats li{min-width:104px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12.5px;line-height:1.25;color:rgba(255,255,255,.7)}
.kn-stats b{display:block;margin-bottom:2px;font-size:26px;font-weight:700;color:#fff;letter-spacing:-.5px}
.kn-stats em{font-style:normal;color:#ff4a55}

.kn-team__people{display:grid;gap:14px;align-content:center}
.kn-person{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .3s ease,border-color .3s ease}
.kn-person:hover{background:rgba(255,255,255,.08);border-color:rgba(255,74,85,.45)}
.kn-person__role{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.kn-person__name{margin:3px 0 6px!important;padding:0;font-size:23px;font-weight:700;color:#fff!important;letter-spacing:-.4px;line-height:1.15!important}
.kn-person__note{margin:0;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.72)!important}

/* kocka z inicialkami in pikami */
.kn-die{
  position:relative;width:84px;height:84px;border-radius:20px;
  background:linear-gradient(145deg,#ff4a55 0%,var(--kn-red) 45%,var(--kn-red-d) 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -6px 12px rgba(0,0,0,.25),0 18px 28px -14px rgba(225,29,46,.9);
  transform:rotate(-8deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.kn-die::before,.kn-die::after{ /* pike v kotih */
  content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.92);
  box-shadow:0 1px 2px rgba(0,0,0,.25) inset;
}
.kn-die::before{top:10px;left:10px}
.kn-die::after{bottom:10px;right:10px}
.kn-die__face{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.3)}
.kn-die--b{background:linear-gradient(145deg,#a5a7fb 0%,var(--kn-indigo) 45%,#3335b0 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -6px 12px rgba(0,0,0,.25),0 18px 28px -14px rgba(99,102,241,.9);transform:rotate(7deg)}
.kn-person:hover .kn-die{transform:rotate(352deg) translateY(-3px)}
.kn-person:hover .kn-die--b{transform:rotate(-353deg) translateY(-3px)}

.kn-team__foot{
  grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.7);
}
.kn-team__verified{display:inline-flex;align-items:center;gap:.4em;font-weight:500;color:#9ee6bd}
.kn-team__note{padding:6px 12px;border-radius:999px;border:1px dashed rgba(255,255,255,.3)}
.kn-team__mail{
  display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:12px 24px;border-radius:999px;
  background:linear-gradient(135deg,#ff4a55,var(--kn-red-d));color:#fff!important;font-size:15px;font-weight:500;text-decoration:none!important;
  box-shadow:0 14px 26px -12px rgba(225,29,46,.9);transition:transform .25s ease,filter .25s ease;
}
.kn-team__mail:hover,.kn-team__mail:focus-visible{transform:translateY(-2px);filter:brightness(1.1)}

@media (max-width:991.98px){
  .kn-team__box{grid-template-columns:1fr;padding:40px 30px 26px}
}
@media (max-width:575.98px){
  .kn-team{padding:10px 0 46px}
  .kn-team__box{padding:30px 18px 22px;border-radius:22px}
  .kn-team__title{font-size:28px}
  .kn-person{grid-template-columns:1fr;justify-items:start;padding:16px}
  .kn-die{width:68px;height:68px;border-radius:16px}
  .kn-die__face{font-size:20px}
  .kn-team__foot{justify-content:center;text-align:center}
  .kn-team__mail{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .kn-die,.kn-team__mail,.kn-person{transition:none}
  .kn-person:hover .kn-die{transform:rotate(-8deg)}
  .kn-person:hover .kn-die--b{transform:rotate(7deg)}
}

/* ---------- 4. Stran O nas ---------- */
.kn-ab-hero{padding:120px 0 90px!important}
.kn-ab-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px 60px;align-items:center}
.kn-ab-hero__txt{color:#fff;text-align:left}
.kn-ab-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ff6b74}
.kn-ab-eyebrow::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--kn-red);transform:rotate(45deg)}
.kn-ab-h1{margin:12px 0 18px!important;font-size:72px!important;font-weight:700;line-height:1!important;letter-spacing:-2px;color:#fff!important;text-transform:none!important}
.kn-ab-h1 span{color:#ff4a55!important}
.kn-ab-lead{margin:0;font-size:18px;line-height:1.7;color:rgba(255,255,255,.85)!important}

.kn-ab-fine{position:relative;display:grid;gap:18px;max-width:380px;margin:0 auto;width:100%}
.kn-ab-fine__card{position:relative;padding:20px 22px;border-radius:20px;background:rgba(15,15,20,.6);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transform:rotate(-3deg);box-shadow:0 24px 40px -24px rgba(0,0,0,.9)}
.kn-ab-fine__card--b{transform:rotate(2.5deg) translateX(26px)}
.kn-ab-fine__card b{display:block;margin:6px 0 4px;font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.15}
.kn-ab-fine__tag{display:inline-block;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#ff4a55,var(--kn-red-d));font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.kn-ab-fine__card--b .kn-ab-fine__tag{background:linear-gradient(135deg,#8b8df8,#3f40c4)}
.kn-ab-fine__small{display:block;font-size:13px;color:rgba(255,255,255,.65)}
.kn-ab-fine__small em{font-style:normal;color:#fff;background:linear-gradient(transparent 55%,rgba(255,74,85,.55) 55%);padding:0 2px}
.kn-ab-fine__lens{position:absolute;right:-10px;top:42%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--kn-red);box-shadow:0 14px 24px -10px rgba(0,0,0,.7)}

.kn-ab{padding:80px 0 50px;background:#fff}
.kn-ab-sec{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:20px 52px;padding:44px 0;border-top:1px solid var(--kn-line)}
.kn-ab-sec:first-child{border-top:0;padding-top:0}
.kn-ab-sec__head{position:sticky;top:30px;align-self:start}
.kn-ab-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--kn-coal);color:#fff;font-size:15px;font-weight:700;transform:rotate(-6deg)}
.kn-ab-sec h2{margin:16px 0 0!important;font-size:34px!important;font-weight:700;line-height:1.12!important;letter-spacing:-.8px;color:var(--kn-ink)!important}
.kn-ab-sec__body p{font-size:17px;line-height:1.7;color:#3a3d48;margin:0 0 18px}

.kn-ab-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kn-ab-checks li{display:flex;gap:18px;align-items:center;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--kn-line);font-size:16px;line-height:1.5;color:#3a3d48;box-shadow:0 14px 26px -24px rgba(17,18,24,.6);transition:transform .25s ease,border-color .25s ease}
.kn-ab-checks li:hover{transform:translateX(4px);border-color:rgba(225,29,46,.45)}
.kn-ab-checks b{display:block;font-size:17px;font-weight:700;color:var(--kn-ink)}
/* stranice kocke 1–5 */
.kn-pips{flex:0 0 52px;position:relative;width:52px;height:52px;border-radius:13px;background:linear-gradient(145deg,#ff4a55,var(--kn-red) 45%,var(--kn-red-d));box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 10px 18px -10px rgba(225,29,46,.9)}
.kn-ab-checks li:nth-child(even) .kn-pips{background:linear-gradient(145deg,#a5a7fb,var(--kn-indigo) 45%,#3335b0);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 10px 18px -10px rgba(99,102,241,.9)}
.kn-pips i{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fff}
.kn-pips--1 i{left:50%;top:50%}
.kn-pips--2 i:nth-child(1),.kn-pips--3 i:nth-child(1){left:28%;top:28%}
.kn-pips--2 i:nth-child(2),.kn-pips--3 i:nth-child(3){left:72%;top:72%}
.kn-pips--3 i:nth-child(2),.kn-pips--5 i:nth-child(5){left:50%;top:50%}
.kn-pips--4 i:nth-child(1),.kn-pips--5 i:nth-child(1){left:28%;top:28%}
.kn-pips--4 i:nth-child(2),.kn-pips--5 i:nth-child(2){left:72%;top:28%}
.kn-pips--4 i:nth-child(3),.kn-pips--5 i:nth-child(3){left:28%;top:72%}
.kn-pips--4 i:nth-child(4),.kn-pips--5 i:nth-child(4){left:72%;top:72%}

.kn-ab-gate{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kn-ab-gate li{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;background:#f4f4f9;font-size:15px;font-weight:500;color:var(--kn-ink)}
.kn-ab-gate li::before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#1f9d5b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.kn-ab-callout{padding:20px 24px;border-radius:18px;background:var(--kn-coal);color:rgba(255,255,255,.88)!important;font-weight:500;border-left:5px solid var(--kn-red)}

.kn-ab-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding:22px 26px;border-radius:22px;background:linear-gradient(135deg,var(--kn-coal),#2a1418);color:rgba(255,255,255,.8);font-size:15px}
.kn-ab-end b{color:#fff}
.kn-ab-end .kn-team__mail{margin-left:0}

@media (max-width:991.98px){
  .kn-ab-hero{padding:90px 0 60px!important}
  .kn-ab-hero__grid,.kn-ab-sec{grid-template-columns:1fr}
  .kn-ab-sec__head{position:static}
  .kn-ab-h1{font-size:54px!important}
  .kn-ab-fine{max-width:340px}
}
@media (max-width:575.98px){
  .kn-ab-h1{font-size:44px!important}
  .kn-ab-lead{font-size:16px}
  .kn-ab{padding:50px 0 30px}
  .kn-ab-sec h2{font-size:27px!important}
  .kn-ab-sec__body p{font-size:16px}
  .kn-ab-gate{grid-template-columns:1fr}
  .kn-ab-fine__card--b{transform:rotate(2.5deg) translateX(12px)}
  .kn-ab-fine__card b{font-size:22px}
  .kn-ab-end{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){.kn-ab-checks li{transition:none}.kn-ab-checks li:hover{transform:none}}

/* ---------- 3. Footer – odgovorno igranje (vijolična päta) ---------- */
.kn-rg-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;padding:22px 0 0;font-size:14.5px;font-weight:500}
.kn-rg-nav a{color:#fff!important;text-decoration:none!important;border-bottom:1.5px solid transparent;transition:border-color .2s ease}
.kn-rg-nav a + a::before{content:"";display:inline-block;width:6px;height:6px;margin:0 16px 2px;border-radius:1.5px;background:#fff;opacity:.7;transform:rotate(45deg);vertical-align:middle}
.kn-rg-nav a:hover,.kn-rg-nav a:focus-visible,.kn-rg-nav a[aria-current="page"]{border-bottom-color:#fff}
.kn-rg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:26px 0 22px;text-align:left}
.kn-rg__label{display:flex;align-items:center;gap:12px;font-size:13.5px;line-height:1.3;color:#fff}
.kn-rg__label b{display:block;font-weight:500}
.kn-rg__label small{display:block;font-size:12px;color:rgba(255,255,255,.78)}
.kn-rg__age{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--kn-red);font-size:14px;font-weight:700;transform:rotate(-6deg);box-shadow:0 8px 16px -8px rgba(0,0,0,.4)}
.kn-rg__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.kn-rg__logo{display:inline-flex;align-items:center;height:46px;padding:6px 10px;border-radius:10px;background:#fff;opacity:.88;box-shadow:0 6px 14px -10px rgba(0,0,0,.5);transition:opacity .25s ease,transform .25s ease}
.kn-rg__logo img{display:block;height:34px;width:auto;max-width:140px}
.kn-rg__logo:hover,.kn-rg__logo:focus-visible{opacity:1;transform:translateY(-2px)}
.kn-rg__links{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;line-height:1.35;color:rgba(255,255,255,.82)}
.kn-rg__links a{color:#fff!important;font-weight:500;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.45)}
.kn-rg__links a:hover{border-bottom-color:#fff}
@media (max-width:991.98px){
  .kn-rg{justify-content:center;text-align:center}
  .kn-rg__logos{order:3;flex-basis:100%}
  .kn-rg__links{align-items:center}
}
@media (max-width:575.98px){.kn-rg__logo{height:40px}.kn-rg__logo img{height:28px}}
@media (prefers-reduced-motion:reduce){.kn-rg__logo{transition:none}}