@media (max-width: 700px) {
  #ls-home #artists[data-hp-mobile-artists] {
    padding-block: 32px 28px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-section-head {
    grid-template-areas: "title" "intro";
    gap: 9px;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 0;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-section-head .hp-eyebrow {
    margin-bottom: 6px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-section-head > p {
    max-width: 38ch;
    line-height: 1.42;
    text-align: left;
    text-wrap: wrap;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-grid {
    display: block;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist {
    display: grid;
    grid-template-columns: 63px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    padding-block: 7px;
    border-bottom: 1px solid var(--hp-rule);
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-photo {
    grid-row: span 2;
    align-self: center;
    width: 100%;
    min-height: 44px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-name {
    grid-template-columns: minmax(0, 1fr) auto;
    align-self: end;
    gap: 6px;
    padding: 0;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-name .hp-card-index {
    display: none;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-name h3 {
    min-height: 0;
    font-size: 21px;
    line-height: 1.04;
    overflow-wrap: break-word;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-name > span:last-child {
    display: block;
    font-size: 17px;
    line-height: 1;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-summary {
    align-self: start;
    min-height: 0;
    margin: 2px 0 0;
    color: #515a4b;
    font-size: 14px;
    line-height: 1.38;
    text-align: left;
    text-wrap: wrap;
    overflow-wrap: break-word;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-grid > .hp-artist:first-child {
    display: block;
    margin-bottom: 5px;
    padding: 0 0 11px;
    background: #e8e0ca;
    border-top: 2px solid var(--hp-gold);
    border-bottom: 0;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-grid > .hp-artist:first-child :is(.hp-artist-name, .hp-artist-summary) {
    margin-inline: 13px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-grid > .hp-artist:first-child .hp-artist-name {
    margin-top: 9px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artist-grid > .hp-artist:first-child h3 {
    font-size: 27px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artists-more {
    margin-top: 5px;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artists-more > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding-block: 6px;
    color: #664021;
    font: 600 14px/1.35 Barlow, sans-serif;
    cursor: pointer;
    list-style: none;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artists-more > summary::-webkit-details-marker {
    display: none;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artists-more > summary::after {
    content: "+";
    color: var(--hp-gold);
    font: 400 20px/1 system-ui, sans-serif;
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artists-more[open] > summary::after {
    content: "−";
  }

  #ls-home #artists[data-hp-mobile-artists] .hp-artists-more:not([open]) > :not(summary) {
    display: none;
  }

  #ls-home #artists[data-hp-mobile-artists] > .hp-action {
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding-block: 7px;
    border-top: 1px solid var(--hp-rule);
  }

  #ls-home #artists[data-hp-mobile-artists] > .hp-action::after {
    font-size: 22px;
  }
}