/* BMIJ Health Sciences homepage banner — v2.0, visually matched to chosen mockup.
   Intentionally scoped to the journal homepage; no changes to BMIJ Statistics. */
.bmij-hero {
    width: 100%; height: 220px; overflow: hidden;
    position: relative; isolation: isolate; background: #06283f;
}
.bmij-hero-picture, .bmij-hero-background {
    position: absolute; inset: 0; width: 100%; height: 100%; display: block;
}
.bmij-hero-background { object-fit: cover; object-position: center; }
.bmij-hero::after {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(4,34,54,.12) 5%, rgba(4,34,54,.08) 60%, transparent);
}
.bmij-hero-content {
    width: 100%; max-width: 1250px; height: 100%; margin: auto; box-sizing: border-box;
    display: flex; align-items: center; position: relative; z-index: 1;
    padding: 16px 28px; gap: 28px; color: #fff;
}
.bmij-hero-signature {
    flex: 0 0 235px; border-right: 2px solid rgba(249,250,253,.87);
    font: 500 clamp(56px, 5vw, 88px)/1 Georgia, "Times New Roman", serif;
    color: #d9a845; text-shadow: 1px 2px 1px rgba(0,0,0,.24);
    padding: 2px 26px 9px 0; text-align: right; letter-spacing: .005em;
}
.bmij-hero-heading-wrap { min-width: 0; text-shadow: 0 2px 2px rgba(0,0,0,.28); }
.bmij-hero .bmij-hero-title {
    color: #fff; margin: 0 0 4px; font: 600 clamp(23px, 2.4vw, 36px)/1.18 Georgia, "Times New Roman", serif;
    max-width: 790px;
}
.bmij-hero .bmij-hero-subtitle {
    margin: 0 0 13px; color: #f1f5fa; font: 600 clamp(16px, 1.65vw, 22px)/1.3 Georgia, "Times New Roman", serif;
}
.bmij-hero .bmij-hero-disciplines {
    margin: 0; color: #e8eef5; font-size: 11px; font-weight: 600; line-height: 1.5;
    letter-spacing: .19em;
}
/* Reduce formerly excessive whitespace below banner and between issue and articles. */
.container-homepage-issue.page-content { margin-top: 0 !important; padding-top: 10px; }
.container-homepage-issue .homepage-announcements {
    margin-top: 0; margin-bottom: .9rem; align-items: stretch;
}
.container-homepage-issue .bmij-announcements-bar {
    margin: 0 0 13px; border-bottom: 2px solid #c99b3a;
}
.container-homepage-issue .bmij-announcements-heading {
    margin: 0 0 8px; padding: 0; font: 600 clamp(22px,2vw,27px)/1.25 Georgia,"Times New Roman",serif;
    color: #152f42; text-align: left;
}
.container-homepage-issue .homepage-announcement {
    padding-bottom: 8px;
}
.container-homepage-issue .homepage-announcement-title {
    margin: 0 0 7px; line-height: 1.34;
}
.container-homepage-issue .homepage-announcement p { margin-top: 10px; margin-bottom: 8px; }
.container-homepage-issue .homepage-issue-current { margin-top: .6rem; margin-bottom: .45rem; }
.container-homepage-issue .homepage-issue-identifier { margin-top: 0; margin-bottom: .35rem; }
.container-homepage-issue .homepage-issue-published { margin-top: 0; margin-bottom: .85rem; }
.container-homepage-issue .homepage-issue-header { margin-top: 1rem; margin-bottom: 1.15rem; }
.container-homepage-issue .issue-wrapper { margin-top: .6rem; }
@media (max-width: 1199px) {
  .bmij-hero-signature { flex-basis: 190px; font-size: 62px; padding-right: 20px; }
  .bmij-hero-content { gap: 24px; }
  .bmij-hero .bmij-hero-disciplines { font-size: 10px; letter-spacing: .12em; }
}
@media (max-width: 991px) {
  .bmij-hero { height: 200px; }
  .bmij-hero-content { padding: 16px 25px; gap: 20px; }
  .bmij-hero-signature { flex-basis: 145px; font-size: 51px; padding-right: 14px; }
  .bmij-hero .bmij-hero-title { font-size: clamp(22px, 3vw, 29px); }
  .container-homepage-issue .homepage-issue-header { margin-top: 1rem; margin-bottom: .9rem; }
}
@media (max-width: 767px) {
  .bmij-hero { height: 178px; }
  .bmij-hero-content { gap: 11px; padding: 14px 18px; }
  .bmij-hero-signature { flex: 0 0 auto; font-size: 28px; padding: 0 12px 4px 0; }
  .bmij-hero .bmij-hero-title { font-size: clamp(17px, 4vw, 22px); line-height: 1.24; }
  .bmij-hero .bmij-hero-subtitle { font-size: 14px; margin-bottom: 7px; }
  .bmij-hero .bmij-hero-disciplines { font-size: 8px; letter-spacing: .035em; line-height: 1.4; }
  .container-homepage-issue.page-content { padding-top: 8px; }
  .container-homepage-issue .bmij-announcements-bar { margin-bottom: 12px; }
  .container-homepage-issue .homepage-announcement { margin-bottom: 12px; }
}
@media (max-width: 390px) {
  .bmij-hero-content { padding: 12px 13px; gap: 9px; }
  .bmij-hero-signature { font-size: 24px; padding-right: 10px; }
  .bmij-hero .bmij-hero-title { font-size: 17px; }
  .bmij-hero .bmij-hero-subtitle { font-size: 13px; }
}

/* v3.0: user-approved high-resolution graphic; do not overlay a second title.
   The HTML heading remains in DOM for screen readers, hidden visually on desktop.
   On mobile/tablet, use the prior mobile art + legible HTML heading. */
@media (min-width: 992px) {
  .bmij-hero { height: auto; min-height: 0; aspect-ratio: 2172 / 290; }
  .bmij-hero-picture { position: relative; inset: auto; display: block; width: 100%; height: auto; }
  .bmij-hero-background {
      position: static; display: block; width: 100%; height: auto;
      object-fit: contain; object-position: center;
  }
  .bmij-hero::after { display: none; }
  .bmij-hero-content {
      position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
      overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
      border: 0; gap: 0;
  }
}