/*! pedromujica core 1.10.1 · pm-vtitle.css */
/* Vertical title under the theme button (top-right corner), the piece of the 45anni login: an accent rule, then
   the title set vertically, read top to bottom. The title may be a link (a teaser of another site).
   Markup: <p class="pmv-title"><span>TITLE</span></p> or <p class="pmv-title"><a href="…">TITLE</a></p>
   Tokens: --pmv-font, --pmv-weight, --pmv-ink, --pmv-accent, --pmv-top, --pmv-right, --pmv-z. */
.pmv-title {
  position: fixed;
  top: var(--pmv-top, 70px);
  right: var(--pmv-right, 18px);
  width: 34px;
  z-index: var(--pmv-z, 50);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  pointer-events: none;
}
.pmv-title::before { content: ""; width: 4px; height: 34px; background: var(--pmv-accent, #d3201b); flex: none; }
.pmv-title span,
.pmv-title a {
  display: block;
  writing-mode: vertical-rl;
  font: var(--pmv-weight, 750) min(56px, 5.4vh)/1 var(--pmv-font, "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif);
  letter-spacing: 0.12em;
  color: var(--pmv-ink, currentColor);
  white-space: nowrap;
  text-decoration: none;
}
.pmv-title a { pointer-events: auto; cursor: pointer; transition: color 0.2s; }
.pmv-title a:hover,
.pmv-title a:focus-visible { color: var(--pmv-accent, #d3201b); outline: none; }
@media (max-width: 860px) {
  .pmv-title span, .pmv-title a { font-size: min(34px, 3.6vh); }
}
@media (max-width: 600px) {
  .pmv-title { top: calc(var(--pmv-top, 70px) - 6px); right: calc(var(--pmv-right, 18px) - 2px); gap: 12px; }
  .pmv-title::before { height: 26px; }
  .pmv-title span, .pmv-title a { font-size: min(26px, 3.2vh); letter-spacing: 0.1em; }
}