/* Targeted shell corrections for the approved Logo Design service page. */
.page-logo-design::before {
  display: none;
}

.page-logo-design .shell {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 32px;
}

.page-logo-design .hero {
  position: relative;
  overflow: hidden;
  background: var(--bg);
}

.page-logo-design .hero::before,
.page-logo-design .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.page-logo-design .hero::before {
  background-image:
    linear-gradient(rgba(120, 170, 210, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 170, 210, .055) 1px, transparent 1px);
  background-size: 62px 62px;
  -webkit-mask-image: radial-gradient(ellipse 85% 65% at 50% 32%, #000 30%, transparent 78%);
  mask-image: radial-gradient(ellipse 85% 65% at 50% 32%, #000 30%, transparent 78%);
}

.page-logo-design .hero::after {
  background:
    radial-gradient(640px 640px at 160px 120px, rgba(38, 180, 215, .34), transparent 68%),
    radial-gradient(720px 720px at calc(100% + 120px) 240px, rgba(120, 80, 230, .3), transparent 68%);
}

.page-logo-design .heroGrid {
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  .page-logo-design .shell {
    padding-inline: 20px;
  }
}