/* Brand integration v1.1: approved website palette remains dominant. */
.brand-official {
  background: #fff;
  border-radius: 12px;
  padding: 12px 18px;
  flex-shrink: 0;
  min-width: 0
}

.brand-official img {
  width: 176px;
  height: auto;
  object-fit: contain;
  filter: none
}

.brand-light.brand-official {
  width: auto
}

.hero-copy h1 {
  font-size: clamp(44px, 4.8vw, 68px);
  font-weight: 600;
  line-height: 1.15
}

.hero-copy h1 em {
  color: var(--purple)
}

.art-note {
  font: 400 22px/1.7 var(--hand);
  padding: 24px 24px 10px;
  background: var(--violet)
}

.art-note span {
  font: 400 11px/1.6 var(--sans);
  padding-bottom: 14px
}

.art-label {
  background: var(--green-soft);
  color: var(--violet);
  border-color: transparent
}

.work-card:first-child {
  background: var(--green-soft);
  border-top: 4px solid var(--brand-green)
}

.work-card:nth-child(2) {
  background: var(--lilac);
  border-top: 4px solid var(--brand-lilac)
}

.work-card:nth-child(3) {
  background: var(--blue-soft);
  border-top: 4px solid var(--brand-blue)
}

.work-card h3 {
  font-size: 27px
}

.work-symbol {
  font-family: Arial, sans-serif
}

.art-project {
  background: var(--brand-lilac);
  color: var(--violet)
}

.art-meet {
  background: var(--green-soft);
  color: var(--violet)
}

.art-stories {
  background: #f6e4b8;
  color: var(--violet)
}

.news-art>span {
  font-family: Arial, sans-serif
}

:focus-visible {
  outline-color: var(--purple)
}