/* Blender-composited source photographs; masks share each photo's exact crop. */
.gallery .tile.big{background-image:url('./energy-0001.jpg');--photo-position:center;--steel-mask:url('./energy-steel.png')}
.gallery .tile.t2{background-image:url('./lineup-0001.jpg');--photo-position:center;--steel-mask:url('./lineup-steel.png')}
.gallery .tile.t3{background-image:url('./tools-0001.jpg');--photo-position:50% 18%}
.gallery .tile.t4{background-image:url('./chair-0001.jpg');--photo-position:60% 30%}
.gallery .tile.t5{background-image:url('../../film/fade.jpg');--photo-position:50% 34%;--photo-size:cover}
.gallery .tile{background-position:var(--photo-position);background-size:var(--photo-size,cover);isolation:isolate}
.gallery .tile::after{z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.08) 66%,rgba(0,0,0,.65));pointer-events:none}
.gallery .tile span{z-index:3;text-shadow:0 2px 12px #000}
.gallery .tile .steel,.gallery .tile .gold,.gallery .tile .lamp-glow{position:absolute;inset:0;pointer-events:none;z-index:2;mix-blend-mode:screen}
.gallery .tile .steel{
  background:linear-gradient(110deg,transparent 43%,rgba(214,229,245,.2) 47%,rgba(255,255,255,.85) 50%,rgba(239,244,255,.2) 53%,transparent 57%) 110% 0/280% 100% no-repeat;
  -webkit-mask:var(--steel-mask) var(--photo-position)/var(--photo-size,cover) no-repeat;
  mask:var(--steel-mask) var(--photo-position)/var(--photo-size,cover) no-repeat;
  animation:gallerySteel 6.8s ease-in-out infinite;opacity:0;
}
.gallery .tile.t2 .steel{animation-delay:1.4s}
.gallery .tile.t5 .steel{animation-delay:2.8s}
.gallery .tile .gold{
  background:linear-gradient(110deg,transparent 44%,rgba(255,235,186,.32) 50%,transparent 56%) 110% 0/280% 100% no-repeat;
  -webkit-mask:url('./tools-gold.png') var(--photo-position)/cover no-repeat;
  mask:url('./tools-gold.png') var(--photo-position)/cover no-repeat;
  animation:gallerySteel 8.5s ease-in-out 1s infinite;opacity:0;
}
.gallery .tile .lamp-glow{background:url('./chair-glow-0001.jpg') var(--photo-position)/cover no-repeat;animation:galleryLamp 7.5s ease-in-out infinite;opacity:.24}
@keyframes gallerySteel{0%,12%{background-position:110% 0;opacity:0}25%{opacity:.75}52%{opacity:.75}65%,100%{background-position:-10% 0;opacity:0}}
@keyframes galleryLamp{0%,100%{opacity:.18}50%{opacity:.38}}
@media(prefers-reduced-motion:reduce){
  .gallery .tile .steel,.gallery .tile .gold{animation:none!important;opacity:0!important}
  .gallery .tile .lamp-glow{animation:none!important;opacity:.24}
}