/* Original finished files remain untouched. Monochrome is a reversible gallery preview. */
#gallery{gap:30px 22px;align-items:start;grid-auto-flow:row}
#gallery .portfolio-tile{aspect-ratio:auto;background:none;overflow:visible;min-height:0;margin:0;grid-column:span 1}
#gallery .portfolio-tile.tile--wide{grid-column:1/-1}
#gallery .portfolio-tile::after{display:none}
#gallery .portfolio-tile .glink{display:block;position:relative;inset:auto;height:auto;overflow:hidden}
#gallery .portfolio-tile .tile__media{position:relative;inset:auto;aspect-ratio:var(--photo-ratio);overflow:hidden;background:#17140F}
#gallery .portfolio-tile .tile__media::after{display:none}
#gallery .portfolio-tile .tile__media picture{display:block;width:100%;height:100%}
#gallery .portfolio-tile .tile__media img{display:block;position:relative;inset:auto;width:100%;height:auto;object-fit:contain;object-position:50% 0;filter:grayscale(1);opacity:1;transform:none!important;transition:filter .65s cubic-bezier(.2,.7,.2,1);will-change:auto}
.portfolio-caption{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:7px 10px;padding:14px 0 4px;color:var(--cream);text-shadow:0 2px 12px #050506}
.portfolio-caption__number{font:10px var(--ui);color:rgba(244,241,234,.5)}
.has-ember .portfolio-caption__number{color:var(--ember)}
.portfolio-caption__title{font:italic clamp(17px,1.8vw,24px) var(--display);font-weight:400;line-height:1.3}
.portfolio-caption__category{grid-column:2;grid-row:2;font:9px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,241,234,.6)}
.portfolio-caption__arrow{grid-column:3;grid-row:1;transition:transform .25s;color:rgba(244,241,234,.55)}
.bw-available{grid-column:3;grid-row:2;white-space:nowrap;font:9px var(--ui);color:rgba(244,241,234,.65)}
.portfolio-tile a:hover .portfolio-caption__arrow{transform:translate(2px,-2px);color:var(--cream)}
.gallery-chapter{display:flex;align-items:baseline;gap:18px;grid-column:1/-1;margin:55px 0 2px;padding-top:24px;border-top:1px solid rgba(244,241,234,.16)}
.gallery-chapter:first-child{margin-top:0}
.gallery-chapter>span{font:10px var(--ui);letter-spacing:.1em;color:rgba(244,241,234,.45)}
.gallery-chapter h2{font:italic 30px var(--display);font-weight:400;letter-spacing:-.02em;color:var(--cream)}
.gallery-chapter[data-chapter=studio]{margin-top:95px;padding-top:35px}
.gallery-meta{display:flex;gap:20px;justify-content:space-between;align-items:baseline;margin:0 0 30px;font:10px/1.8 var(--ui);color:rgba(244,241,234,.65)}
#galleryCount{white-space:nowrap}.gallery-meta>p:last-child{max-width:32ch;text-align:right}
#filters{flex-wrap:wrap;gap:3px 21px;margin-bottom:24px;overflow:visible;max-width:100%}
#filters .filter{white-space:normal;text-align:left;font-size:10px;letter-spacing:.07em;min-height:44px;padding:10px 0}
.hero-previews img{filter:grayscale(1);opacity:1;object-position:50% 0;transform:none;transition:filter .65s cubic-bezier(.2,.7,.2,1)}
.hero-previews a:hover img,.hero-previews a:focus-visible img{opacity:1;transform:none}
.hero-previews picture{display:block;width:100%;height:100%}
.hero-previews a::after{background:linear-gradient(transparent 60%,rgba(5,5,6,.85))}
.hero-previews a{aspect-ratio:4/5}.hero-previews span{font-size:10px;letter-spacing:.13em}
.viewer-image{filter:none!important;object-fit:contain}.viewer-title{max-width:40ch}
.viewer-version[hidden]{display:none}.viewer-version[aria-pressed=true]{border-color:var(--cream);background:var(--cream);color:var(--charcoal)}
.viewer-version{white-space:nowrap}.viewer-bottom{gap:14px}.viewer-actions{gap:8px}
.session-row h3{font-size:clamp(26px,2.8vw,36px)}
.session-row{border-top:1px solid rgba(244,241,234,.09);padding-block:26px}
.session-row p{max-width:40ch}.session-price{font-size:10px}
.portfolio-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:24px;font-size:11px;letter-spacing:.07em;border-bottom:1px solid rgba(244,241,234,.3)}
.portfolio-link:hover{color:var(--ember);border-color:var(--ember)}
@media(max-width:600px){#gallery{gap:30px;grid-template-columns:minmax(0,1fr)}#gallery .portfolio-tile{grid-column:1/-1}.gallery-chapter{margin-top:28px}.gallery-chapter[data-chapter=studio]{margin-top:55px}.portfolio-caption__title{font-size:23px}.gallery-meta{font-size:9px;gap:14px}#filters{gap:2px 20px}.viewer-title{font-size:20px}.viewer-actions{flex-wrap:wrap}.viewer-zoom{flex:1;min-width:85px}.portrait-viewer .viewer-version{font-size:10px;padding-inline:9px}.session-row h3{font-size:29px}.hero-previews a{aspect-ratio:4/5}.portfolio-caption__category{font-size:9px}}
@media(max-height:500px){.viewer-bottom{flex-direction:row;align-items:center}.viewer-actions{width:auto;flex-wrap:nowrap}.viewer-brand{font-size:8px}.viewer-title{font-size:16px}.portrait-viewer button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.portfolio-caption__arrow{transition:none}}

/* One gesture reveals the actual edit; opening always starts in original color. */
#gallery .portfolio-tile:focus-within .tile__media img,.hero-previews a:focus-visible img{filter:grayscale(0)}
@media(hover:hover) and (pointer:fine){
 #gallery .portfolio-tile:hover .tile__media img,.hero-previews a:hover img{filter:grayscale(0)}
}
@media(prefers-reduced-motion:reduce){
 #gallery .portfolio-tile .tile__media img,.hero-previews img{transition:none}
}