/* v77 — shared navigation, projects and knowledge-base refinements. */
:root { --mk-nav-red:#e31e24; --mk-nav-ink:#1d1714; }

/* One consistent wordmark across every language and page type. */
.main-header.mk-nav .logo {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  letter-spacing: -.065em !important;
  line-height: 1 !important;
  color: #241d19 !important;
  text-transform: none !important;
}
.main-header.mk-nav .logo::before,
.main-header.mk-nav .logo::after { content: none !important; display:none !important; }
.main-header.mk-nav.nav-state-dark .logo,
.main-header.mk-nav.nav-on-dark .logo { color:#fff8f4 !important; }
.main-header.mk-nav .nav-links .btn-cta::after { content:none !important; display:none !important; }

/* Project indicators: a partially filled red rail expands on hover. */
.project-page .intro .metric-row { gap: 14px !important; }
.project-page .intro .metric {
  position: relative !important;
  overflow: hidden !important;
  min-height: 120px !important;
  padding-bottom: 24px !important;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease !important;
}
.project-page .intro .metric::before { display:none !important; content:none !important; }
.project-page .intro .metric::after {
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  height:6px !important;
  background:linear-gradient(90deg,#b9141a 0%,#e31e24 60%,#f35b60 100%) !important;
  box-shadow:0 3px 12px rgba(227,30,36,.22) !important;
  transform:scaleX(.52) !important;
  transform-origin:left center !important;
  transition:transform .25s ease,height .25s ease !important;
}
.project-page .intro .metric:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(227,30,36,.55) !important;
  background:#fff !important;
  box-shadow:0 18px 36px rgba(35,24,17,.12) !important;
}
.project-page .intro .metric:hover::after { height:9px !important; transform:scaleX(1) !important; }

/* Video background in the article-library hero. */
.article-library-page { background:#fff !important; }
.article-library-page .article-index-hero {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#16110f !important;
  background-image:none !important;
}
.article-library-page .knowledge-hero-video {
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(.78) contrast(1.04) brightness(.72) !important;
}
.article-library-page .article-index-hero::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(17,12,10,.88) 0%,rgba(17,12,10,.67) 40%,rgba(17,12,10,.38) 70%,rgba(17,12,10,.28) 100%) !important;
}
.article-library-page .article-index-hero::after {
  z-index:2 !important;
  opacity:.20 !important;
}
.article-library-page .article-index-hero .inner { position:relative !important; z-index:3 !important; }
.article-library-page .knowledge-section { background:#fff !important; }
.article-library-page .knowledge-section > .container { background:#fff !important; }
.article-library-page .knowledge-card { background:#fff !important; }
.article-library-page .europe-directory { background:#fff !important; }

/* Author signature used on the finished fleet and country guides. */
.article-author-card,
.author-card.author-card-v77 {
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:42px 0 0 !important;
  padding:16px 18px !important;
  border:1px solid #dfd3cb !important;
  border-radius:16px !important;
  background:#fffdfb !important;
}
.article-author-card a,
.author-card.author-card-v77 a { color:inherit !important; text-decoration:none !important; }
.article-author-card .author-icon {
  display:grid !important;
  place-items:center !important;
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  background:#fff1ef !important;
  border:2px solid #e31e24 !important;
  color:#e31e24 !important;
  font-size:1.22rem !important;
}
.article-author-card strong,
.author-card.author-card-v77 strong { display:block !important; font-family:Inter,Arial,sans-serif !important; color:#171210 !important; }
.article-author-card small,
.author-card.author-card-v77 span { display:block !important; margin-top:4px !important; color:#72665e !important; font-size:.88rem !important; }
.article-author-card:hover strong,
.author-card.author-card-v77:hover strong { color:#e31e24 !important; }

@media(max-width:820px){
  .main-header.mk-nav .logo { font-size:1.05rem !important; }
  .project-page .intro .metric-row { gap:10px !important; }
  .article-library-page .article-index-hero { min-height:340px !important; }
  .article-library-page .knowledge-hero-video { object-position:56% center !important; }
}