:root{--paper:#f3f1ec;--ink:#252b30;--silver:#c7cbd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:white;color:#222;padding:14px}.skip:focus{top:15px}.wrap{width:90%;max-width:1400px;margin:auto}.hero{position:relative;min-height:650px;height:min(780px,90svh);color:#f5f5f3;background:#28343f url('assets/residence.png') center center/cover no-repeat;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,22,29,.47),rgba(13,22,29,.1) 65%),linear-gradient(180deg,rgba(10,17,22,.5),transparent 28%,transparent 80%,rgba(10,17,22,.3))}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0 24px;border-bottom:1px solid #ffffff19}.brand{width:240px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}header nav{display:flex;gap:36px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 5px #000}header nav a{padding:12px 0}header nav a:hover{color:var(--silver)}.hero-copy{padding-top:clamp(80px,11vw,175px)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.5vw,68px);line-height:1.14;font-weight:400;letter-spacing:-1.5px;margin:0 0 30px;text-shadow:0 2px 8px #0005}.button{display:inline-flex;align-items:center;gap:30px;border:1px solid #e1e3e5;box-shadow:inset 0 0 0 3px #ffffff17;background:#1c252c55;padding:16px 24px;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:1.7px;transition:background .2s}.button:hover{background:#d5d9dd;color:#20272c}.launch{font-size:12px;letter-spacing:.7px;margin-top:23px;color:#e4e6e7}.concept{position:absolute;bottom:19px;right:5%;font-size:10px;letter-spacing:.5px;color:#ededed;text-shadow:0 1px 4px #000}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:43px 0;border-bottom:1px solid #c7c8c7}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;line-height:1.8}.intro p{margin:0}.intro .descriptor{font-family:Georgia,serif;font-size:23px;line-height:1.4}.sections{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:74px 0;border-bottom:1px solid #c7c8c7}h2{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.2;margin:18px 0}p{line-height:1.8}section p:not(.eyebrow):not(.launch):not(.concept){font-size:14px;color:#5a6268;max-width:580px}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #8f9598;padding-bottom:8px;margin-top:12px}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding:70px 0;border-bottom:1px solid #c7c8c7}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:65px 0}.email{font-family:Georgia,serif;font-size:clamp(20px,2.5vw,32px);border-bottom:1px solid #a0a5a7;padding-bottom:10px}.socials{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;margin-top:27px}footer{background:#22292e;color:#bec5ca;padding:28px 0;font-size:10px;letter-spacing:.6px}footer .wrap{display:flex;justify-content:space-between;gap:25px}@media(min-width:1700px){.hero{height:850px}}@media(max-width:800px){header{align-items:flex-start;gap:20px}.brand{width:190px}header nav{gap:15px;flex-wrap:wrap;justify-content:flex-end;font-size:10px;max-width:240px}.hero{min-height:620px;height:80svh;background-position:58% center}.hero-copy{padding-top:130px}.sections{gap:35px}.about{gap:35px}.contact{align-items:flex-start;flex-direction:column}.intro{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:520px){.wrap{width:88%}.hero{height:760px;min-height:0;background-position:60% center}.hero:before{background:linear-gradient(90deg,#111c28b8,#111c2833),linear-gradient(180deg,#111c2866,transparent 60%,#111c2844)}header{display:block;padding:24px 0 20px}.brand{display:block;width:205px}header nav{justify-content:space-between;max-width:none;margin-top:25px;gap:10px;font-size:9px;letter-spacing:1px}.hero-copy{padding-top:120px}h1{font-size:39px;letter-spacing:-1px}.button{padding:16px 20px;font-size:10px}.launch{font-size:10px}.concept{font-size:9px;right:6%;bottom:16px}.sections,.about{grid-template-columns:1fr;gap:38px;padding:48px 0}h2{font-size:30px}.intro{padding:30px 0}.intro .descriptor{font-size:20px}.contact{padding:45px 0}.socials{gap:19px}footer .wrap{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Contact links and recognisable platform icons. */
.socials a,.direct-contact a{display:inline-flex;align-items:center;gap:9px;min-height:44px}.social-icon{width:18px;height:18px;flex:0 0 18px;display:block}.socials{gap:8px 21px;margin-top:22px}.socials a{transition:color .18s}.socials a:hover{color:#697680}.direct-contact{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:25px}.phone-link{font-size:15px;letter-spacing:.3px}.phone-link small{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#657078;margin-bottom:5px}.whatsapp-link{border:1px solid #a5adb1;padding:10px 15px;font-size:12px;transition:background .18s,color .18s}.whatsapp-link:hover{background:#252b30;color:#fff}.direct-contact .social-icon{width:21px;height:21px;flex-basis:21px}.contact>div:last-child{min-width:0}@media(max-width:520px){.direct-contact{align-items:flex-start;gap:18px}.socials{gap:5px 20px}.socials a{font-size:12px}}
