/* ISC AI illustration. Montserrat Medium, 11px, always visible.
   --on-cream sits under the image: #6B6760 (5.44:1 on #FDFBF8, 5.62:1 on white).
   --on-dark sits under the image: #A9A59E (6.95:1 on #1C1C1C).
   --on-photo is a pill on the image. #E6E3DC on rgba(28,28,28,.75) is 5.82:1
   over white. Without backdrop-filter the pill is solid #1C1C1C (13.30:1). */
@font-face{
  font-family:Montserrat;
  src:url(/fonts/Montserrat-Medium.woff2) format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
.ai-illustration{
  display:inline-block;
  max-width:100%;
  margin:6px 0 0;
  padding:0;
  font-family:Montserrat,sans-serif;
  font-size:11px;
  font-weight:500;
  font-style:normal;
  line-height:1.25;
  letter-spacing:.01em;
  white-space:nowrap;
  background:transparent;
  opacity:1;
  visibility:visible;
  pointer-events:none;
}
.ai-illustration--on-cream{color:#6B6760}
.ai-illustration--on-dark{color:#A9A59E}
.ai-illustration--on-photo{
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:3;
  margin:0;
  color:#E6E3DC;
  background:#1C1C1C;
  padding:3px 8px;
  border-radius:999px;
}
figure:has(> .ai-illustration--on-photo){position:relative}
@supports ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))){
  .ai-illustration--on-photo{
    background:rgba(28,28,28,.75);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }
}