/**
 * Universal Plywood — Industry Expertise interaction v1.1.64
 * Desktop: title always visible; paragraph reveals on hover/focus.
 * Touch: first tap reveals paragraph; second tap follows the card link.
 */

html body .up-industry-card__content{
  justify-content:flex-start!important;
}

/* Resting state: title only. Keep the copy in the DOM for accessibility. */
html body .up-industry-card p{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(16px)!important;
  max-height:0!important;
  overflow:hidden!important;
  margin-top:0!important;
  pointer-events:none!important;
  transition:
    opacity .42s cubic-bezier(.22,1,.36,1),
    transform .50s cubic-bezier(.22,1,.36,1),
    max-height .55s cubic-bezier(.22,1,.36,1),
    margin-top .55s cubic-bezier(.22,1,.36,1),
    visibility 0s linear .55s!important;
}

html body .up-industry-card::after{
  background:rgba(0,0,0,.24)!important;
  transition:background .55s cubic-bezier(.22,1,.36,1)!important;
}

/* Fine pointer devices: reveal only the card currently hovered/focused. */
@media (hover:hover) and (pointer:fine){
  html body .up-industry-card:hover p,
  html body .up-industry-card:focus-visible p,
  html body .up-industry-card:focus-within p{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    max-height:280px!important;
    margin-top:30px!important;
    pointer-events:auto!important;
    transition:
      opacity .42s cubic-bezier(.22,1,.36,1) .06s,
      transform .50s cubic-bezier(.22,1,.36,1) .02s,
      max-height .55s cubic-bezier(.22,1,.36,1),
      margin-top .55s cubic-bezier(.22,1,.36,1),
      visibility 0s linear 0s!important;
  }

  html body .up-industry-card:hover::after,
  html body .up-industry-card:focus-visible::after,
  html body .up-industry-card:focus-within::after{
    background:rgba(0,0,0,.48)!important;
  }
}

/* Touch/coarse pointers: JS adds .is-copy-open on first tap. */
@media (hover:none), (pointer:coarse){
  html body .up-industry-card.is-copy-open p{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    max-height:320px!important;
    margin-top:24px!important;
    pointer-events:auto!important;
    transition:
      opacity .42s cubic-bezier(.22,1,.36,1) .06s,
      transform .50s cubic-bezier(.22,1,.36,1) .02s,
      max-height .55s cubic-bezier(.22,1,.36,1),
      margin-top .55s cubic-bezier(.22,1,.36,1),
      visibility 0s linear 0s!important;
  }

  html body .up-industry-card.is-copy-open::after{
    background:rgba(0,0,0,.48)!important;
  }
}