@import url('/app/journal-publication.css');

/* Match the two-line introduction to the visible height of «н» in the title. */
.journal-masthead {
  --journal-heading-size: clamp(56px, 7.4vw, 104px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: clamp(20px, 2.2vw, 32px);
}

.journal-masthead p {
  flex: 0 1 auto;
  min-width: 0;
  width: max-content;
  max-width: 100%;
  margin: 0 0 calc(var(--journal-heading-size) * .08);
  font-size: calc(var(--journal-heading-size) * .22);
  line-height: 1.5;
}

.journal-masthead p br { display: inline; }

@media (max-width: 560px) {
  .journal-masthead { --journal-heading-size: 60px; }
}

@media (max-width: 520px) {
  .journal-masthead { display: block; }
  .journal-masthead p {
    width: auto;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.6;
  }
}