/* Original TRENUTNO.SI v242 artwork: full captions, native aspect ratio. */
.brand-identity {
  display: block; position: relative; flex: none; width: 252px;
  aspect-ratio: 1148 / 454; min-height: 0; padding: 0; margin: 0;
  border: 0; border-radius: 0; box-shadow: none; background: transparent;
}
.brand-identity:hover { background: transparent; }
.brand-loop-poster, .brand-loop-video, .brand-loop-matte {
  display: block; position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; pointer-events: none; background: transparent;
}
/* Native decoding stays active; the packed video must never be a visible layer. */
.brand-loop-video { opacity: .001; }
.brand-loop-matte { visibility: hidden; }
.brand-matte-ready .brand-loop-matte { visibility: visible; }
.brand-matte-ready .brand-loop-poster { visibility: hidden; }
.masthead-inner { min-height: 116px; padding-block: 8px; }
@media (max-width: 760px) {
  .brand-identity { width: 210px; }
  .masthead-inner { min-height: 100px; gap: 16px; }
}
@media (max-width: 420px) { .masthead .header-note { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .brand-loop-video, .brand-loop-matte { display: none; }
  .brand-matte-ready .brand-loop-poster { visibility: visible; }
}
@media (forced-colors: active) {
  .brand-identity { display: grid; place-items: center; }
  .brand-identity::after { content: "TRENUTNO.SI"; color: LinkText; font: 700 24px/1.2 var(--mono); }
  .brand-loop-poster, .brand-loop-video, .brand-loop-matte { display: none; }
}