/* UR integration v22 — Ur is visually nested inside the Abrahamic Movement homepage card. */

/* Shared outer box: one Abrahamic Movement feature, with Ur as an inset story row. */
.site-homepage .hero-action-cluster.movement-only .movement-hero-card{
  width:100%;
  overflow:hidden;
  border:1px solid rgba(231,201,141,.56);
  background:linear-gradient(90deg,rgba(4,35,63,.76),rgba(4,35,63,.54));
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  box-shadow:0 12px 32px rgba(2,18,31,.12);
}
.site-homepage .hero-action-cluster.movement-only .movement-hero-card .movement-hero-expanded{
  border:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.site-homepage .hero-action-cluster.movement-only .movement-hero-card .movement-hero-expanded:hover,
.site-homepage .hero-action-cluster.movement-only .movement-hero-card .movement-hero-expanded:focus-visible{
  background:rgba(255,255,255,.025);
}

/* Ur is a compact internal row, separated by a fine gold divider rather than a second card. */
.site-homepage .hero-action-cluster.movement-only .movement-ur-feature{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px 16px;
  margin:0 11px 11px;
  padding:10px 12px;
  border:0;
  border-top:1px solid rgba(231,201,141,.32);
  background:rgba(255,255,255,.035);
  color:#fff;
  text-decoration:none;
  transition:background .2s ease;
}
.site-homepage .hero-action-cluster.movement-only .movement-ur-feature:hover,
.site-homepage .hero-action-cluster.movement-only .movement-ur-feature:focus-visible{
  background:rgba(231,201,141,.075);
}
.site-homepage .movement-ur-mark{
  display:grid;
  place-items:center;
  width:50px;
  height:38px;
  border:1px solid rgba(231,201,141,.30);
  background:rgba(255,255,255,.045);
  color:#e7c98d;
  font-size:19px;
  line-height:1;
}
.site-homepage .movement-ur-copy{display:grid;gap:2px;min-width:0}
.site-homepage .movement-ur-copy small{
  color:#e7c98d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.site-homepage .movement-ur-copy strong{
  color:#fff;
  font:700 13.5px/1.3 "Libre Baskerville",serif;
}
.site-homepage .movement-ur-copy em{
  color:#dbe5eb;
  font-style:normal;
  font-size:10px;
  line-height:1.35;
}
.site-homepage .movement-ur-cta{
  padding-inline-start:14px;
  border-inline-start:1px solid rgba(231,201,141,.25);
  color:#f4dfb3;
  font-size:9.5px;
  font-weight:900;
  white-space:nowrap;
}
html[dir="rtl"] .site-homepage .movement-ur-copy{text-align:right}
html[dir="rtl"] .site-homepage .movement-ur-copy small{letter-spacing:0;text-transform:none}

@media(max-width:900px){
  .site-homepage .hero-action-cluster.movement-only .movement-ur-feature{
    grid-template-columns:46px minmax(0,1fr);
    gap:10px 12px;
  }
  .site-homepage .movement-ur-cta{
    grid-column:2;
    border-inline-start:0;
    padding-inline-start:0;
  }
}
@media(max-width:560px){
  .site-homepage .hero-action-cluster.movement-only .movement-hero-card{border-radius:2px}
  .site-homepage .hero-action-cluster.movement-only .movement-ur-feature{
    margin:0 8px 8px;
    padding:9px 8px 8px;
    grid-template-columns:40px minmax(0,1fr);
    gap:8px 10px;
  }
  .site-homepage .movement-ur-mark{width:40px;height:34px;font-size:17px}
  .site-homepage .movement-ur-copy strong{font-size:12px}
  .site-homepage .movement-ur-copy em{font-size:9.5px}
  .site-homepage .movement-ur-cta{font-size:9px}
}

/* V47 — keep the Ur cuneiform mark visually separate from the Ur title. */
.site-homepage .hero-action-cluster.movement-only .movement-ur-feature{
  column-gap:22px;
}
.site-homepage .movement-ur-mark{
  flex:none;
  justify-self:start;
  margin-inline-end:2px;
  overflow:hidden;
}
.site-homepage .movement-ur-copy{
  position:relative;
  padding-inline-start:2px;
}
@media(max-width:900px){
  .site-homepage .hero-action-cluster.movement-only .movement-ur-feature{
    grid-template-columns:50px minmax(0,1fr);
    column-gap:16px;
  }
}
@media(max-width:560px){
  .site-homepage .hero-action-cluster.movement-only .movement-ur-feature{
    grid-template-columns:42px minmax(0,1fr);
    column-gap:14px;
  }
  .site-homepage .movement-ur-mark{
    width:40px;
  }
}