/* Panoramic photography replaces only the service character, not the carousel. */
body.internal-page #tags .web-skills-packaging.web-skills-photographic{
  position:relative;
  justify-content:flex-start;
  overflow:visible;
  pointer-events:none;
}
body.internal-page #tags .web-skills-photographic img{
  display:block;
  flex:none;
  width:240%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain;
  object-position:left center;
  /* The dark, empty side continues beneath the deck without a rectangular edge. */
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 3%,#000 49%,transparent 86%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 3%,#000 49%,transparent 86%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
body.internal-page #tags .home-skills-deck{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  body.internal-page #tags .web-skills-packaging.web-skills-photographic{
    display:block;
    width:min(100%,380px);
    height:auto;
    aspect-ratio:1.1;
    margin:24px auto 8px;
    overflow:hidden;
  }
  body.internal-page #tags .web-skills-photographic img{
    width:100%!important;
    height:100%!important;
    object-fit:cover;
    object-position:left center;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);
  }
}