.project-card{font-family:RB!important;width:100%;height:fit-content;border-radius:32px;background-color:rgba(255,255,255,1);padding:16px;gap:16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;transition:transform .2s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.project-card p{font-family:RB!important}.project-card .project-card-header{width:100%;position:relative}.project-card .project-card-header>img{width:100%;height:100%;object-fit:cover;border-radius:18px}.project-card .image-container{position:relative;width:100%;min-height:180px;max-height:318px;overflow:hidden;border-radius:24px}.project-card .project-tags{position:absolute;top:.1rem;left:.1rem;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.project-card .project-tags .project-tag{height:auto;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;border-radius:9999px;background-color:var(--white-color);color:var(--shaded-dark-color);box-shadow:0 1px 4px rgba(0,0,0,.05)}.project-card .project-tags .project-tag svg{width:16px}.project-card .project-tags .project-tag p{font-size:13px;font-family:RB!important;line-height:18px}.project-card .project-tags .project-type{background-color:rgba(69,66,61,1);color:var(--white-color);align-self:flex-start}.project-card .project-card-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:24px;min-height:88px;max-height:147px}.project-card h3.project-name{width:100%;font-size:20px;font-weight:700;color:var(--full-dark-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card .project-separator{width:100%;height:1px;margin:12px 0;border-radius:1px;border:1px solid rgba(0,0,0,.1)}.project-card .project-card-name-data{background-color:rgba(251,250,249,1);padding:16px;border-radius:24px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.project-card .project-name-location{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card .project-name-progress{display:flex;align-items:center;justify-content:center;flex-direction:column}.project-card .progress-circle{--size:44px;--pct:0%;--primary:var(--primary-color);--primary-light:rgba(251,250,249,1);--thickness:3px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--primary) var(--pct),var(--primary-light) 0deg)}.project-card .progress-circle:before{content:"";position:absolute;left:var(--thickness);top:var(--thickness);right:var(--thickness);bottom:var(--thickness);background:#fff;border-radius:50%;z-index:1;border:1px solid var(--primary-color)}.project-card .progress-circle .progress-circle__value{position:relative;z-index:2;font-weight:700;font-size:12px;color:var(--full-dark-color,#222)}.project-card .progress-circle.full-value{--primary:var(--shaded-red-color,#ff6b6b);--primary-light:rgba(255,107,107,0.12)}.project-card .project-location{width:100%;font-size:13px;line-height:18px;font-weight:300;color:var(--shaded-dark-color)}.project-card ul.project-data{width:100%;list-style:none;display:flex;flex-direction:row;gap:12px;min-height:72px}.project-card ul.project-data li{display:flex;align-items:center;gap:10px;flex:1 1 calc(50% - 6px);position:relative;padding-inline-start:28px}.project-card ul.project-data li p{font-size:var(--card-price-font-size,15px);color:var(--shaded-dark-color)}.project-card ul.project-data li img,.project-card ul.project-data li svg{position:absolute;inset-inline-start:0;top:30%;transform:translateY(-50%);width:16px;height:auto}.project-card ul.project-data li.project-price p{font-size:var(--card-price-font-size,15px)}.project-card ul.project-data li.project-price .font-semibold,.project-card ul.project-data li.project-price span.font-semibold{font-size:var(--card-price-value-font-size,16px);font-weight:700}.project-card ul.project-data li.project-areas p{font-size:var(--card-area-font-size,15px)}.project-card .project-footer{display:flex;flex-direction:row;gap:8px;justify-content:space-between;align-items:center;width:100%}.project-card .sold-out-stamp{position:absolute;top:20px;left:50%;transform:translateX(-50%) rotate(-12deg);z-index:2;opacity:.85;pointer-events:none}@media (max-width:1200px){.project-card{border-radius:24px;padding:16px;gap:12px}.project-card .project-card-content .project-card-name-data{padding:12px;height:180px;min-height:70px}.project-card .project-card-name-data *{font-size:14px}.project-card .project-card-name-data h3.project-name{font-size:16px}.project-card .project-card-name-data .project-location{font-size:11px}.project-card .project-card-name-data ul.project-data li p{font-size:10px}.project-card .project-card-header .project-progress{height:48px;padding:8px;width:90%}.project-card .project-card-content h3.project-name{font-size:18px}.project-card .project-card-content .project-location{font-size:12px}.project-card .project-card-content ul.project-data li p{font-size:var(--card-price-font-size,10px)}.project-card ul.project-data li.project-price .font-semibold,.project-card ul.project-data li.project-price span.font-semibold{font-size:12px;font-weight:700}.project-card ul.project-data li.project-areas span{font-size:12px}.project-card .project-card-header .project-tags .project-tag{padding:.25rem .5rem;font-size:12px}.project-card .image-container{position:relative;width:100%;min-height:180px;max-height:280px;overflow:hidden;border-radius:24px}.project-card ul.project-data{gap:8px}.project-card ul.project-data li{flex:1 1 100%;padding-inline-start:20px}.project-card .project-footer{gap:8px}.project-card .progress-circle .progress-circle__value,.project-card .project-name-progress p{font-size:10px}.project-card .progress-circle{--size:32px}.project-card ul.project-data li img,.project-card ul.project-data li svg{position:absolute;inset-inline-start:0;top:35%;transform:translateY(-50%);width:16px;height:auto}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:#f3f4f6}.skeleton-content{width:100%;height:100%;animation:pulse 2s infinite}.project-image{transition:opacity .3s ease;width:100%;height:100%;object-fit:cover}.project-image.hidden{opacity:0}