/* Hand-painted background trial, 2026-09-07. Loaded only by index.html.
   Artwork stays behind the content; the original concept remains reusable. */
.home-brand-concept::before { display: none; }

/* Leave the hero's right side clear for the video, including its old overlay. */
.home-brand-concept .hero::after { content: none; display: none; }

.home-brand-concept :is(.intro, #strengths, #services, .process, .recruit-section, .news-section, .cta-section) {
  position: relative;
  isolation: isolate;
  background: #f4f2ec;
}
.home-brand-concept :is(.intro, #strengths, #services, .process, .recruit-section, .news-section, .cta-section)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("../img/home-art-paper-20260907.png") center / cover no-repeat;
  opacity: .42;
  mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent);
}
.home-brand-concept .intro::before { opacity: .6; }
.home-brand-concept #strengths::before { transform: scaleX(-1); opacity: .48; }
.home-brand-concept #services::before { opacity: .3; }
.home-brand-concept .process::before { opacity: .35; transform: scaleX(-1); }
.home-brand-concept .recruit-section::before { opacity: .62; }
.home-brand-concept .news-section::before { opacity: .18; }
.home-brand-concept .cta-section::before { opacity: .52; }

/* Opaque reading surfaces keep the artwork from lowering text contrast. */
.home-brand-concept :is(.home-intro-copy, .recruit-copy) {
  background: rgba(244,242,236,.94);
  padding: clamp(22px, 3vw, 38px);
  border-radius: 3px 38px 3px 3px;
}
.home-brand-concept .feature-card,
.home-brand-concept .service-subgrid .service-card,
.home-brand-concept .timeline li,
.home-brand-concept .recruit-facts div {
  background: rgba(255,255,255,.97);
}
.home-brand-concept .news-item { background: rgba(244,242,236,.94); }
.home-brand-concept .section-dark {
  background: linear-gradient(rgba(10,24,46,.94), rgba(10,24,46,.94)),
    url("../img/home-art-paper-20260907.png") center / cover no-repeat;
}
.home-brand-concept .cta-box::after {
  inset: 0;
  width: auto;
  height: auto;
  background: url("../img/home-art-paper-20260907.png") right center / cover no-repeat;
  mix-blend-mode: luminosity;
  opacity: .075;
  pointer-events: none;
}
@media (max-width: 760px) {
  .home-brand-concept :is(.intro, #strengths, #services, .process, .recruit-section, .news-section, .cta-section)::before {
    background-size: auto 100%;
    background-position: 65% center;
    opacity: .28;
  }
}