/* Desktop/tablet links; phones retain the original uncluttered hero. */
.jr-title-section .jr-hero-socials {
  position: absolute;
  z-index: 3;
  right: clamp(24px, 4vw, 72px);
  bottom: calc(max(2.4rem, 4.25vw) - 8px);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.jr-title-section .jr-hero-socials a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #fff;
  font-family: var(--jr-sans);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
  text-underline-offset: 5px;
}
.jr-title-section .jr-hero-socials a:hover { text-decoration: underline; }
.jr-title-section .jr-hero-socials a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
@media (max-width: 1100px) {
  .jr-title-section--with-socials .section-content-container { padding-bottom: 100px; }
  .jr-title-section .jr-hero-socials {
    left: var(--jr-gutter);
    right: auto;
    bottom: 20px;
  }
}
@media (max-width: 700px) {
  .jr-title-section .jr-hero-socials { display: none; }
  .jr-title-section--with-socials .section-content-container { padding-bottom: 2.65rem; }
}
@media (orientation: landscape) and (max-width: 980px) and (max-height: 500px) {
  .jr-title-section--with-socials .section-content-container { padding-bottom: clamp(1rem, 5vh, 1.5rem); }
  .jr-title-section .jr-hero-socials { display: none; }
}