/* Keep supplied JPG files intact; reveal their color through CSS interaction. */
.about .photo-frame{flex:0 1 auto;width:100%;height:auto;aspect-ratio:5504/3072;min-height:0;max-height:75%;background:transparent}
.about .photo-frame img{width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(1);transform:none;transition:filter 1s ease}
.about .photo-frame:hover img,.about .photo-frame:focus-visible img{filter:grayscale(0)}
.about .photo-frame:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
.about.is-active .photo-frame img{animation:original-photo-in 1.2s ease both}
.projects .project-visual{aspect-ratio:var(--project-ratio,4800/3584);height:auto;max-height:100%;background:transparent}
.projects .project-image-button{background:transparent}
.projects .project-image-button img{object-fit:contain;object-position:center;filter:grayscale(1);transform:none;transition:filter 1s ease,opacity .35s}
.projects .project-image-button:hover img,.projects .project-image-button:focus-visible img{filter:grayscale(0)}
.project-dialog>img{width:100%;height:auto;max-height:52dvh;object-fit:contain;filter:none;background:#101010}
@keyframes original-photo-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.about .photo-frame{max-height:100%}.projects .project-visual{max-height:calc((100vw - 53px)*.74667);flex:1 1 0;min-height:0}.project-dialog>img{max-height:45dvh}}
@media(max-width:480px){.about .about-visual{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;padding-top:0}.about .photo-frame{width:100%;flex:0 1 auto;max-height:255px}.about .about-values{width:100%}}
@media(max-height:490px) and (min-width:500px){.about .photo-frame{max-height:100%}.projects .project-visual{height:100%;max-height:100%}}
@media(hover:none){.about .photo-frame:focus img,.about .photo-frame:active img{filter:grayscale(0)}}
@media(prefers-reduced-motion:reduce){.about.is-active .photo-frame img{animation:none}.about .photo-frame img,.projects .project-image-button img{transition:none}}