/* INDEX9 projects page reference — visual values copied from index9_all_notes_applied pages/communities.html + assets/css/style.css. */
body.projects-luxury-page .inner-hero{min-height:54vh}
body.projects-luxury-page .inner-hero:before{background:linear-gradient(90deg,rgba(3,16,29,.92),rgba(3,16,29,.48),rgba(3,16,29,.82)),var(--page-bg);background-position:center;background-size:cover}
body.projects-luxury-page .inner-hero:after{background:radial-gradient(circle at 22% 38%,rgba(200,164,93,.24),transparent 34%),linear-gradient(to top,rgba(3,16,29,.76),transparent 58%)}
body.projects-luxury-page .projects-luxury-section{background:radial-gradient(circle at 8% 8%,rgba(200,164,93,.10),transparent 28%),linear-gradient(180deg,#fff 0%,#f7f4ef 100%)}
body.projects-luxury-page .projects-luxury-head{align-items:center;margin-bottom:28px}
body.projects-luxury-page .projects-luxury-badge{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid #eadcc0;color:var(--navy);box-shadow:0 10px 28px rgba(6,22,38,.055);white-space:nowrap;font-weight:700}
body.projects-luxury-page .projects-luxury-badge i{color:var(--gold)}

body.projects-luxury-page .project-select-filters.premium-project-filter{position:relative;display:grid;grid-template-columns:repeat(3,minmax(190px,1fr)) 150px;gap:14px;align-items:center;padding:16px;margin:0 0 34px;border-radius:30px;background:linear-gradient(135deg,rgba(3,16,29,.94),rgba(11,34,56,.84)),radial-gradient(circle at 12% 20%,rgba(200,164,93,.20),transparent 34%);border:1px solid rgba(234,220,192,.28);box-shadow:0 26px 60px rgba(6,22,38,.18);overflow:hidden}
body.projects-luxury-page .project-select-filters.premium-project-filter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(200,164,93,.16),transparent 34%);pointer-events:none}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field{position:relative;z-index:1;min-width:0}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.projects-luxury-page .project-select-filters.premium-project-filter .select-shell{position:relative;height:56px}
body.projects-luxury-page .project-select-filters.premium-project-filter .filter-main-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:17px;z-index:2;pointer-events:none}
body.projects-luxury-page .project-select-filters.premium-project-filter .filter-arrow{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.72);font-size:15px;z-index:2;pointer-events:none}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select{width:100%;height:56px;min-width:0;border:1px solid rgba(255,255,255,.50);border-radius:20px;background:rgba(255,255,255,.09);color:#fff;padding:0 50px 0 46px;font-family:inherit;font-size:17px;font-weight:700;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:.22s ease}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select:hover{background:rgba(255,255,255,.105);border-color:rgba(255,255,255,.72)}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select:focus{background:rgba(255,255,255,.12);border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,164,93,.14)}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select option{color:#061626;background:#fff}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-filter-submit{position:relative;z-index:1;height:56px;border:0;border-radius:20px;background:linear-gradient(135deg,#d3ad66,#a97c38);color:#fff;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 14px 30px rgba(0,0,0,.18);transition:.22s ease}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-filter-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,0,0,.24)}

body.projects-luxury-page .projects-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.projects-luxury-page .project-card{display:block;position:relative;overflow:hidden;min-height:470px;border-radius:30px;color:white;background:#061626;text-decoration:none;border:1px solid rgba(234,220,192,.82);box-shadow:0 20px 48px rgba(6,22,38,.12);isolation:isolate}
body.projects-luxury-page .project-card:before{content:"";position:absolute;inset:auto 18px 18px 18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:3;opacity:0;transition:.35s}
body.projects-luxury-page .project-card:hover:before{opacity:1}
body.projects-luxury-page .project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,16,29,.96) 0%,rgba(3,16,29,.72) 42%,rgba(3,16,29,.10) 100%);z-index:1;pointer-events:none}
body.projects-luxury-page .project-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .75s ease,filter .75s ease}
body.projects-luxury-page .project-card:hover img{transform:scale(1.065);filter:saturate(1.05) contrast(1.03)}
body.projects-luxury-page .project-card .community-info{position:absolute;inset:auto 0 0 0;padding:150px 28px 28px;background:linear-gradient(transparent,rgba(0,0,0,.80));z-index:2;width:100%}
body.projects-luxury-page .project-card .community-info h3{font-size:28px;margin:0 0 12px}
body.projects-luxury-page .project-card .community-info p{font-size:15px;margin:0 0 15px;color:rgba(255,255,255,.78)}
body.projects-luxury-page .project-card .project-status{position:absolute;top:20px;right:20px;z-index:3;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.30);backdrop-filter:blur(12px);border-radius:999px;padding:9px 14px;font-size:13px;color:#fff}
body.projects-luxury-page .project-card>.project-type-chip{position:absolute;top:20px;left:20px;right:auto;z-index:4;min-height:34px;padding:0 13px;margin:0;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12)}
body.projects-luxury-page .project-card>.project-type-chip i{font-size:12px}
body.projects-luxury-page .project-card>.project-type-chip.residential{background:rgba(200,164,93,.22);border-color:rgba(200,164,93,.48);color:var(--gold-2)}
body.projects-luxury-page .project-card>.project-type-chip.commercial{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);color:#fff}
body.projects-luxury-page .project-card>.project-type-chip.mixed,body.projects-luxury-page .project-card>.project-type-chip.mixed_use{background:rgba(11,34,56,.46);border-color:rgba(255,255,255,.26);color:#fff}
body.projects-luxury-page .project-card-action{margin-top:18px;display:inline-flex;align-items:center;gap:9px;color:var(--gold-2);font-weight:700;font-size:14px}
body.projects-luxury-page .project-card-action i{font-size:13px;transition:.22s ease}
body.projects-luxury-page .project-card:hover .project-card-action i{transform:translateX(-4px)}

body.projects-luxury-page .projects-index9-empty{grid-column:1/-1;padding:42px 24px;text-align:center;background:#fff;border:1px solid #eadcc0;border-radius:24px;color:var(--navy)}
body.projects-luxury-page .projects-index9-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;direction:rtl}
body.projects-luxury-page .projects-index9-pagination a,body.projects-luxury-page .projects-index9-pagination span{min-width:42px;height:42px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #eadcc0;background:#fff;color:var(--navy);text-decoration:none;font-weight:700}
body.projects-luxury-page .projects-index9-pagination .is-active{background:var(--navy);color:#fff;border-color:var(--navy)}
body.projects-luxury-page .projects-index9-pagination .is-disabled{opacity:.45}

@media(max-width:1100px){body.projects-luxury-page .project-select-filters.premium-project-filter{grid-template-columns:repeat(2,minmax(0,1fr))}body.projects-luxury-page .projects-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.projects-luxury-page .projects-luxury-head{align-items:flex-start}}
@media(max-width:680px){body.projects-luxury-page .inner-hero{min-height:46vh}body.projects-luxury-page .project-select-filters.premium-project-filter{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:22px}body.projects-luxury-page .project-select-filters.premium-project-filter .select-shell,body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select,body.projects-luxury-page .project-select-filters.premium-project-filter .project-filter-submit{height:52px}body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select{font-size:16px}body.projects-luxury-page .projects-list{grid-template-columns:1fr;gap:18px}body.projects-luxury-page .projects-luxury-badge{width:100%;justify-content:center}body.projects-luxury-page .project-card{min-height:400px;border-radius:24px}body.projects-luxury-page .project-card .community-info{padding:120px 22px 22px}body.projects-luxury-page .project-card .community-info h3{font-size:24px}body.projects-luxury-page .project-card>.project-type-chip{top:16px;left:16px;min-height:31px;padding:0 11px;font-size:12px}}

/* =============================================================
   INDEX9 exact conflict neutralization
   These rules only cancel later legacy /projects overrides in style.css.
   Values match index9_all_notes_applied(3).rar -> assets/css/style.css.
============================================================= */
body.projects-luxury-page .projects-luxury-section{
  padding-top:80px !important;
  padding-bottom:80px !important;
  background:
    radial-gradient(circle at 8% 8%,rgba(200,164,93,.10),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7f4ef 100%) !important;
}

body.projects-luxury-page .projects-luxury-head{
  display:flex !important;
  justify-content:space-between !important;
  gap:20px !important;
  align-items:center !important;
  margin-bottom:28px !important;
}
body.projects-luxury-page .projects-luxury-head .section-title{
  max-width:none !important;
  font-size:clamp(34px,4vw,64px) !important;
  line-height:1.15 !important;
  margin:0 0 18px !important;
}
body.projects-luxury-page .projects-luxury-head .section-lead{
  max-width:680px !important;
  font-size:20px !important;
  line-height:1.9 !important;
  margin:0 !important;
}
body.projects-luxury-page .projects-luxury-badge{
  min-height:48px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid #eadcc0 !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(6,22,38,.055) !important;
  font-size:inherit !important;
}

/* Exact dark INDEX9 filter: remove the white select-shell legacy skin. */
body.projects-luxury-page .project-select-filters.premium-project-filter{
  grid-template-columns:repeat(3,minmax(190px,1fr)) 150px !important;
  gap:14px !important;
  align-items:center !important;
  padding:16px !important;
  margin:0 0 34px !important;
  border-radius:30px !important;
  background:
    linear-gradient(135deg,rgba(3,16,29,.94),rgba(11,34,56,.84)),
    radial-gradient(circle at 12% 20%,rgba(200,164,93,.20),transparent 34%) !important;
  border:1px solid rgba(234,220,192,.28) !important;
  box-shadow:0 26px 60px rgba(6,22,38,.18) !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter:before{
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  height:auto !important;
  border-radius:inherit !important;
  background:radial-gradient(circle at 12% 20%,rgba(200,164,93,.16),transparent 34%) !important;
}
body.projects-luxury-page .premium-project-filter .select-shell,
body.projects-luxury-page .project-select-filters.premium-project-filter .select-shell{
  position:relative !important;
  height:56px !important;
  min-height:56px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.projects-luxury-page .premium-project-filter .select-shell:focus-within{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  border:1px solid rgba(255,255,255,.50) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  padding:0 50px 0 46px !important;
  font-size:17px !important;
  font-weight:700 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select:hover{
  background:rgba(255,255,255,.105) !important;
  border-color:rgba(255,255,255,.72) !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select:focus{
  background:rgba(255,255,255,.12) !important;
  border-color:var(--gold) !important;
  box-shadow:0 0 0 4px rgba(200,164,93,.14) !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .filter-main-icon{
  right:18px !important;
  left:auto !important;
  color:var(--gold) !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .filter-arrow{
  left:18px !important;
  right:auto !important;
  color:rgba(255,255,255,.72) !important;
}
body.projects-luxury-page .project-select-filters.premium-project-filter .project-filter-submit{
  height:56px !important;
  min-height:56px !important;
  border-radius:20px !important;
  border:0 !important;
  background:linear-gradient(135deg,#d3ad66,#a97c38) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
}

/* Exact INDEX9 image cards: cancel the later white-card rebuild rules. */
body.projects-luxury-page .projects-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}
body.projects-luxury-page .project-card.community-card,
body.projects-luxury-page .project-card{
  display:block !important;
  position:relative !important;
  min-height:470px !important;
  height:auto !important;
  flex-direction:unset !important;
  border-radius:30px !important;
  overflow:hidden !important;
  color:#fff !important;
  background:#061626 !important;
  border:1px solid rgba(234,220,192,.82) !important;
  box-shadow:0 20px 48px rgba(6,22,38,.12) !important;
  transform:none !important;
}
body.projects-luxury-page .project-card:hover{
  transform:none !important;
  border-color:rgba(234,220,192,.82) !important;
  box-shadow:0 20px 48px rgba(6,22,38,.12) !important;
}
body.projects-luxury-page .project-card:after{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(to top,rgba(3,16,29,.96) 0%,rgba(3,16,29,.72) 42%,rgba(3,16,29,.10) 100%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
body.projects-luxury-page .project-card > img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .75s ease,filter .75s ease !important;
}
body.projects-luxury-page .project-card:hover > img{
  transform:scale(1.065) !important;
  filter:saturate(1.05) contrast(1.03) !important;
}
body.projects-luxury-page .project-card > .project-status{
  display:inline-flex !important;
  align-items:center !important;
  position:absolute !important;
  top:20px !important;
  right:20px !important;
  left:auto !important;
  z-index:4 !important;
  margin:0 !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  color:#fff !important;
  backdrop-filter:blur(12px) !important;
}
body.projects-luxury-page .project-card > .project-type-chip{
  display:inline-flex !important;
  position:absolute !important;
  top:20px !important;
  left:20px !important;
  right:auto !important;
  z-index:4 !important;
  min-height:32px !important;
  padding:0 12px !important;
  margin:0 !important;
}
body.projects-luxury-page .project-card .community-info{
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  width:100% !important;
  padding:150px 28px 28px !important;
  background:linear-gradient(transparent,rgba(0,0,0,.80)) !important;
  color:#fff !important;
  z-index:2 !important;
}
body.projects-luxury-page .project-card .community-info h3{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:28px !important;
  line-height:1.35 !important;
}
body.projects-luxury-page .project-card .community-info p{
  margin:0 0 15px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:15px !important;
}
body.projects-luxury-page .project-card-action{
  margin-top:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  color:var(--gold-2) !important;
  font-size:14px !important;
  font-weight:700 !important;
}

@media(max-width:1100px){
  body.projects-luxury-page .project-select-filters.premium-project-filter{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.projects-luxury-page .projects-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:680px){
  body.projects-luxury-page .projects-luxury-section{
    padding-top:80px !important;
    padding-bottom:80px !important;
  }
  body.projects-luxury-page .projects-luxury-head{
    display:block !important;
    margin-bottom:28px !important;
  }
  body.projects-luxury-page .project-select-filters.premium-project-filter{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:22px !important;
  }
  body.projects-luxury-page .projects-list{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body.projects-luxury-page .project-card{
    min-height:400px !important;
    border-radius:24px !important;
  }
  body.projects-luxury-page .project-card .community-info{
    padding:120px 22px 22px !important;
  }
  body.projects-luxury-page .project-card .community-info h3{
    font-size:24px !important;
  }
}