/* Decorative typography: a faint contour responds without competing with the copy. */
.section-watermark.word-reveal{
  --word-fill:rgba(179,244,142,.028);
  --word-rim:rgba(195,255,170,.15);
  --word-outline:rgba(193,255,176,.045);
  --word-radius:clamp(130px,20vw,290px);
  white-space:nowrap;
  user-select:none;
  -webkit-text-stroke:1px var(--word-outline);
}
[data-theme=light] .section-watermark.word-reveal{
  --word-fill:rgba(43,107,59,.025);
  --word-rim:rgba(39,105,51,.13);
  --word-outline:rgba(55,107,41,.07);
}
.word-reveal::after{
  content:attr(data-word);
  position:absolute;
  inset:0;
  color:var(--word-fill);
  -webkit-text-stroke:1px var(--word-rim);
  opacity:0;
  mask-image:radial-gradient(circle var(--word-radius) at var(--word-x,50%) var(--word-y,50%),#000 12%,rgba(0,0,0,.75) 38%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle var(--word-radius) at var(--word-x,50%) var(--word-y,50%),#000 12%,rgba(0,0,0,.75) 38%,transparent 78%);
  transition:opacity .65s ease;
}
.word-reveal[data-word-active=true]::after{opacity:1}
/* Touch devices reveal the letters from left to right as the section is read. */
.word-reveal[data-word-mode=scroll]::after{
  opacity:1;
  mask-image:linear-gradient(90deg,#000 calc(var(--word-edge,-16%) - 14%),transparent calc(var(--word-edge,-16%) + 14%));
  -webkit-mask-image:linear-gradient(90deg,#000 calc(var(--word-edge,-16%) - 14%),transparent calc(var(--word-edge,-16%) + 14%));
  transition:none;
}
@media(max-width:760px){
  .chapter.card-chapter,.chapter.experience-chapter{padding-bottom:64px}
  .section-watermark.word-reveal{
    display:block;
    left:6%;right:6%;bottom:14px;
    font-size:clamp(31px,11.5vw,76px);
    letter-spacing:-.055em;
    text-align:center;
  }
}
/* Static treatment for motion preferences and the site's own pause control. */
.word-reveal[data-word-mode=static]::after,
.motion-paused .word-reveal::after{opacity:.38;mask-image:none;-webkit-mask-image:none;transition:none}
@media(prefers-reduced-motion:reduce){
  .word-reveal::after{opacity:.38;mask-image:none;-webkit-mask-image:none;transition:none}
}
