/**
 * Washnah Home — Unified Red Gradient Identity
 * 2026-06-25
 * Loaded last on the bilingual home pages only.
 */
.home-page {
  --home-red-950: #26060b;
  --home-red-900: #3c0911;
  --home-red-800: #5f1018;
  --home-red-700: #801922;
  --home-red-600: #9d2834;
  --home-red-500: #bd4551;
  --home-red-300: #e8a5ad;
  --home-red-100: #f9e9eb;
  --home-red-50: #fff8f8;
  --home-red-gradient: linear-gradient(138deg, #3c0911 0%, #801922 52%, #b33b47 100%);
  --home-red-gradient-deep: linear-gradient(145deg, #26060b 0%, #5f1018 52%, #801922 100%);
  --home-red-shadow: 0 22px 58px rgba(95, 16, 24, .24);
  --brand: var(--home-red-700);
  --brand-deep: var(--home-red-800);
  --brand-bright: var(--home-red-500);
  --soft-brand: rgba(128, 25, 34, .085);
  --shadow-brand: 0 16px 38px rgba(128, 25, 34, .30);
}

/* Header and primary actions */
.home-page.scrolled .site-header,
.home-page .site-header.is-solid,
.home-page .site-header.scrolled,
.home-page .site-header.header-scrolled,
.home-page .site-header.is-scrolled {
  background: linear-gradient(110deg, rgba(38, 6, 11, .95), rgba(128, 25, 34, .91));
  border-bottom-color: rgba(255, 255, 255, .12);
  box-shadow: 0 16px 42px rgba(38, 6, 11, .25);
  backdrop-filter: blur(18px) saturate(145%);
}

.home-page .header-cta,
.home-page .btn-primary-pro,
.home-page .footer-contact-btn,
.home-page .scroll-top {
  color: #fff;
  background: linear-gradient(135deg, var(--home-red-500), var(--home-red-700) 58%, var(--home-red-800));
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 14px 34px rgba(95, 16, 24, .32);
}

.home-page .header-cta:hover,
.home-page .btn-primary-pro:hover,
.home-page .footer-contact-btn:hover,
.home-page .scroll-top:hover {
  color: #fff;
  background: linear-gradient(135deg, #cf5964, #951f2b 62%, #5f1018);
  box-shadow: 0 18px 42px rgba(95, 16, 24, .40);
}

/* Hero — red is the dominant visual layer */
.home-page .hero-home::before {
  background:
    radial-gradient(circle at 16% 72%, rgba(211, 79, 91, .50), transparent 32%),
    radial-gradient(circle at 84% 20%, rgba(128, 25, 34, .42), transparent 30%),
    linear-gradient(108deg, rgba(38, 6, 11, .94) 7%, rgba(95, 16, 24, .76) 49%, rgba(38, 6, 11, .88) 100%) !important;
}

.home-page .hero-home::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .42;
  background:
    linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .055) 49%, transparent 68%),
    radial-gradient(circle at 74% 30%, rgba(255, 214, 219, .13), transparent 24%);
  mix-blend-mode: screen;
}

.home-page .hero-home .hero-video { filter: saturate(.78) contrast(1.04); }
.home-page .hero-home .hero-content,
.home-page .hero-home .hero-scroll-cue { z-index: 3; }

.home-page .hero-kicker {
  display: inline-flex;
  width: fit-content;
  padding: 9px 15px;
  color: #fff;
  background: rgba(128, 25, 34, .28);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .10);
  backdrop-filter: blur(12px);
}

.home-page .hero-main-title .hero-title-line {
  text-shadow: 0 10px 34px rgba(38, 6, 11, .34);
}

.home-page .btn-secondary-pro {
  background: linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(128, 25, 34, .16));
  border-color: rgba(255, 255, 255, .34);
  box-shadow: inset 0 1px rgba(255, 255, 255, .10);
}

.home-page .btn-secondary-pro:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .23), rgba(189, 69, 81, .24));
}

/* Shared section accents */
.home-page .section-eyebrow { color: var(--home-red-700); }
.home-page .section-eyebrow::before { background: linear-gradient(90deg, var(--home-red-500), var(--home-red-800)); }
.home-page .section-title h2 { letter-spacing: -.025em; }

/* About, vision and mission */
.home-page .about-modern {
  background:
    radial-gradient(circle at 9% 18%, rgba(128, 25, 34, .105), transparent 29%),
    radial-gradient(circle at 91% 79%, rgba(189, 69, 81, .095), transparent 31%),
    linear-gradient(180deg, #fff 0%, #fff9fa 52%, #f9edef 100%);
}

.home-page .about-modern__orb--one,
.home-page .about-modern__orb--two {
  border-color: rgba(128, 25, 34, .13);
  box-shadow: 0 0 0 52px rgba(128, 25, 34, .030), 0 0 0 104px rgba(128, 25, 34, .020);
}

.home-page .about-modern__story {
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .10), transparent 26%),
    var(--home-red-gradient-deep);
  border-color: rgba(128, 25, 34, .24);
  box-shadow: 0 30px 80px rgba(72, 9, 18, .25);
}

