.studio-wordmark {
  display: inline-block;
  font-family: Cambria, Georgia, serif;
  letter-spacing: normal;
  white-space: nowrap;
}
.studio-wordmark-small {
  font-size: 0.722222em;
}
.studio-wordmark > sup {
  position: relative;
  top: -0.56em;
  margin: 0;
  font-size: 0.47em;
  line-height: 0;
  vertical-align: baseline;
  letter-spacing: normal;
}

@supports (background-clip: text) {
  :is(.studio-wordmark, .studio-copyright) {
    background-image: linear-gradient(
      105deg,
      #12265e 0%, #4770bb 20%, #152e76 38%,
      #8c9bb7 46%, #f4f8ff 50%, #a7b9d5 54%,
      #1b367e 62%, #476bb5 80%, #12265e 100%
    );
    background-size: 240% 100%;
    background-position: 100% 50%;
    background-clip: text;
    color: transparent;
    animation: studio-chrome-sweep 4s linear infinite;
  }
}

@keyframes studio-chrome-sweep {
  from { background-position: 100% 50%; }
  to { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  :is(.studio-wordmark, .studio-copyright) {
    animation: none;
    background-position: 50% 50%;
  }
}

@media (forced-colors: active) {
  :is(.studio-wordmark, .studio-copyright) {
    background: none;
    color: CanvasText;
    animation: none;
  }
}

.studio-copyright {
  display: block;
  width: max-content;
  max-width: 100%;
  font-size: 0.7rem;
  line-height: 1.25;
  text-align: left;
  pointer-events: none;
}
.portfolio-card > .studio-copyright {
  margin-top: 1rem;
}
.landing-footer-area {
  position: absolute;
  z-index: 24;
  inset: auto 0 0;
  pointer-events: none;
}
.landing-footer-strip {
  height: 4px;
  background: rgb(255 255 255 / 5%);
}
.landing-footer-credit {
  padding: 1px 0 1px 10px;
}
.landing-footer-credit > .studio-copyright {
  font-size: 0.5rem;
  line-height: 1;
}
.studio-copyright .studio-wordmark {
  background: none;
  color: inherit;
  animation: none;
}

header .brand .studio-wordmark {
  font-size: 1.08em;
}
header .brand small {
  scale: 1.05;
  transform-origin: left center;
}