/* NALVRA presentation layer. Master logo images are used without redraw. */
:root {
  --nalvra-ink: #0b0d10;
  --nalvra-surface: #151a20;
  --nalvra-gold: #b99552;
}

body.restored-page > header .logo,
header .logo,
header .logo.logo--brand-wordmark {
  position: relative !important;
  width: 228px !important;
  height: auto !important;
  max-height: 76px !important;
  min-width: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.restored-page > header .logo .source-wordmark,
header .logo img,
header .logo .source-wordmark,
header .logo .header-wordmark {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: 76px !important;
  aspect-ratio: 3 / 1 !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  transform: none !important;
}

/* Keep the approved raster logo intact while setting its tiny origin line legibly in UI text. */
body.home-product:not(.mloffice-bridge) > header .logo {
  width: 228px !important;
  max-height: 76px !important;
  flex: 0 0 auto;
}
body.home-product:not(.mloffice-bridge) > header .header-wordmark {
  max-height: 76px !important;
  margin: 0 !important;
}
body.home-product:not(.mloffice-bridge) > header .nav-container {
  min-height: 92px;
}
@media (max-width: 1100px) {
  body.home-product:not(.mloffice-bridge) > header .logo { width: 192px !important; max-height: 64px !important; }
  body.home-product:not(.mloffice-bridge) > header .header-wordmark { max-height: 64px !important; }
  body.home-product:not(.mloffice-bridge) > header .nav-container { min-height: 80px; }
}
header .logo::after {
  content: "a RENÉ MATIS trademark";
  position: absolute;
  left: 33%;
  top: 62%;
  width: 67%;
  min-height: 18%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #24272b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(8px, .82vw, 10px);
  font-weight: 500;
  letter-spacing: .025em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

body.restored-page > header .logo::before { display: none !important; }
/* A brief warm backlight belongs to the signet area only, not the wordmark. */
body.home-product > header .logo::before {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: 5% auto 25% 0;
  width: 36%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 200, 90, .72) 0, rgba(236, 171, 59, .34) 36%, transparent 72%);
  filter: blur(7px);
  opacity: 0;
  pointer-events: none;
  animation: nalvra-header-halo 14s ease-in-out infinite;
}
body.home-product > header .logo .header-wordmark { position: relative; z-index: 1; }
body.home-product > header .logo::after { z-index: 2; }
@keyframes nalvra-header-halo {
  0%, 22%, 39%, 100% { opacity: 0; transform: scale(.7); }
  27%, 33% { opacity: .82; transform: scale(1.22); }
}
@media (prefers-reduced-motion: reduce) {
  body.home-product > header .logo::before { animation: none; opacity: 0; }
}
body.restored-page > header {
  background: #fff !important;
  border-bottom: 1px solid #e4e1da !important;
}
body.restored-page > header .nav-link { color: #20252a !important; }
body.restored-page > header .burger-btn span { background: #20252a !important; }

footer .brand-wordmark,
footer .source-wordmark {
  display: block;
  width: clamp(130px, 17vw, 190px) !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  object-fit: contain;
  margin: -1.2rem 0 -1rem -1.5rem;
}

::selection { background: #b99552; color: #0b0d10; }

body.home-product:not(.mloffice-bridge) .assistant-hero {
  background: #08090b !important;
}

.assistant-hero .assistant-orb { border-color: rgba(185, 149, 82, .18); }
.assistant-hero h1 { color: #f6f3ec !important; }
.assistant-hero h1 .assistant-highlight { color: #e3bd76 !important; }
.assistant-hero .product-eyebrow { color: #d8b979 !important; }
.assistant-hero .product-hero-lead,
.assistant-hero .product-hero-note { color: #d5d9da !important; }
body.home-product:not(.mloffice-bridge) .assistant-hero .product-text-link { color: #e9c688 !important; }
body.home-product:not(.mloffice-bridge) .assistant-hero .product-primary {
  border-color: #b99552 !important; background: #b99552 !important; color: #0b0d10 !important;
}
body.home-product:not(.mloffice-bridge) .assistant-hero .product-secondary {
  border-color: #a88d5d !important; background: transparent !important; color: #f6f3ec !important;
}
.assistant-hero .assistant-status-card {
  background: #252b30 !important; border: 1px solid #555048 !important;
  border-left: 2px solid #b99552 !important;
}
.assistant-hero .assistant-status-card .assistant-product-box { display: none !important; }
.assistant-hero .assistant-status-card strong { color: #f6f3ec !important; }
.assistant-hero .assistant-status-card div > span { color: #c1c7c9 !important; }

body.restored-page .ml-hero {
  background: linear-gradient(135deg, #0b0d10, #151a20) !important;
}
body.restored-page .ml-hero h1,
body.restored-page .ml-hero h1 em { color: #f6f3ec !important; }
body.restored-page .ml-hero .ml-lead { color: #d5d9da !important; }

@media (max-width: 700px) {
  header .logo { width: clamp(160px, 43vw, 180px) !important; }
  header .logo::after { font-size: 9px; }
  footer .brand-wordmark,
  footer .source-wordmark { width: 152px !important; }
}

@media (max-width: 1024px) {
  .nav-menu-product .nav-submenu-breit {
    width: 100% !important;
    max-width: 100% !important;
  }
  .nav-menu-product .nav-spalte,
  .nav-menu-product .nav-spalte > ul { width: 100%; min-width: 0; }
  .nav-menu-product .nav-untertitel { overflow-wrap: anywhere; }
}

/* One shared header size across every NALVRA page and scroll state. */
footer .footer-grid:has(.footer-legal) { grid-template-columns: 1.2fr 1fr 1.25fr 1.2fr .7fr; gap: 28px; }
footer .footer-legal { min-width: 0; }
@media (max-width: 1100px) {
  footer .footer-grid:has(.footer-legal) { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  footer .footer-grid:has(.footer-legal) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  footer .footer-grid:has(.footer-legal) .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  footer .footer-grid:has(.footer-legal) { grid-template-columns: 1fr; }
}
:root { --ml-header-height: 92px; --nalvra-header-height: 92px; }
body > header { padding-bottom: 0 !important; }
body > header .nav-container,
body > header.scrolled .nav-container {
  height: var(--nalvra-header-height) !important;
  min-height: var(--nalvra-header-height) !important;
  max-height: var(--nalvra-header-height) !important;
  padding-block: 0 !important;
  box-sizing: border-box;
  align-items: center;
}
body > header .logo { flex: 0 0 auto; }
body > header .logo img { margin: 0 !important; }
@media (max-width: 1100px) {
  :root { --ml-header-height: 80px; --nalvra-header-height: 80px; }
  body > header .logo,
  body.restored-page > header .logo,
  body > header .logo.logo--brand-wordmark { width: 192px !important; max-height: 64px !important; }
  body > header .logo img,
  body.restored-page > header .logo .source-wordmark { max-height: 64px !important; }
}