/* V35: colour and exposure inside capability media only. UI theme stays intact. */
.gpu-card-media .gpu-photo-plane>img{filter:saturate(1.05) brightness(.99) contrast(1.04)}
.gpu-card-media:after{background:linear-gradient(180deg,#0000 68%,#0008)}
.gpu-electricity{opacity:1;filter:saturate(1.3)}
.gpu-die-surface{filter:drop-shadow(0 0 2px #8fe7c260)}
.cloud-photo .service-photo{filter:saturate(1.12) brightness(1.1) contrast(1.04)}
.connected-photo .service-photo{filter:saturate(.96) brightness(.92) contrast(1.02)}
.education-photo .service-photo{filter:saturate(.92) brightness(.76) contrast(1.03)}
.service-photo-media:after{background:linear-gradient(180deg,#0000 62%,#0008)}
.connected-energy{opacity:.4}
#custom-software .terminal-lines b{color:#91bcff}
#custom-software .terminal-lines em{color:#a1dfb0}
#custom-software .terminal-write{color:#a5ccff}
#custom-software .terminal-lines code:nth-of-type(2){background:linear-gradient(90deg,#6aa9ff25,#6aa9ff05)}
#custom-software .terminal-lines code:nth-of-type(3),#custom-software .terminal-lines code:nth-of-type(4){background:linear-gradient(90deg,#6bd09b25,#6bd09b05)}
@media(hover:hover){
 .service-tile:hover .cloud-photo .service-photo{filter:saturate(1.15) brightness(1.13) contrast(1.04)}
 .service-tile:hover .connected-photo .service-photo{filter:saturate(.98) brightness(.94) contrast(1.02)}
 .service-tile:hover .education-photo .service-photo{filter:saturate(.94) brightness(.76) contrast(1.03)}
}

/* V38: darker, cohesive workshop photographs; cycle only during intentional hover. */
.education-photo .service-photo{transition:opacity .55s ease,filter .55s ease;transform:none}
.service-tile:hover .education-photo .service-photo{transform:none}
.education-photo .education-slide{opacity:0;object-position:center}
@media(hover:hover){
 #education:is(:hover,:focus-visible) .education-slide-team{animation:education-team-cycle 6s ease-in-out infinite}
 #education:is(:hover,:focus-visible) .education-slide-developer{animation:education-developer-cycle 6s ease-in-out infinite}
}
@keyframes education-team-cycle{0%,8%{opacity:0}18%,44%{opacity:1}54%,100%{opacity:0}}
@keyframes education-developer-cycle{0%,42%{opacity:0}54%,79%{opacity:1}91%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
 .education-photo .service-photo{transition:none!important}
 .education-photo .education-slide{animation:none!important}
 #education:is(:hover,:focus-visible) .education-slide-team{opacity:1}
}