/* ═════════════════════════ Author ═════════════════════════ */
.auth { container: auth / inline-size; }
.profile { display: grid; gap: var(--sp-6); padding-block: var(--sp-7) var(--sp-9); }
.profile .portrait { width: 120px; font-size: 2rem; }
.profile__name { margin: var(--sp-2) 0 0; font: italic 700 var(--t-display)/.95 var(--serif); letter-spacing: -.024em; }
.profile__bio { margin: var(--sp-5) 0 0; max-width: 50ch; font: 400 var(--t-dek)/1.45 var(--serif); color: var(--text-2); }
.profile__beats { margin: var(--sp-5) 0 0; }
.auth__list { padding-bottom: var(--sp-10); }
.auth__older { margin-top: var(--sp-10); }
@container auth (min-width: 720px) {
  .profile { grid-template-columns: 160px minmax(0, 1fr); column-gap: var(--sp-8); align-items: start; padding-top: var(--sp-9); }
  .profile .portrait { width: 160px; }
}
@container auth (min-width: 1100px) {
  .profile { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); }
  .profile > :first-child { grid-column: 1 / 4; }
  .profile > :last-child { grid-column: 4 / 11; }
  .profile .portrait { width: 100%; max-width: 280px; }
}