.ark-projects-wrap{padding:40px 20px;background:#f7f8fb}.ark-projects-container{max-width:1280px;margin:0 auto}.ark-projects-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}.ark-projects-page-title{font-size:36px;line-height:1.1;margin:0 0 6px}.ark-projects-page-subtitle{margin:0;color:#667085}.ark-projects-toolbar__filters{display:flex;flex-wrap:wrap;gap:10px}.ark-projects-toolbar__filters span,.ark-project-pill,.ark-project-meta-line{display:inline-flex;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;color:#111827}.ark-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ark-project-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px rgba(16,24,40,.06)}.ark-project-card__thumb{display:block;position:relative;height:260px;background:#e5e7eb}.ark-project-card__thumb img,.ark-project-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}.ark-project-card__thumb .ark-project-pill{position:absolute;left:16px;top:16px}.ark-project-card__content{padding:20px}.ark-project-developer{font-size:13px;color:#667085;margin:12px 0 6px}.ark-project-card__title{font-size:24px;line-height:1.15;margin:0 0 8px}.ark-project-card__title a{text-decoration:none;color:#0f172a}.ark-project-location,.ark-project-specs,.ark-project-progress,.ark-project-plan{color:#475467;font-size:14px;margin-top:10px}.ark-project-price{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid #eaecf0}.ark-project-price span{font-size:13px;color:#667085}.ark-project-price strong,.ark-project-hero__price{font-size:24px;color:#0f172a}.ark-projects-pagination{text-align:center;margin-top:32px}.ark-projects-pagination .page-numbers{display:inline-flex;margin:0 4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:#111827}.ark-project-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-bottom:30px}.ark-project-hero__media{min-height:480px;background-size:cover;background-position:center;border-radius:28px;background-color:#e5e7eb}.ark-project-hero__content{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:30px;display:flex;flex-direction:column;justify-content:center}.ark-project-hero__content h1{font-size:48px;line-height:1.05;margin:18px 0}.ark-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;margin-bottom:24px}.ark-section-head h2{margin:0 0 18px;font-size:28px}.ark-info-grid,.ark-plan-grid,.ark-amenities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ark-info-card,.ark-plan-card,.ark-amenity-item,.ark-timeline-item,.ark-faq-item,.ark-project-sticky-box{background:#f9fafb;border:1px solid #eaecf0;border-radius:20px;padding:18px}.ark-info-card span,.ark-timeline-item span{display:block;color:#667085;font-size:13px;margin-bottom:6px}.ark-info-card strong,.ark-timeline-item strong{font-size:18px;color:#111827}.ark-plan-card strong{font-size:30px;display:block;margin-bottom:8px}.ark-plan-card h3,.ark-faq-item h3{margin:0 0 8px}.ark-timeline{display:grid;gap:12px}.ark-content-copy{color:#475467;line-height:1.8}.ark-units-table{display:grid;gap:10px}.ark-units-row{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;padding:16px;border-radius:16px;background:#f9fafb;border:1px solid #eaecf0}.ark-units-row--head{background:#111827;color:#fff;font-weight:600}.ark-faq-list{display:grid;gap:12px}.ark-project-two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.ark-project-sidebar{position:relative}.ark-project-sticky-box{position:sticky;top:24px}.ark-project-btn{display:inline-block;background:#111827;color:#fff;text-decoration:none;padding:14px 18px;border-radius:14px;margin-top:10px}.ark-projects-notice{padding:14px 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px}
@media (max-width: 1024px){.ark-projects-grid,.ark-info-grid,.ark-plan-grid,.ark-amenities-grid,.ark-project-hero,.ark-project-two-col{grid-template-columns:1fr}.ark-projects-toolbar{flex-direction:column;align-items:flex-start}.ark-project-hero__content h1{font-size:38px}}
@media (max-width: 767px){.ark-project-card__thumb{height:220px}.ark-projects-page-title{font-size:30px}.ark-project-hero__media{min-height:280px}.ark-project-hero__content h1{font-size:30px}.ark-units-row{grid-template-columns:1fr}.ark-section{padding:20px}}
