/* A tiny, same-tone photograph comes into focus once the display copy is decoded. */
.focus-photo{background-color:var(--photo-color,#343a36);filter:blur(20px);transform:scale(1.04);transition:filter 500ms ease,transform 500ms ease;will-change:filter,transform}
.focus-photo.focus-ready{filter:blur(0);transform:scale(1);will-change:auto}
.focus-photo.focus-error{opacity:.65;cursor:pointer}
.managed-grid img.focus-photo{height:auto}
.managed-grid.layout-masonry img.focus-photo,.managed-grid.layout-large img.focus-photo{aspect-ratio:var(--photo-ratio,4 / 5)}
.managed-grid figure,.album-card{overflow:hidden}
.about-portrait.focus-photo,.block-photo.focus-photo{aspect-ratio:var(--photo-ratio,4 / 5)}
.hero img.focus-photo,.block-banner:not([data-template="framed"]) .block-photo.focus-photo{aspect-ratio:auto}
.site-reading .hero{background:radial-gradient(ellipse at 60% 30%,#333d39,#151b1b 75%)}
.site-reading .hero-content{min-height:180px;min-width:min(75%,500px);border-radius:4px;background:linear-gradient(90deg,transparent,rgba(203,185,154,.07),transparent);background-size:200% 100%;animation:site-reading 2s ease-in-out infinite}
.site-read-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:10px;align-items:center;padding:12px 20px;border:1px solid rgba(203,185,154,.3);border-radius:30px;background:rgba(19,24,24,.94);color:#ddd5c7;font-size:13px;box-shadow:0 8px 30px #0003}
.site-read-status::before{content:'';width:7px;height:7px;border-radius:50%;background:#cbb99a;animation:site-reading-dot 1.2s ease-in-out infinite}
.site-read-status.read-error::before{animation:none;background:#ce977c}
@keyframes site-reading{from{background-position:150% 0}to{background-position:-50% 0}}
@keyframes site-reading-dot{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.focus-photo,.focus-photo.focus-ready{filter:none;transform:none;transition:none;will-change:auto}.site-reading .hero-content,.site-read-status::before{animation:none}}
