/* Use a real medium-weight face instead of the heavy display face in navigation. */
.header nav a, #design .header nav a, .page-design .header nav a,
.header .pages-dropdown-links a, #design .pages-dropdown-links a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}
/* Every social row uses the same four icons and the same hover motion. */
.social-icon { transition: transform .25s ease; }
.social-icon:hover, .social-icon:focus-visible { transform: translateY(-1px) scale(1.03); }
.social-icon img { transition: filter .25s ease; }
.header-socials .social-icon img { filter: none; }
.social-icon--max { background: transparent !important; }
.social-icon--max img { width: 100%; height: 100%; object-fit: contain; }
.footer-socials .social-icon img,
.page-design .closing-area .social-icon img { filter: brightness(0) invert(1); }
@media (min-width: 1440px) {
  #design .header[data-tone="dark"] .header-socials img { filter: brightness(0) invert(1); }
}
@media (prefers-reduced-motion: reduce) {
  .social-icon, .social-icon img { transition: none; }
}
.page-design .mobile-page-link, .page-design .pages-dropdown { display: none; }
@media (min-width: 1440px) {
  .page-design .pages-dropdown { display: block; position: relative; flex-shrink: 0; }
  .page-design .pages-dropdown summary { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #572e1160; border-radius: 50%; font: 26px/1 Arial, sans-serif; list-style: none; cursor: pointer; }
  .page-design .pages-dropdown summary::-webkit-details-marker { display: none; }
  .page-design .pages-dropdown-links { position: absolute; top: calc(100% + 12px); right: 0; width: 280px; padding: 12px; background: #fff4eaf2; backdrop-filter: blur(18px); border: 1px solid #ead3bf; border-radius: 18px; box-shadow: 0 12px 32px #24150d20; }
  .page-design .pages-dropdown-links a { display: block; padding: 12px 14px; border-radius: 10px; font-size: 18px; line-height: 1.4; }
  .page-design .pages-dropdown-links a:hover { background: #fd770215; }
}
@media (max-width: 1439px) { .page-design .header .mobile-page-link { display: flex; } }