/* Equal industry cards use a native scroll-snap rail; no featured sector,
 * library, fixed card height, photo zoom or decorative moving background. */
.cr2-industry-editorial{padding-top:clamp(56px,6vw,96px)}
.cr2-industry-editorial .ip-section-heading{margin-bottom:40px}
.cr2-industry-editorial .cr2-industry-gallery{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 72px)/3.16);
  gap:24px;
  align-items:stretch;
  isolation:isolate;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:auto;
  scrollbar-width:thin;
  scrollbar-color:#81b8c4 transparent;
  padding-block:4px 12px;
}
.cr2-industry-editorial.is-cr2-industry-ready .cr2-industry-gallery{scrollbar-width:none}
.cr2-industry-editorial.is-cr2-industry-ready .cr2-industry-gallery::-webkit-scrollbar{display:none}
.cr2-industry-editorial .cr2-industry-gallery:focus-visible{outline:2px solid var(--cyan,#3bc5f3);outline-offset:4px}
.cr2-industry-editorial .cr2-industry-gallery a{cursor:pointer}
.cr2-industry-editorial .cr2-industry-gallery.is-cr2-industry-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.cr2-industry-editorial .cr2-industry-gallery.is-cr2-industry-dragging :is(a,img){cursor:grabbing}
.cr2-industry-editorial .cr2-sector{
  display:grid;
  min-width:0;
  position:relative;
  z-index:10;
  scroll-snap-align:start;
}
.cr2-industry-editorial .cr2-sector-surface{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  align-items:start;
  gap:16px;
  min-width:0;
  padding:22px;
  border:1px solid var(--cr2-line,#bedce4);
  background:#fff;
  transform:none;
  opacity:1;
  transition:border-color 220ms;
}
.cr2-industry-editorial .cr2-sector-surface>*{min-width:0}
.cr2-industry-editorial .cr2-sector-media{
  grid-column:1;
  grid-row:1;
  width:104px;
  margin:0;
  border:1px solid #a8cbd5;
  background:#e7f2f5;
  transition:border-color 220ms;
}
.cr2-industry-editorial .cr2-sector-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cr2-industry-editorial .cr2-sector-heading{grid-column:2;grid-row:1;align-self:center}
.cr2-industry-editorial .cr2-sector-heading h3{margin:0;overflow-wrap:anywhere}
.cr2-industry-editorial .cr2-sector-body{grid-column:1/-1;grid-row:2;margin:0;color:var(--body-text)}
.cr2-industry-editorial .cr2-sector-action{grid-column:1/-1;grid-row:3;align-self:end}
.cr2-industry-editorial .cr2-sector-action .ip-inline-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.cr2-industry-editorial .cr2-sector:is(:hover,:focus-within)>.cr2-sector-surface{border-color:#79b9c5}
.cr2-industry-editorial .cr2-sector:is(:hover,:focus-within) .cr2-sector-media{border-color:#3aafb9}
.cr2-industry-editorial .cr2-industry-instructions{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cr2-industry-editorial .cr2-industry-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:16px}
.cr2-industry-editorial .cr2-industry-controls[hidden]{display:none}
.cr2-industry-editorial .cr2-industry-status{min-width:0;margin:0;color:var(--body-text);font-size:var(--type-secondary-size)}
.cr2-industry-editorial .cr2-industry-progress{display:block;width:100%;height:3px;border:0;appearance:none;background:#c3dfe5;color:#169da5}
.cr2-industry-editorial .cr2-industry-progress::-webkit-progress-bar{background:#c3dfe5}
.cr2-industry-editorial .cr2-industry-progress::-webkit-progress-value{background:#169da5}
.cr2-industry-editorial .cr2-industry-progress::-moz-progress-bar{background:#169da5}
.cr2-industry-editorial .cr2-industry-buttons{display:flex;gap:10px}
.cr2-industry-editorial .cr2-industry-button{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:1px solid #9cc4cf;background:#fff;color:#0a344a;cursor:pointer;transition:background 220ms,border-color 220ms,color 220ms}
.cr2-industry-editorial .cr2-industry-button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.cr2-industry-editorial .cr2-industry-button:enabled:is(:hover,:focus-visible){background:#e4f4f6;border-color:#169da5;color:#087e92}
.cr2-industry-editorial .cr2-industry-button:focus-visible{outline:2px solid var(--cyan,#3bc5f3);outline-offset:4px}
.cr2-industry-editorial .cr2-industry-button:disabled{opacity:.4;cursor:default}
@media(hover:hover) and (pointer:fine){
  .cr2-industry-editorial.is-cr2-industry-ready .cr2-industry-gallery{cursor:grab}
  .cr2-industry-editorial.is-cr2-industry-ready .cr2-industry-gallery.is-cr2-industry-dragging{cursor:grabbing}
}
@media(max-width:1200px){
  .cr2-industry-editorial .cr2-industry-gallery{grid-auto-columns:calc((100% - 48px)/2.16)}
}
@media(max-width:700px){
  .cr2-industry-editorial .cr2-industry-gallery{grid-auto-columns:calc((100% - 16px)/1.13);gap:16px}
  .cr2-industry-editorial .cr2-sector-surface{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}
  .cr2-industry-editorial .cr2-sector-media{width:72px}
  .cr2-industry-editorial .cr2-industry-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px}
  .cr2-industry-editorial .cr2-industry-progress{grid-column:1/-1;grid-row:2}
  .cr2-industry-editorial .cr2-industry-buttons{grid-column:2;grid-row:1}
}
/* The stable outer article owns snap, perspective and the exit timeline.
 * Its surface folds behind the next card only while leaving the left edge. */
@supports (view-timeline-axis:inline) and (animation-timeline:--cr2-industry-card) and (animation-range:exit 0% exit 100%){
  @media(prefers-reduced-motion:no-preference){
    .cr2-industry-editorial .cr2-sector{
      perspective:400px;
      view-timeline-name:--cr2-industry-card;
      view-timeline-axis:inline;
      animation:cr2-industry-layer 1s linear both;
      animation-timeline:--cr2-industry-card;
      animation-range:exit 0% exit 100%;
    }
    .cr2-industry-editorial .cr2-sector-surface{
      transform-origin:center center;
      animation:cr2-industry-exit-fold 1s linear both;
      animation-timeline:--cr2-industry-card;
      animation-range:exit 0% exit 100%;
    }
    .cr2-industry-editorial .cr2-sector:focus-within{animation:none;z-index:11}
    .cr2-industry-editorial .cr2-sector:focus-within>.cr2-sector-surface{animation:none;transform:none;opacity:1}
  }
  @media(max-width:700px) and (prefers-reduced-motion:no-preference){
    .cr2-industry-editorial .cr2-sector{perspective:300px}
  }
}
@keyframes cr2-industry-layer{
  0%{z-index:10}
  100%{z-index:9}
}
@keyframes cr2-industry-exit-fold{
  0%{transform:translateX(0) translateZ(0) rotateY(0deg);opacity:1}
  100%{transform:translateX(160%) translateZ(-60px) rotateY(10deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .cr2-industry-editorial .cr2-industry-gallery{scroll-behavior:auto}
  .cr2-industry-editorial .cr2-sector{animation:none;perspective:none;z-index:10}
  .cr2-industry-editorial .cr2-sector-surface{animation:none;transform:none;opacity:1}
  .cr2-industry-editorial .cr2-sector-surface,.cr2-industry-editorial .cr2-sector-media,.cr2-industry-editorial .cr2-industry-button{transition:none}
}
