:root{--paper:#fbf9f4;--ink:#252f31;--muted:#596264;--line:#d6d0c3;--brass:#7f5937;--cream:#f2ede2;--serif:Georgia,"Times New Roman",serif;--pad:clamp(1.25rem,5vw,6rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #916c3e;outline-offset:4px}button,input,textarea{font:inherit}button,summary{cursor:pointer}header,footer{padding:1.15rem var(--pad);display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;font-family:var(--serif);font-size:1.8rem;letter-spacing:-.055em;line-height:.95}.brand span{font:600 .52rem/1.8 "Segoe UI",sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-top:.35rem}nav{display:flex;align-items:center;gap:clamp(1rem,3.5vw,3.2rem);font-size:.9rem}.nav-contact{padding:.55rem .9rem;border:1px solid var(--line);border-radius:2px}.skip{position:absolute;left:1rem;top:-8rem;background:var(--paper);padding:.6rem;z-index:5}.skip:focus{top:0}.wrap{max-width:1600px;margin:auto;padding-inline:var(--pad)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.05em}h1{font-size:clamp(3.6rem,6.1vw,7.7rem)}h2{font-size:clamp(2.7rem,4.6vw,5rem)}h3{font-size:clamp(2rem,3.3vw,3.8rem)}.eyebrow{color:var(--brass);text-transform:uppercase;font-size:.69rem;font-weight:650;letter-spacing:.17em;margin-bottom:1.35rem}.landing{display:grid;grid-template-columns:1fr minmax(0,.85fr);background:var(--cream);align-items:center;position:relative;isolation:isolate}.landing-copy{padding:clamp(2.25rem,6vw,7rem) clamp(2rem,5vw,6rem);max-width:51rem}.landing h1 em{font-weight:400;color:var(--brass)}.landing .primary{margin-top:clamp(2rem,3.5vw,4rem)}.cover{justify-self:stretch;background:#e1d6c5;overflow:hidden;height:clamp(34rem,76vh,52rem);display:grid;align-items:center}.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.primary,.text-link{display:inline-flex;align-items:center;gap:1.1rem;justify-content:space-between;font-weight:600;font-size:.91rem}.primary{border:1px solid #82603d;background:#82603d;color:white;padding:.86rem 1.2rem;border-radius:2px}.primary:hover{background:#684a2f}.text-link{color:var(--brass);border-bottom:1px solid #a98861;padding-bottom:.28rem}.collection,.library{padding-block:clamp(3rem,7vw,7.5rem)}.collection h2,.library h2{margin-bottom:clamp(2rem,4vw,4.3rem)}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,3.3rem)}.project-card{display:block}.project-card img,.project-cover img{width:100%;display:block;object-fit:cover}.project-card img{aspect-ratio:1.59}.card-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.card-info .text-link{font-size:.86rem}.project-cover{background:var(--cream);display:grid;grid-template-columns:.75fr 1.25fr;align-items:center}.project-cover .copy{padding:clamp(2rem,4vw,5rem) var(--pad)}.project-cover img{height:clamp(24rem,48vw,38rem)}.project-cover h1{margin:.85rem 0 1.5rem}.back{font-size:.88rem;color:var(--muted)}.library{max-width:1400px}.library details{border-top:1px solid var(--line)}.library details:last-child{border-bottom:1px solid var(--line)}.library summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.35rem 0;font:400 clamp(1.35rem,2vw,2rem)/1.25 var(--serif)}.library summary::-webkit-details-marker{display:none}.library summary:after{content:"+";font:300 1.6rem/1 system-ui;color:var(--brass)}.library details[open]>summary:after{content:"−"}.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.7rem;margin:0 0 1.7rem}.file,.unavailable{border:1px solid var(--line);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.94rem}.file:hover{border-color:var(--brass);background:#f4eee3}.file span{color:var(--brass);flex-shrink:0}.render-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:1rem;padding:0 0 1.7rem}.render-grid button{border:0;background:none;text-align:left;color:var(--ink);padding:0;font-size:.88rem}.render-grid img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block;margin-bottom:.4rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);padding-block:clamp(3rem,6.5vw,7rem);border-top:1px solid var(--line);background:var(--cream)}.contact-copy{max-width:25em;color:var(--muted);margin:1.3rem 0}.number{font-size:.86rem;color:var(--muted);margin-top:.5rem}form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:grid;gap:.25rem;font-weight:600;font-size:.86rem}.full{grid-column:1/-1}input,textarea{width:100%;border:1px solid #bbb4a9;border-radius:2px;background:var(--paper);padding:.65rem;color:var(--ink);font-size:1rem}textarea{resize:vertical}small{display:block;color:var(--muted);margin-top:.5rem}.extra{margin:2rem 0 0}footer{border-top:1px solid var(--line);border-bottom:0;padding-block:1.8rem}footer>a:last-child{font-size:.9rem}.small-brand{font-size:1.35rem}.small-brand span{font-size:.46rem}dialog{max-width:min(90rem,95vw);width:fit-content;max-height:94vh;background:var(--paper);border:1px solid var(--line);padding:1rem;color:var(--ink)}dialog::backdrop{background:#343833a8}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem}.viewer-bottom,.viewer-top{padding:.4rem 0}.viewer-bottom a,.viewer-bottom button,.viewer-top button{font:inherit;background:transparent;color:var(--brass);border:0;padding:.5rem}#viewer-image{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}.unavailable{color:var(--muted);margin:0 0 1rem;font-size:.9rem}
@media(min-width:1500px){.landing,.project-cover{max-width:1600px;margin:auto}}
@media(max-width:950px){.landing{grid-template-columns:1fr .9fr}.cover{height:clamp(28rem,72vw,39rem)}.card-info{display:block}.card-info .text-link{margin-top:.8rem}}
@media(max-width:700px){.landing,.project-cover{display:flex;flex-direction:column}.cover{order:-1;height:clamp(20rem,86vw,33rem);width:100%}.cover img{object-position:center 41%}.landing-copy,.project-cover .copy{width:100%;padding:2rem var(--pad) 2.4rem}.landing h1{font-size:clamp(3rem,11vw,4.9rem)}.landing .primary{margin-top:1.35rem}.projects,.contact{grid-template-columns:1fr}.projects{gap:2.3rem}.project-cover img{height:auto;aspect-ratio:1.5;order:-1}.card-info{display:flex}.card-info .text-link{margin:0}.contact{gap:2rem}header{padding-block:.85rem}.brand{font-size:1.45rem}.brand span{font-size:.43rem}nav{gap:1rem;font-size:.82rem}.nav-contact{padding:.4rem .55rem}.viewer-bottom{flex-wrap:wrap;gap:.25rem}}
@media(max-width:380px){form{grid-template-columns:1fr}nav{gap:.6rem}.card-info{display:block}.card-info .text-link{margin-top:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the supplied wordmark in view and preserve the silhouette of both towers. */
@media(min-width:701px){.landing{grid-template-columns:minmax(0,1fr) minmax(19rem,36%)}.cover{height:clamp(31rem,76vh,52rem)}.cover img{object-position:center 18%}.landing-copy{padding-left:clamp(2rem,7vw,8rem)}}
@media(max-width:700px){.cover{height:auto;aspect-ratio:4/4.8}.cover img{object-position:center 25%}}
@media(min-width:761px){.cover{background:var(--cream);display:flex;justify-content:center;padding:1.6rem 2rem 1.6rem 0}.cover img{object-fit:contain;width:auto;max-width:100%;filter:drop-shadow(0 8px 20px #62533b22)}}
.panorama{position:relative;width:100%;overflow:hidden;background:var(--brand);color:white;isolation:isolate}
.panorama-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.panorama-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 3% 4.3%;background:linear-gradient(90deg,rgb(var(--navy-rgb) / .29),rgb(var(--navy-rgb) / .12) 28%,transparent 43%);pointer-events:none}

.panorama h1{max-width:30%;margin-top:0;font-size:clamp(1.6rem,3vw,3.7rem);line-height:1.05;letter-spacing:-.04em;text-shadow:0 1px 7px rgb(var(--navy-rgb) / .56)}
.discover-link{pointer-events:auto;display:inline;line-height:inherit}.discover-link span{display:inline-block;font:400 .55em/1 sans-serif;margin-left:.2em;transition:transform .2s}.discover-link:hover span{transform:translateY(4px)}
@media(min-width:701px){.panorama-art{aspect-ratio:2.5;object-position:right center}.panorama-copy{padding-left:3.6%}.panorama h1{max-width:27%}}
/* Collection identity */
:root{--navy-rgb:16 40 59;--paper:rgb(var(--navy-rgb) / .54);--cream:rgb(var(--navy-rgb) / .72);--brand:rgb(var(--navy-rgb) / .82);--ink:#f6f8fa;--muted:#c6d1d9;--line:rgb(255 255 255 / .25);--brass:#e4ebf1}
html{background:#10283b}body{background:radial-gradient(ellipse at 9% 4%,#ffffff22,transparent 54%),radial-gradient(ellipse at 88% 74%,#ffffff14,transparent 55%),#10283b;background-attachment:fixed;color:var(--ink)}
header,footer{background:var(--brand);color:var(--ink)}header .nav-contact{border-color:var(--line)}
.brand img{width:clamp(148px,19vw,285px);height:auto;mix-blend-mode:screen}
footer .brand img{width:129px}
.primary{background:rgb(255 255 255 / .12);color:var(--ink);border-color:rgb(255 255 255 / .44)}.primary:hover{background:rgb(255 255 255 / .22)}
.primary:disabled{opacity:.65;cursor:wait}.text-link{border-color:rgb(255 255 255 / .42)}
.past-projects{padding-bottom:clamp(3.5rem,7vw,7rem)}
.past-projects h2{margin:0 0 clamp(2rem,4vw,4.3rem)}
.past-card>img{display:block;width:100%;aspect-ratio:1.59;object-fit:cover}
.past-card:first-child>img{aspect-ratio:auto;height:auto;object-fit:contain}
.sold-status{color:var(--muted);font-size:.87rem;letter-spacing:.035em}
.project-card .homes-wordmark{display:block;width:auto;height:.80em;max-width:100%;object-fit:contain;aspect-ratio:auto}
.building-heading .homes-wordmark{display:block;width:auto;height:.80em;max-width:100%}
.file:hover,.building-controls .building-floor:is(:hover,.active,:focus-visible){background:rgb(255 255 255 / .12);color:var(--ink)}
input,textarea{background:var(--paper);border-color:rgb(255 255 255 / .4);color:var(--ink)}
.whatsapp-bar{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#18744b;color:white;border:1px solid #12613c}
.whatsapp-bar:hover{background:#12613c}.whatsapp-bar svg{width:32px;height:32px}
.form-actions{display:grid;gap:.6rem;justify-items:start}
#inquiry-status{color:var(--ink);font-size:.92rem}#inquiry-status:empty{display:none}
dialog{background:rgb(var(--navy-rgb) / .96)}dialog::backdrop{background:rgb(var(--navy-rgb) / .76)}.panorama h1{color:white}
.library summary .render-count{margin-left:auto;color:var(--muted);font:500 .86rem/1.25 "Segoe UI",sans-serif;letter-spacing:.01em}
.project-card .card-info{padding:1.25rem clamp(.95rem,2vw,1.8rem);background:var(--brand);color:var(--ink);border-bottom:1px solid var(--line)}
.project-card .card-info .text-link{color:var(--brass);border-color:rgb(255 255 255 / .42)}
.building-heading{background:var(--brand);color:var(--ink)}.building-heading .back{color:var(--muted)}
.past-card{display:flex;flex-direction:column}.past-card .card-info{margin-top:auto}
.past-card:nth-child(2)>img{aspect-ratio:auto;height:auto;object-fit:contain}
@media(min-width:701px){.past-projects .projects{grid-template-columns:minmax(0,1fr) minmax(0,1.7415fr)}}

@media(max-width:389px){header{gap:.55rem}header .brand img{width:clamp(126px,39vw,146px)}header nav{gap:.6rem}}
.payment-options{padding:.7rem 0 1rem}.payment-options h3{font-size:1.35rem;margin-bottom:.55rem}.payment-options p{font-size:.97rem;font-weight:600}.payment-or{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.72rem;letter-spacing:.12em;margin:.65rem 0}.payment-or::before,.payment-or::after{content:"";width:1.5rem;border-top:1px solid var(--line)}
.location-address{margin:.5rem 0 .9rem;color:var(--muted)}

@media(max-width:700px){
  .panorama{display:flex;flex-direction:column;background:transparent;color:var(--ink)}
  .panorama-art{width:100%;height:auto;aspect-ratio:1.74;object-fit:cover;object-position:88% center}
  .panorama-copy{position:static;display:block;min-height:0;padding:.3rem var(--pad);background:var(--brand);border-bottom:1px solid var(--line)}
  .panorama h1{max-width:100%;margin:0;font-size:clamp(1.0625rem,5.6vw,1.65rem);line-height:1.2;text-shadow:none;color:inherit}
  .panorama .discover-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:44px;white-space:nowrap}
  .panorama .discover-link span{display:grid;place-items:center;flex:0 0 1.65rem;height:1.65rem;margin:0;border:1px solid rgb(255 255 255 / .45);border-radius:50%;font:500 1rem/1 system-ui;color:var(--ink)}
}

.project-name,.building-heading h1{display:flex;align-items:center;min-height:1.06em}

header,.contact,.location-card,.building-heading,.project-card .card-info{box-shadow:inset 0 1px 0 rgb(255 255 255 / .07)}
:focus-visible{outline-color:#e4ebf1}