.photo{background:var(--sand-100);width:100%;position:relative;overflow:hidden}.photo--fill{height:100%;position:absolute;inset:0}.photo picture,.photo img{width:100%;height:100%;display:block}.photo img{opacity:0;transition:opacity 1.2s var(--ease-out)}.photo.is-loaded img{opacity:1}.photo--placeholder{background-color:var(--ph);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");place-items:center;display:grid}.photo__label{max-width:80%;font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;text-align:center;color:#28242080;flex-direction:column;align-items:center;gap:.4em;font-size:.62rem;line-height:1.6;display:flex}.photo__label em{border:1px solid;padding:.3em .8em;font-style:normal}.photo--dark .photo__label{color:#ffffff73}