/**
 * ERF Suite — Case Study grading (companion to erf-suite-case.js).
 * Control chrome (.erf-suite-ctrl / .erf-suite-readout / .is-active-suite /
 * .erf-suite-plus-v) is shared with the homepage hero pipeline and lives in
 * erf-suite.css, loaded sitewide — only the canvas/background swap is here.
 */
.erf-suite-case-gl {
  position: absolute;
  inset: -15%; /* matches .erf-csh2-bg's own oversize-crop margin */
  width: 130%;
  height: 130%;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.erf-csh2-wrap.erf-suite-live .erf-suite-case-gl { opacity: 1; }
.erf-csh2-wrap.erf-suite-live .erf-csh2-bg { opacity: 0; }

/* No caption text under the icons on case-study pages — the icons
   themselves stay fully functional, just no "rec709"/"on"/"1.00x" label.
   display:none removes the readout from layout entirely, so .erf-suite-ctrl
   collapses to exactly the icon's own height (no leftover gap beneath it). */
.erf-csh2-wrap .erf-suite-readout { display: none; }