.home-page .about-modern__story::before {
  background: radial-gradient(circle, rgba(232, 165, 173, .34), rgba(232, 165, 173, 0));
}

.home-page .about-modern__purpose-card {
  border-color: rgba(128, 25, 34, .11);
  background: linear-gradient(150deg, rgba(255, 255, 255, .97), rgba(255, 246, 247, .94));
  box-shadow: 0 22px 60px rgba(95, 16, 24, .10);
}

.home-page .about-modern__purpose-card:hover {
  border-color: rgba(128, 25, 34, .27);
  box-shadow: 0 30px 76px rgba(95, 16, 24, .17);
}

.home-page .about-modern__purpose-card--vision::after,
.home-page .about-modern__purpose-card--mission::after {
  background: radial-gradient(circle, rgba(189, 69, 81, .22), transparent 68%);
}

.home-page .about-modern__purpose-number { color: rgba(128, 25, 34, .10); }

.home-page .about-modern__icon,
.home-page .about-modern__value > i {
  color: var(--home-red-700);
  background: linear-gradient(145deg, rgba(128, 25, 34, .10), rgba(189, 69, 81, .055));
  border-color: rgba(128, 25, 34, .14);
}

.home-page .about-modern__icon--brand,
.home-page .about-modern__values-title {
  color: #fff;
  background: var(--home-red-gradient);
  box-shadow: 0 14px 34px rgba(95, 16, 24, .30);
}

.home-page .about-modern__sector-icon--eco {
  color: #ffe8ea;
  background: linear-gradient(145deg, rgba(189, 69, 81, .38), rgba(128, 25, 34, .28));
}

.home-page .about-modern__sector-icon--water {
  color: #fff1f2;
  background: linear-gradient(145deg, rgba(232, 165, 173, .32), rgba(157, 40, 52, .30));
}

.home-page .about-modern__values {
  background: rgba(128, 25, 34, .12);
  border-color: rgba(128, 25, 34, .12);
  box-shadow: 0 18px 52px rgba(95, 16, 24, .10);
}

.home-page .about-modern__value:hover { background: #fff8f9; }

.home-page .about-modern__profiles .profile-card {
  border-color: rgba(128, 25, 34, .12);
  background: linear-gradient(145deg, #fff, #fff7f8);
  box-shadow: 0 16px 46px rgba(95, 16, 24, .09);
}

.home-page .about-modern__profiles .profile-card:hover {
  border-color: rgba(128, 25, 34, .25);
  box-shadow: 0 24px 58px rgba(95, 16, 24, .16);
}

.home-page .about-modern__profiles .profile-card:first-child .profile-icon,
.home-page .about-modern__profiles .profile-card:last-child .profile-icon {
  color: #fff;
  background: linear-gradient(145deg, var(--home-red-500), var(--home-red-800));
  box-shadow: 0 14px 30px rgba(95, 16, 24, .28);
}

/* Track record / projects */
.home-page .stats-pro {
  background: var(--home-red-950);
}

.home-page .stats-pro::before {
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 213, 218, .16), transparent 27%),
    radial-gradient(circle at 12% 80%, rgba(189, 69, 81, .22), transparent 31%),
    linear-gradient(138deg, rgba(38, 6, 11, .985) 0%, rgba(128, 25, 34, .94) 55%, rgba(58, 8, 15, .97) 100%) !important;
}

.home-page .stats-pro > img {
  opacity: .17;
  filter: grayscale(1) sepia(.35) hue-rotate(300deg) saturate(1.35);
}

.home-page .stats-pro .section-eyebrow { color: #f1bdc2; }

.home-page .stats-pro .stats-item {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055));
  border-color: rgba(255, 255, 255, .18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .10), 0 18px 42px rgba(38, 6, 11, .20);
}

.home-page .stats-pro .stats-item::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  inset: -72px -58px auto auto;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 165, 173, .25), transparent 70%);
  pointer-events: none;
}

.home-page .stats-pro .stats-item:hover {
  transform: translateY(-7px);
  background: linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .075));
  border-color: rgba(255, 255, 255, .30);
  box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 26px 56px rgba(38, 6, 11, .28);
}

.home-page .stats-pro .stats-item .purecounter {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 8px 26px rgba(38, 6, 11, .28);
}

