/* The Exchange and In Depth deliberately reuse the same photo-card component
   as Across the Newsroom. Card dimensions, overlays, hover and swipe behavior
   come from home-threads.css through .frontpage.editorial-cover .home-mini-rail.
   Only section framing and its changing heading are styled here. */
body:has(.editorial-cover) main#main #home-crossover.frontpage.wrap.editorial-cover{
  width:min(calc(100% - 2 * clamp(18px,2.8vw,46px)),var(--content-width,1460px));
  max-width:none;
  margin-inline:auto;
  padding-top:var(--rp-home-section-gap,clamp(48px,4.3vw,64px));
  padding-bottom:0;
  min-width:0;
}
#home-crossover > .section-bar{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 20px;
  margin:0;
  padding:0 0 var(--rp-home-heading-gap,20px);
  border:0;
}
#home-crossover > .section-bar h2{
  margin:0;
  color:#202020;
  font-size:var(--rp-home-heading-size,clamp(21px,1.65vw,24px));
  font-weight:650;
  line-height:1.3;
  letter-spacing:-.035em;
}
#home-crossover .home-crossover-more{
  font-size:12px;
  font-weight:500;
  color:#626262;
  text-decoration:none;
}
#home-crossover .home-crossover-more:hover{color:#a32331}
#home-crossover [data-feature-heading].is-revealing{
  display:inline-block;
  animation:rp-feature-label-in .34s cubic-bezier(.2,.7,.25,1) both;
}
#home-crossover .home-crossover-kicker.is-appearing{
  display:inline-block;
  animation:rp-feature-label-in .44s cubic-bezier(.2,.7,.25,1) both;
}
@keyframes rp-feature-label-in{
  from{opacity:0;filter:blur(7px);transform:translateY(5px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  #home-crossover [data-feature-heading].is-revealing,
  #home-crossover .home-crossover-kicker.is-appearing{animation:none}
}