.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;
}

.header-logo-reflection {
  position: relative;
  display: block;
  flex-shrink: 0;
  --reflection-logo: url("/assets/axrren-lockup.webp");
}
.header-logo-reflection img {
  display: block;
}
.header-logo-reflection.brand-symbol img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@supports (mask-image: url("/assets/axrren-inquiry-logo.png")) {
  :is(.inquiry-entry-logo, .header-logo-reflection)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    mask: var(--reflection-logo, url("/assets/axrren-inquiry-logo.png")) center / contain no-repeat;
    background-image: linear-gradient(to bottom, transparent 40%, #bdd7ff55 47%, #f6fbffbb 50%, #8cbaff44 53%, transparent 60%);
    background-size: 100% 260%;
    background-position: 50% 100%;
    animation: inquiry-logo-reflection 4s ease-in-out infinite;
  }
}
@keyframes inquiry-logo-reflection {
  0% { background-position: 50% 100%; }
  70%, 100% { background-position: 50% 0%; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.inquiry-entry-logo, .header-logo-reflection)::after { animation: none; }
}