:root {
  --portfolio-pink: #f09aba;
  --portfolio-pink-line: rgba(240, 154, 186, .34);
  --portfolio-pink-glow: rgba(240, 154, 186, .18);
  --portfolio-pink-glow-strong: rgba(240, 154, 186, .3);
}

main > .hero,
main > .story-swap,
main > .experience,
main > .gallery,
main > .closing-photo,
.site-footer {
  box-shadow:
    inset 0 1px 0 var(--portfolio-pink-line),
    inset 0 -1px 0 rgba(240, 154, 186, .14);
}

.hero::before,
.experience::before,
.gallery::before,
.closing-photo::before,
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-inline: 1px solid rgba(240, 154, 186, .12);
  box-shadow: inset 0 0 2.5rem rgba(240, 154, 186, .035);
  pointer-events: none;
}

.experience,
.gallery,
.closing-photo,
.site-footer {
  position: relative;
}

h1,
h2,
.experience-closing,
.closing-photo__copy > p {
  text-shadow: 0 0 1.6rem var(--portfolio-pink-glow);
}

.gospel-brand__four {
  filter: drop-shadow(0 0 .32rem var(--portfolio-pink-glow-strong));
}

.header-action,
.menu-button,
.menu-action,
.menu-close,
.underlined-link {
  border-bottom-color: rgba(240, 154, 186, .68);
  text-shadow: 0 0 .9rem var(--portfolio-pink-glow);
}

.portrait-photo,
.experience-photo,
.gallery-card img,
.closing-photo figure,
.menu-preview {
  outline: 1px solid rgba(240, 154, 186, .24);
  outline-offset: -1px;
  box-shadow: 0 0 1.8rem rgba(240, 154, 186, .1);
}

.gallery-controls button,
.back-to-top {
  border-color: rgba(240, 154, 186, .7);
  box-shadow:
    0 0 0 2px rgba(240, 154, 186, .1),
    0 0 1.3rem rgba(240, 154, 186, .14);
}

.experience-list p::before,
.gallery-heading p::before,
.gallery-heading p::after {
  background: var(--portfolio-pink);
  box-shadow: 0 0 .65rem var(--portfolio-pink-glow-strong);
}

.menu-panel {
  box-shadow: inset 0 0 0 1px var(--portfolio-pink-line);
}

.menu-panel__footer,
.gallery,
.closing-photo,
.site-footer,
.footer-bottom {
  border-color: var(--portfolio-pink-line);
}

.footer-credit span,
.footer-logo__name .gospel-brand__four,
.footer-logo__choir {
  color: #f2aac5;
}

.footer-credit span {
  text-shadow: 0 0 .9rem var(--portfolio-pink-glow-strong);
}

a:focus-visible,
button:focus-visible {
  outline-color: var(--portfolio-pink);
  box-shadow: 0 0 1.1rem var(--portfolio-pink-glow-strong);
}