.home-page .stats-pro .stats-item.has-plus .purecounter::after {
  content: "+";
  margin-inline-start: .10em;
  color: #f4c5ca;
  font-size: .52em;
  font-weight: 800;
  line-height: 1;
  transform: translateY(.05em);
}

/* Project map — preserve differentiation using red shades only */
.home-page .project-outreach {
  --outreach-brand: var(--home-red-700);
  --outreach-water: #d45b68;
  --outreach-environment: #9d2834;
  background:
    radial-gradient(circle at 13% 18%, rgba(232, 165, 173, .13), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(128, 25, 34, .25), transparent 27%),
    linear-gradient(135deg, #26060b 0%, #5f1018 48%, #30070d 100%) !important;
}

.home-page .project-outreach__veil {
  background: linear-gradient(90deg, rgba(38, 6, 11, .96), rgba(128, 25, 34, .68) 44%, rgba(38, 6, 11, .30)) !important;
}

.home-page .project-outreach__filter.is-active {
  background: linear-gradient(135deg, var(--home-red-500), var(--home-red-700)) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  box-shadow: 0 14px 32px rgba(38, 6, 11, .26) !important;
}

.home-page .project-outreach__filter[data-map-filter="water"].is-active {
  background: linear-gradient(135deg, #df707b, #a72f3b) !important;
}

.home-page .project-outreach__filter[data-map-filter="environment"].is-active {
  background: linear-gradient(135deg, #b43a46, #74131d) !important;
}

.home-page .project-outreach__picker-button,
.home-page .project-outreach__picker-list,
.home-page .project-outreach__project-card,
.home-page .project-outreach__map-tooltip,
.home-page .project-outreach__point-label {
  background-color: rgba(48, 7, 13, .90) !important;
  background-image: linear-gradient(145deg, rgba(128, 25, 34, .35), rgba(38, 6, 11, .78)) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 24px 58px rgba(24, 3, 7, .32) !important;
}

.home-page .project-outreach__project-point.is-water { --point-color: #d45b68 !important; }
.home-page .project-outreach__project-point.is-environment { --point-color: #9d2834 !important; }
.home-page .project-outreach__dot.is-water { color: #d45b68; background: currentColor; }
.home-page .project-outreach__dot.is-environment { color: #9d2834; background: currentColor; }
.home-page .project-outreach__province { stroke: #a95a63; }

/* Chairman section already uses red; harmonize its transitions */
.home-page .chairman-message {
  border-block: 1px solid rgba(128, 25, 34, .12);
  box-shadow: inset 0 1px rgba(255, 255, 255, .05);
}

/* Partners */
.home-page .partners-pro {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 22%, rgba(128, 25, 34, .08), transparent 27%),
    radial-gradient(circle at 88% 74%, rgba(189, 69, 81, .075), transparent 28%),
    linear-gradient(180deg, #fff 0%, #fff8f9 100%);
}

.home-page .partners-pro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(128, 25, 34, .025), transparent 42%, rgba(128, 25, 34, .035));
}

.home-page .partners-marquee::before {
  background: linear-gradient(90deg, #fff8f9, transparent);
}

.home-page .partners-marquee::after {
  background: linear-gradient(-90deg, #fff8f9, transparent);
}

.home-page .partners-pro .logo-track img {
  border-color: rgba(128, 25, 34, .10);
  background: linear-gradient(145deg, #fff, #fffafb);
  box-shadow: 0 12px 32px rgba(95, 16, 24, .07);
}

.home-page .partners-pro .logo-track img:hover {
  border-color: rgba(128, 25, 34, .24);
  box-shadow: 0 18px 42px rgba(95, 16, 24, .14);
}

/* Footer and AI launcher */
.home-page .site-footer {
  background:
    radial-gradient(circle at 86% 10%, rgba(232, 165, 173, .15), transparent 29%),
    linear-gradient(145deg, #26060b 0%, #5f1018 58%, #33070d 100%);
}

.home-page .site-footer::before {
  background: radial-gradient(circle, rgba(232, 165, 173, .20), transparent 66%);
}

.home-page .footer-bottom {
  background: rgba(26, 3, 7, .26);
  border-top-color: rgba(255, 255, 255, .10);
}

.home-page .washnah-ai__launcher,
.home-page .washnah-ai__launcher-label-icon,
.home-page .washnah-ai__send {
  background: linear-gradient(135deg, var(--home-red-500), var(--home-red-700) 58%, var(--home-red-800));
  box-shadow: 0 16px 38px rgba(95, 16, 24, .34);
}

@media (max-width: 1199.98px) {
  .home-page .site-header .navmenu > ul {
    border-color: rgba(128, 25, 34, .12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .stats-pro .stats-item:hover,
  .home-page .partners-pro .logo-track img:hover {
    transform: none;
  }
}