/* ==========================================================================
   EMINETIC — media / history pages (gostovanje_novabh, novinske, partnerstvo,
   sastanak-opcina). Builds on eminetic-shell.css tokens (--em-*).
   ========================================================================== */
*,*::before,*::after{ box-sizing:border-box; }
html{ background:var(--em-bg); scroll-behavior:smooth; }
body{
  margin:0; color:var(--em-text); font-family:var(--em-body); -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 78% 0%, rgba(233,255,123,.10), transparent 34%),
    radial-gradient(circle at 5% 40%, rgba(143,184,255,.06), transparent 30%),
    var(--em-bg);
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
::selection{ background:var(--em-lime); color:#050505; }
.skip-link{ position:absolute; left:16px; top:-60px; z-index:300; background:var(--em-lime); color:#050505; padding:10px 16px; border-radius:999px; font-weight:700; text-decoration:none; }
.skip-link:focus{ top:16px; }

.em-page{ max-width:var(--em-container); margin:0 auto; padding:0 var(--em-pad-x) 80px; }

/* breadcrumbs */
.mp-crumbs ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:var(--em-faint); }
.mp-crumbs li{ display:flex; align-items:center; gap:8px; }
.mp-crumbs li + li::before{ content:'/'; color:rgba(255,255,255,.25); }
.mp-crumbs a{ text-decoration:none; color:var(--em-muted); }
.mp-crumbs a:hover{ color:var(--em-lime); }
.mp-crumbs [aria-current]{ color:var(--em-text); }

/* hero */
.mp-hero{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:64px; align-items:end; padding:48px 0 64px; }
.mp-eyebrow{ display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:600; letter-spacing:4px; text-transform:uppercase; color:rgba(255,255,255,.62); }
.mp-eyebrow::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--em-lime); box-shadow:0 0 14px rgba(233,255,123,.85); }
.mp-hero h1{ margin:22px 0 0; font:800 clamp(38px,5.4vw,84px) / .98 var(--em-display); letter-spacing:-.045em; }
.mp-lead{ margin:26px 0 0; max-width:640px; font-size:clamp(18px,1.6vw,22px); line-height:1.65; color:var(--em-muted); }
.mp-meta{ margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; }
.mp-meta span{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--em-faint); padding:8px 13px; border-radius:999px; border:1px solid var(--em-border); background:rgba(255,255,255,.02); }
.mp-hero-visual{ margin:0; border-radius:28px; overflow:hidden; border:1px solid var(--em-border); background:#0c0c0c; box-shadow:0 40px 100px rgba(0,0,0,.5); }
.mp-hero-visual img{ width:100%; height:100%; object-fit:cover; aspect-ratio:4/3; }
.mp-hero-visual figcaption{ padding:14px 18px; font-size:13px; color:var(--em-faint); border-top:1px solid var(--em-border); }
.mp-hero-card{ border-radius:28px; border:1px solid var(--em-border); background:linear-gradient(145deg, rgba(233,255,123,.08), rgba(255,255,255,.01) 60%), #0c0c0c; padding:34px; }
.mp-hero-card strong{ display:block; font:800 clamp(26px,2.6vw,38px) / 1.1 var(--em-display); letter-spacing:-.03em; }
.mp-hero-card p{ margin:14px 0 0; color:var(--em-muted); line-height:1.7; }

/* body */
.mp-layout{ display:grid; grid-template-columns:minmax(0,760px) minmax(0,1fr); gap:72px; align-items:start; border-top:1px solid var(--em-border); padding-top:64px; }
.mp-body > p{ margin:0 0 24px; font-size:18px; line-height:1.9; color:var(--em-muted); }
.mp-body h2{ margin:56px 0 20px; font:800 clamp(28px,3vw,42px) / 1.1 var(--em-display); letter-spacing:-.035em; }
.mp-body h2:first-child{ margin-top:0; }
.mp-body h3{ margin:36px 0 14px; font:700 22px / 1.25 var(--em-display); letter-spacing:-.02em; }
.mp-body strong{ color:var(--em-text); }
.mp-body a.in-link{ color:var(--em-text); text-decoration:underline; text-decoration-color:rgba(233,255,123,.55); text-underline-offset:4px; }
.mp-body a.in-link:hover{ color:var(--em-lime); }
.mp-quote{ margin:40px 0; padding:34px 36px; border-radius:26px; border:1px solid rgba(233,255,123,.25); background:radial-gradient(circle at 12% 0, rgba(233,255,123,.10), transparent 45%), #0c0c0c; }
.mp-quote p{ margin:0; font:700 clamp(24px,2.6vw,34px) / 1.25 var(--em-display); letter-spacing:-.03em; color:#fff; }
.mp-figure{ margin:40px 0; border-radius:24px; overflow:hidden; border:1px solid var(--em-border); background:#0c0c0c; }
.mp-figure img{ width:100%; height:auto; }
.mp-figure figcaption{ padding:12px 16px; font-size:13px; color:var(--em-faint); }
.mp-gallery{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:40px 0; }
.mp-gallery .mp-figure{ margin:0; }

/* aside */
.mp-aside{ position:sticky; top:130px; display:flex; flex-direction:column; gap:16px; }
.mp-aside h2{ margin:0 0 6px; font-size:12px; letter-spacing:2.5px; text-transform:uppercase; color:var(--em-faint); font-weight:600; }
.mp-link-card{ display:flex; flex-direction:column; gap:6px; padding:20px 22px; border-radius:20px; border:1px solid var(--em-border); background:var(--em-glass); text-decoration:none; transition:border-color .3s, transform .35s var(--em-ease); }
.mp-link-card:hover{ border-color:rgba(233,255,123,.3); transform:translateY(-3px); }
.mp-link-card small{ font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--em-faint); }
.mp-link-card strong{ font:700 17px / 1.3 var(--em-display); color:var(--em-text); }
.mp-link-card em{ font-style:normal; font-size:13px; font-weight:600; color:var(--em-lime); }
.mp-link-card:focus-visible{ outline:2px solid var(--em-lime); outline-offset:3px; }

/* press (novinske) */
.press-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:28px 0 12px; }
.press-card{ display:flex; flex-direction:column; gap:10px; padding:24px; border-radius:22px; border:1px solid var(--em-border); background:var(--em-glass); text-decoration:none; transition:border-color .3s, transform .35s var(--em-ease); }
.press-card:hover{ border-color:rgba(233,255,123,.32); transform:translateY(-3px); }
.press-card:focus-visible{ outline:2px solid var(--em-lime); outline-offset:3px; }
.press-card .press-outlet{ font:800 19px / 1.2 var(--em-display); color:#fff; }
.press-card .press-meta{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--em-faint); }
.press-card .press-title{ font-size:15px; line-height:1.55; color:var(--em-muted); }
.press-card .press-go{ margin-top:auto; font-size:13px; font-weight:600; color:var(--em-lime); }
.shots{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:28px 0; }
.shot{ margin:0; border-radius:18px; overflow:hidden; border:1px solid var(--em-border); background:#0c0c0c; }
.shot img{ width:100%; height:auto; aspect-ratio:480/855; object-fit:cover; object-position:top; }
.shot figcaption{ padding:10px 12px; font-size:12px; color:var(--em-muted); border-top:1px solid var(--em-border); }
.mp-note{ font-size:14px; color:var(--em-faint); line-height:1.7; }

@media (max-width:1100px){
  .mp-hero{ grid-template-columns:1fr; gap:36px; }
  .mp-layout{ grid-template-columns:1fr; gap:48px; }
  .mp-aside{ position:static; }
  .shots{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px){
  .mp-hero{ padding:28px 0 44px; }
  .mp-body > p{ font-size:16px; }
  .mp-gallery, .press-grid{ grid-template-columns:1fr; }
  .shots{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mp-quote{ padding:26px 24px; }
}