/* High-resolution masthead artwork and live header text only. */
.head {
  position: relative;
  isolation: isolate;
  background-image: none;
}

.head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #fff url("assets/TowSheet_Masthead_BG_2700x426.png") center / 100% 100% no-repeat;
  pointer-events: none;
}

.masthead-fixed,
.masthead-dynamic {
  position: absolute;
  z-index: 1;
  color: #061f41;
  font-family: Arial, "Helvetica Neue", sans-serif;
  text-rendering: geometricPrecision;
}

.masthead-fixed {
  top: 13px;
  left: 18px;
  display: flex;
  width: 205px;
  align-items: flex-start;
  flex-direction: column;
  font-variant-caps: small-caps;
  letter-spacing: .06px;
  white-space: nowrap;
}

.masthead-company {
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
}

.masthead-tower {
  font-size: 9px;
  font-weight: 600;
  line-height: 11px;
}

.masthead-tower strong {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .2px;
}

.masthead-dynamic {
  top: 13px;
  right: 14px;
  display: flex;
  width: 229px;
  min-width: 0;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
  overflow: hidden;
  font-size: var(--masthead-dynamic-font-size, 14px);
  line-height: 17px;
  text-align: right;
  white-space: nowrap;
}

.masthead-surname {
  min-width: 0;
  overflow: hidden;
  font-weight: 800;
  text-overflow: ellipsis;
}

.masthead-date {
  flex: 0 0 auto;
  font-weight: 400;
}

.masthead-dynamic:has(.masthead-surname:empty) { gap: 0; }
.blank-print-sheet .masthead-dynamic { visibility: hidden !important; }

@media screen {
  /* The screen paper has two one-pixel borders. Extend only the artwork so its
     design box remains the same proportional 900 x 142 geometry used in print. */
  .head::before {
    left: -1px;
    width: calc(100% + 2px);
  }
}

@media print {
  .head::before { inset: 0; width: auto; }
}