:root {
  --ink: #0b1f3a;
  --deep: #0b234a;
  --teal: #173f72;
  --aqua: #d4aa3c;
  --paper: #f7f7f5;
  --line: #d8d8d2;
  --gold: #c89724;
}

.brand-logo {
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--line);
}

.profile-logo {
  display: block;
  width: 100%;
  max-height: 260px;
  object-fit: contain;
  background: #fff;
  margin-bottom: 28px;
}

.email-button {
  text-transform: none;
  overflow-wrap: anywhere;
}

@media (max-width: 480px) {
  .brand-logo {
    width: 40px;
    height: 40px;
  }
}