/*
 * Senior HR Forum v1.8.5: "Since 2008" in the light bento tile, scroll reveal and About highlight fixes.
 */

/* ===================== 1. "Since 2008" in the light bento tile (About) ===================== */
.shf-bento__visual--since { display: flex; flex-direction: column; }
.shf-since {
	position: relative; z-index: 1; margin: 0 !important; padding: 76px 30px 0 34px;
	font-family: var(--wp--preset--font-family--maven-pro, "Maven Pro", sans-serif); color: #0B6A85; line-height: .92;
}
.shf-since__lead { display: block; font-weight: 700; font-size: clamp(1.4rem, 1rem + 1vw, 1.9rem); letter-spacing: -.01em; margin-bottom: 6px; }
.shf-since__year { display: block; font-weight: 900; font-size: clamp(3.6rem, 2.2rem + 3.6vw, 5.6rem); letter-spacing: -.035em; }
.shf-bento__visual--since::after { left: auto; right: 168px; top: auto; bottom: 64px; }
.shf-bento__visual--since .shf-bento__visual-dots { top: auto; bottom: 128px; right: 22px; height: 70px; opacity: .8; }
.shf-bento__visual--since { min-height: 300px; }
@media (max-width: 600px) {
	.shf-since { padding: 58px 24px 0 26px; }
	.shf-bento__visual--since { min-height: 250px; }
	.shf-bento__visual--since::after { right: 132px; bottom: 44px; }
}

/* ===================== 2. Scroll reveal backstop (assets/js/reveal.js) ===================== */
/* Sections below the fold stay hidden until they are scrolled to. reveal.js marks an item
   .is-forced when it has been on screen (or scrolled past) for a while without finishing its
   fade, so nothing can be left invisible. Without the script nothing is hidden at all. */
.shf-reveal-on .shf-reveal.is-forced { opacity: 1 !important; transform: none !important; transition: none !important; }

/* ===================== 3. "most valuable assets" highlight (home About section and About page) ===================== */
/* Teal-to-orange underline that draws in under the words once they are on screen; static with
   reduced motion, in the editor, or if scripts never run (about-events-v14.css, v15.css). */
.shf-mark::after { background: linear-gradient(90deg, rgba(34, 184, 207, 0.55) 0%, rgba(11, 106, 133, 0.45) 45%, rgba(255, 122, 26, 0.62) 100%) !important; }
/* v1.8.8: the draw-in timing moved to v188.css + assets/js/mark.js (once, after the reveal, never cut off). */