/* Edition 12 — paired day/night editorial crossfade */
.a{background-image:url("images/binary-editorial-storefront.webp")!important;background-position:center!important}
.b{background-image:url("images/binary-editorial-day.webp")!important;background-position:center!important}
.c{background-image:url("images/binary-editorial-night.webp")!important;background-position:center!important}

.daynight .half{isolation:isolate}
.daynight .mood-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);animation:binaryPair 20s ease-in-out infinite both}
.daynight .mood-shot:nth-of-type(2){animation-delay:-10s}
.daynight .half:first-child .mood-shot:first-of-type{object-position:center 52%}
.daynight .half:first-child .mood-shot:nth-of-type(2){object-position:center 44%}
.daynight .half:last-child .mood-shot{object-position:center 54%}
.daynight .half:after{z-index:1}
.daynight .half>div{z-index:3}
.half-icon{position:absolute;z-index:3;right:34px;top:34px;display:grid;width:46px;height:46px;place-items:center;border:1px solid #ffffff9a;border-radius:50%;background:#05050524;backdrop-filter:blur(8px);color:#fff;font:300 22px/1 Georgia,serif}
@keyframes binaryPair{0%,43%{opacity:1;transform:scale(1.01)}50%,93%{opacity:0;transform:scale(1.05)}100%{opacity:1;transform:scale(1.01)}}
@media(prefers-reduced-motion:reduce){.daynight .mood-shot{animation:none;opacity:0}.daynight .mood-shot:first-of-type{opacity:1;transform:none}}

@media(max-width:850px){
  .a{background-position:60% center!important}
  .half-icon{right:22px;top:22px;width:42px;height:42px;font-size:20px}
}