.personal-section { background: #fff; border-bottom: 2px solid var(--black); }
.personal-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(36px,6vw,88px); align-items: center; }
.personal-photo { position: relative; margin: 0; border: 2px solid var(--black); background: var(--grey); box-shadow: 8px 8px 0 var(--black); }
.personal-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; }
.personal-photo figcaption { padding: 12px 16px; border-top: 2px solid var(--black); color: var(--black); background: var(--yellow); font-size: var(--text-xs); }
.personal-copy { min-width: 0; }
.personal-copy h2 { font-size: clamp(40px,4.5vw,64px); }
.personal-copy .personal-lead { font-size: var(--text-lg); color: var(--black); margin: 24px 0 16px; }
.personal-copy > p:not(.personal-lead) { font-size: var(--text-base); max-width: 56ch; margin-bottom: 16px; }
.personal-facts { display: flex; gap: 10px; flex-wrap: wrap; margin: 25px 0; }
.personal-facts span { font-size: var(--text-sm); font-weight: 700; padding: 9px 13px; border: 2px solid var(--black); }
.personal-facts span:last-child { background: var(--yellow); }
.personal-copy > p.personal-warranty {
  border-top: 1px solid #a9b0a7;
  padding-top: 18px;
  margin-bottom: 25px;
  font-size: var(--text-sm);
}
.personal-copy .button { white-space: normal; }
@media(max-width:1100px) and (min-width:721px) {
  .navlinks { gap: 12px; }
}
@media(max-width:720px) {
  .personal-grid { grid-template-columns: 1fr; gap: 34px; }
  .personal-photo { width: calc(100% - 7px); box-shadow: 6px 6px 0 var(--black); }
  .personal-photo figcaption { font-size: 12px; padding: 12px; }
  .personal-copy h2 { font-size: 42px; }
  .personal-copy .personal-lead { margin-top: 20px; }
  .personal-copy .button { width: 100%; gap: 12px; padding: 15px; }
}