/* RC97 — Individual SEO city pages: full uncropped city photograph that scrolls with the page. */
body.seo-photo-page{
  position:relative;
  min-height:100vh;
  background-color:#070707;
  background-image:var(--seo-bg-image);
  background-size:100% auto;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:scroll;
}

/* Never place a global dark veil over the city photograph. */
body.seo-photo-page::before,
body.seo-photo-page::after{
  content:none !important;
  display:none !important;
}

body.seo-photo-page main,
body.seo-photo-page .footer,
body.seo-photo-page .topbar,
body.seo-photo-page .nav{
  position:relative;
  z-index:1;
}

/* Header remains readable but lets the photograph show through. */
body.seo-photo-page .topbar,
body.seo-photo-page .nav{
  background:rgba(5,5,5,.26) !important;
  backdrop-filter:blur(5px) saturate(1.04);
  -webkit-backdrop-filter:blur(5px) saturate(1.04);
}

/* Make the large hero vignette match the other transparent cards. */
body.seo-photo-page .hero{
  position:relative;
  background:linear-gradient(145deg,rgba(7,7,7,.28),rgba(7,7,7,.16)) !important;
  border-bottom:1px solid rgba(215,168,79,.26);
  backdrop-filter:blur(2px) saturate(1.02);
  -webkit-backdrop-filter:blur(2px) saturate(1.02);
}

body.seo-photo-page .section{
  position:relative;
  background:transparent !important;
}

/* Uniform transparent glass treatment across all area-page cards. */
body.seo-photo-page .service-card,
body.seo-photo-page .area-card,
body.seo-photo-page .info-card,
body.seo-photo-page .cta,
body.seo-photo-page .notice{
  background:linear-gradient(145deg,rgba(8,8,8,.30),rgba(8,8,8,.18)) !important;
  border-color:rgba(231,190,99,.48) !important;
  backdrop-filter:blur(5px) saturate(1.04);
  -webkit-backdrop-filter:blur(5px) saturate(1.04);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

body.seo-photo-page .footer{
  background:rgba(4,4,4,.28) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

body.seo-photo-page .hero h1,
body.seo-photo-page .hero p,
body.seo-photo-page .breadcrumb,
body.seo-photo-page .section h2,
body.seo-photo-page .service-card h3,
body.seo-photo-page .service-card p,
body.seo-photo-page .area-card h3,
body.seo-photo-page .area-card p,
body.seo-photo-page .info-card,
body.seo-photo-page .cta,
body.seo-photo-page .footer{
  text-shadow:0 2px 9px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.95);
}

@media (max-width:860px){
  body.seo-photo-page{
    background-size:100% auto;
    background-position:center top;
    background-attachment:scroll;
  }
  body.seo-photo-page .hero{
    background:rgba(6,6,6,.27) !important;
  }
  body.seo-photo-page .service-card,
  body.seo-photo-page .area-card,
  body.seo-photo-page .info-card,
  body.seo-photo-page .cta,
  body.seo-photo-page .notice{
    background:rgba(7,7,7,.29) !important;
  }
}