/* File: about/about.css | Version: 1.0 | Date: 2026-03-05
   Purpose: Portrait-Fix (cover + focus) + remove demo overlays on About page
*/

/* Portrait: use CSS background via --portrait variable set inline in HTML */
.portrait{
  /* remove any placeholder backgrounds from global stylesheet */
  background: none !important;

  /* apply portrait image */
  background-image: var(--portrait) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  /* focus point adjustable per page (default slightly higher) */
  background-position: var(--portrait-pos, 50% 18%) !important;

  /* just in case a global filter is applied */
  filter: none !important;
}

/* Remove demo/label overlays that might be injected via pseudo elements */
.portrait::before,
.portrait::after{
  content: none !important;
  display: none !important;
}

/* Make the dark overlay softer (so the photo looks cleaner) */
.portrait .portrait-shield{
  background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.28)) !important;
  pointer-events: none;
}