/* No JavaScript or reduced motion: all content retains its normal visible state. */
@media (prefers-reduced-motion: no-preference) {
  .recruit-mode .section-reveal-pending { opacity: 0; }
}
@media print {
  .recruit-mode .section-reveal-pending { opacity: 1 !important; }
}

/* The original image reserves its exact responsive size and accessible alt text.
   SVG layers reuse that artwork without repainting the title typography. */
.recruit-mode .title-layers { display: block; position: relative; }
.recruit-mode .title-layers > img { opacity: 0; }
.recruit-mode .title-layer-art {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.recruit-mode #education .title-layer-art { left: 12px; }
@media (max-height: 760px) {
  .recruit-mode #education .title-layer-art { left: 4px; }
}
.recruit-mode .title-decoration { transform-box: fill-box; transform-origin: center; }
.recruit-mode #work .work-flow-group .effect { --rumble-unit: 1px; }
@media (prefers-reduced-motion: no-preference) {
  .recruit-mode .title-rumble-active .title-decoration,
  .recruit-mode #work.title-rumble-active .work-flow-group .effect {
    animation: title-rumble 360ms steps(1, end) infinite;
    animation-delay: var(--decoration-delay, 0s);
  }
  @keyframes title-rumble {
    0%, 100% { translate: 0 0; rotate: 0deg; }
    14% { translate: calc(-1.5 * var(--rumble-unit, 5px)) var(--rumble-unit, 5px); rotate: -.35deg; }
    28% { translate: calc(1.5 * var(--rumble-unit, 5px)) calc(-1 * var(--rumble-unit, 5px)); rotate: .35deg; }
    42% { translate: calc(-1 * var(--rumble-unit, 5px)) calc(-.5 * var(--rumble-unit, 5px)); rotate: -.2deg; }
    57% { translate: var(--rumble-unit, 5px) var(--rumble-unit, 5px); rotate: .3deg; }
    71% { translate: calc(-1.5 * var(--rumble-unit, 5px)) 0; rotate: -.3deg; }
    85% { translate: var(--rumble-unit, 5px) calc(-.5 * var(--rumble-unit, 5px)); rotate: .2deg; }
  }
}
@media print {
  .recruit-mode .title-rumble-active .title-decoration,
  .recruit-mode #work.title-rumble-active .work-flow-group .effect { animation: none; }
}