/* MAYOWA OPEX | Coordinated photographic accents, 2026-11
   New layer only: does not modify site navigation, forms, quizzes, or content.
   Place after site-unified.css where present. Photos intentionally concentrate
   in page introductions and select card previews; reading and forms stay clean. */
:root { --visual-blue:#143852; --visual-gold:#B89A5B; }
/* Home: one visual focal point, keeping the existing headline readable. */
.mayowa-home .hero {
  background-image:linear-gradient(90deg, rgba(8,29,49,.98) 0%, rgba(12,40,63,.95) 42%, rgba(10,37,59,.56) 70%, rgba(10,32,51,.16) 100%),url('warehouse-aisle.webp');
  background-repeat:no-repeat; background-position:center,right center; background-size:cover,cover;
}
.mayowa-home .hero::after {opacity:.35;pointer-events:none;}
.mayowa-home .hero .container{padding-top:90px;padding-bottom:92px;}
.mayowa-home .hero h1,.mayowa-home .hero .lead{max-width:640px;}
/* Small photographic strips on expertise cards. No images in lengthy prose. */
.mayowa-home main>.section:nth-of-type(2) .panel {position:relative;overflow:hidden;padding-top:130px;}
.mayowa-home main>.section:nth-of-type(2) .panel::before {
  content:"";position:absolute;left:0;right:0;top:0;height:100px;
  background-image:linear-gradient(0deg,rgba(20,56,82,.10),rgba(20,56,82,0)),var(--card-image);
  background-size:cover;background-position:center;
  border-bottom:3px solid var(--visual-gold);
}
.mayowa-home main>.section:nth-of-type(2) .panel:nth-child(1){--card-image:url('warehouse-storage.webp')}
.mayowa-home main>.section:nth-of-type(2) .panel:nth-child(2){--card-image:url('manufacturing-line.webp')}
.mayowa-home main>.section:nth-of-type(2) .panel:nth-child(3){--card-image:url('process-checklist.webp')}
.mayowa-home main>.section:nth-of-type(2) .panel:nth-child(4){--card-image:url('performance-dashboard.webp')}
/* Two modest thumbnails on free-tool cards and Operations Insights articles. */
.mayowa-home main>.section:nth-of-type(4) .panel,
.mayowa-home section.insights-home .panel,
.mayowa-resources .section:not(.specialized-resources) .panel,
.mayowa-insights .section .panel {
  position:relative;overflow:hidden;
}
.mayowa-home main>.section:nth-of-type(4) .panel::before,
.mayowa-home section.insights-home .panel::before,
.mayowa-resources .section:not(.specialized-resources) .panel::before,
.mayowa-insights .section .panel::before {
  content:"";display:block;height:100px;margin:-30px -30px 23px;
  background:var(--preview-photo) center/cover no-repeat;
  border-bottom:2px solid #e0d1b4;
}
.mayowa-home main>.section:nth-of-type(4) .panel:nth-child(1),
.mayowa-resources .section:not(.specialized-resources) .panel:nth-child(1) {--preview-photo:url('process-checklist.webp')}
.mayowa-home main>.section:nth-of-type(4) .panel:nth-child(2),
.mayowa-resources .section:not(.specialized-resources) .panel:nth-child(2) {--preview-photo:url('conveyor-operations.webp')}
.mayowa-home section.insights-home .panel:nth-child(1),.mayowa-insights .section .panel:nth-child(1){--preview-photo:url('warehouse-storage.webp')}
.mayowa-home section.insights-home .panel:nth-child(2),.mayowa-insights .section .panel:nth-child(2){--preview-photo:url('conveyor-operations.webp')}
/* Interior pages: single low-contrast visual on the right of the introduction. */
.mayowa-services .page-hero,
.mayowa-about .page-hero,
.mayowa-resources .page-hero,
.mayowa-insights .page-hero,
.mayowa-contact .page-hero,
.mayowa-article .article-hero {
  background-image:linear-gradient(90deg,#f6f9fb 0%,#f6f9fb 55%,rgba(246,249,251,.96) 65%,rgba(246,249,251,.78) 78%,rgba(246,249,251,.15) 100%),var(--page-photo);
  background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;
  border-bottom:1px solid #dde6ed;
}
.mayowa-services{--page-photo:url('manufacturing-line.webp')}
.mayowa-about{--page-photo:url('warehouse-storage.webp')}
.mayowa-resources{--page-photo:url('resource-dashboard.webp')}
.mayowa-insights{--page-photo:url('performance-dashboard.webp')}
.mayowa-contact{--page-photo:url('process-checklist.webp')}
.mayowa-article{--page-photo:url('warehouse-storage.webp')}
.mayowa-article-bottleneck{--page-photo:url('conveyor-operations.webp')}
.mayowa-services .page-hero .lead,.mayowa-about .page-hero .lead,
.mayowa-resources .page-hero .lead,.mayowa-insights .page-hero .lead,
.mayowa-contact .page-hero .lead {max-width:690px;}
/* On privacy, retain an intentionally image-free reading surface. */
/* Assessment pages: understated photo in navy header only, without altering reports. */
.mayowa-assessment .hero {
  background-image:linear-gradient(90deg,rgba(11,33,54,.99) 0%,rgba(15,47,70,.97) 51%,rgba(14,46,68,.78) 75%,rgba(15,42,64,.45) 100%),url('warehouse-aisle.webp');
  background-position:center,right center;background-repeat:no-repeat;background-size:cover,cover;
}
/* Keep quiz/report cards, contact form, schedules, and audit data uncluttered. */
@media(max-width:800px) {
 .mayowa-home .hero{background-image:linear-gradient(90deg,rgba(8,29,49,.97),rgba(11,36,58,.9)),url('warehouse-aisle.webp')}
 .mayowa-services .page-hero,.mayowa-about .page-hero,.mayowa-resources .page-hero,
 .mayowa-insights .page-hero,.mayowa-contact .page-hero,.mayowa-article .article-hero {
   background-image:linear-gradient(90deg,rgba(246,249,251,.98),rgba(246,249,251,.92)),var(--page-photo);
 }
 .mayowa-home .hero .container{padding-top:66px;padding-bottom:72px;}
}
@media(max-width:620px) {
 .mayowa-home main>.section:nth-of-type(2) .panel{padding-top:115px}
 .mayowa-home main>.section:nth-of-type(2) .panel::before{height:87px}
 .mayowa-home main>.section:nth-of-type(4) .panel::before,
 .mayowa-home section.insights-home .panel::before,
 .mayowa-resources .section:not(.specialized-resources) .panel::before,
 .mayowa-insights .section .panel::before {margin:-20px -20px 18px;height:88px}
}
@media(prefers-reduced-motion:reduce){.mayowa-home .hero,.mayowa-assessment .hero{background-attachment:scroll}}
@media print { .mayowa-home .hero,.mayowa-assessment .hero{background-image:none!important} }