/* ==== Photo / technology backgrounds (v15) ====
   HOW IT WORKS: each area lists  overlay + your photo + a fallback.  If a photo file is missing the
   browser simply skips it, so nothing breaks.  To use a REAL photo: save it in assets/img/ with the
   same file name (e.g. hero-home.jpg).  Tune readability with the 3 numbers below (0 = clear photo, 1 = hidden).
   Photo guide: assets/img/README.md */
:root{--ov-hero:.88;--ov-page:.88;--ov-dark:.74;--ov-card:.55}

/* Home hero (light theme -> light overlay keeps dark text readable) */
.hero-reference{background:linear-gradient(rgba(247,245,237,var(--ov-hero)),rgba(247,245,237,var(--ov-hero))),url(img/hero-home.jpg) center/cover no-repeat,#f7f5ed}

/* Inner-page banners: page-<name>.jpg first, then page-default.jpg, then the old gradient */
.page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%);background-blend-mode:normal}
body[data-page="engineering"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-engineering.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="consultancy"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-consultancy.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="training"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-training.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="staffing"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-staffing.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="services"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-services.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="about"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-about.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="aiie"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-aiie.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="fde"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-fde.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="careers"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-careers.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}
body[data-page="contact"] .page-hero{background:linear-gradient(rgba(251,252,241,var(--ov-page)),rgba(241,243,231,.94)),url(img/page-contact.jpg) center/cover no-repeat,url(img/page-default.jpg) center/cover no-repeat,linear-gradient(180deg,#fffef8 0%,#f7f1d2 100%)}

/* Dark "system view" bands */
.dark-feature{background:linear-gradient(rgba(10,22,8,var(--ov-dark)),rgba(10,22,8,.9)),url(img/feature-dark.jpg) center/cover no-repeat,var(--forest)}

/* Card thumbnails on Training / Consultancy / Staffing (animated layers stay on top of the photo) */
.card-visual.automotive{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/automotive.jpg) center/cover no-repeat,radial-gradient(circle at 70% 20%,#1b3a18,#081306 68%)}
.card-visual.embedded{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/embedded.jpg) center/cover no-repeat,linear-gradient(135deg,#10220f,#071008)}
.card-visual.ai{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/ai.jpg) center/cover no-repeat,radial-gradient(circle,#183918,#071007 65%)}
.card-visual.automation{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/automation.jpg) center/cover no-repeat,linear-gradient(135deg,#172e13,#071007)}
.card-visual.testing{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/testing.jpg) center/cover no-repeat,linear-gradient(135deg,#11220e,#060c05)}
.card-visual.cybersecurity{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/cybersecurity.jpg) center/cover no-repeat,radial-gradient(circle at 50% 55%,#173417,#060d05 68%)}
.card-visual.cloud{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/cloud.jpg) center/cover no-repeat,linear-gradient(135deg,#0f2a1c,#061008)}
.card-visual.software{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/software.jpg) center/cover no-repeat,linear-gradient(135deg,#132a12,#071007)}
.card-visual.consultancy{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/consultancy.jpg) center/cover no-repeat,linear-gradient(135deg,#1a2a12,#080f06)}
.card-visual.technology{background:linear-gradient(rgba(6,14,5,var(--ov-card)),rgba(6,14,5,.8)),url(img/cards/technology.jpg) center/cover no-repeat,linear-gradient(135deg,#10220f,#071008)}