/* Final responsive correction: preserve desktop, rebuild author portrait for phones. */
.arctic-panel {
  background-image:
    linear-gradient(90deg, rgba(3,28,53,.06), rgba(3,28,53,.22) 48%, rgba(3,28,53,.48)),
    url('assets/arctic-ice-landscape.png');
}
.arctic-panel::after {
  background: linear-gradient(180deg, rgba(2,21,42,.03), rgba(2,21,42,.12));
}

@media (max-width: 650px) {
  .hero { overflow: visible; }
  .author-panel {
    min-height: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    background: #051c35;
  }
  .author-panel::after { display: none; }
  .author-panel > img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 4.45;
    object-fit: cover;
    object-position: center 31%;
    flex: none;
  }
  .author-copy {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    padding: 30px 24px 38px;
    text-align: center;
    background: #051c35;
  }
  .signature-image {
    width: 138px;
    height: 108px;
    margin: 0 auto 4px;
  }
  .author-copy blockquote {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.38;
  }
  .correspondence {
    margin: 22px auto 0;
    width: max-content;
    max-width: 100%;
  }
  .arctic-panel {
    margin-top: 0;
    background-position: 58% center;
  }
}

@media (max-width: 390px) {
  .author-copy { padding-inline: 18px; }
  .signature-image { width: 128px; height: 100px; }
  .correspondence { font-size: 10px; letter-spacing: .09em; }
}