.about-photo {
  background: none;
  overflow: visible;
}

.about-photo img {
  position: relative;
  z-index: 2;
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 22px 24px rgba(63, 27, 18, 0.14));
}

.fit-layout {
  max-width: 900px;
  grid-template-columns: 1fr;
}

.trust-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  max-width: 760px;
}

.trust-list li {
  line-height: 1.4;
}

.preview-sidebar {
  gap: 0;
  padding: 16px 11px 10px;
}

.preview-logo {
  display: block;
  margin-bottom: 11px;
  color: #3e2b24;
  font: 500 15px/1 Georgia, serif;
  letter-spacing: -.04em;
}

.preview-logo small {
  display: block;
  margin-top: 5px;
  color: #826a5e;
  font: 600 3px/1.2 Inter, Arial, sans-serif;
  letter-spacing: .12em;
}

.preview-couple {
  display: flex;
  align-items: center;
  gap: 6px;
  border-top: 1px solid #e5d8d0;
  border-bottom: 1px solid #e5d8d0;
  padding: 8px 1px;
  color: #4a382f;
  font-size: 5px;
  font-weight: 600;
}

.preview-couple > i {
  display: grid;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  place-items: center;
  border: 1px solid #d9c9bf;
  border-radius: 50%;
  color: var(--brown);
  font: normal 7px/1 Georgia, serif;
}

.preview-couple small {
  display: block;
  margin-top: 2px;
  color: #958077;
  font-size: 3.5px;
  font-weight: 400;
}

.preview-menu-label {
  margin: 10px 4px 5px;
  color: #9a857c;
  font-size: 3.5px;
  letter-spacing: .13em;
}

.preview-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.preview-nav span {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  color: #655149;
  font-size: 4.5px;
  line-height: 1;
  padding: 5px 5px;
  white-space: nowrap;
}

.preview-nav i {
  width: 10px;
  color: var(--brown);
  font: normal 5px/1 Inter, Arial, sans-serif;
  text-align: center;
}

.preview-nav .preview-active {
  background: #eadfd7;
  color: #4b352c;
  font-weight: 600;
}

.preview-nav .preview-active i {
  color: var(--brown);
}

.preview-note {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin: 9px 3px 0;
  border-top: 1px solid #e5d8d0;
  padding-top: 7px;
  color: #9a857c;
  font: 400 3.5px/1.4 Georgia, serif;
}

.preview-note i {
  color: var(--brown);
  font-style: normal;
}

.preview-main {
  overflow: hidden;
  padding: 17px 16px;
}

.preview-main > p {
  margin-bottom: 3px;
  font-size: 5px;
}

.preview-main > h2 {
  margin-bottom: 9px;
  font-size: 17px;
}

.preview-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 13px;
}

.preview-banner-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.preview-banner-copy b {
  margin: 3px 0;
  font-size: 14px;
}

.preview-banner em {
  display: flex;
  flex: 0 0 50px;
  flex-direction: column;
  color: white;
  text-align: center;
}

.preview-banner em strong {
  font: 400 18px/1 Georgia, serif;
}

.preview-banner em small {
  margin-top: 3px;
  font-size: 4px;
  line-height: 1.25;
}

.preview-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 7px 0;
}

.preview-stats article {
  position: relative;
  min-height: 52px;
  border: 1px solid #eadbd2;
  border-radius: 7px;
  background: white;
  padding: 7px;
}

.preview-stats span,
.preview-stats small {
  display: block;
  color: #887167;
  font-size: 4px;
  line-height: 1.3;
}

.preview-stats b {
  display: block;
  margin: 3px 0;
  color: var(--brown);
  font: 600 10px/1 Inter, Arial, sans-serif;
}

.preview-stats i {
  display: block;
  width: 42%;
  height: 2px;
  margin-top: 4px;
  border-radius: 2px;
  background: var(--brown);
}

.preview-bottom {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 6px;
}

.preview-next,
.preview-budget {
  min-height: 51px;
  border: 1px solid #eadbd2;
  border-radius: 7px;
  background: white;
  padding: 7px;
}

.preview-next h3 {
  margin: 0 0 4px;
  font: 600 6px/1.2 Inter, Arial, sans-serif;
}

.preview-next div {
  border-top: 1px solid #f0e5de;
  padding: 3px 0;
  color: #705b52;
  font-size: 4px;
}

.preview-budget {
  display: flex;
  flex-direction: column;
  background: var(--brown);
  color: white;
}

.preview-budget span {
  color: var(--cream);
  font-size: 3px;
  letter-spacing: .12em;
}

.preview-budget b {
  margin: 4px 0;
  font: 400 7px/1.2 Georgia, serif;
}

.preview-budget small {
  font-size: 3px;
  opacity: .8;
}

@media (max-width: 720px) {
  .trust-list {
    grid-template-columns: 1fr;
  }
}