/* Homepage Mission cards — visible soft destination-page palettes (EN/AR/HE).
   Strong enough to read as colored cards, still deliberately lighter than the Mission page. */
.site-homepage .pillars a.pillar{
  --flag-deep:#334155;
  --flag-accent:#94a3b8;
  --flag-gold:#c99a48;
  --flag-line:rgba(51,65,85,.18);
  --flag-glow:rgba(148,163,184,.12);
  --flag-bg-1:#f7f9fb;
  --flag-bg-2:#f1f5f9;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--flag-line)!important;
  border-top:2px solid color-mix(in srgb,var(--flag-accent) 76%,#fff)!important;
  background:linear-gradient(145deg,var(--flag-bg-1) 0%,var(--flag-bg-2) 100%)!important;
  box-shadow:0 10px 28px rgba(3,27,51,.055)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}

/* Diplomacy & Dialogue — burgundy / rose / diplomatic gold */
.site-homepage .pillars a.pillar.dialogue-home-card{
  --flag-deep:#6f2138;
  --flag-accent:#c95167;
  --flag-gold:#d4ab56;
  --flag-line:rgba(141,41,64,.24);
  --flag-glow:rgba(201,81,103,.14);
  --flag-bg-1:#fff1f4;
  --flag-bg-2:#fff8f1;
}

/* Peace & Regional Stability — forest green / fresh teal / gold */
.site-homepage .pillars a.pillar.stability-home-card{
  --flag-deep:#245f45;
  --flag-accent:#4ca77d;
  --flag-gold:#c89b4c;
  --flag-line:rgba(47,125,88,.23);
  --flag-glow:rgba(76,167,125,.14);
  --flag-bg-1:#edf9f2;
  --flag-bg-2:#f7fbef;
}

/* People-to-People Relations — plum / soft violet / gold */
.site-homepage .pillars a.pillar.human-home-card{
  --flag-deep:#70417e;
  --flag-accent:#a66bb5;
  --flag-gold:#c99a48;
  --flag-line:rgba(130,80,144,.23);
  --flag-glow:rgba(166,107,181,.14);
  --flag-bg-1:#f9effb;
  --flag-bg-2:#fff7fb;
}

/* Economic & Scientific Cooperation — deep teal / luminous cyan / gold */
.site-homepage .pillars a.pillar.coop-home-card{
  --flag-deep:#11777d;
  --flag-accent:#28b7bd;
  --flag-gold:#c99a48;
  --flag-line:rgba(22,139,146,.23);
  --flag-glow:rgba(40,183,189,.14);
  --flag-bg-1:#eaf9f9;
  --flag-bg-2:#f4fbff;
}

.site-homepage .pillars a.pillar::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--flag-accent) 15%,transparent),transparent 34%),
    linear-gradient(110deg,transparent 56%,color-mix(in srgb,var(--flag-gold) 6%,transparent));
  opacity:.72;
}
.site-homepage .pillars a.pillar::after{
  content:"";
  position:absolute;
  z-index:1;
  left:20px;
  right:20px;
  bottom:14px;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--flag-gold) 46%,transparent),transparent)!important;
  opacity:.52;
  pointer-events:none;
  box-shadow:none!important;
}
.site-homepage .pillars a.pillar>*{position:relative;z-index:2}
.site-homepage .pillars a.pillar .icon{
  color:var(--flag-deep)!important;
  background:color-mix(in srgb,var(--flag-accent) 12%,#fff)!important;
  border-color:color-mix(in srgb,var(--flag-accent) 30%,#e5e7eb)!important;
}
.site-homepage .pillars a.pillar h3{color:color-mix(in srgb,var(--flag-deep) 90%,#0f2944)!important}
.site-homepage .pillars .dialogue-home-card .dialogue-home-cta,
.site-homepage .pillars .stability-home-card .stability-home-cta,
.site-homepage .pillars .human-home-card .human-home-cta,
.site-homepage .pillars .coop-home-card .coop-home-cta{
  color:color-mix(in srgb,var(--flag-deep) 84%,var(--flag-gold))!important;
}

@media (hover:hover) and (pointer:fine){
  .site-homepage .pillars a.pillar:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--flag-accent) 46%,#d8dee4)!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--flag-bg-1) 91%,var(--flag-accent)) 0%,var(--flag-bg-2) 100%)!important;
    box-shadow:0 14px 34px rgba(3,27,51,.07),0 0 18px var(--flag-glow)!important;
  }
  .site-homepage .pillars a.pillar:hover .icon{
    background:color-mix(in srgb,var(--flag-accent) 17%,#fff)!important;
    box-shadow:0 0 12px var(--flag-glow);
  }
}

@media(prefers-reduced-motion:reduce){
  .site-homepage .pillars a.pillar,.site-homepage .pillars a.pillar .icon{transition:none!important}
}