/* Existing portfolio gallery only. Project screenshots retain their own colors. */
#projects .project-scene{transition:opacity .6s var(--ease),visibility .6s}
#projects .project-scene>img,#projects .project-scene figcaption{translate:none;transition:none}
#projects .project-scene>img{height:auto;object-fit:contain;background-color:#ebe6db;background-size:contain;background-position:center;background-repeat:no-repeat}
#projects .project-scene figcaption{align-self:center;min-width:0}
#projects .project-scene strong{margin-top:0;margin-bottom:14px}
#projects .project-scene .project-category{font-size:10px;line-height:1.7;letter-spacing:.015em;color:#947139;margin-bottom:13px;max-width:320px}
#projects .project-description{max-width:320px}
#projects .project-actions{display:grid;justify-items:start;gap:7px;margin-top:21px}
#projects .project-open{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:43px;max-width:100%;padding:12px 13px;border:1px solid #bbaa88;border-radius:4px;background:transparent;color:#403a2e;font-size:9px;font-weight:600;letter-spacing:.045em;line-height:1.4;white-space:nowrap;transition:background .25s var(--ease),border-color .25s var(--ease)}
#projects .project-open>span{font-size:17px;font-weight:400;line-height:1}
#projects a.project-open:hover{background:#eee4d1;border-color:#b68a35}
#projects .project-open:disabled{cursor:default;color:#968d7c;border-color:#ded5c4;background:#eeeadf}
#projects .project-link-note{display:block;min-height:14px;font-size:9px;line-height:14px;color:#9c927f}
#projects .project-thumb>img{flex:0 0 74px;width:74px;height:auto;aspect-ratio:36/25;object-fit:contain}
#projects .chapter-copy{min-width:0}
#projects .chapter-copy>span{line-height:1.5;overflow-wrap:anywhere}
#projects .gallery-navigation .arrow-button{width:44px;height:44px}
#projects .can-open-project{cursor:pointer}
#projects .can-open-project:focus-visible{outline:2px solid #b68a35;outline-offset:5px}
@media(max-width:800px){
 #projects .project-scene .project-category{font-size:9px}
 #projects .project-thumb>img{flex-basis:58px;width:58px}
}
@media(max-width:540px){
 #projects .project-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
 #projects .project-thumb{position:relative;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:7px;padding:9px 8px;min-width:0}
 #projects .chapter-number{align-self:flex-start;padding:0;font-size:8px;line-height:1}
 #projects .project-thumb>img{flex:0 0 auto;width:100%;height:auto;aspect-ratio:36/25}
 #projects .chapter-copy{margin:0;gap:4px}
 #projects .chapter-copy strong{font-size:11px;line-height:1.3;letter-spacing:0}
 #projects .chapter-copy>span{font-size:8px;line-height:1.45}
 #projects .chapter-arrow{position:absolute;top:5px;right:8px;bottom:auto;font-size:13px;line-height:1}
 #projects .project-scene .project-category{font-size:10px;max-width:none}
 #projects .project-description{max-width:none}
 #projects .project-actions{margin-top:19px}
}
@media(prefers-reduced-motion:reduce){#projects .project-scene,#projects .project-open{transition:none}}