:root{--projects-wine:#36000f;--projects-gold:#b48a50;--projects-ink:#101820;--projects-paper:#f5f3ef}.projects-archive{background:#fff;color:var(--projects-ink)}.projects-page-wrap{width:min(90%,1480px);margin-inline:auto}.projects-hero{height:min(78vh,760px);min-height:620px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#111}.projects-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.projects-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,12,16,.1) 25%,rgba(8,12,16,.72) 72%,rgba(8,12,16,.94))}.projects-hero-content{color:#fff}.project-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:42px;font-size:13px;color:#d8d2c9}.project-breadcrumb a{color:inherit;text-decoration:none}.project-breadcrumb i{font-size:10px;color:var(--projects-gold)}.projects-kicker,.eyebrow{display:block;color:var(--projects-gold);font-size:14px;font-weight:700;letter-spacing:.04em;margin-bottom:14px}.projects-hero h1{font-size:var(--fs-page-title);font-weight:700;line-height:1.22;margin:0 0 22px;max-width:820px}.projects-hero-content>p{max-width:640px;color:#e3dfd8;font-size:17px;line-height:2;margin:0 0 34px}.projects-primary-btn{display:inline-flex;align-items:center;gap:28px;padding:var(--btn-py) var(--btn-px);background:var(--btn-bg);color:var(--btn-fg);text-decoration:none;font-weight:var(--btn-weight);transition:background-color .2s,transform .2s}.projects-primary-btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg);transform:translateY(var(--btn-lift))}.hero-stat{position:absolute;left:5%;bottom:0;background:#fff;color:var(--projects-ink);padding:20px 34px;display:flex;gap:14px;align-items:center}.hero-stat strong{font-size:31px;color:var(--projects-wine)}.hero-stat span{font-size:13px}.featured-project{padding:110px 0;background:var(--projects-paper)}.featured-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:stretch}.featured-media{position:relative;min-height:530px;overflow:hidden}.featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.featured-grid:hover .featured-media img{transform:scale(1.025)}.featured-media>span{position:absolute;top:28px;right:28px;background:var(--projects-wine);color:#fff;padding:12px 20px;font-size:13px;font-weight:700}.featured-copy{background:#fff;padding:clamp(40px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.featured-copy h2,.catalog-head h2{font-size:var(--fs-section-title);font-weight:800;margin:0 0 22px}.featured-copy>p{color:#68645f;line-height:2;font-size:15px}.featured-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e3ded7;margin:30px 0}.featured-facts div{padding:22px 0;border-left:1px solid #e3ded7}.featured-facts div:last-child{border-left:0}.featured-facts strong,.featured-facts span{display:block}.featured-facts strong{font-size:25px;color:var(--projects-wine)}.featured-facts span{font-size:12px;color:#8a837b;margin-top:5px}.text-link,.card-link{color:var(--projects-wine);text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:18px}.projects-catalog{padding:110px 0 130px}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.catalog-head h2{font-size:44px;margin-bottom:8px}.catalog-head p{margin:0;color:#777}.projects-tabs{display:flex;border:1px solid #ddd7cf;padding:5px}.projects-tabs button{border:0;background:transparent;color:#5d554e;padding:14px 22px;font-weight:700;white-space:nowrap}.projects-tabs button.active{background:var(--projects-wine);color:#fff}.archive-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.archive-project-card{border:1px solid #e2ddd5;background:#fff;transition:transform .3s,box-shadow .3s}.archive-project-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(33,20,12,.1)}.archive-project-card[hidden]{display:none}.card-media{display:block;position:relative;height:330px;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.archive-project-card:hover .card-media img{transform:scale(1.045)}.card-media>span{position:absolute;right:18px;top:18px;background:var(--projects-wine);color:#fff;padding:9px 14px;font-size:12px;font-weight:700}.card-copy{padding:27px}.card-meta{display:flex;justify-content:space-between;color:#9a8267;font-size:12px;margin-bottom:17px}.card-meta i{margin-left:5px}.card-copy h3{font-size:var(--fs-box-title);font-weight:700;line-height:1.55;margin:0 0 12px}.card-copy h3 a{color:inherit;text-decoration:none}.card-copy>p{font-size:14px;color:#716d68;line-height:1.9;min-height:54px;margin-bottom:25px}.card-link{border-top:1px solid #ece7e0;width:100%;justify-content:space-between;padding-top:18px;font-size:13px}.projects-cta{background:var(--projects-wine);color:#fff;padding:80px 0}.projects-cta .projects-page-wrap{display:grid;grid-template-columns:1fr .8fr auto;align-items:center;gap:60px}.projects-cta span{color:var(--projects-gold);font-size:13px}.projects-cta h2{font-size:var(--fs-section-title);line-height:1.5;margin:8px 0 0;font-weight:800}.projects-cta p{color:#d2c5c8;line-height:1.9;margin:0}.projects-cta a{background:#fff;color:var(--projects-wine);padding:var(--btn-py) var(--btn-px);text-decoration:none;font-weight:var(--btn-weight);white-space:nowrap}.projects-cta a i{margin-right:20px}
@media(max-width:1100px){.archive-project-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1fr}.featured-media{min-height:480px}.catalog-head{align-items:flex-start;flex-direction:column}.projects-cta .projects-page-wrap{grid-template-columns:1fr 1fr}.projects-cta a{grid-column:1/-1;width:max-content}}
@media(max-width:767px){.projects-page-wrap{width:calc(100% - 36px)}.projects-hero{min-height:0;height:90dvh;max-height:720px;align-items:flex-end}.projects-hero-shade{background:linear-gradient(0deg,rgba(8,12,16,.95) 0,rgba(8,12,16,.42) 75%,rgba(8,12,16,.2))}.projects-hero-content{padding-bottom:72px}.project-breadcrumb{margin-bottom:24px}.projects-hero h1{font-size:39px}.projects-hero-content>p{font-size:14px;line-height:1.8;margin-bottom:24px}.hero-stat{display:none}.featured-project,.projects-catalog{padding:70px 0}.featured-media{min-height:300px}.featured-copy{padding:30px 22px}.featured-facts strong{font-size:19px}.featured-facts span{font-size:10px}.catalog-head{margin-bottom:30px}.catalog-head h2{font-size:34px}.projects-tabs{width:100%;overflow-x:auto;justify-content:flex-start}.projects-tabs button{padding:12px 16px}.archive-project-grid{grid-template-columns:1fr;gap:18px}.card-media{height:290px}.projects-cta{padding:60px 0}.projects-cta .projects-page-wrap{display:block}.projects-cta h2{font-size:30px;margin-bottom:18px}.projects-cta p{margin-bottom:26px}.projects-cta a{display:inline-block}.projects-primary-btn{padding:14px 18px}.card-copy>p{min-height:0}}
@media(max-width:420px){.projects-hero h1{font-size:34px}.featured-facts{grid-template-columns:1fr}.featured-facts div{border-left:0;border-bottom:1px solid #e3ded7}.featured-facts div:last-child{border-bottom:0}.card-media{height:250px}}

/* Compact featured project */
.featured-project{padding:65px 0}
.featured-media{height:440px;min-height:0}
.featured-copy{padding:clamp(30px,4vw,56px)}
.featured-copy h2{margin-bottom:14px}
.featured-copy>p{line-height:1.85}
.featured-facts{margin:20px 0}
.featured-facts div{padding:16px 0}

@media(max-width:1100px){
  .featured-media{height:400px;min-height:0}
}

@media(max-width:767px){
  .featured-project{padding:50px 0}
  .featured-media{height:285px;min-height:0}
}

/* Projects explorer: list beside interactive map */
.projects-explorer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);align-items:start;gap:28px;direction:rtl}
.projects-explorer .archive-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.projects-explorer .archive-project-card{display:flex;flex-direction:column;min-height:0}
.projects-explorer .card-media{height:230px;min-height:230px}
.projects-explorer .card-copy{display:flex;flex-direction:column;padding:24px}
.projects-explorer .card-copy>p{min-height:0;margin-bottom:15px}
.projects-explorer .project-progress{margin-top:0}
.projects-explorer .archive-project-card.map-active{border-color:var(--projects-gold);box-shadow:0 14px 38px rgb(54 0 15 / 12%)}
.projects-map-panel{position:sticky!important;top:18px;align-self:start;max-height:calc(100dvh - 36px);border:1px solid #e1dcd5;background:#fff;box-shadow:0 16px 45px rgb(28 18 12 / 7%);overflow:hidden}
.map-panel-head{height:82px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e7e2dc}
.map-panel-head div{display:flex;flex-direction:column}.map-panel-head span{color:var(--projects-gold);font-size:11px;font-weight:700}.map-panel-head strong{font-size:17px;margin-top:4px}.map-panel-head>i{width:40px;height:40px;display:grid;place-items:center;background:var(--projects-wine);color:#fff}
.projects-map{height:calc(100dvh - 163px);min-height:520px;max-height:630px;background:#e9e5df;z-index:1}
.map-hint{min-height:45px;display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;color:#837b74;font-size:10px}.map-hint i{color:var(--projects-gold)}
.satc-map-marker{background:none;border:0}.satc-map-marker span{width:42px;height:42px;display:grid;place-items:center;border:3px solid #fff;border-radius:50% 50% 50% 5px;background:var(--projects-wine);color:#fff;box-shadow:0 7px 18px rgb(54 0 15 / 30%);transform:rotate(-45deg)}.satc-map-marker i{transform:rotate(45deg);font-size:14px}
.leaflet-popup-content-wrapper{border-radius:0!important;padding:0!important;overflow:hidden}.leaflet-popup-content{width:210px!important;margin:0!important}.satc-map-popup{display:grid;grid-template-columns:78px 1fr;align-items:center}.satc-map-popup img{width:78px;height:64px;object-fit:cover}.satc-map-popup div{padding:8px 10px}.satc-map-popup b,.satc-map-popup small{display:block}.satc-map-popup b{font:800 12px Cairo,sans-serif;color:var(--projects-wine)}.satc-map-popup small{margin-top:3px;color:#827b74;font:10px Cairo,sans-serif}.leaflet-control-attribution{font-size:8px!important}

@media(max-width:1150px){
  .projects-explorer{grid-template-columns:1fr}
  .projects-map-panel{grid-row:1}
  .projects-map{height:430px}
}
@media(max-width:900px){
  .projects-map-panel{position:relative!important;top:auto;max-height:none}
  .projects-map{height:430px;min-height:0;max-height:none}
}
@media(max-width:767px){
  .projects-explorer{gap:18px}
  .projects-explorer .archive-project-grid{grid-template-columns:1fr}
  .projects-map{height:340px}
  .map-panel-head{height:70px;padding:14px 16px}.map-panel-head strong{font-size:14px}
  .projects-explorer .archive-project-card{display:block;min-height:0}
  .projects-explorer .card-media{height:260px;min-height:0}
}

/* Keep sticky map ancestors outside scroll containers */
.projects-archive main,
.projects-archive .projects-catalog,
.projects-archive .projects-catalog>.projects-page-wrap,
.projects-archive .projects-explorer{overflow:visible!important}
.projects-archive .projects-map-panel{position:-webkit-sticky!important;position:sticky!important;top:18px!important;align-self:start!important}

@media(max-width:900px){
  .projects-archive .projects-map-panel{position:relative!important;top:auto!important;max-height:none}
}

/* Premium projects archive enhancements */
.projects-stats{position:relative;z-index:3;margin-top:-42px}
.projects-stats .projects-page-wrap{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 16px 50px rgb(15 20 24 / 10%)}
.projects-stats .projects-page-wrap>div{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:17px;padding:27px 30px;border-left:1px solid #e8e2da}
.projects-stats .projects-page-wrap>div:last-child{border-left:0}
.projects-stats i{grid-row:1/3;align-self:center;color:var(--projects-gold);font-size:28px}
.projects-stats strong{font-size:25px;line-height:1.25;color:var(--projects-wine)}
.projects-stats small{font-size:12px;color:#827b74;margin-top:5px}
.projects-hero h1{color:#fff;text-shadow:0 3px 20px rgb(0 0 0 / 22%)}
.projects-hero-content{position:relative;z-index:2}
.projects-stats .projects-page-wrap{overflow:hidden}
.projects-catalog{padding-top:95px}
.projects-tabs{position:sticky;top:18px;z-index:12;background:rgb(255 255 255 / 96%);box-shadow:0 8px 25px rgb(23 15 10 / 5%);backdrop-filter:blur(12px)}
.project-progress{margin:0 0 21px}
.project-progress>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b837b;margin-bottom:8px}
.project-progress b{color:var(--projects-wine);font-size:12px}
.project-progress>i{display:block;height:3px;background:#eee9e2;position:relative;overflow:hidden}
.project-progress>i::after{content:"";position:absolute;inset-block:0;right:0;width:var(--progress);background:linear-gradient(90deg,var(--projects-gold),var(--projects-wine))}
.archive-project-card{opacity:0;transform:translateY(24px)}
.archive-project-card.is-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease,box-shadow .3s}
.archive-project-card.is-visible:hover{transform:translateY(-7px)}
.upcoming-project{height:570px;position:relative;isolation:isolate;display:flex;align-items:center;color:#fff;overflow:hidden}
.upcoming-project>img,.upcoming-shade{position:absolute;inset:0;width:100%;height:100%}
.upcoming-project>img{object-fit:cover;z-index:-2;transition:transform 1s ease}.upcoming-project:hover>img{transform:scale(1.025)}
.upcoming-shade{z-index:-1;background:linear-gradient(90deg,transparent 25%,rgb(9 14 18 / 88%) 76%,rgb(9 14 18 / 96%))}
.upcoming-project span{color:var(--projects-gold);font-size:14px;font-weight:700}
.upcoming-project h2{font-size:var(--fs-section-title);line-height:1.3;margin:12px 0 18px;font-weight:800}
.upcoming-project p{color:#d9d6d1;margin-bottom:28px}
.upcoming-project a{display:inline-flex;gap:28px;align-items:center;background:#fff;color:var(--projects-wine);padding:15px 23px;text-decoration:none;font-weight:800}

@media(max-width:990px){
  .projects-stats .projects-page-wrap{grid-template-columns:repeat(2,1fr)}
  .projects-stats .projects-page-wrap>div:nth-child(2){border-left:0}
  .projects-stats .projects-page-wrap>div:nth-child(-n+2){border-bottom:1px solid #e8e2da}
}

@media(max-width:767px){
  .projects-stats{margin-top:-25px}
  .projects-stats .projects-page-wrap>div{padding:20px 14px;column-gap:10px}
  .projects-stats i{font-size:21px}
  .projects-stats strong{font-size:18px}
  .projects-stats small{font-size:10px}
  .projects-catalog{padding-top:65px}
  .catalog-head{position:relative}
  .projects-tabs{top:8px;max-width:100%}
  .upcoming-project{height:520px;align-items:flex-end;padding-bottom:55px}
  .upcoming-shade{background:linear-gradient(0deg,rgb(9 14 18 / 96%) 0,rgb(9 14 18 / 30%) 85%)}
  .upcoming-project h2{font-size:38px}
  .archive-project-card .card-copy{padding:20px 18px}
  .archive-project-card .card-meta{margin-bottom:10px}
  .archive-project-card .card-copy h3{margin-bottom:7px}
  .archive-project-card .card-copy>p{margin-bottom:12px;line-height:1.7}
  .archive-project-card .project-progress{margin-bottom:12px}
  .archive-project-card .card-link{padding-top:13px}
}

@media(prefers-reduced-motion:reduce){
  .archive-project-card{opacity:1;transform:none}
  .upcoming-project>img,.card-media img{transition:none}
}

@media(max-width:767px){
  .projects-archive .archive-project-grid{align-items:start;grid-auto-rows:auto}
  .projects-archive .archive-project-card{
    height:auto!important;
    min-height:0!important;
    align-self:start;
  }
  .projects-archive .archive-project-card .card-media{
    height:260px!important;
    min-height:0!important;
  }
  .projects-archive .archive-project-card .card-copy{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:16px 18px!important;
  }
  .projects-archive .archive-project-card .card-copy>p{
    height:auto!important;
    min-height:0!important;
    margin:0 0 9px!important;
  }
  .projects-archive .archive-project-card .project-progress{
    position:static!important;
    margin:0 0 9px!important;
  }
  .projects-archive .archive-project-card .card-link{
    margin:0!important;
    padding-top:11px!important;
  }
}

@media(max-width:767px){
  .projects-archive .projects-hero{
    height:76dvh!important;
    min-height:540px!important;
    max-height:650px!important;
  }
  .projects-archive .projects-hero>img{object-position:center 68%!important}
  .projects-archive .projects-hero-content{padding-bottom:42px!important}
}

/* Unified card link + touch/hover animation */
.card-link{width:100%!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:15px 0 0!important;border:0!important;border-top:1px solid var(--color-border)!important;background:transparent!important;color:var(--satc-burgundy)!important;font-size:12px!important;font-weight:800;text-decoration:none;transition:color .2s}
.card-link i{font-size:10px;color:var(--satc-gold);transition:transform .2s}
.card-link:hover{color:var(--satc-gold)!important}
.card-link:hover i{transform:translateX(-4px)}

/* ترقيم الصفحات */
.projects-pagination{margin-top:36px}
.projects-pagination nav{display:flex;align-items:center;justify-content:center}
.projects-pagination svg{width:14px;height:14px}
.projects-pagination .pagination,.projects-pagination ul{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.projects-pagination a,.projects-pagination span{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #e2ddd7;background:#fff;color:#5d554e;font:700 12px Cairo,sans-serif;text-decoration:none;transition:.2s}
.projects-pagination a:hover{border-color:var(--projects-wine);color:var(--projects-wine)}
.projects-pagination [aria-current],.projects-pagination .active span{border-color:var(--projects-wine);background:var(--projects-wine);color:#fff}