/* PeduliNusa hero visual refresh: full-bleed artwork with readable campaign copy. */
.pn-hero {
  width: 100%;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .86) 34%, rgba(255, 255, 255, .28) 68%, rgba(255, 255, 255, .06) 100%),
    url('assets/storefront-templates/pedulinusa-hero.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--pn-ink);
}

.pn-hero .pn-eyebrow {
  color: var(--pn-orange);
}

.pn-hero p {
  color: rgba(18, 45, 78, .84);
}

.pn-hero-actions .pn-button-ghost {
  background: rgba(255, 255, 255, .82);
  color: var(--pn-navy);
  border-color: rgba(6, 37, 66, .28);
}

@media (max-width: 960px) {
  .pn-hero {
    background-image:
      linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .78) 43%, rgba(255, 255, 255, .22) 100%),
      url('assets/storefront-templates/pedulinusa-hero.png');
    background-position: 64% center;
  }
}

@media (max-width: 620px) {
  .pn-hero {
    background-position: 68% center;
  }
}