:root{--paper:#f6f3ed;--ink:#263c36;--muted:#69716a;--line:#d7d9cc;--accent:#aab49a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ae7837;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper)}.brand{font-family:Georgia,serif;letter-spacing:.15em;font-size:27px;line-height:1.3}.brand span{display:block;font:10px/2 Arial,sans-serif;letter-spacing:.17em}.header nav{display:flex;align-items:center;gap:35px;font-size:14px}.header nav a:hover{color:#849374}.nav-contact{border:1px solid var(--ink);padding:11px 22px}.nav-contact span{margin-left:22px}.hero{height:min(760px,80vw);min-height:600px;position:relative;color:white;margin:0 20px;isolation:isolate}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,22,.65),rgba(15,27,22,.12) 75%),linear-gradient(0deg,rgba(15,27,22,.4),transparent 30%)}.hero-content{position:absolute;left:6%;top:18%;max-width:850px}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:600;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}h1{font-size:clamp(64px,7.7vw,116px);letter-spacing:-.055em;margin-bottom:25px}em{font-weight:400}h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.04em;margin-bottom:28px}h3{font-size:30px}.hero-place{font-size:17px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--ink);padding:15px 23px;font-size:14px;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}.button:hover{background:var(--ink);color:white}.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button.light:hover{background:#e0e4d7}.hero-bottom{position:absolute;bottom:27px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:13px}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding:47px 6%;border-bottom:1px solid var(--line)}.facts>div{text-align:center;border-right:1px solid var(--line)}.facts>div:last-child{border:0}.facts strong{display:block;font:46px/1.25 Georgia,serif}.facts small{font-size:25px}.facts span{display:block;font-size:13px;color:var(--muted);margin-top:9px}.section{padding:110px 7%;scroll-margin-top:20px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%}.lead{font:25px/1.5 Georgia,serif}.intro p:not(.lead):not(.eyebrow){color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 13px}.tags span{border:1px solid var(--line);padding:6px 11px;font-size:12px}.fine{font-size:13px;color:var(--muted)}footer{padding:45px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span,footer>a:last-child{font-size:12px}@media(min-width:1800px){body{max-width:1800px;margin:auto}}@media(max-width:760px){.header{height:85px;padding:0 6%}.brand{font-size:23px}.brand span{font-size:9px}.header nav{gap:12px}.header nav>a:not(.nav-contact){display:none}.nav-contact{padding:9px 15px}.nav-contact span{margin-left:10px}.hero{margin:0 10px;min-height:650px;height:calc(90svh - 85px);max-height:850px}.hero>img{object-position:62% center}.hero-content{left:7%;right:7%;top:20%}h1{font-size:clamp(61px,11.5vw,87px)}.hero .eyebrow{font-size:10px}.hero-place{font-size:15px}.hero-bottom{left:7%;right:7%}.hero-bottom>span{display:none}.facts{grid-template-columns:1fr 1fr;gap:28px 0;padding:35px 4%}.facts>div:nth-child(2){border:0}.facts strong{font-size:38px}.facts span{font-size:12px}.section{padding:70px 7%}.intro{grid-template-columns:1fr;gap:15px}footer{align-items:flex-start;flex-wrap:wrap}footer>span{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.architecture{display:grid;grid-template-columns:1.25fr 1fr;background:#e8eadf}.architecture-image .photo{height:100%;min-height:620px}.architecture-copy{padding:85px 14%}.big-number{font:100px/1.2 Georgia,serif;letter-spacing:-.07em;display:block;margin:30px 0 8px}.big-number>span{font-size:35px;letter-spacing:0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:35px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:14px;margin-bottom:4px}.photo{padding:0;border:0;background:#e2e4d9;position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden;text-align:left}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo:hover img{transform:scale(1.025)}.expand{position:absolute;right:15px;bottom:15px;width:34px;height:34px;background:rgba(246,243,237,.9);display:grid;place-items:center;color:var(--ink);font-size:22px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px 25px;border-bottom:1px solid var(--line);margin:35px 0}.gallery-filters button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:14px;color:var(--muted);cursor:pointer}.gallery-filters button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink)}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 24px}.gallery-item{grid-column:span 2;margin:0;min-width:0}.gallery-item:nth-child(5n+1),.gallery-item:nth-child(5n+2){grid-column:span 3}.gallery-item .photo{height:360px}.gallery-item:nth-child(5n+1) .photo,.gallery-item:nth-child(5n+2) .photo{height:440px}.gallery-item .photo img{object-fit:contain;background:#eeece5}.gallery-item:first-child .photo img{object-fit:cover}.gallery-item figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:13px}.gallery-item figcaption>span:last-child{color:var(--muted)}[hidden]{display:none!important}#gallery-count{margin-top:30px}.layout{background:#e8eadf;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;align-items:center}.detail-list{margin:25px 0 0}.detail-list>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px}.detail-list dd{margin:0;white-space:nowrap}.detail-list dt{color:var(--muted)}.plan .photo{background:#f6f3ed;padding:20px}.plan .photo img{object-fit:contain}.plan p{text-align:center;margin:15px 0 0}.renovation{display:grid;grid-template-columns:1fr 1fr;gap:10%}.renovation-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin:30px 0;font-size:14px}.renovation-list li{border-bottom:1px solid var(--line);padding-bottom:12px}.renovation-photo{height:440px}.renovation-photo img{object-position:center 58%}.closet-note{border-left:2px solid #a4ae92;margin-top:35px;padding-left:25px}.closet-note .eyebrow{margin-bottom:12px}.closet-note h3{margin-bottom:16px}.closet-note p:last-child{font-size:14px;color:var(--muted)}.terraces{background:#e6e9df;padding:90px 7%}.terrace-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:45px;align-items:start}.terrace-grid figure{margin:0}.terrace-grid figure:nth-child(2){padding-top:100px}.terrace-grid .photo{height:490px}.terrace-grid figure:nth-child(2) .photo{height:460px}.terrace-grid h3{display:flex;justify-content:space-between;gap:20px;font-size:27px;margin:25px 0 15px}.terrace-grid h3 span{font-size:20px;color:var(--muted)}.terrace-grid figcaption p{color:var(--muted);font-size:14px}.arrival{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.arrival h3{font-size:25px;margin:30px 0 16px}.arrival .photo img{object-fit:contain}.location{border-top:1px solid var(--line)}.location-visual{position:relative}.location-visual .photo{max-height:650px}.location-visual .photo img{object-fit:contain}.location-visual>.button{margin-top:20px}.distance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:65px 0}.distance-grid h3{font-size:25px}.distance-grid .detail-list>div{font-size:14px}.marina-banner{height:350px;position:relative}.marina-banner img{height:100%;width:100%;object-fit:cover}.marina-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#162f3988,transparent)}.marina-banner p{position:absolute;z-index:1;left:6%;top:25%;font:48px/1.15 Georgia,serif;color:white}.status{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e8eadf}.status ul{list-style:none;padding:0;margin:0}.status li{padding:15px 0;border-bottom:1px solid #cbd0bf;font-size:15px;display:flex;gap:17px}.status li span{color:#6c7f54}.video-section{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:center}.video-placeholder{min-height:280px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.video-symbol{font-size:45px;color:#7c886a}.video-placeholder h3{margin:10px 0}.video-placeholder p{font-size:14px;color:var(--muted);margin:0}#video-container video{width:100%;max-height:600px}.contact{position:relative;min-height:630px;isolation:isolate;color:white;display:grid;place-items:center;text-align:center}.contact>img,.contact-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.contact-overlay{background:#172b26b8;z-index:-1}.contact-content{padding:65px 6%}.contact h2{font-size:clamp(50px,5.3vw,80px)}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:30px}.outline-light{border-color:white;color:white}.contact-owner{display:block;background:none;border:0;border-bottom:1px solid #ffffff88;color:white;padding:0 0 5px;margin:25px auto 0;cursor:pointer;font-size:14px}.contact-placeholder{font-size:12px;opacity:.8;margin:18px 0 0}dialog{border:0;padding:0;color:var(--ink);background:var(--paper);max-width:calc(100vw - 30px)}dialog::backdrop{background:#12201def;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:var(--paper);color:var(--ink);width:44px;height:44px;cursor:pointer;font-size:30px;z-index:5}#lightbox{background:transparent;color:white;width:min(1400px,96vw);max-height:95svh;overflow:auto}#lightbox .dialog-close{border-radius:50%}.lightbox-image-wrap{height:78svh;display:flex;align-items:center;justify-content:center}.lightbox-image-wrap img{max-height:100%;max-width:100%;object-fit:contain}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px}.lightbox-bottom button{background:transparent;border:1px solid #ffffff77;color:white;width:48px;height:48px;cursor:pointer;flex-shrink:0}.lightbox-bottom p{font-size:14px;text-align:center;margin:0}#contact-dialog{padding:65px 45px;width:580px}#contact-dialog h2{font-size:42px}.placeholder-value{color:var(--muted)}
@media(max-width:1000px){.section{padding-left:5%;padding-right:5%}.distance-grid{gap:25px}.gallery-item .photo{height:280px}.gallery-item:nth-child(5n+1) .photo,.gallery-item:nth-child(5n+2) .photo{height:360px}.architecture-copy{padding:60px 10%}.terrace-grid{gap:25px}.terrace-grid h3{font-size:23px}.terrace-grid h3 span{font-size:18px}}
@media(max-width:760px){.architecture,.layout,.renovation,.arrival,.status,.video-section{grid-template-columns:1fr;gap:40px}.architecture-image .photo{height:390px;min-height:0}.architecture-copy{padding:50px 7%}.big-number{font-size:80px}.section-heading{display:block}.section-heading>p{margin-top:20px}.gallery-filters{gap:0 20px}.gallery-filters button{font-size:13px}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.gallery-item,.gallery-item:nth-child(5n+1),.gallery-item:nth-child(5n+2){grid-column:span 1}.gallery-item:first-child{grid-column:span 2}.gallery-item .photo,.gallery-item:nth-child(5n+1) .photo,.gallery-item:nth-child(5n+2) .photo{height:260px}.gallery-item:first-child .photo{height:300px}.gallery-item figcaption{font-size:12px}.gallery-item figcaption>span:last-child{display:none}.renovation-list{gap:10px 20px}.renovation-photo{height:400px}.terraces{padding:65px 7%}.terrace-grid{grid-template-columns:1fr;gap:25px}.terrace-grid figure:nth-child(2){padding-top:0}.terrace-grid .photo{height:340px}.terrace-grid figure:nth-child(2) .photo{height:420px}.distance-grid{grid-template-columns:1fr;gap:30px;margin:45px 0}.distance-grid h3{margin-bottom:10px}.distance-grid .detail-list{margin-top:10px}.marina-banner{height:320px}.marina-banner p{font-size:37px}.contact{min-height:640px}.contact-content{padding:55px 7%}.contact-actions{flex-direction:column}.contact-actions .button{justify-content:center}.contact-content>p:not(.eyebrow){font-size:14px}.lightbox-image-wrap{height:70svh}.lightbox-bottom{gap:12px}.lightbox-bottom p{font-size:12px}#contact-dialog{padding:65px 25px}.location-visual>.button{font-size:12px;gap:10px}.plan .photo{padding:8px}}
