/* BrightHire PH — intro splash overlay.
   The homepage renders underneath from the first frame; this overlay sits on top,
   builds the gold illustration, then dissolves into the full-bleed hero. */
#bh-splash {
  position: fixed; inset: 0; z-index: 9998;
  overflow: hidden; pointer-events: auto;
  contain: layout paint;
}
html.bh-skip #bh-splash { display: none; }
#bh-splash .bhs-veil {
  position: absolute; inset: 0; background: #ffffff;
  will-change: mask-image;
}
#bh-splash .bhs-frame {
  position: absolute; left: 0; top: 0;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  /* soft edges where the artwork was cropped: left, right and bottom */
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%),
                      linear-gradient(to bottom, #000 0, #000 92%, transparent 100%);
  -webkit-mask-composite: source-in;
          mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%),
                      linear-gradient(to bottom, #000 0, #000 92%, transparent 100%);
          mask-composite: intersect;
}
#bh-splash .bhs-art {
  position: absolute; left: 0; top: 0; width: 1556px; height: 2000px;
  transform-origin: 0 0;
  visibility: hidden;            /* nothing shows until the timeline has set every start state */
}
#bh-splash.bhs-ready .bhs-art { visibility: visible; }
#bh-splash .bhs-art > img,
#bh-splash .bhs-art > svg,
#bh-splash .bhs-group,
#bh-splash .bhs-sprite { position: absolute; display: block; max-width: none; }
#bh-splash .bhs-sprite { background-repeat: no-repeat; }
#bh-splash .bhs-art > svg { overflow: visible; }

/* optional circular frame (window.BH_SPLASH_FRAME = 'circle') */
#bh-splash .bhs-circle { position: absolute; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }
#bh-splash .bhs-disc { position: absolute; inset: 0; background: #FDF9EE; }
#bh-splash.bhs-circle-mode .bhs-frame { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 3.5%); mask-image: linear-gradient(to right, transparent 0, #000 3.5%); }
#bh-splash .bhs-ring { position: absolute; overflow: visible; pointer-events: none; }
/* circle mode opens by scaling the bloom and fading the veil, both of which the GPU animates */
#bh-splash .bhs-bloom { position: absolute; background: #ffffff; will-change: transform; }
#bh-splash.bhs-circle-mode .bhs-veil { will-change: transform, opacity; }