@container main (min-width: 48.0625rem) {
  section.object-content {
    padding-top: 8.75rem;
  }
}
section.object-content > div > div,
section.object-content > div > ul {
  padding-block: 1.25rem;
}
section.object-content > div > ul {
  list-style: none;
}
section.object-content .info {
  font: var(--body-title-font);
  row-gap: clamp(1rem, 1.8vw, 2rem);
}
@container main (max-width: 48rem) {
  section.object-content .info {
    padding-block: 0;
  }
}
section.object-content .info h1 {
  font: var(--h3-font);
  margin: 0 0 0.3125rem;
}
section.object-content .meta {
  font: var(--body-font);
  margin-block: 1.25rem;
  border-block: 1px solid var(--text-secondary-50);
}
section.object-content .meta [class*=icon] {
  width: 1.25rem;
  height: 1.25rem;
}
section.object-content .meta a {
  text-decoration: none;
}
section.object-content .meta a,
section.object-content .meta button {
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
section.object-content .meta a [class*=icon]::after,
section.object-content .meta button [class*=icon]::after {
  -webkit-transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
section.object-content .meta a:hover,
section.object-content .meta button:hover {
  color: var(--highlight);
}
section.object-content .meta a:hover [class*=icon]::after,
section.object-content .meta button:hover [class*=icon]::after {
  background-color: var(--highlight);
}
section.object-content .metadata {
  font: var(--body-font);
}
@container main (max-width: 48rem) {
  section.object-content .metadata {
    padding-block: 0;
  }
}
section.object-content .metadata > li {
  -ms-grid-columns: 130px auto;
  grid-template-columns: 130px auto;
}
@container main (max-width: 48rem) {
  section.object-content .metadata > li {
    -ms-grid-columns: 110px auto;
    grid-template-columns: 110px auto;
  }
}
section.object-content .metadata > li > span:first-child {
  margin-top: 4px;
  font: var(--caption-font);
  text-transform: uppercase;
  color: var(--text-secondary);
}
section.object-content .about .about-title {
  font: var(--caption-font);
  text-transform: uppercase;
  margin: 0;
}