:root {
  --navy: #2a2729;
  --blue: #7f5d69;
  --mint: #f4dce3;
  --cream: #fff9f5;
  --coral: #df7f98;
  --ink: #302b2d;
  --muted: #7d6d73;
  --line: #eadde1;
  --paw-brown: #8a5a44;
}

body {
  background-color: var(--cream);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='%238a5a44' fill-opacity='.16'%3E%3Cg transform='translate(34 35) rotate(-24)'%3E%3Cellipse cx='0' cy='7' rx='10' ry='8'/%3E%3Cellipse cx='-11' cy='-5' rx='4.5' ry='6'/%3E%3Cellipse cx='-3.5' cy='-10' rx='4.5' ry='6'/%3E%3Cellipse cx='5' cy='-10' rx='4.5' ry='6'/%3E%3Cellipse cx='12' cy='-4' rx='4.5' ry='6'/%3E%3C/g%3E%3Cg transform='translate(128 112) rotate(27)'%3E%3Cpath d='M-9 7C-9 1-5-4 0-4S9 1 9 7C9 12 5 15 0 15S-9 12-9 7Z'/%3E%3Cellipse cx='-10' cy='-5' rx='3.5' ry='5'/%3E%3Cellipse cx='-3.5' cy='-10' rx='3.5' ry='5'/%3E%3Cellipse cx='4' cy='-10' rx='3.5' ry='5'/%3E%3Cellipse cx='10' cy='-5' rx='3.5' ry='5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: 180px 180px;
}

.top {
  min-height: 138px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.brand { gap: 18px; font-size: 22px; }
.brand > img {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  border: 4px solid #fff;
  box-shadow: 0 5px 18px #0003;
}
.brand small { color: #f2bdcb; }
.top nav { flex-wrap: wrap; justify-content: flex-end; }

@media (max-width: 720px) {
  body { background-size: 145px 145px; background-attachment: scroll; }
  .top { min-height: 0; }
  .brand { font-size: 19px; }
  .brand > img { width: 88px; height: 88px; }
}