/* RC100 — Continuous full-page city backgrounds for individual area SEO pages. */
body.seo-photo-page{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  /* Full-height extension layer: same city image enlarged to fill the entire document. */
  background-color:#070707 !important;
  background-image:var(--seo-bg-image) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}

/* Clear, uncropped city photograph at the top, scrolling naturally with the document. */
body.seo-photo-page::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--seo-bg-image) !important;
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  opacity:1;
}

/* Soft transition layer prevents a visible hard ending where the full photo finishes. */
body.seo-photo-page::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--seo-bg-image) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:blur(16px) saturate(1.08);
  transform:scale(1.025);
  opacity:.34;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 28%,#000 50%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,transparent 28%,#000 50%,#000 100%);
}

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

/* Keep sections transparent so the city photograph remains visible to the footer. */
body.seo-photo-page main,
body.seo-photo-page .section,
body.seo-photo-page .footer{
  background:transparent !important;
}

/* Preserve the approved light glass treatment without a page-wide dark veil. */
body.seo-photo-page .hero{
  background:linear-gradient(145deg,rgba(7,7,7,.25),rgba(7,7,7,.12)) !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:linear-gradient(145deg,rgba(8,8,8,.27),rgba(8,8,8,.14)) !important;
}

body.seo-photo-page .footer{
  background:rgba(4,4,4,.20) !important;
}

@media (max-width:860px){
  body.seo-photo-page{
    background-size:auto 100% !important;
    background-position:center center !important;
  }
  body.seo-photo-page::before{
    background-size:100% auto !important;
    background-position:center top !important;
  }
  body.seo-photo-page::after{
    filter:blur(12px) saturate(1.05);
    opacity:.38;
  }
}