
:root{--navy:#091728;--navy2:#13263c;--gold:#e0b56c;--paper:#f8f5f0;--muted:#a6afbb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Arial,sans-serif;color:#1a2632;background:var(--paper)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(43px,5.4vw,89px);margin:22px 0}h2{font-size:clamp(32px,3.5vw,57px);margin:12px 0 24px}h3{font-size:26px;margin:10px 0}p{margin:8px 0 18px}.container{max-width:1420px;padding:0 32px;margin:auto}.note{font-size:13px;color:#786f64}.eyebrow{font-size:11px;letter-spacing:.27em;text-transform:uppercase;color:#ac7a3b;font-weight:700}.nav{position:sticky;top:0;z-index:40;background:#091728;color:#fff;min-height:86px;display:flex;align-items:center;padding:14px 30px;gap:32px}.brand{display:flex;align-items:center;gap:11px;color:var(--gold);min-width:182px}.brandicon{font:38px Georgia;color:var(--gold)}.brand span:last-child{font-size:17px;letter-spacing:.23em;line-height:1.15}.brand small{display:block;letter-spacing:.35em;font-size:9px}.navlinks{display:flex;gap:14px;flex:1;justify-content:center;flex-wrap:wrap}.navlinks a{font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.navlinks a:hover,.navlinks .active{color:var(--gold)}.btn{background:var(--gold);border:1px solid var(--gold);padding:13px 20px;color:#102034;display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:3px}.btn.outline{background:transparent;color:#fff}.btn.dark{background:var(--navy);color:white;border-color:var(--navy)}.section{padding:78px 0}.hero{min-height:660px;background:linear-gradient(90deg,rgba(3,13,25,.90),rgba(3,13,25,.45) 42%,transparent 78%),url('assets/complex.jpg') center/cover;display:flex;align-items:center;color:white}.hero .container{width:100%}.hero p{max-width:450px}.hero .subtitle{font-size:18px}.heroactions{display:flex;gap:12px;margin-top:25px}.stats{background:var(--navy);display:grid;grid-template-columns:repeat(5,1fr);gap:12px;color:#fff;text-align:center;padding:27px 20px}.stats b{font:28px Georgia;color:var(--gold);display:block}.stats span{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo{position:relative;display:block;height:310px;background:#142237;overflow:hidden;color:#fff;border-radius:4px;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo:hover img{transform:scale(1.035)}.photo .label{position:absolute;inset:auto 0 0;padding:70px 24px 23px;background:linear-gradient(transparent,rgba(3,8,16,.89));font:25px Georgia}.photo .label small{display:block;font:13px Arial;margin-top:8px;color:#e0d4c2}.muted{color:#6e7580}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split img{width:100%;max-height:490px;object-fit:cover}.darkband{background:var(--navy);color:#fff}.darkband .note{color:#ccc}.featurebar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{border-top:1px solid #bd9860;padding-top:14px}.feature b{display:block;font:26px Georgia}.pagehead{padding:65px 0 24px}.breadcrumbs{color:#ba915a;font-size:12px;letter-spacing:.17em}.footer{background:#071321;color:#fff;padding:50px 0 30px}.footercols{display:flex;justify-content:space-between;gap:30px}.footer p{max-width:460px;color:#b2bbc9}.disclaimer{padding:14px 26px;color:#786f64;background:#f2e9dc;border-left:3px solid var(--gold);font-size:13px}.overlay{position:fixed;inset:0;background:rgba(4,10,17,.91);z-index:90;display:none;align-items:center;justify-content:center;padding:24px}.overlay.show{display:flex}.overlay img{max-width:95vw;max-height:85vh;object-fit:contain}.close{position:absolute;right:24px;top:18px;background:white;color:#222;border:0;border-radius:30px;width:44px;height:44px;font-size:25px}.explore{display:grid;grid-template-columns:30% 40% 30%;gap:12px;background:#0b1a2b;padding:12px;color:#fff;min-height:710px}.pane{background:#12253a;padding:18px;min-width:0}.tower{height:590px;background:linear-gradient(180deg,rgba(9,20,35,.05),rgba(9,20,35,.35)),url('assets/towerconcept.jpg') left center/auto 100% no-repeat;position:relative;overflow:hidden}.floorstrip{position:absolute;left:13px;top:6%;height:86%;display:flex;flex-direction:column;width:95px}.floorstrip button{flex:1;border:1px solid #ffffff26;background:#092137b0;color:#fff;font-size:10px;line-height:1;padding:0}.floorstrip button.active,.floorstrip button:hover{background:#d6a75bf0;color:#08192b}.controlrow{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.switch{border:1px solid #d4ac6e;background:transparent;color:white;padding:9px 16px}.switch.active{background:var(--gold);color:#0b1b2c}.fullplan{position:relative;max-width:100%}.fullplan img{display:block;width:100%;border:1px solid #e1c89b}.apthot{position:absolute;width:16%;height:15%;border:2px solid #f8dfaf;background:#03192c9c;color:white;font-size:14px;border-radius:3px;font-weight:bold}.apthot.active,.apthot:hover{background:#c99b4dc9;color:#0b1b2b}.aptdetail{width:100%;aspect-ratio:1.35;overflow:hidden;border:1px solid #d1a95b;position:relative;background:#d9d0c4}.aptdetail img{position:absolute;width:230%;max-width:none;height:auto;transform:translate(var(--offx),var(--offy));transform-origin:top left}.spec{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13px;margin:16px 0}.spec div{border-bottom:1px solid #40556b;padding:7px 0}.matrix{display:grid;grid-template-columns:52px repeat(5,1fr);gap:2px}.cell{border:0;min-height:24px;font-size:11px;color:#151d27}.cell:hover,.cell.selected{outline:3px solid #202c3b;outline-offset:-3px}.matlabel{font-size:11px;display:flex;align-items:center;justify-content:center}.result{background:var(--navy);padding:26px;color:#fff}.result strong{font:40px Georgia;color:var(--gold)}.categories{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.catbtn{padding:10px 14px;border:1px solid #cbbfae;background:white}.catbtn.active{background:var(--navy);color:white}.infodetail{display:grid;grid-template-columns:55% 1fr;gap:28px;align-items:center}.infodetail img{width:100%;height:480px;object-fit:cover}.smallgallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.smallgallery img{width:100%;height:240px;object-fit:cover;cursor:pointer}.parkingdiagram{background:#e7e3db;border:1px solid #bea376;padding:20px;max-width:680px}.parkingdiagram svg{max-width:100%;display:block}.caption{font-size:12px;color:#a8a5a0}.photo-credit{font-size:12px;color:#aaa;margin-top:8px}@media(max-width:1120px){.nav{flex-wrap:wrap}.navlinks{order:3;width:100%}.explore{grid-template-columns:1fr 1fr}.explore .pane:last-child{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.container{padding:0 18px}.nav{padding:14px}.navlinks{overflow-x:auto;flex-wrap:nowrap;justify-content:start}.hero{min-height:590px}.stats{grid-template-columns:repeat(2,1fr)}.grid,.split,.infodetail,.smallgallery,.explore{grid-template-columns:1fr}.explore .pane:last-child{grid-column:auto}.featurebar{grid-template-columns:repeat(2,1fr)}.footercols{display:block}.photo{height:300px}.tower{background-position:center}}
/* METAX FINAL: clean typography, modular layout, usable mobile menu and captions */
.nav{gap:18px;padding:13px 22px}.navlinks{gap:11px}.navlinks a{font-size:10px}
.brandicon{display:inline-block;width:42px;height:42px;font-size:0;background:url('assets/logo.jpg') center/cover;clip-path:polygon(0 0,100% 0,100% 78%,0 78%)}
.hero{background-image:linear-gradient(90deg,rgba(3,13,25,.9) 0,rgba(3,13,25,.5) 38%,rgba(3,13,25,.1) 68%),url('assets/complex.jpg');background-position:center 45%}
.photo .label{font:25px Georgia,serif;padding:45px 18px 19px;line-height:1.16;max-width:100%;overflow-wrap:break-word;pointer-events:none}
.photo{border-radius:7px}.photo img{filter:none}.pagehead{padding-bottom:22px}
.explore{grid-template-columns:minmax(250px,28%) minmax(330px,43%) minmax(270px,29%);gap:8px}.pane{padding:16px}
.tower{background-image:linear-gradient(90deg,rgba(9,20,35,.18),rgba(9,20,35,0)),url('assets/towerconcept.jpg');background-position:15% center}
.floorstrip{width:85px}
.infodetail img{height:420px}
.photo:focus-visible,.apthot:focus-visible,.floorstrip button:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* Do not scale small supporting gallery art to full-screen on hover */
@media(max-width:1240px){.nav{flex-wrap:wrap}.navlinks{order:3;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.explore{grid-template-columns:1fr 1fr}.explore .pane:last-child{grid-column:1/-1}}
@media(max-width:720px){.explore{grid-template-columns:1fr}.explore .pane:last-child{grid-column:1}.stats{grid-template-columns:repeat(2,1fr)}.hero{min-height:530px}.heroactions{flex-wrap:wrap}}

/* Approved photograph treatment: no overlaid labels, captions live below the images. */
.photo{height:auto;min-height:0;overflow:visible;background:transparent;color:#15263a;box-shadow:0 4px 18px #17263812;border-radius:9px;display:flex;flex-direction:column;}
.photo img{height:270px;width:100%;object-fit:cover;border-radius:9px 9px 0 0;background:#263242;}
.photo .label{position:static;inset:auto;background:#fff;color:#10243a!important;padding:16px 18px!important;font:23px/1.25 Georgia,serif!important;min-height:65px;pointer-events:none;}
.photo .label small{color:#4d5662;}
.photo:hover img{transform:none;filter:brightness(1.04);}
@media(max-width:720px){.photo img{height:250px}}

/* Dedicated full-size photography; editable captions below images. */
.photo .label{position:static!important; background:#fff!important; color:#122438!important; padding:16px 18px!important; text-shadow:none!important; display:block!important;}
.photo img{filter:none!important;}
