/* AONOMA RECRUIT — compact People section
   Top page People should work as an editorial entrance, not a full profile page. */

@media (max-width: 767px) {
  #aonoma-people {
    padding-top: 3.25rem !important;
    padding-bottom: 3.5rem !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article {
    display: block !important;
    overflow: hidden;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:first-child {
    min-height: 0 !important;
    height: clamp(210px, 56vw, 238px) !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:first-child figure,
  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:first-child img {
    min-height: 0 !important;
    height: 100% !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:first-child img {
    object-position: center 38%;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:first-child .absolute.inset-x-0.bottom-0 {
    padding: 0.75rem 0.9rem !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:first-child .inline-flex {
    padding: 0.42rem 0.62rem !important;
    gap: 0.45rem !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) {
    padding: 1.25rem 1.2rem 1.35rem !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > p.font-en:first-child {
    font-size: 0.58rem !important;
    letter-spacing: 0.14em !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > h3 {
    margin-top: 0.55rem !important;
    font-size: clamp(1.72rem, 8vw, 2.08rem) !important;
    line-height: 1.08 !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > h3 + p {
    margin-top: 0.95rem !important;
    font-size: 0.96rem !important;
    line-height: 1.72 !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > div.border-l {
    margin-top: 1rem !important;
    padding: 0.15rem 0 0.15rem 0.85rem !important;
    background: transparent !important;
    border-left-color: rgba(11, 95, 131, 0.55) !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > div.border-l > p:first-child {
    font-size: 0.54rem !important;
    letter-spacing: 0.16em !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > div.border-l > p:last-child {
    margin-top: 0.38rem !important;
    font-size: 0.82rem !important;
    line-height: 1.72 !important;
    font-weight: 500 !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article dl {
    margin-top: 1rem !important;
    padding: 0.35rem 0 !important;
    border-top: 1px solid #d3dde5 !important;
    border-bottom: 1px solid #d3dde5 !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article dl > div {
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    border-bottom: 0 !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article dl > div:nth-child(n+2) {
    display: none !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article dl dt,
  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article dl dd {
    display: inline !important;
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article dl dt::after {
    content: "：";
  }

  #aonoma-people > .relative.mx-auto.max-w-\[1180px\] > .grid.gap-4 > article > div:nth-child(2) > div.mt-6:last-child {
    margin-top: 1rem !important;
  }

  #aonoma-people .aonoma-person-index {
    grid-template-columns: 2rem 4rem 1fr auto !important;
    min-height: 5.8rem !important;
    gap: 0.72rem !important;
    padding: 0.62rem 0.72rem !important;
  }

  #aonoma-people .aonoma-person-index figure {
    width: 4rem !important;
    height: 4.6rem !important;
  }

  #aonoma-people .aonoma-person-index img {
    height: 100% !important;
    object-fit: cover !important;
  }

  #aonoma-people .aonoma-person-index .font-en.text-lg {
    font-size: 1rem !important;
    line-height: 1.12 !important;
  }

  #aonoma-people .aonoma-person-index .line-clamp-2 {
    margin-top: 0.28rem !important;
    font-size: 0.72rem !important;
    line-height: 1.45 !important;
  }
}