.dog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.profile-card > img {
  aspect-ratio: 16 / 10;
  object-position: center 38%;
}

.profile-card:nth-child(2) > img { object-position: center 52%; }
.profile-card:nth-child(3) > img { object-position: center 30%; }
.profile-card:nth-child(4) > img { object-position: center 48%; }

.profile-card > img.aivy-card-photo { object-position: center top; }

.profile-intro {
  padding-bottom: 18px !important;
}

.profile-intro h3 {
  margin: 7px 0 2px;
}

.profile-intro p {
  margin: 0;
  color: var(--green) !important;
  font-family: var(--serif);
  font-size: 1.08rem !important;
}

.dog-profile {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--line);
}

.dog-profile summary {
  padding: 18px 25px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dog-profile summary::-webkit-details-marker { display: none; }
.dog-profile summary::after { content: "+"; color: var(--gold); font-size: 1.35rem; font-weight: 400; }
.dog-profile[open] summary::after { content: "−"; }
.dog-profile[open] summary { margin-bottom: 0; background: var(--green); color: #fff; }

.profile-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 22px 25px 8px;
  background: rgba(248,244,232,.7);
}

.profile-facts p {
  margin: 0;
  padding: 10px 16px 10px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink) !important;
}

.profile-facts b {
  display: block;
  color: var(--muted);
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.profile-facts span {
  display: block;
  margin-top: 3px;
  font-size: .86rem;
}

.profile-story {
  padding: 22px 25px 28px;
}

.profile-story p {
  color: var(--muted) !important;
  font-size: .9rem !important;
  line-height: 1.72;
}

.profile-story p:first-child { margin-top: 0; }
.profile-story p:last-child { margin-bottom: 0; }

@media (max-width: 820px) {
  .dog-grid { grid-template-columns: 1fr; }
  .profile-card { display: block; }
  .profile-card > img { width: 100%; height: auto; aspect-ratio: 16 / 10; }
}

@media (max-width: 520px) {
  .profile-facts { grid-template-columns: 1fr; }
}