.header-logo:has(.header-festival-decoration) {
  --header-festival-decoration-w: 50px;
  --header-festival-decoration-h: 55px;
}

.header-logo:has(.header-festival-decoration)::before {
  grid-area: 2 / 2 / 3 / 3;
}

.header-logo:has(.header-festival-decoration) .header-festival-decoration {
  grid-area: 2 / 1 / 3 / 2;
}

.header-logo:has(.header-festival-decoration) .header-festival-decoration {
  width: var(--header-festival-decoration-w);
  height: var(--header-festival-decoration-h);
  pointer-events: none;
}

[data-layout="mobile"] .header-logo:has(.header-festival-decoration) .header-festival-decoration {
  width: var(--header-festival-decoration-mw);
  height: var(--header-festival-decoration-mh);
}

[data-layout="mobile"] .header-logo:has(.header-festival-decoration) {
  --header-festival-decoration-mw: calc(var(--header-festival-decoration-w) * 0.7);
  --header-festival-decoration-mh: calc(var(--header-festival-decoration-h) * 0.7);
}

[data-layout="mobile"] .header-logo:has(.header-festival-decoration) {
  --header-logo-width: calc(var(--logo-default-width) * 0.7);
  --header-logo-height: calc(var(--logo-default-height) * 0.7);
}