.theme-pixem {
  --amber: #ffbc6b;
  --violet: #bd8aff;
  --coral: #ff7480;
}
.theme-pixem .site-header { border-bottom-color: #a56378; }
.theme-pixem .brand-name,
.theme-pixem .footer-brand { color: #67d3f6; }
.theme-pixem .brand-name span,
.theme-pixem .footer-brand span { color: #ffb45e; }
.theme-pixem .brand-mark { width: 52px; height: 52px; }
.theme-pixem .site-nav .nav-contact { border-color: #d47a78; box-shadow: 4px 4px 0 #673248; }
.theme-pixem .hero {
  min-height: 840px;
  padding-top: 130px;
  background-image:
    linear-gradient(90deg, #0c0718f4 0%, #12081bd7 30%, #23102084 54%, #18091b36 100%),
    linear-gradient(0deg, #0c0718 0%, transparent 20%),
    url("assets/pixel-forest-clearing.jpg");
}
.pixem-identity { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.pixem-identity img { display: block; width: 120px; height: 120px; flex: 0 0 120px; object-fit: contain; image-rendering: pixelated; }
.pixem-identity strong { display: block; color: #67d3f6; font: 900 clamp(52px, 5vw, 78px)/.95 Arial, sans-serif; letter-spacing: -.07em; text-shadow: 4px 4px 0 #170e29; }
.pixem-identity strong span { color: #ffb45e; }
.pixem-identity small { display: block; margin-top: 9px; color: #fff1df; font-size: 15px; font-weight: 800; letter-spacing: .08em; }
.pixem-origin { display: block; margin-top: 7px; color: #b9d9e8; font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .16em; }
.theme-pixem .hero h1 { font-size: clamp(42px, 4.2vw, 62px); line-height: 1.12; }
.theme-pixem .hero-description { margin: 18px 0 21px; font-size: 16px; line-height: 1.7; }
.theme-pixem .hero-party { bottom: 130px; }
.theme-pixem .button-primary { background: #ffbb69; box-shadow: 6px 6px 0 #ad4762; }
.theme-pixem .button-primary:hover { box-shadow: 3px 3px 0 #ad4762; }
.theme-pixem .studio-aside { border-color: #c4747e; }
.theme-pixem .contact-notice { border-color: #cc746c; }
@media (max-width: 680px) {
  .theme-pixem .brand-mark { width: 37px; height: 37px; }
  .theme-pixem .site-nav .nav-contact { box-shadow: 3px 3px 0 #673248; }
  .theme-pixem .hero {
    min-height: 0;
    padding-top: 90px;
    background-image:
      linear-gradient(180deg, #0c0718ea 0%, #140920cb 45%, #1d0b2058 72%, #0c0718b8 100%),
      url("assets/pixel-forest-clearing.jpg");
  }
  .pixem-identity { gap: 9px; margin-bottom: 16px; }
  .pixem-identity img { width: 96px; height: 96px; flex-basis: 96px; }
  .pixem-identity strong { font-size: 51px; }
  .pixem-identity small { margin-top: 5px; font-size: 12px; }
  .pixem-origin { margin-top: 4px; font-size: 10px; letter-spacing: .1em; }
  .theme-pixem .hero h1 { font-size: clamp(37px, 9.1vw, 58px); }
  .theme-pixem .hero-party { bottom: auto; }
  .theme-pixem .button-primary { box-shadow: 4px 4px 0 #ad4762; }
}