/* =====================================================================
   Page styles for services/photography.php
   Loaded after style.css, only on this page.
   ===================================================================== */

/* photography viewfinder overlay on a real photo */
.vfo{position:absolute;inset:0;z-index:2;pointer-events:none}
.vfo .c{position:absolute;width:7cqw;height:7cqw;border:.5cqw solid #fff;opacity:.9}
.vfo .c1{left:5cqw;top:5cqw;border-right:0;border-bottom:0}
.vfo .c2{right:5cqw;top:5cqw;border-left:0;border-bottom:0}
.vfo .c3{left:5cqw;bottom:5cqw;border-right:0;border-top:0}
.vfo .c4{right:5cqw;bottom:5cqw;border-left:0;border-top:0}
.vfo .focus{position:absolute;left:50%;top:46%;width:14cqw;height:14cqw;transform:translate(-50%,-50%);border:.35cqw solid rgba(255,255,255,.9);border-radius:1cqw}
.vfo .rec{position:absolute;left:9cqw;top:8cqw;display:flex;align-items:center;gap:1cqw;font-family:var(--mono);font-size:2.2cqw;color:#fff;letter-spacing:.1em}
.vfo .rec::before{content:"";width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--accent);animation:blink 1.4s steps(1) infinite}
.vfo .set{position:absolute;right:9cqw;bottom:8cqw;font-family:var(--mono);font-size:2.2cqw;color:#fff;letter-spacing:.06em;padding:.8cqw 1.6cqw;border-radius:99px;background:rgba(24,24,24,.55)}