.session-art {
  position: relative;
  overflow: hidden;
  container-type: size;
  background: #1a1a24;
}
.session-art > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.session-art.is-themed > img {
  filter: grayscale(1) contrast(1.05);
}
.session-art-tint {
  position: absolute;
  inset: 0;
  background: var(--art-tint);
  mix-blend-mode: color;
}
.session-art-shade {
  position: absolute;
  inset: 0;
  background: var(--art-tint);
  mix-blend-mode: multiply;
  opacity: 0.45;
}
.session-art-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--art-text);
  text-align: center;
  font-family: 'Inter Tight', 'Inter', ui-sans-serif, system-ui, sans-serif;
  pointer-events: none;
}
.session-art-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 88%;
  padding: 5cqmin 7cqmin;
  border-radius: 3cqmin;
  background: rgba(0, 0, 0, 0.22);
}
.session-art-logo {
  display: block;
  aspect-ratio: 732 / 492;
  background: var(--art-text);
  -webkit-mask: url('/images/pb-logo-mono.svg') center / contain no-repeat;
  mask: url('/images/pb-logo-mono.svg') center / contain no-repeat;
}
.session-art-title {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.05;
  letter-spacing: 0.01em;
}
.session-art-tagline {
  font-weight: 700;
  line-height: 1.2;
}
.session-art-location {
  font-weight: 400;
  line-height: 1.2;
}

.session-art--banner .session-art-box { padding: 5cqh 6cqh; }
.session-art--banner .session-art-logo { height: 22cqh; margin-bottom: 2cqh; }
.session-art--banner .session-art-title { font-size: 17cqh; white-space: nowrap; }
.session-art--banner .session-art-tagline { font-size: 8cqh; margin-top: 1cqh; }
.session-art--banner .session-art-location { font-size: 10cqh; margin-top: 2cqh; }

.session-art--badge .session-art-box { padding: 6cqw 6cqw; max-width: 84%; }
.session-art--badge .session-art-logo { height: 18cqw; margin-bottom: 3cqw; }
.session-art--badge .session-art-title { font-size: 11cqw; overflow-wrap: anywhere; }
.session-art--badge .session-art-tagline,
.session-art--badge .session-art-location { display: none; }

.session-art [hidden] {
  display: none !important;
}

.session-art--badge .session-art-text { align-items: flex-end; padding-bottom: 7cqw; }