.projects-section{scroll-margin-top:30px;border-top:1px solid #d9e5e8}.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.projects-heading h2{margin:8px 0 0}.projects-heading>p{max-width:390px;color:#52677a;line-height:1.8;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;background:white;border:1px solid #dce6eb;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #12395708}.project-image{position:relative;aspect-ratio:1.5;background:#edf3f4;overflow:hidden}.project-image>img{width:100%;height:100%;object-fit:cover;display:block}.project-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#eef5f4,#dce9ee);color:#7e9aab}.project-placeholder svg{width:42%;height:65%;stroke:currentColor;stroke-width:1;fill:none}.project-badge{position:absolute;inset-inline-start:18px;top:16px;background:#fff;color:#16465c;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700}.project-body{padding:23px}.project-number{font-size:12px;color:#6a8393;letter-spacing:2px}.project-body h3{font-size:23px;margin:10px 0;color:#103354}.project-body p{color:#5d7182;line-height:1.7;margin:8px 0 18px}.project-pending{display:block;border-top:1px solid #e7edef;padding-top:16px;font-size:13px;color:#6b8292}.project-price{display:block;color:#0b6272;font-size:21px;margin:15px 0}.project-button{width:100%;padding:13px;border:1px solid #18496a;background:#fff;border-radius:10px;color:#103354;font:inherit;font-weight:700;cursor:pointer}.project-button:hover{background:#edf5f7}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.project-facts dt{font-size:12px;color:#647b8b}.project-facts dd{margin:4px 0;color:#123957;font-weight:700}.projects-contact{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:24px 28px;border-radius:15px;background:#eef4f5;color:#23475c}.projects-contact .cta{white-space:nowrap}.project-section-link{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:#0d5365;font-weight:700;text-decoration:none}.project-section-link::after{content:'↓'}#project-dialog{width:min(860px,calc(100% - 32px));max-height:90dvh;padding:0;border:0;border-radius:20px;color:#103354}#project-dialog::backdrop{background:#08263abf}.project-dialog-inner{padding:34px}.project-close{position:sticky;top:0;float:inline-end;border:0;background:#eef3f5;border-radius:50%;width:42px;height:42px;font-size:27px;cursor:pointer;z-index:1}.project-dialog-photo{width:100%;height:350px;object-fit:cover;border-radius:12px}.project-photo-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px}.project-photo-nav button{background:#edf4f5;border:0;border-radius:9px;padding:9px 18px;font-size:20px;cursor:pointer}.project-dialog-text{white-space:pre-line;line-height:1.8}.project-dialog-inner .cta{margin-top:16px}.project-button:focus-visible,.project-close:focus-visible,.project-photo-nav button:focus-visible{outline:3px solid #e7a653;outline-offset:3px}@media(max-width:760px){.projects-heading{display:block}.projects-heading>p{margin-top:15px}.projects-grid{grid-template-columns:1fr}.projects-contact{align-items:stretch;flex-direction:column;text-align:center;padding:22px}.project-dialog-inner{padding:22px}.project-dialog-photo{height:240px}.project-body{padding:22px}.project-image{aspect-ratio:1.65}}

.hero-copy .project-section-link{color:#fff;text-decoration:underline;text-underline-offset:5px}
.projects-grid{display:block;max-width:1040px;margin:auto}.project-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch}.project-card[hidden]{display:none}.project-image{aspect-ratio:auto;min-height:380px;cursor:pointer}.project-image>img{position:absolute;inset:0}.project-card:first-child .project-image>img{object-position:left}.project-body{padding:30px}.project-demo-label{display:block;font-size:11px;line-height:1.6;color:#7b6233}.project-carousel-nav{display:flex;direction:ltr;justify-content:center;align-items:center;gap:14px;margin-top:24px}.project-carousel-nav button{border:1px solid #cbdce4;background:white;color:#123957;border-radius:50%;width:46px;height:46px;font-size:25px;cursor:pointer}.project-carousel-nav .project-dot{font:inherit;width:36px;height:36px;font-size:12px}.project-dot[aria-pressed=true]{background:#123957;color:white}#project-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain;background:#f8fafb}.project-dialog-inner{max-width:1040px;margin:auto;padding:24px 32px 100px}.project-close{float:none;display:block;width:auto;height:auto;border-radius:12px;padding:13px 20px;font:inherit;font-weight:bold;top:0;background:#fff;box-shadow:0 3px 18px #12395712;margin-bottom:24px}.project-dialog-photo{height:440px}.project-demo-note{background:#fff5dd;color:#735721;padding:13px 18px;border-radius:10px;font-size:12px;line-height:1.7}.project-actions{position:sticky;bottom:0;display:flex;gap:12px;background:#f8fafbf2;padding:14px 0;margin-top:20px}.project-actions .cta,.project-actions .project-button{flex:1;margin:0;width:auto;display:flex;align-items:center;justify-content:center;gap:12px}.project-map{color:#0b6272;text-underline-offset:4px}.project-dialog-inner h2{font-size:34px}.project-dialog-text{max-width:780px}.project-facts{padding:18px;background:#eff4f6;border-radius:12px}.project-price{font-size:29px;direction:ltr;text-align:start}.project-image:focus-visible,.project-carousel-nav button:focus-visible{outline:3px solid #e7a653;outline-offset:3px}@media(max-width:700px){.project-card{display:block}.project-image{min-height:240px;aspect-ratio:1.45}.project-body{padding:22px}.project-dialog-inner{padding:16px 18px 40px}.project-dialog-photo{height:270px}.project-dialog-inner h2{font-size:27px}.project-actions{flex-direction:column}.project-actions .cta,.project-actions .project-button{padding:14px}.project-close{top:0}.project-facts{gap:18px}}
.project-photo-nav{direction:ltr}.project-actions .cta{background:#128c4c;color:#fff;border-color:#128c4c;box-shadow:none}.project-actions .cta img{display:inline-block;width:25px;height:25px}

/* Native horizontal browsing: stable controls and visible project selection. */
.projects-grid{display:flex;direction:ltr;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;max-width:1040px;gap:0;border-radius:20px;scroll-behavior:smooth;align-items:flex-start}
.projects-grid::-webkit-scrollbar{display:none}.projects-grid>.project-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;box-shadow:none}.project-browser-tools{max-width:1040px;margin:0 auto 18px}.project-browse-hint{color:#123b5b;font-size:clamp(20px,2.2vw,25px);font-weight:800;line-height:1.5;margin:0 0 16px}.project-tabs{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 8px}.project-tab{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:2px solid #dce6eb;border-radius:14px;color:#264a61;font:inherit;font-weight:700;text-align:start;cursor:pointer;transition:background .18s,border-color .18s}.project-tab img{width:62px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.project-tab[aria-pressed=true]{background:#edf6f6;border-color:#0b6272;color:#084b59}.project-tab:focus-visible,.project-step:focus-visible{outline:3px solid #e7a653;outline-offset:2px}.project-carousel-nav{max-width:1040px;margin:18px auto 0;justify-content:space-between;gap:10px}.project-carousel-nav .project-step{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;width:auto;height:auto;min-height:48px;padding:10px 20px;font:inherit;font-weight:700;line-height:1.3}.project-step>span:first-child:only-child{font-size:24px}.project-carousel-nav button:disabled{opacity:.38;cursor:default}.project-counter{font-size:14px;color:#52677a;white-space:nowrap}.project-step:hover:enabled{background:#edf6f6;border-color:#0b6272}@media(max-width:700px){.project-tab{padding:8px;gap:8px;font-size:13px;line-height:1.5}.project-tab img{width:42px;height:46px}.project-carousel-nav .project-step{padding:10px 12px;gap:8px;font-size:13px}.project-counter{font-size:13px}}@media(prefers-reduced-motion:reduce){.projects-grid{scroll-behavior:auto}.project-tab{transition:none}}

/* Keep project choices readable as the demo catalogue grows. */
.project-tab{flex:0 0 220px;min-width:220px}.project-tabs{scrollbar-width:thin;scroll-snap-type:x proximity}.project-tab{scroll-snap-align:start}@media(max-width:700px){.project-tab{flex-basis:180px;min-width:180px}}

.project-video{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;background:#071925;border-radius:12px;margin:20px 0}.project-card:first-child .project-image>img{object-position:center}

.project-brochure{margin:28px 0;background:white;border:1px solid #dce6eb;border-radius:16px;padding:20px}.project-brochure h3{margin:0 0 14px}.project-brochure-link{display:inline-block;color:#0b6272;font-weight:700;margin-bottom:20px;text-underline-offset:4px}.project-brochure-page{margin:0 0 24px}.project-brochure-page img{display:block;width:100%;height:auto;border:1px solid #e5ebee;border-radius:6px}.project-brochure-page figcaption{text-align:center;color:#647b8b;font-size:13px;margin-top:8px}.project-dialog-photo{object-fit:contain;background:#edf3f4}@media(max-width:700px){.project-brochure{padding:10px;margin:20px 0}.project-brochure-page{margin-bottom:18px}}

.project-price-note{display:block;font-size:12px;line-height:1.6;color:#5d7182}.project-price{unicode-bidi:plaintext;line-height:1.5}

.project-units{margin:26px 0;padding:20px;background:#fff;border:1px solid #dce6eb;border-radius:16px}.project-units-scroll{overflow-x:auto;scrollbar-width:thin}.project-units table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}.project-units th,.project-units td{text-align:center;padding:14px 10px;border-bottom:1px solid #dce6eb;white-space:nowrap}.project-units thead{background:#123957;color:#fff}.project-units tbody tr:nth-child(even){background:#eff5f6}.project-units .project-price-note{margin-top:15px}@media(max-width:700px){.project-units{padding:12px}.project-units table{font-size:13px}}

/* Calm, readable apartment price list. */
.project-units{background:#fafbf8;border-color:#dce5dd;padding:24px;box-shadow:0 4px 20px #234c3706;}
.project-units h3{color:#284b42;font-size:23px;margin:0 0 18px;line-height:1.4;}
.project-units-scroll{border:1px solid #dce5dd;border-radius:12px;background:white;scrollbar-color:#a5bdb2 #f0f4ef;}
.project-units table{min-width:850px;font-variant-numeric:tabular-nums;color:#314c45;}
.project-units thead{background:#e7efe9;color:#284b42;}
.project-units th,.project-units td{padding:16px 12px;border-bottom-color:#e4ebe5;}
.project-units thead th{font-weight:700;font-size:13px;}
.project-units tbody tr:nth-child(even){background:#f4f7f2;}
.project-units tbody th{color:#365f50;background:#eaf1e980;font-weight:700;}
.project-units .unit-price{background:#f4eddf;color:#5d4d2f;font-weight:700;font-size:16px;}
.project-units .unit-total{color:#355f55;font-weight:700;}
.project-units .unit-parking{color:#4e6f61;font-size:13px;}
.project-units tbody tr:last-child>*{border-bottom:0;}
.project-units .project-price-note{color:#566b62;line-height:1.8;}
@media(max-width:700px){.project-units{padding:14px;}.project-units h3{font-size:21px;}.project-units th,.project-units td{padding:14px 10px;}}

.project-tab[aria-pressed=true]{background:#dcefdc;border-color:#719b77;color:#254d32;}

/* One continuous apartment table on every screen, with prices at the right. */
#project-dialog{width:100%;max-width:100%;box-sizing:border-box;}
.project-units-scroll{overflow:visible;}
.project-units table{min-width:0;width:100%;table-layout:fixed;font-variant-numeric:tabular-nums;}
.project-units th,.project-units td{white-space:normal;overflow-wrap:normal;padding:14px 4px;}
.project-units thead th{line-height:1.4;}
.project-units thead th:first-child{width:105px;background:#eee4d1;color:#5d4d2f;}
.project-units .unit-price{white-space:nowrap;}
@media(max-width:760px){
 .project-dialog-inner{padding-inline:8px;}
 .project-units{padding:8px 4px;border-radius:12px;}
 .project-units h3{padding-inline:4px;font-size:20px;}
 .project-units-scroll{display:block;border-radius:8px;}
 .project-units table{font-size:10px;}
 .project-units th,.project-units td{padding:11px 1px;}
 .project-units thead th{font-size:10px;}
 .project-units thead th:first-child{width:64px;}
 .project-units .unit-price{font-size:11px;letter-spacing:-.25px;}
 .project-units .project-price-note{padding-inline:4px;}
}

/* Left-to-right column order: row, apartment, areas, price at far right. */
.project-units table{direction:ltr;}
.project-units thead th:first-child{width:28px;background:#e7efe9;color:#284b42;}
.project-units thead th:last-child{width:105px;background:#eee4d1;color:#5d4d2f;}
.project-units .unit-index{color:#647b70;font-size:12px;}
@media(max-width:760px){
 .project-units thead th:first-child{width:18px;}
 .project-units thead th:last-child{width:64px;}
 .project-units .unit-index{font-size:10px;}
}

.project-body>.project-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;margin-top:12px;padding:13px;background:#128c4c;color:#fff;box-shadow:none}.project-whatsapp img{width:24px;height:24px}.project-quick-actions{position:static;margin:12px 0 20px}

/* Subtle blue emphasis for previous/next project controls. */
.project-carousel-nav .project-step{background:#dcecf8;border:1px solid #8db4d0;color:#123957;box-shadow:0 2px 6px #12395712;transition:background .18s,border-color .18s,box-shadow .18s;}
.project-carousel-nav .project-step:hover:enabled{background:#c7e0f3;border-color:#4c88b4;box-shadow:0 3px 9px #12395720;}
.project-carousel-nav .project-step:active:enabled{background:#b7d5ed;}
.project-carousel-nav .project-step:disabled{background:#eef3f6;border-color:#ccd9e2;color:#6c8091;opacity:.65;box-shadow:none;}
@media(prefers-reduced-motion:reduce){.project-carousel-nav .project-step{transition:none;}}