body.photography{background:#0d0b09}.photography .intro{padding-bottom:64px}.photography .coda{padding:72px 5.5vw}.sheet-wrap{padding:0 5.5vw}.sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}@media (width<=900px){.sheet{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.sheet{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{aspect-ratio:16/9;cursor:zoom-in;background:#000;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:filter .4s;display:block}.tile:hover img,.tile:focus-visible img{filter:brightness(1.12)saturate(1.06)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.shade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.fx1{animation:1.1s ease-in-out flipx1}.fx2{animation:1.1s ease-in-out flipx2}.fy1{animation:1.1s ease-in-out flipy1}.fy2{animation:1.1s ease-in-out flipy2}.fx1 .shade,.fy1 .shade{animation:1.1s ease-in-out shade1}.fx2 .shade,.fy2 .shade{animation:1.1s ease-in-out shade2}@keyframes flipx1{0%,to{transform:scaleX(1)}50%{transform:scaleX(.02)}}@keyframes flipx2{0%,to{transform:scaleX(1)}50%{transform:scaleX(.02)}}@keyframes flipy1{0%,to{transform:scaleY(1)}50%{transform:scaleY(.02)}}@keyframes flipy2{0%,to{transform:scaleY(1)}50%{transform:scaleY(.02)}}@keyframes shade1{0%,to{opacity:0}50%{opacity:.55}}@keyframes shade2{0%,to{opacity:0}50%{opacity:.55}}.fade1 .shade{animation:1.1s ease-in-out shade1}.fade2 .shade{animation:1.1s ease-in-out shade2}@media (prefers-reduced-motion:reduce){.fade1 .shade,.fade2 .shade{animation-duration:1.6s}.tile img{transition:none}}