.host {
  display: grid;
  grid-template-columns: minmax(230px, .68fr) 1fr;
  gap: 80px;
  align-items: center;
  padding-top: 62px;
  border-top: 1px solid var(--line);
}

.intro { padding-bottom: 62px; }

.host-photo {
  overflow: hidden;
  border-radius: 3px;
  background: #e9e0d1;
}

.host-photo img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 18 / 25;
  object-fit: cover;
  object-position: center;
}

.host-copy { max-width: 600px; }
.host-copy .heading { margin-bottom: 26px; }

.host-copy p:not(.host-stat) {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 15px;
}

.host-stat {
  margin: 25px 0 0 !important;
  color: #6b5235 !important;
  font: 17px/1.4 Georgia, serif !important;
}

.host-stat span {
  padding: 0 8px;
  color: #b0936b;
}

.details .travel-detail {
  font: 16px/1.58 Inter, Arial, sans-serif;
}

@media (max-width: 760px) {
  .intro { padding-bottom: 46px; }

  .host {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 46px;
  }

  .host-photo {
    width: min(100%, 330px);
    margin: 0 auto;
  }

  .host-copy .heading { margin-bottom: 22px; }
  .host-copy p:not(.host-stat) { font-size: 14px; }
  .host-stat { font-size: 16px !important; }
  .details .travel-detail { font-size: 15px; line-height: 1.58; }
}