/* Nimarko: hero character only. No page, theme or application logic changes. */
/* Figma Character / Soft silhouette: static alpha-aware light, never a rectangular image shadow. */
.nimarko-v2-demo .v3-brand-hero .v3-hero-art {
  --hero-silhouette-light: drop-shadow(-8px 12px 12px rgba(6,1,4,.44)) drop-shadow(0 0 22px rgba(208,80,126,.18)) drop-shadow(-1px -1px 1px rgba(255,220,232,.08));
  --hero-figure-mask: linear-gradient(180deg,#000 0%,#000 56%,rgba(0,0,0,.9) 70%,rgba(0,0,0,.35) 88%,transparent 100%);
  --hero-aura-blur: 18px;
  --hero-contact-blur: 10px;
  --hero-halo-depth: inset -12px -18px 28px rgba(10,5,8,.24);
  position: absolute; z-index: 1; right: 0; top: -16px; width: 365px; height: 365px; pointer-events: none; isolation: isolate;
}
.nimarko-v2-demo .v3-brand-hero .v3-hero-art::before, .nimarko-v2-demo .v3-brand-hero .v3-hero-art::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.nimarko-v2-demo .v3-brand-hero .v3-hero-art::before {
  z-index: 0; left: -8%; top: 9%; width: 105%; height: 90%;
  background: radial-gradient(ellipse,rgba(208,139,160,.169) 0%,rgba(175,72,105,.104) 45%,transparent 100%);
  filter: blur(var(--hero-aura-blur));
}
.nimarko-v2-demo .v3-brand-hero .v3-hero-art::after {
  z-index: 2; left: 18%; right: 12%; bottom: 18%; height: 24%;
  background: radial-gradient(ellipse,rgba(6,1,4,.4) 0%,rgba(6,1,4,.18) 42%,transparent 100%);
  filter: blur(var(--hero-contact-blur));
}
.nimarko-v2-demo .v3-brand-hero .v3-hero-art > img {
  position: absolute; z-index: 3; right: 0; bottom: 0; width: 365px; height: 365px; object-fit: contain;
  opacity: .84;
  filter: saturate(.82) brightness(.9) contrast(.94) var(--hero-silhouette-light);
  -webkit-mask-image: var(--hero-figure-mask); mask-image: var(--hero-figure-mask);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
}
.nimarko-v2-demo .v3-brand-hero .v3-hero-halo { position: absolute; z-index: 1; width: 315px; height: 315px; right: 20px; top: 27px; background: radial-gradient(ellipse 50% 50% at 35% 28%,rgba(184,103,132,.72) 0%,rgba(131,49,78,.64) 42%,rgba(70,20,41,.48) 78%,rgba(31,9,19,.22) 100%); border: 0; border-radius: 50%; box-shadow: none; }
.nimarko-v2-demo .v3-brand-hero .v3-hero-halo::after {
  content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(135deg,rgba(246,190,210,.12) 0%,rgba(175,72,105,.04) 50%,rgba(10,5,8,.32) 100%);
  box-shadow: var(--hero-halo-depth);
}

@media (max-width: 699px) {
  .nimarko-v2-demo .v3-brand-hero .v3-hero-art {
    --hero-silhouette-light: drop-shadow(-3.9452px 5.9178px 5.9178px rgba(6,1,4,.44)) drop-shadow(0 0 10.8493px rgba(208,80,126,.18)) drop-shadow(-.4932px -.4932px .4932px rgba(255,220,232,.08));
    --hero-figure-mask: linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.92) 82%,transparent 100%);
    --hero-aura-blur: 8.8767px;
    --hero-contact-blur: 4.9315px;
    --hero-halo-depth: inset -5.9178px -8.8767px 13.8082px rgba(10,5,8,.24);
    width: 180px; height: 180px; top: auto; right: -60px; bottom: -14px;
  }
  .nimarko-v2-demo .v3-brand-hero .v3-hero-art > img { width: 180px; height: 180px; }
  .nimarko-v2-demo .v3-brand-hero .v3-hero-halo { width: 180px; height: 180px; right: -4px; top: -6px; }
}