/* Section "Home: Featured project (Kribi)" (patterns/home-featured-project.php). */

.proj{position:relative;overflow:hidden;background:var(--deep)}
.proj__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tag{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:var(--tide);color:var(--deep)}
.tag--o{background:none;border:1px solid var(--line-d);color:var(--on-d2)}
.proj h3{font-size:clamp(34px,4vw,58px);margin-bottom:8px}
.proj__loc{font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--on-d2);margin-bottom:24px}
.proj__txt > p{font-size:17px;max-width:54ch}
.stat{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding:24px 0;margin:28px 0;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.stat b{font-weight:800;font-stretch:72%;font-variation-settings:'wdth' 72;font-size:clamp(56px,7vw,104px);line-height:.9;color:#fff}
.stat span{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--tide);max-width:14ch;line-height:1.35}
.areas{font-size:15.5px;margin-bottom:32px}
.areas b{color:#fff;display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.proj__map{position:relative;background:radial-gradient(80% 80% at 45% 60%,#2A2672,#15133F);border-radius:18px;padding:20px}
.proj__map .dl{stroke:#4C46AE;stroke-width:4.4;stroke-linecap:round}
.proj__map .dc{stroke:#A59FF2;stroke-width:4.4;stroke-linecap:round}
.proj__map .co{position:absolute;right:24px;top:22px;font-size:12.5px;letter-spacing:.1em;color:var(--on-d2)}

@media (max-width:980px){
  .proj__grid{grid-template-columns:1fr}
}