/* Subtle silver pills and charcoal surfaces on Layout 1's editable site. */
.up-studio-site .elementor-50 .elementor-element-upnav > .elementor-widget-container {
  box-shadow: inset 0 0 0 1px rgba(225, 225, 225, .22), inset 0 0 13px rgba(255, 255, 255, .07), 0 12px 30px rgba(0, 0, 0, .22);
  transition: box-shadow .25s ease;
}
.up-studio-site .elementor-50 .elementor-element-upnav > .elementor-widget-container:hover,
.up-studio-site .elementor-50 .elementor-element-upnav > .elementor-widget-container:focus-within {
  box-shadow: inset 0 0 0 1px rgba(235, 235, 235, .38), inset 0 0 19px rgba(255, 255, 255, .11), 0 12px 30px rgba(0, 0, 0, .22);
}
.up-studio-site .elementor-50 .elementor-element-upcontact .elementor-button {
  box-shadow: inset 0 0 0 1px rgba(225, 225, 225, .22), inset 0 0 11px rgba(255, 255, 255, .06);
  transition: box-shadow .25s ease, background-color .25s ease;
}
.up-studio-site .elementor-50 .elementor-element-upcontact .elementor-button:hover,
.up-studio-site .elementor-50 .elementor-element-upcontact .elementor-button:focus-visible {
  box-shadow: inset 0 0 0 1px rgba(240, 240, 240, .38), inset 0 0 16px rgba(255, 255, 255, .10);
}
/* The About intro is a dark grey field around the darker reveal orb. */
.up-studio-site .about-intro { background: #202226; }
.up-studio-site .about-orb { background: #0a0b0d; }
.up-studio-site .about-orbit-label,
.up-studio-site .about-intro > .page-scroll,
.up-studio-site .orb-coordinate { color: #b8bbc1; }
.up-studio-site.about-site .header:not(.is-scrolled) .header-inner > .brand { color: #f5f5f5; }
.up-studio-site.about-site .header:not(.is-scrolled) .menu-toggle {
  color: #f5f5f5;
  background: #292b30;
  border-color: #ffffff40;
}
/* A second, source-authentic photograph fills each editable project page. */
.up-studio-site .project-evidence { display: block; }
.up-studio-site .project-evidence > img {
  display: block;
  width: 100%;
  height: clamp(320px, 55vw, 720px);
  object-fit: contain;
  background: #17191c;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .up-studio-site .project-evidence > img { height: auto; max-height: 560px; }
}
@media (prefers-reduced-motion: reduce) {
  .up-studio-site .elementor-50 .elementor-element-upnav > .elementor-widget-container,
  .up-studio-site .elementor-50 .elementor-element-upcontact .elementor-button { transition: none; }
}