/* Keep photo swaps available for a mouse on touch-capable and hybrid devices too. */
.project-group .row>a .project-hover-photo,.rh-gallery-project-row .row>a .project-hover-photo{transition:opacity .3s ease;pointer-events:none;z-index:1}
.project-group .row>a:hover .project-hover-photo,.project-group .row>a:focus-visible .project-hover-photo,.rh-gallery-project-row .row>a:hover .project-hover-photo,.rh-gallery-project-row .row>a:focus-visible .project-hover-photo{opacity:1!important}
/* Touch screens ignore the sticky tap hover, which flashed the second photo. A tap opens the project (Studio)
   or flips that Gallery photo; rh-touch is set by project-photo-preview.js for phones that report a hover pointer. */
@media (hover:none){html body :is(.project-group,.rh-gallery-project-row) .row>a:not(.is-photo-preview) .project-hover-photo.project-hover-photo{opacity:0!important}}
html.rh-touch body :is(.project-group,.rh-gallery-project-row) .row>a:not(.is-photo-preview) .project-hover-photo.project-hover-photo{opacity:0!important}
html body .rh-gallery-project-row .row>a.is-photo-preview .project-hover-photo.project-hover-photo{opacity:1!important}
.rh-gallery-project-row .row>a,.rh-gallery-project-row .row>a img{-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-drag:none}
body .project-group .group-label,body .rh-gallery-project-row .group-label{font-size:8px!important;letter-spacing:.15em!important}
body .project-group .group-label>span:first-child,body .rh-gallery-project-row .group-label>span:first-child{font-size:inherit!important}
body .project-group .group-label>span:last-child,body .rh-gallery-project-row .group-label>span:last-child{font-size:20px!important}
@media(prefers-reduced-motion:reduce){.project-hover-photo{transition:none!important}}