:root{--ink:#062f32;--ink2:#032529;--gold:#d3b16b;--paper:#f6f2e9;--text:#213334}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.nav-shell{color:#fff;z-index:20;background:#04272bfa;border-bottom:1px solid #d3b16b40;align-items:center;gap:38px;width:100%;height:94px;padding:0 4.5vw;display:flex;position:absolute}.brand{color:#f0e4cc;align-items:center;gap:13px;min-width:218px;display:flex}.brand b{letter-spacing:1.5px;font:600 22px/17px Cormorant Garamond,serif}.brand small{letter-spacing:2.2px;margin-top:7px;font-size:9px;display:block}.mark{align-items:flex-end;gap:3px;height:57px;display:flex}.mark i{background:var(--gold);width:6px;display:block;transform:skewY(-28deg)}.mark i:first-child{height:35px}.mark i:nth-child(2){height:52px}.mark i:nth-child(3){height:44px}.mark i:nth-child(4){height:30px}nav{flex:1;justify-content:center;gap:27px;display:flex}nav a{opacity:.84;border-bottom:2px solid #0000;padding:37px 0 9px;font-size:12px}nav a:hover{color:var(--gold);border-color:var(--gold)}.outline-btn,.gold-btn,.dark-btn{text-transform:uppercase;letter-spacing:.7px;border-radius:2px;justify-content:center;align-items:center;padding:14px 25px;font-size:11px;font-weight:600;display:inline-flex}.outline-btn{border:1px solid var(--gold);color:#fff}.gold-btn{background:var(--gold);color:var(--ink)}.dark-btn{background:var(--ink);color:#fff;margin-top:16px}.nav-cta{white-space:nowrap}.menu{display:none}.hero{color:#fff;background-image:linear-gradient(90deg,#022226f7 0%,#03262ad1 34%,#031f231a 63%),url(/images/property-atlas.png);background-position:0 0,0 0;background-size:auto 200%;height:760px;padding:160px 4.7vw 125px;position:relative;overflow:hidden}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:3.4px;color:var(--gold);margin:0 0 15px;font-size:11px;font-weight:600}.eyebrow{align-items:center;gap:13px;display:flex}.eyebrow i{background:var(--gold);border-radius:50%;width:4px;height:4px}.hero h1{text-transform:uppercase;letter-spacing:2px;color:#e7d4ad;margin:17px 0;font:600 clamp(57px,6vw,88px)/.76 Cormorant Garamond,serif}.street{text-transform:uppercase;letter-spacing:7px;color:#dbc289;align-items:center;gap:14px;font:600 18px Cormorant Garamond,serif;display:flex}.street span{background:var(--gold);width:64px;height:1px}.hero h2,.amenities h2{margin:15px 0 8px;font:600 25px Cormorant Garamond,serif}.lead{opacity:.9;max-width:430px;font-size:14px;line-height:1.55}.actions{gap:16px;margin-top:22px;display:flex}.hero-note{border-left:2px solid var(--gold);text-transform:uppercase;letter-spacing:3px;padding:8px 0 8px 23px;font-size:10px;line-height:2.3;position:absolute;top:260px;right:4.5vw}.feature-row{border-top:1px solid #d3b16b59;align-items:center;width:49%;height:112px;display:flex;position:absolute;bottom:0;left:4.7vw}.feature{text-transform:uppercase;text-align:center;border-right:1px solid #ffffff29;flex-direction:column;justify-content:center;align-items:center;width:20%;min-height:72px;display:flex}.feature strong{color:var(--gold);height:33px;font-size:28px}.feature b{margin-top:5px;font-size:8px}.feature small{color:var(--gold);margin-top:3px;font-size:7px}.property-grid{grid-template-columns:32% 36% 32%;gap:10px;min-height:325px;padding:12px;display:grid}.info-card{background:#f7f3ea;padding:24px 34px}.info-card h2,.location h2{text-transform:uppercase;color:#172c2d;margin:5px 0 12px;font:700 27px/1 Cormorant Garamond,serif}.price{font:700 22px Cormorant Garamond,serif!important}.price small{text-transform:uppercase;letter-spacing:2px;font:600 9px DM Sans;display:block}.specs{color:#896d36;justify-content:space-between;margin:18px 0;display:flex}.specs span{text-align:center;font-size:18px}.specs small{color:var(--text);font-size:7px;display:block}.terms{background:#eee8dc;padding:10px 13px;font-size:9px;display:inline-block}.terms b{text-transform:uppercase;color:#9a7c42}.photo{background-image:url(/images/property-atlas.png);background-size:200% 200%;min-height:300px;position:relative}.photo span{color:#fff;text-transform:uppercase;text-shadow:0 1px 5px #000;font-size:9px;position:absolute;bottom:12px;right:15px}.split-section{grid-template-columns:26% 74%;min-height:225px;padding:0 12px 10px;display:grid}.storage-row{grid-template-columns:26% 74%}.storage-visual{background:#34403f;grid-template-columns:1fr 2.2fr 1fr;min-height:230px;display:grid;overflow:hidden}.door{background:repeating-linear-gradient(0deg,#9ba19f 0 5px,#626b6a 5px 9px);border:12px solid #384241;box-shadow:inset 0 0 30px #1c2423}.aisle{clip-path:polygon(4% 0,96% 0,78% 100%,22% 100%);background:linear-gradient(100deg,#1d2727,#a4a7a2 48%,#25302f);position:relative}.aisle:before{content:"";background:repeating-linear-gradient(0deg,#9b2525 0 6px,#bbb 6px 13px);width:6%;height:100%;position:absolute;left:47%}.aisle span{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;width:100%;font-size:9px;position:absolute;bottom:15px}.amenities{background:var(--ink);color:#fff;padding:21px 4.5vw 25px}.amenities .kicker{margin-bottom:4px}.amenities h2{margin-top:0;font-size:23px}.amenity-list{grid-template-columns:repeat(7,1fr);margin-top:18px;display:grid}.amenity-list div{text-transform:uppercase;text-align:center;border-right:1px solid #ffffff2b;flex-direction:column;align-items:center;gap:6px;font-size:8px;display:flex}.amenity-list strong{color:var(--gold);font-size:28px}.location{grid-template-columns:28% 43% 29%;gap:27px;padding:26px 4.5vw;display:grid}.location article>p:not(.kicker){font-size:11px;line-height:1.5}.map-card{background-color:#ebe8df;background-image:linear-gradient(28deg,#0000 47%,#fff 48% 52%,#0000 53%),linear-gradient(145deg,#0000 44%,#fff 45% 50%,#0000 51%),linear-gradient(90deg,#0000 49%,#d7d2c7 50% 51%,#0000 52%);min-height:205px;position:relative;overflow:hidden}.pin{color:var(--ink);font-size:30px;position:absolute;top:38%;left:45%}.map-card>b{background:var(--ink);color:#fff;text-transform:uppercase;padding:10px 20px;font-size:11px;position:absolute;top:44%;left:49%}.map-card>b small{text-align:center;color:var(--gold);display:block}.map-label{font-size:8px;font-style:normal;position:absolute}.map-label.one{top:12%;right:3%}.map-label.two{bottom:21%;right:3%}.map-label.three{font-weight:600;bottom:7%;left:4%}.landmarks ul{margin:0;padding:0;list-style:none}.landmarks li{border-bottom:1px solid #ddd;justify-content:space-between;padding:5px 0;font-size:10px;display:flex}.landmarks li span:before{content:"◆";color:var(--gold);margin-right:8px}footer{background:#fff;justify-content:space-between;align-items:center;padding:24px 4.5vw;display:flex}.footer-brand{color:var(--ink)}.contact-copy{text-align:center;font-size:11px}.contact-copy p{text-transform:uppercase;letter-spacing:2px;margin:0 0 5px}.contact-copy a{color:#8a6c32}.socials{align-items:center;gap:13px;display:flex}.socials>a{border:1px solid var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:700;display:grid}.socials span{text-transform:uppercase;letter-spacing:2px;border-left:1px solid #aaa;margin-left:15px;padding-left:24px;font-size:8px;line-height:1.7}.gold{color:var(--gold)}@media (width<=900px){.nav-shell{height:75px;padding:0 20px}.brand{min-width:0}.brand b{font-size:17px}.brand .mark{height:45px}.nav-cta{display:none}.menu{color:#fff;background:0 0;border:0;margin-left:auto;font-size:25px;display:block}nav{background:var(--ink);flex-direction:column;gap:0;padding:15px 24px;display:none;position:absolute;top:75px;left:0;right:0}nav.open{display:flex}nav a{padding:12px 0}.hero{background-position:0 0,18% 0;height:790px;padding:130px 25px 120px}.hero-copy{width:100%;max-width:500px}.hero-note{display:none}.feature-row{width:calc(100% - 40px);left:20px;overflow:auto}.property-grid{grid-template-columns:1fr 1fr}.apartment-copy{grid-column:1/-1}.split-section,.storage-row{grid-template-columns:38% 62%}.amenity-list{grid-template-columns:repeat(4,1fr);gap:20px}.amenity-list div{border:0}.location{grid-template-columns:1fr 1fr}.location>article:first-child{grid-column:1/-1}footer{flex-wrap:wrap;gap:25px}}@media (width<=600px){.hero h1{font-size:56px}.hero h2{font-size:21px}.feature-row{height:125px}.feature{min-width:95px}.property-grid{grid-template-columns:1fr}.photo{min-height:260px}.split-section,.storage-row{grid-template-columns:1fr}.split-section .info-card{margin:0 0 10px}.storage-visual{min-height:210px}.amenity-list{grid-template-columns:repeat(2,1fr)}.location{grid-template-columns:1fr}.map-card{min-height:250px}.socials span{display:none}footer{text-align:center;justify-content:center}.footer-brand{justify-content:center;width:100%}.nav-shell .brand small{display:none}}.availability-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px;display:flex}.availability-head h2{text-transform:uppercase;color:var(--ink);margin:0;font:700 clamp(36px,4vw,55px)/.95 Cormorant Garamond,serif}.availability-head>p{max-width:570px;margin:0;font-size:13px;line-height:1.65}.floor-picker{background:#fff;border:1px solid #e0d8c8;align-items:center;gap:7px;padding:15px 18px;display:flex;overflow:auto}.floor-picker>b{text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;margin-right:10px;font-size:10px}.floor-picker button{width:39px;height:39px;color:var(--ink);cursor:pointer;background:#faf8f3;border:1px solid #d9d1c3;flex:none;font-weight:700}.floor-picker button:hover,.floor-picker button.active{background:var(--ink);border-color:var(--ink);color:#fff}.availability-body{grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:18px;display:grid}.inventory-panel,.selection-summary{border:1px solid #e0d8c8}.inventory-panel{background:#fff;padding:27px}.inventory-title{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.inventory-title h3,.selection-summary h3{text-transform:uppercase;color:var(--ink);margin:0;font:700 25px Cormorant Garamond,serif}.inventory-title .kicker{margin-bottom:5px}.inventory-actions{color:#bbb;align-items:center;gap:9px;display:flex}.inventory-actions button{text-transform:uppercase;color:#8a6c32;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:700}.unit-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.unit-card{text-align:left;min-height:160px;color:var(--text);cursor:pointer;background:#fbfaf7;border:1px solid #ddd5c7;flex-direction:column;padding:15px;transition:all .15s;display:flex;position:relative}.unit-card:hover{border-color:var(--gold);transform:translateY(-2px)}.unit-card.selected{background:var(--ink);border-color:var(--ink);color:#fff}.unit-card.unavailable{opacity:.48;cursor:not-allowed;transform:none}.unit-card .check{border:1px solid #c7bda9;place-items:center;width:19px;height:19px;font-size:9px;display:grid;position:absolute;top:11px;right:11px}.unit-card.selected .check{background:var(--gold);border-color:var(--gold);color:var(--ink)}.unit-card>b{color:var(--ink);font:700 23px Cormorant Garamond,serif}.unit-card.selected>b{color:var(--gold)}.unit-card strong{text-transform:uppercase;letter-spacing:.6px;margin:3px 0;font-size:8px}.unit-card small{color:#8a6c32;font-size:9px}.unit-card>span:not(.check){margin-top:auto;font-size:9px}.unit-card em{text-transform:uppercase;color:#2a7c63;margin-top:7px;font-size:8px;font-style:normal;font-weight:700}.unit-card.selected em{color:var(--gold)}.unit-card.unavailable em{color:#9b493f}.selection-summary{background:var(--ink);color:#fff;align-self:start;padding:28px;position:sticky;top:20px}.selection-summary h3{color:#fff;margin-bottom:25px}.summary-stat{color:var(--gold);border-top:1px solid #ffffff21;align-items:center;gap:14px;padding:17px 0;display:flex}.summary-stat>svg{width:24px;font-size:20px}.summary-stat span{flex-direction:column;display:flex}.summary-stat small,.selected-codes>small{text-transform:uppercase;letter-spacing:1.2px;color:#aab7b7;font-size:8px}.summary-stat b{color:#fff;margin-top:3px;font-size:11px}.selected-codes{border-top:1px solid #ffffff21;padding-top:17px}.selected-codes div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.selected-codes span{color:var(--gold);background:#ffffff1a;padding:6px 8px;font-size:10px}.empty-summary{opacity:.7;border-top:1px solid #ffffff21;padding-top:17px;font-size:11px;line-height:1.5}.summary-cta{gap:9px;width:100%;margin-top:24px}.summary-cta.disabled{opacity:.45}.plan-link{text-align:center;text-transform:uppercase;color:var(--gold);letter-spacing:1px;margin-top:16px;font-size:8px;text-decoration:underline;display:block}@media (width<=1100px){.unit-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.availability-head{display:block}.availability-head>p{margin-top:18px}.availability-body{grid-template-columns:1fr}.selection-summary{position:static}.unit-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.availability{padding:50px 20px}.inventory-panel{padding:18px}.inventory-title{display:block}.inventory-actions{margin-top:12px}.unit-grid{grid-template-columns:1fr 1fr}.unit-card{min-height:145px;padding:12px}}.contact-section{color:var(--ink);background:#fff;grid-template-columns:minmax(260px,.8fr) minmax(460px,1.2fr);gap:70px;padding:75px max(32px,50vw - 600px);display:grid}.contact-intro h2{text-transform:uppercase;margin:0 0 20px;font:700 clamp(34px,4vw,52px)/.95 Cormorant Garamond,serif}.contact-intro>p:not(.kicker){max-width:430px;color:var(--text);font-size:13px;line-height:1.7}.contact-selection{border-left:3px solid var(--gold);background:#f6f2e9;flex-direction:column;gap:6px;margin-top:25px;padding:17px 20px;display:flex}.contact-selection small{letter-spacing:1.5px;text-transform:uppercase;color:#896d36;font-size:9px}.enquiry-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.enquiry-form label{text-transform:uppercase;letter-spacing:1.2px;flex-direction:column;gap:8px;font-size:9px;font-weight:700;display:flex}.enquiry-form label small{color:#778080;font-size:8px;font-weight:400}.enquiry-form input,.enquiry-form textarea{width:100%;color:var(--text);text-transform:none;letter-spacing:0;background:#faf8f3;border:1px solid #d7d0c4;border-radius:0;outline:none;padding:14px 15px;font:400 13px DM Sans,sans-serif}.enquiry-form input:focus,.enquiry-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d3b16b29}.enquiry-form textarea{resize:vertical;min-height:105px}.message-field,.whatsapp-btn,.form-note{grid-column:1/-1}.whatsapp-btn{color:#062f32;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:#25d366;border:0;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font:700 11px DM Sans,sans-serif;display:flex}.whatsapp-btn:hover{background:#20bd5a}.whatsapp-btn svg{font-size:18px}.form-note{text-align:center;color:#687373;margin:-7px 0 0;font-size:9px}@media (width<=800px){.contact-section{grid-template-columns:1fr;gap:35px;padding:55px 28px}}@media (width<=520px){.contact-section{padding:45px 20px}.enquiry-form{grid-template-columns:1fr}.enquiry-form label{grid-column:1}}:root{--ink:#1d2224;--ink2:#111516;--gold:#c49354;--paper:#f2eee7;--text:#343332;--line:#ded6ca;--surface:#faf8f4}body{background:var(--paper)}.nav-shell{background:#121617f5;border-bottom-color:#c4935461;height:88px;padding:0 max(32px,50vw - 660px)}.nav-shell nav{gap:clamp(14px,2vw,30px)}.nav-shell nav a{letter-spacing:.3px;font-size:11px}.brand{color:#f2dfbd}.mark i{background:#d2a463}.outline-btn{border-color:#c89a5c}.gold-btn{color:#171a1b;background:#c49354}.dark-btn{background:#222728}.hero{background-image:linear-gradient(90deg,#0e1213f0 0%,#131617b8 34%,#1214140d 63%),url(/images/property-atlas.png);background-position:50%,0 0;background-repeat:no-repeat;background-size:100% 100%,200% 200%;height:min(820px,92vh);min-height:680px;padding:170px max(32px,50vw - 660px) 125px}.hero-copy{width:min(520px,44vw)}.hero h1{color:#e7c995}.hero-note{right:max(32px,50vw - 660px)}.feature-row{width:min(660px,49%);left:max(32px,50vw - 660px)}.section-light{background:var(--paper)}.property-grid,.split-section{gap:16px;width:min(1360px,100%);margin:0 auto;padding-left:20px;padding-right:20px}.property-grid{grid-template-columns:minmax(300px,.8fr) 1fr 1fr;padding-top:70px;padding-bottom:16px}.split-section{grid-template-columns:minmax(300px,.8fr) 2fr;padding-bottom:16px}.split-section .info-card{margin-right:0}.info-card{background:#e9e3d9;flex-direction:column;justify-content:center;padding:clamp(28px,3vw,48px);display:flex}.info-card h2,.location h2{font-size:clamp(27px,2.2vw,36px);line-height:1.02}.info-card p{font-size:13px;line-height:1.65}.info-card .dark-btn{align-self:flex-start}.photo{background-repeat:no-repeat;background-size:200% 200%;min-height:360px}.photo:after{content:"";background:linear-gradient(#0000 72%,#0c0e0e94);position:absolute;inset:0}.photo span{z-index:1;letter-spacing:1.3px;bottom:18px;right:20px}.living{background-position:100% 0}.kitchen{background-position:0 100%}.retail{background-position:100% 100%}.split-section .photo,.storage-visual{min-height:330px}.storage-row{padding-bottom:70px}.availability{background:#e7e1d7;padding:76px max(32px,50vw - 660px) 88px}.availability-head{padding:0 2px}.floor-picker,.inventory-panel{background:#f8f5ef}.unit-card{background:#f1ece4}.unit-card.selected,.selection-summary{background:#222728}.selection-summary{border-color:#222728}.amenities{background:#1a1f20;padding:45px max(32px,50vw - 660px)}.amenities h2{font-size:30px}.amenity-list{margin-top:28px}.amenity-list div{justify-content:center;min-height:70px}.location{background:#f8f5ef;gap:35px;padding:70px max(32px,50vw - 660px)}.map-card{border:1px solid var(--line);min-height:290px}.map-card iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.landmarks li{padding:10px 0}.landmarks li svg{color:var(--gold);width:14px}footer{border-top:1px solid var(--line);background:#eee9e1;padding:34px max(32px,50vw - 660px)}@media (width<=900px){.nav-shell{padding:0 24px}.hero{background-position:50%,8% 0;background-size:100% 100%,200% 200%;padding:135px 28px 125px}.hero-copy{width:min(520px,75vw)}.feature-row{width:calc(100% - 56px);left:28px}.property-grid{grid-template-columns:1fr 1fr;padding-top:45px}.apartment-copy{grid-column:1/-1}.split-section,.storage-row{grid-template-columns:1fr 1.5fr}.availability{padding:60px 28px 70px}.location{padding:55px 28px}.amenities{padding:40px 28px}footer{padding:30px 28px}}@media (width<=600px){.hero{background-image:linear-gradient(90deg,#0f1213ed,#11141473),url(/images/property-atlas.png);background-position:50%,30% 0;background-size:100% 100%,auto 100%;height:760px;min-height:0;padding:125px 22px 120px}.hero-copy{width:100%}.hero h1{font-size:54px}.property-grid,.split-section{gap:10px;width:100%;padding-left:12px;padding-right:12px}.property-grid{grid-template-columns:1fr;padding-top:28px}.split-section,.storage-row{grid-template-columns:1fr}.info-card{padding:30px 24px}.photo,.split-section .photo{min-height:265px}.storage-visual{min-height:240px}.storage-row{padding-bottom:35px}.availability{padding:48px 18px 55px}.availability-head h2{font-size:40px}.amenities{padding:36px 22px}.location{gap:24px;padding:45px 22px}footer{padding:28px 22px}}.outline-btn svg,.gold-btn svg,.dark-btn svg{margin-left:9px;font-size:10px}.feature strong svg,.amenity-list strong svg{width:1em}.specs span svg{height:18px}.map-card{background:#e8e4da}.map-card iframe{filter:saturate(.72)contrast(.96);border:0;width:100%;height:100%;min-height:205px;display:block}.landmarks li span{align-items:center;gap:8px;display:flex}.landmarks li span svg{width:12px;color:var(--gold)}.landmarks li span:before{display:none}.socials a svg{height:11px}.hero{isolation:isolate;background:linear-gradient(90deg,#022b2f 0%,#05393c 52%,#042d30 100%)}.hero:before{content:"";z-index:-2;filter:saturate(1.12)contrast(1.12)brightness(1.06);transform-origin:100% 100%;background-image:url(/images/property-atlas.png);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;width:68%;position:absolute;inset:88px 0 0 auto;transform:scale(1.035)}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#022226fc 0%,#022226eb 30%,#02222657 56%,#0000 78%),radial-gradient(circle at 73% 46%,#e0bc6c38,#0000 34%),linear-gradient(#0000 70%,#022226b3 100%);position:absolute;inset:0}.hero-copy,.hero-note,.feature-row{z-index:1}.hero-copy{position:relative}@media (width<=900px){.hero:before{opacity:.66;width:100%;inset:75px 0 0;transform:scale(1.05)}.hero:after{background:linear-gradient(90deg,#022226f2,#0222268f)}}
