/* Judo hero reference: triangle ≈5.3%, rays ≈13.5%, dots ≈14.9% of width.
   Mobile sizes are bounded; shapes stay below all copy, photos and controls. */
.ad-brand-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.ad-brand-panel > :not(.ad-brand-decorations) {
  position: relative;
  z-index: 1;
}
.ad-brand-decorations {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
  border-radius: inherit;
}
.ad-brand-decorations * {
  position: absolute;
  display: block;
  translate: var(--brand-desktop-x, 0px) var(--brand-desktop-y, 0px);
  scale: var(--brand-desktop-scale, 1);
  visibility: var(--brand-desktop-visibility, visible);
  pointer-events: none;
}
.ad-brand-triangle {
  width: clamp(36px, 5.3%, 95px);
  aspect-ratio: 70.4979/72.9372;
  top: 5%;
  right: 4%;
  background: var(--ad-green);
  mask: url('/assets/07991.svg') center/contain no-repeat;
}
.ad-brand-rays {
  width: clamp(65px, 13.5%, 200px);
  aspect-ratio: 181.213/284.763;
  bottom: -9%;
  right: -1%;
  transform: rotate(12deg);
  background: var(--ad-lime);
  mask: url('/assets/2233c.svg') center/contain no-repeat;
}
.ad-brand-dots {
  width: clamp(65px, 14.9%, 210px);
  aspect-ratio: 199/200.605;
  bottom: 3%;
  left: -4%;
  background: #83ac2a;
  mask: url('/assets/80b89.svg') center/contain no-repeat;
}
.ad-wa .ad-brand-decorations {
  opacity: 0.4;
}
.ad-wa .ad-brand-rays,
.ad-layout-theme-lime .ad-brand-rays {
  background: #83ac2a;
}
.ad-wa .ad-brand-triangle {
  top: auto;
  bottom: 7%;
  left: 38%;
  right: auto;
}
.ad-wa .ad-brand-rays {
  left: 13%;
  right: auto;
  bottom: -4%;
}
/* Only the new renderer loads this stylesheet. Existing builds keep their CSS. */
.ad-comp-wrap {
  --comp-cream: var(--ad-color-8, #feffee);
}
.ad-comp-wrap h1,
.ad-comp-wrap h2,
.ad-comp-wrap h3 {
  font-family: var(--ad-font-heading, 'Rubik Spray Paint'), sans-serif;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.ad-comp-hero {
  background: var(--ad-midi);
}
.ad-comp-hero > div:first-child {
  min-width: 0;
}
.ad-comp-list-block {
  background: var(--ad-lime);
  padding: clamp(24px, 4vw, 48px);
  border-radius: 40px;
}
.ad-comp-list-block .ad-brand-rays {
  background: #83ac2a;
}
.ad-competition-contact {
  max-width: 1240px;
  margin-inline: auto;
}
@media (max-width: 899px) {
  .ad-brand-decorations * {
    translate: var(--brand-mobile-x, 0px) var(--brand-mobile-y, 0px);
    scale: var(--brand-mobile-scale, 1);
    visibility: var(--brand-mobile-visibility, visible);
  }
  .ad-wa .ad-brand-triangle {
    top: 12px;
    right: 12px;
    bottom: auto;
    left: auto;
    width: 36px;
  }
  .ad-wa .ad-wa-eyebrow {
    padding-right: 50px;
  }
  .ad-wa .ad-brand-rays {
    right: -12px;
    bottom: -20px;
    left: auto;
  }
  .ad-competition-contact > .akademia-mobile {
    margin-inline: auto;
  }
  .ad-brand-triangle {
    top: 12px;
    right: 14px;
    width: 40px;
  }
  .ad-brand-rays {
    width: 80px;
    right: -12px;
    bottom: -20px;
  }
  .ad-brand-dots {
    width: 78px;
    left: -25px;
    bottom: 12px;
  }
}