/* Visible AI-content disclosure for substantive imagery, not logos or UI assets. */
.ai-disclosure-frame {
  position: relative;
}

.ai-image-disclosure {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  min-height: 19px;
  padding: 0 6px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 999px;
  background: rgba(250, 250, 248, .46);
  color: rgba(23, 30, 21, .42);
  font: 600 .49rem/1 "Started Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none;
  backdrop-filter: blur(8px) saturate(105%);
  -webkit-backdrop-filter: blur(8px) saturate(105%);
  pointer-events: none;
}

.photo-card.has-image > .ai-image-disclosure {
  top: 18px;
  right: 18px;
}

body.about-mobile-page .photo-card.has-image > .ai-image-disclosure {
  top: 10px;
  right: 10px;
  min-height: 13px;
  padding: 0 4px;
  border-color: rgba(255, 255, 255, .2);
  background: rgba(250, 250, 248, .32);
  color: rgba(23, 30, 21, .34);
  font-size: .36rem;
  letter-spacing: .025em;
  backdrop-filter: blur(6px) saturate(101%);
  -webkit-backdrop-filter: blur(6px) saturate(101%);
}

.about-principle > .ai-image-disclosure {
  left: auto !important;
  right: clamp(10px, 1.4vw, 22px) !important;
  transform: none !important;
}

.team-card.has-person > .ai-image-disclosure,
.client-card.logo-card > .ai-image-disclosure,
.proof-card-logo > .ai-image-disclosure {
  left: auto !important;
  right: clamp(18px, 1.6vw, 26px) !important;
}

.article-modal .article-visual.has-upload > .ai-image-disclosure {
  display: inline-flex !important;
  left: auto !important;
  right: clamp(12px, 1.4vw, 20px) !important;
  top: clamp(12px, 1.4vw, 20px) !important;
  bottom: auto !important;
  min-height: 16px !important;
  padding: 0 5px !important;
  color: rgba(23, 30, 21, .38) !important;
  font-size: .42rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
}

@media (max-width: 1024px) {
  .ai-image-disclosure {
    top: 8px;
    right: 8px;
    min-height: 18px;
    padding: 0 6px;
    font-size: .47rem;
    letter-spacing: .04em;
  }

  .photo-card.has-image > .ai-image-disclosure {
    top: 14px;
    right: 14px;
  }

  .about-principle > .ai-image-disclosure {
    right: 8px !important;
  }

  .team-card.has-person > .ai-image-disclosure,
  .client-card.logo-card > .ai-image-disclosure,
  .proof-card-logo > .ai-image-disclosure {
    right: 16px !important;
  }

  body.about-mobile-page .ai-image-disclosure {
    min-height: 16px;
    padding: 0 5px;
    border-color: rgba(255, 255, 255, .24);
    background: rgba(250, 250, 248, .38);
    color: rgba(23, 30, 21, .36);
    font-size: .42rem;
    letter-spacing: .035em;
    backdrop-filter: blur(7px) saturate(102%);
    -webkit-backdrop-filter: blur(7px) saturate(102%);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .ai-image-disclosure {
    background: rgba(250, 250, 248, .94);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}