/* Distinct documentary photographs for core site pages. Three are user-provided, locally optimized. Remaining images curated from Pexels.
   No photograph is used as another page's hero. Guide photos remain separate.
   Keep overlays dark for accessible text and preserve existing layouts. */
body[data-hero-page="404"] header.legal-hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/26794811/pexels-photo-26794811.jpeg?auto=compress&cs=tinysrgb&w=1440&h=850&fit=crop")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="404"] header.legal-hero h1,body[data-hero-page="404"] header.legal-hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="404"] header.legal-hero p,body[data-hero-page="404"] header.legal-hero .lead,body[data-hero-page="404"] header.legal-hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="services"] header.hero::before{background-image:url("https://images.pexels.com/photos/7477723/pexels-photo-7477723.jpeg?auto=compress&cs=tinysrgb&w=1440&h=850&fit=crop")!important;background-position:center 46%!important;background-size:cover!important;background-repeat:no-repeat!important}
body[data-hero-page="life-manual"] header.hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("/assets/hero-life-manual-album-20261024.webp")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="life-manual"] header.hero h1,body[data-hero-page="life-manual"] header.hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="life-manual"] header.hero p,body[data-hero-page="life-manual"] header.hero .lead,body[data-hero-page="life-manual"] header.hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="about"] header.page-hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("/assets/hero-about-richmond-street-20261024.webp")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="about"] header.page-hero h1,body[data-hero-page="about"] header.page-hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="about"] header.page-hero p,body[data-hero-page="about"] header.page-hero .lead,body[data-hero-page="about"] header.page-hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="faq"] header.faq-hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://thumb.wikimedia.org/wikipedia/commons/thumb/a/ae/Elderly_woman_multitasking_on_the_phone_while_managing_tasks_on_her_laptop.jpg/1280px-Elderly_woman_multitasking_on_the_phone_while_managing_tasks_on_her_laptop.jpg")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="faq"] header.faq-hero h1,body[data-hero-page="faq"] header.faq-hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="faq"] header.faq-hero p,body[data-hero-page="faq"] header.faq-hero .lead,body[data-hero-page="faq"] header.faq-hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="resources"] section.resources-hero-image{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.73),rgba(12,10,8,.54) 50%,rgba(10,8,7,.58)),url("https://images.unsplash.com/photo-1768158989131-64cbff67f292?auto=format&fit=crop&w=1280&q=80")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="resources"] section.resources-hero-image h1,body[data-hero-page="resources"] section.resources-hero-image h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="resources"] section.resources-hero-image p,body[data-hero-page="resources"] section.resources-hero-image .lead,body[data-hero-page="resources"] section.resources-hero-image .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
/* Approved first edited Readiness landing photo, hosted with site assets. */
body[data-hero-page="readiness"] #rq-embed{background-color:#0f0c08!important;background-image:linear-gradient(180deg,rgba(15,12,8,.30) 0,rgba(15,12,8,.56) 360px,#0f0c08 850px),url("/cdn-cgi/image/width=1600,quality=74,format=webp,onerror=redirect/assets/readiness-hero-first-edit.png")!important;background-position:center top,center top!important;background-size:100% 850px,100% auto!important;background-repeat:no-repeat!important}
body[data-hero-page="richmond"] header.hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("/assets/richmond-skyline-20261112(1).webp")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="richmond"] header.hero h1,body[data-hero-page="richmond"] header.hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="richmond"] header.hero p,body[data-hero-page="richmond"] header.hero .lead,body[data-hero-page="richmond"] header.hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="thanks"] header.hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/8441815/pexels-photo-8441815.jpeg?auto=compress&cs=tinysrgb&w=1440&h=850&fit=crop")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="thanks"] header.hero h1,body[data-hero-page="thanks"] header.hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="thanks"] header.hero p,body[data-hero-page="thanks"] header.hero .lead,body[data-hero-page="thanks"] header.hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="privacy"] header.legal-hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/3276079/pexels-photo-3276079.jpeg?auto=compress&cs=tinysrgb&w=1440&h=850&fit=crop")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="privacy"] header.legal-hero h1,body[data-hero-page="privacy"] header.legal-hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="privacy"] header.legal-hero p,body[data-hero-page="privacy"] header.legal-hero .lead,body[data-hero-page="privacy"] header.legal-hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}
body[data-hero-page="terms"] header.legal-hero{background-color:#100d0b!important;background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/8815849/pexels-photo-8815849.jpeg?auto=compress&cs=tinysrgb&w=1440&h=850&fit=crop")!important;background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;color:#f4eee2!important}
body[data-hero-page="terms"] header.legal-hero h1,body[data-hero-page="terms"] header.legal-hero h2{color:#f4eee2!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
body[data-hero-page="terms"] header.legal-hero p,body[data-hero-page="terms"] header.legal-hero .lead,body[data-hero-page="terms"] header.legal-hero .eff{color:#e8e1d3!important;text-shadow:0 2px 8px rgba(0,0,0,.65)!important}

body[data-hero-page="life-manual"] header.hero{min-height:clamp(380px,68svh,690px)!important}
body[data-hero-page="about"] header.page-hero{min-height:340px;padding:clamp(90px,12vw,140px) 26px 76px!important}
body[data-hero-page="faq"] header.faq-hero{min-height:320px;padding:86px 24px 60px!important}
body[data-hero-page="resources"] section.resources-hero-image{min-height:375px;display:flex;align-items:center;justify-content:center;padding:clamp(85px,11vw,120px) 24px!important}
body[data-hero-page="resources"] section.resources-hero-image .wrap{position:relative;z-index:1}
body[data-hero-page="richmond"] header.hero{min-height:335px;display:flex;align-items:center;justify-content:center;padding:82px 24px!important}
body[data-hero-page="thanks"] header.hero{min-height:360px}
body[data-hero-page="privacy"] header.legal-hero,
body[data-hero-page="terms"] header.legal-hero,
body[data-hero-page="404"] header.legal-hero{min-height:280px;padding:80px 24px 60px!important}
@media(max-width:700px){
 body[data-hero-page="resources"] section.resources-hero-image{min-height:315px}
 body[data-hero-page="about"] header.page-hero,
 body[data-hero-page="faq"] header.faq-hero{min-height:280px}
 body[data-hero-page="life-manual"] header.hero{min-height:400px!important}
 body[data-hero-page="readiness"] #rq-embed{background-size:cover,auto 500px!important}
}

/* Page-specific art direction for user-supplied Richmond and family photographs. */
body[data-hero-page="about"] header.page-hero{background-position:center 56%!important;background-image:linear-gradient(90deg,rgba(10,9,8,.76),rgba(12,10,8,.58) 55%,rgba(10,8,7,.48)),url("/assets/hero-about-richmond-street-20261024.webp")!important}
body[data-hero-page="richmond"] header.hero{background-position:center 50%!important;background-image:linear-gradient(90deg,rgba(10,9,8,.81),rgba(12,10,8,.57) 55%,rgba(10,8,7,.58)),url("/assets/richmond-skyline-20261112(1).webp")!important}
body[data-hero-page="life-manual"] header.hero{background-position:center 43%!important;background-image:linear-gradient(90deg,rgba(10,9,8,.86),rgba(12,10,8,.70) 55%,rgba(10,8,7,.66)),url("/assets/hero-life-manual-album-20261024.webp")!important}

/* Resources: real archive shelves photographed by Richard Heinen, Unsplash License, January 2026. */
body[data-hero-page="resources"] section.resources-hero-image{background-position:center 50%!important}
\n/* FAQ: genuine group discussion photographed by Age Cymru, Unsplash License, July 2025. */\nbody[data-hero-page="faq"] header.faq-hero{background-position:center 44%!important}\n

/* The Readiness Check's photographic background is heavily shaded and shown
   at about 500 CSS pixels tall on mobile. Keep the same Pexels photograph
   and crop ratio while avoiding the 1440px desktop request on small screens. */
@media(max-width:700px){
  body[data-hero-page="readiness"] #rq-embed{
    background-image:linear-gradient(180deg,rgba(15,12,8,.40) 0,rgba(15,12,8,.63) 320px,#0f0c08 710px),url("/cdn-cgi/image/width=960,quality=70,format=webp,onerror=redirect/assets/readiness-hero-first-edit.png")!important;background-size:100% 710px,auto 560px!important;background-position:center top,66% top!important;
  }
}

/* Mobile resources hero: same documented photograph, scaled for the smaller viewport. */
@media(max-width:700px){
  body[data-hero-page="resources"] section.resources-hero-image{
    background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.unsplash.com/photo-1768158989131-64cbff67f292?auto=format&fit=crop&w=960&q=80")!important;
  }
}

/* Small-screen variant: preserve the original photo and natural aspect ratio.
   The 800px thumbnail is appropriate for common 390-400 CSS-pixel phones at 2x. */
@media(max-width:480px){
  body[data-hero-page="resources"] section.resources-hero-image{
    background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.unsplash.com/photo-1768158989131-64cbff67f292?auto=format&fit=crop&w=800&q=80")!important;
  }
}

/* Resources: visible editorial photography, without a decorative rule above the hero. */
body[data-hero-page="resources"] section.resources-hero-image{border-top:0!important;box-shadow:none!important}
body[data-hero-page="resources"] section.resources-hero-image::before{border:0!important}
/* Smaller legal hero photos on phones (LCP). */
@media(max-width:700px){body[data-hero-page="privacy"] header.legal-hero{background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/3276079/pexels-photo-3276079.jpeg?auto=compress&cs=tinysrgb&w=760&h=900&fit=crop")!important}}@media(max-width:700px){body[data-hero-page="terms"] header.legal-hero{background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/8815849/pexels-photo-8815849.jpeg?auto=compress&cs=tinysrgb&w=760&h=900&fit=crop")!important}}@media(max-width:700px){body[data-hero-page="404"] header.legal-hero{background-image:linear-gradient(90deg,rgba(10,9,8,.88),rgba(12,10,8,.72) 50%,rgba(10,8,7,.67)),url("https://images.pexels.com/photos/26794811/pexels-photo-26794811.jpeg?auto=compress&cs=tinysrgb&w=760&h=900&fit=crop")!important}}