/* Single-color artwork and softly rounded controls, shared by every page. */
.ui-icon { display: inline-block; width: 16px; height: 16px; flex: 0 0 auto; vertical-align: -.2em; }
.button, nav a:last-child, .menu { border-radius: 999px; }
.button { min-height: 48px; }
.button .ui-icon { width: 18px; height: 18px; }
nav a:last-child, .text-link, footer div a { display: inline-flex; align-items: center; gap: 9px; }
.text-link .ui-icon { width: 14px; height: 14px; }

/* Each thought stays with its symbol; no loose separators on small screens. */
.studio-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}
.studio-values li { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; }
.studio-values .ui-icon { width: 24px; height: 24px; color: var(--orange); }
.studio-values span { font-family: 'Space Grotesk', sans-serif; font-weight: 500; font-size: 14px; line-height: 1.45; color: #dedfdb; }

@media (max-width: 800px) {
  .menu { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid #585e65; background: transparent; cursor: pointer; }
  .menu .ui-icon { width: 19px; height: 19px; }
  .menu .ui-icon-close { display: none; }
  .menu:hover, .menu[aria-expanded="true"] { background: #1c3536; color: var(--orange); border-color: #4d7473; }
  .menu[aria-expanded="true"] .ui-icon-menu { display: none; }
  .menu[aria-expanded="true"] .ui-icon-close { display: inline-block; }
  .studio-values { grid-template-columns: 1fr; gap: 17px; padding: 26px 0; }
  .studio-values li { justify-content: flex-start; gap: 14px; }
  .studio-values .ui-icon { width: 21px; height: 21px; }
  .studio-values span { font-size: 15px; }
}
@media (max-width:800px){header nav{align-items:center;text-align:center}header nav a{justify-content:center}}