/* Subjekt360 wordmark — surface-aware colours, 28 August 2026.
   The approved PNG is unchanged and is shown directly on white surfaces.
   On navy surfaces, an SVG alpha mask reuses that same PNG silhouette:
   near-white Subjekt, azure 360/degree, and genuinely clear negative space.
   The red-channel mask discards the near-white paper without redrawing letters.
   No bitmap generation, background plate or new font is used by the app. */
.s360-wordmark {
  --s360-light-display: block;
  --s360-dark-display: none;
  position: relative;
  display: block;
  width: 265px;
  max-width: 100%;
  aspect-ratio: 1550 / 345;
  overflow: hidden;
  background: transparent;
  flex: none;
  line-height: 0;
}

.s360-wordmark > img {
  position: absolute;
  display: var(--s360-light-display);
  width: 114.4516129%;
  max-width: none;
  height: auto;
  left: -7.7419355%;
  top: -78.2608696%;
  margin: 0;
  padding: 0;
  border: 0;
}

.s360-wordmark--on-blue {
  --s360-light-display: none;
  --s360-dark-display: block;
}
.s360-wordmark > .s360-dark-mark {
  display: var(--s360-dark-display);
  width: 100%;
  height: 100%;
  overflow: visible;
}
.sidebar-brand .s360-wordmark { width: 100%; max-width: 205px; }
.s360-wordmark--portal { width: 165px; }
.s360-portal-caption { display: block; margin-top: 9px; }
.s360-wordmark--preview { width: 130px; margin-bottom: 5px; }

@media (max-width: 480px) {
  .s360-wordmark--portal { width: 150px; }
}