/* Nine16 portfolio overlay copy – 2026-10-26
   Preserves original orange overlay, title animation, filters and desktop cards.
   Only styles new descriptive copy. Loaded after existing responsive/menu styles. */
#project-section .project-gallery .single-img .opacity .border-shape > div > div {
  padding: 0 10px;
}
#project-section .project-gallery .single-img .opacity ul.portfolio-blurb {
  width: 100%;
  max-width: 290px;
  margin: 9px auto 0;
  padding: 0;
  list-style: none;
}
#project-section .project-gallery .single-img .opacity ul.portfolio-blurb li {
  display: block;
  margin: 0;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .005em;
  overflow-wrap: break-word;
}
/* Keep readable on the two-column tablet grid without enlarging the card. */
@media (min-width: 551px) and (max-width: 1100px) {
  #project-section .project-gallery .single-img .opacity ul.portfolio-blurb {
    max-width: 270px;
    margin-top: 7px;
  }
  #project-section .project-gallery .single-img .opacity ul.portfolio-blurb li {
    font-size: 11.5px;
    line-height: 1.35;
  }
}
@media (max-width: 550px) {
  #project-section .project-gallery .single-img .opacity .border-shape > div > div {padding:0 8px;}
  #project-section .project-gallery .single-img .opacity ul.portfolio-blurb {margin-top:7px; max-width:315px;}
  #project-section .project-gallery .single-img .opacity ul.portfolio-blurb li {
    font-size: 12px;
    line-height: 1.35;
  }
}
@media (max-width: 360px) {
  #project-section .project-gallery .single-img .opacity ul.portfolio-blurb li {font-size: 11px; line-height: 1.27;}
  #project-section .project-gallery .single-img .opacity h6 a {font-size: 13px;}
}