:root { --ink:#151614; --sand:#ebe6db; --paper:#f6f4ee; --warm:#d8cfbf; --light:#f8f5ec; --sans:"Manrope",sans-serif; }
* { box-sizing:border-box; } html { background:var(--ink); scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); overflow-x:hidden; } button { font:inherit; }
.utility-bar { position:fixed; z-index:20; top:0; left:0; display:flex; align-items:center; justify-content:space-between; width:100%; min-height:40px; padding:0 30px; color:#f6f3eb; background:#0a0a09; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.035em; }.utility-bar__settings,.utility-bar__actions { display:flex; align-items:center; gap:20px; }.utility-bar__actions { gap:0; }.utility-bar__actions button { padding:0 13px; border:0; border-left:1px solid rgba(246,243,235,.25); color:inherit; background:transparent; font:inherit; cursor:pointer; }.utility-bar__actions button:last-child { padding-right:0; }.utility-select { position:relative; display:flex; align-items:center; gap:7px; }.utility-select__label { color:rgba(246,243,235,.58); }.utility-select__trigger { display:flex; align-items:center; gap:7px; padding:0; border:0; color:inherit; background:transparent; font:inherit; cursor:pointer; }.utility-select__trigger i { width:5px; height:5px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-2px) rotate(45deg); }.utility-select__menu { position:absolute; top:25px; right:0; display:none; min-width:104px; padding:7px 0; border:1px solid rgba(246,243,235,.26); background:#10100f; box-shadow:0 14px 28px rgba(0,0,0,.3); }.utility-select.is-open .utility-select__menu { display:grid; }.utility-select__menu button { padding:7px 12px; border:0; color:#f6f3eb; background:transparent; font:inherit; font-size:10px; text-align:left; cursor:pointer; }.utility-select__menu button:hover { background:rgba(246,243,235,.1); }.site-header { position:fixed; z-index:10; top:40px; left:0; display:flex; justify-content:flex-end; align-items:center; width:100%; padding:26px 30px; mix-blend-mode:difference; }.menu-mark { display:grid; width:32px; gap:4px; padding:5px 0; border:0; background:transparent; cursor:pointer; }.menu-mark i { display:block; height:1px; background:#fff; }
.page-progress { position:fixed; z-index:22; top:0; left:0; width:100%; height:2px; }.page-progress span { display:block; width:0; height:100%; background:#fff; mix-blend-mode:difference; }.panel { position:relative; }.panel--dark { background:var(--ink); }.panel--sand { background:var(--sand); }.panel--warm { background:var(--warm); }
.hero { min-height:100svh; overflow:hidden; background:#abd8eb; }.hero>img,.full-image>img { width:100%; height:100%; object-fit:cover; display:block; }.hero>img { position:absolute; inset:0; }.hero__veil { position:absolute; inset:0; background:linear-gradient(105deg,rgba(6,20,24,.32),transparent 44%,rgba(255,255,255,.09)); }.hero__copy { position:absolute; z-index:1; bottom:clamp(34px,6vw,90px); left:clamp(28px,9.5vw,152px); width:min(340px,37vw); }.hero__corner { position:absolute; z-index:1; width:min(12vw,170px); aspect-ratio:1; border-color:rgba(255,255,255,.75); border-style:solid; }.hero__corner--bottom-left { bottom:25px; left:25px; border-width:0 0 1px 1px; }.hero__corner--top-right { top:25px; right:25px; border-width:1px 1px 0 0; }.hero__index { position:absolute; z-index:1; right:31px; bottom:31px; display:grid; width:17px; gap:5px; }.hero__index i { height:1px; background:rgba(255,255,255,.85); }
.copy-space { display:grid; align-content:start; gap:12px; }.copy-space span { display:block; height:1px; background:currentColor; opacity:.72; }.copy-space span:nth-child(2) { width:78%; }.copy-space span:nth-child(3) { width:58%; }.copy-space span:nth-child(4) { width:34%; }.copy-space--light { color:var(--light); }.copy-space--dark { color:var(--ink); }.copy-space--small { width:min(180px,60vw); gap:8px; }.copy-space--medium { width:min(290px,62vw); }.copy-space--large { width:min(540px,72vw); gap:18px; }.copy-space--large span { height:2px; }
.statement { min-height:74svh; display:grid; grid-template-columns:minmax(24px,1fr) minmax(280px,540px) minmax(180px,1fr); align-items:end; gap:clamp(28px,6vw,108px); padding:12vw 8vw 9vw; }.statement__rail { align-self:stretch; border-left:1px solid rgba(21,22,20,.7); }.statement__note { margin-bottom:4px; }
.arrival { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:clamp(22px,5vw,76px); padding:10vw 8vw 12vw; }.arrival__intro { grid-column:2; margin-bottom:clamp(34px,7vw,120px); }.arrival__main { grid-row:span 2; min-height:min(68vw,900px); }.arrival__side { aspect-ratio:1.35/1; margin-top:clamp(40px,7vw,115px); }.skyline { display:grid; grid-template-columns:1.17fr .83fr; gap:1px; padding:1px; }.skyline__tower { min-height:min(70vw,980px); }.skyline__copy { align-self:center; justify-self:center; }.skyline__aerial { grid-column:2; align-self:end; margin:0 10% 11% 0; aspect-ratio:.88/1; }.video-feature--climax { height:100svh; max-height:none; }.coastline { display:grid; grid-template-columns:1.2fr .8fr; gap:1px; padding:9vw 7vw; }.coastline__wide { grid-column:1/-1; aspect-ratio:1.76/1; }.coastline__copy { align-self:center; margin-left:12%; }.coastline__aerial { aspect-ratio:1.2/1; }.amenities { display:grid; grid-template-columns:1.1fr .9fr; gap:1px; padding:1px; }.amenities__pool { grid-row:span 2; min-height:min(75vw,1040px); }.amenities__copy { align-self:center; justify-self:center; }.amenities__living,.amenities__lounge { aspect-ratio:1.48/1; }.interiors--riverside { padding-top:12vw; }
.editorial-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1px; padding:1px; }.image-frame { margin:0; overflow:hidden; background:#c7c1b5; }.image-frame img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }.image-frame:hover img { transform:scale(1.035); }.image-frame--tall { grid-row:span 2; min-height:72vw; max-height:1120px; }.editorial-grid__copy { align-self:center; justify-self:center; }.image-frame--wide { aspect-ratio:1.55/1; }
.image-break { padding:clamp(48px,9vw,140px) 7vw; }.image-frame--full { aspect-ratio:1.77/1; }.image-break__caption { margin:clamp(38px,6vw,90px) 0 0 auto; }
.video-feature { height:min(94svh,1120px); min-height:680px; overflow:hidden; }.video-feature--opening { height:100svh; max-height:none; }.video-feature video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.video-feature__veil { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,14,16,.45),transparent 55%),linear-gradient(0deg,rgba(4,8,7,.32),transparent 45%); }.video-feature__copy { position:absolute; z-index:1; left:8vw; bottom:11vh; }.video-feature__line { position:absolute; z-index:1; right:8vw; bottom:11vh; width:min(21vw,290px); height:1px; background:var(--light); }.video-toggle { position:absolute; z-index:2; right:32px; top:50%; width:52px; height:52px; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(16,16,14,.16); cursor:pointer; transform:translateY(-50%); backdrop-filter:blur(8px); }.video-toggle span,.video-toggle span::after { position:absolute; top:50%; left:50%; width:7px; height:13px; background:#fff; content:""; transform:translate(-6px,-50%); }.video-toggle span::after { transform:translate(11px,0); }.video-toggle.is-paused span { width:0; height:0; background:transparent; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:11px solid #fff; transform:translate(-3px,-50%); }.video-toggle.is-paused span::after { display:none; }
.full-image { height:min(95vw,1210px); min-height:560px; overflow:hidden; }.paired-views { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:11vw 7vw; }.paired-views__header { grid-column:1/-1; margin-bottom:clamp(55px,9vw,150px); }.paired-views .image-frame { aspect-ratio:1.19/1; }.paired-views__bottom { grid-column:2; justify-self:end; margin-top:clamp(36px,5vw,76px); }
.offset-story { display:grid; grid-template-columns:1fr minmax(190px,.38fr); gap:clamp(20px,5vw,82px); padding:10vw 8vw 14vw; }.image-frame--offset-a { aspect-ratio:1.63/1; }.offset-story__copy { align-self:end; margin-bottom:18%; }.image-frame--offset-b { grid-column:2; width:min(100%,425px); aspect-ratio:.96/1; margin-top:-12%; }.interiors { display:grid; grid-template-columns:1.2fr .8fr; gap:1px; padding:9vw 7vw 7vw; }.interiors__top { grid-column:1/-1; margin-bottom:clamp(50px,8vw,120px); }.image-frame--interior-a { aspect-ratio:1.77/1; }.image-frame--interior-b { aspect-ratio:1/1.08; }.image-frame--interior-c { grid-column:1/-1; width:72%; justify-self:end; margin-top:9vw; aspect-ratio:1.77/1; }
.footer { min-height:47svh; display:grid; align-content:end; grid-template-columns:1fr auto; gap:60px; padding:8vw; color:var(--light); }.footer__mark { display:grid; align-content:end; gap:7px; width:70px; }.footer__mark i { display:block; height:1px; background:currentColor; }.footer__mark i:nth-child(2) { width:72%; justify-self:end; }.footer__mark i:nth-child(3) { width:42%; justify-self:end; }.footer__copy { align-self:end; }.footer__rule { grid-column:1/-1; width:100%; height:1px; background:rgba(248,245,236,.6); margin-top:7vw; }.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity:1; transform:translateY(0); }
.hero>img,.image-frame img,.full-image>img { cursor:zoom-in; }.image-lightbox { width:100vw; height:100svh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:rgba(8,10,9,.97); }.image-lightbox::backdrop { background:rgba(8,10,9,.97); }.image-lightbox__image { width:100%; height:100%; object-fit:contain; display:block; cursor:zoom-out; }.image-lightbox__close { position:fixed; z-index:2; top:28px; right:30px; width:42px; height:42px; border:1px solid rgba(248,245,236,.8); border-radius:50%; background:rgba(8,10,9,.28); cursor:pointer; }.image-lightbox__close::before,.image-lightbox__close::after { position:absolute; top:20px; left:11px; width:18px; height:1px; background:var(--light); content:""; transform:rotate(45deg); }.image-lightbox__close::after { transform:rotate(-45deg); }
.utility-bar { min-height:54px; padding:0 42px; font-family:var(--sans); font-size:13px; font-weight:500; letter-spacing:-.015em; }.utility-bar__settings { gap:26px; }.utility-select { gap:8px; }.utility-select__label { color:rgba(246,243,235,.7); }.utility-select__trigger { gap:8px; }.utility-select__menu { top:34px; min-width:118px; padding:8px 0; }.utility-select__menu button { padding:9px 14px; font-family:var(--sans); font-size:12px; }.utility-bar__actions button { padding:0 17px; }.utility-preferences { display:flex; align-items:center; gap:8px; padding:0; border:0; color:inherit; background:transparent; font:inherit; cursor:pointer; }.utility-preferences i { width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-2px) rotate(45deg); }.site-header { top:54px; }
.preferences-modal { width:min(650px,calc(100vw - 40px)); margin:auto; padding:0; border:0; border-radius:30px; color:#242420; background:#faf9f5; box-shadow:0 30px 90px rgba(0,0,0,.42); }.preferences-modal::backdrop { background:rgba(7,9,9,.65); backdrop-filter:blur(6px); }.preferences-modal__inner { padding:42px 44px 38px; }.preferences-modal__header { display:flex; align-items:center; justify-content:space-between; margin-bottom:56px; }.preferences-modal h2,.preferences-modal h3 { margin:0; font-family:var(--sans); font-weight:600; text-transform:uppercase; }.preferences-modal h2 { font-size:25px; line-height:1; letter-spacing:.16em; }.preferences-modal h3 { font-size:15px; letter-spacing:.12em; }.preferences-modal__close { position:relative; width:34px; height:34px; padding:0; border:0; background:transparent; cursor:pointer; }.preferences-modal__close::before,.preferences-modal__close::after { position:absolute; top:16px; left:6px; width:22px; height:1px; background:#30302c; content:""; transform:rotate(45deg); }.preferences-modal__close::after { transform:rotate(-45deg); }.preferences-modal__section { padding-bottom:36px; }.currency-options { display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; margin-top:25px; }.currency-option { min-height:50px; padding:0 18px; border:0; border-radius:999px; color:#55544f; background:transparent; font:500 19px/1 var(--sans); letter-spacing:-.035em; text-align:left; cursor:pointer; transition:background .2s ease,color .2s ease; }.currency-option span { font-size:.9em; }.currency-option:hover,.currency-option.is-selected { color:#282821; background:#dec99b; }.preferences-modal__section--measure { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px 0 34px; border-top:1px solid #d9d7cf; }.measurement-options { display:flex; padding:5px; border-radius:999px; background:#e2e1dd; }.measurement-options button { min-width:96px; min-height:42px; padding:0 15px; border:0; border-radius:999px; color:#66655f; background:transparent; font:500 15px/1 var(--sans); cursor:pointer; }.measurement-options button.is-selected { color:#2b2b27; background:#dec99b; }.preferences-modal__apply { width:100%; min-height:58px; border:0; border-radius:999px; color:#fffdf8; background:#20201e; font:600 15px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; cursor:pointer; }.preferences-modal__apply:hover { background:#3c3b35; }
.utility-bar { min-height:62px; padding:0 34px; color:#f1eee5; background:linear-gradient(100deg,#081514 0%,#10201d 57%,#191711 100%); border-bottom:1px solid rgba(189,211,196,.28); font-size:12px; letter-spacing:.02em; }.utility-bar__settings { gap:10px; }.utility-select { min-height:34px; padding:0 13px; border:1px solid rgba(230,236,227,.25); border-radius:4px; }.utility-select__label { color:#afc0b6; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.utility-select__trigger { gap:7px; }.utility-preferences { min-height:34px; padding:0 13px; border:1px solid rgba(230,236,227,.25); border-radius:4px; }.utility-bar__actions { gap:7px; }.utility-bar__actions button { min-height:34px; padding:0 13px; border:1px solid rgba(230,236,227,.25); border-radius:4px; font-size:11px; letter-spacing:.015em; }.utility-bar__actions .utility-bar__primary { color:#14211e; border-color:#b9d5bb; background:#b9d5bb; }.utility-bar__actions button:last-child { padding-right:13px; }.utility-select__menu { top:42px; right:auto; left:0; border-color:rgba(202,225,209,.35); border-radius:4px; background:#0c1b18; }.site-header { top:62px; }
.preferences-modal { width:min(570px,calc(100vw - 48px)); margin:92px 38px 0 auto; border:1px solid rgba(190,212,196,.55); border-radius:14px; color:#eef2e9; background:linear-gradient(145deg,#0d211e,#132a25); box-shadow:0 34px 96px rgba(0,0,0,.55); }.preferences-modal::backdrop { background:rgba(4,11,10,.64); }.preferences-modal__inner { padding:34px 36px 32px; border-left:5px solid #b9d5bb; }.preferences-modal__header { margin-bottom:38px; }.preferences-modal h2 { font-size:21px; letter-spacing:.1em; }.preferences-modal h3 { color:#b9d5bb; font-size:11px; letter-spacing:.16em; }.preferences-modal__close::before,.preferences-modal__close::after { background:#f1eee5; }.preferences-modal__section { padding-bottom:29px; }.currency-options { gap:9px; margin-top:18px; }.currency-option { min-height:48px; padding:0 14px; border:1px solid rgba(236,242,233,.25); border-radius:4px; color:#e6ede5; background:rgba(255,255,255,.025); font-size:17px; letter-spacing:.01em; }.currency-option:hover,.currency-option.is-selected { color:#11201d; border-color:#b9d5bb; background:#b9d5bb; }.preferences-modal__section--measure { display:grid; grid-template-columns:1fr auto; padding:26px 0 28px; border-top-color:rgba(230,238,229,.22); }.measurement-options { gap:0; padding:0; border-radius:4px; background:transparent; }.measurement-options button { min-width:90px; min-height:40px; border:1px solid rgba(236,242,233,.25); border-radius:0; color:#dbe4db; font-size:12px; letter-spacing:.05em; text-transform:uppercase; }.measurement-options button:first-child { border-radius:4px 0 0 4px; }.measurement-options button:last-child { border-left:0; border-radius:0 4px 4px 0; }.measurement-options button.is-selected { color:#13221f; background:#b9d5bb; }.preferences-modal__apply { min-height:54px; border:1px solid #b9d5bb; border-radius:4px; color:#11201d; background:#b9d5bb; font-size:13px; letter-spacing:.13em; }.preferences-modal__apply:hover { color:#f5f4ec; background:#23473d; }
@media (max-width:720px) { .utility-bar { min-height:50px; padding:0 14px; overflow-x:auto; white-space:nowrap; font-size:11px; }.utility-bar__settings { gap:8px; }.utility-select,.utility-preferences { min-height:30px; padding:0 9px; }.utility-bar__actions { gap:6px; }.utility-bar__actions button { min-height:30px; padding:0 10px; border:1px solid rgba(230,236,227,.25); }.site-header { top:50px; padding:19px 20px; }.preferences-modal { width:calc(100vw - 26px); margin:70px auto 0; border-radius:12px; }.preferences-modal__inner { padding:26px 20px 22px; }.preferences-modal__header { margin-bottom:29px; }.preferences-modal h2 { font-size:18px; }.currency-options { gap:8px; margin-top:16px; }.currency-option { min-height:42px; padding:0 10px; font-size:15px; }.preferences-modal__section--measure { grid-template-columns:1fr; gap:16px; padding:23px 0; }.measurement-options { justify-self:start; }.measurement-options button { min-width:82px; min-height:38px; font-size:11px; }.preferences-modal__apply { min-height:49px; }.hero__corner--bottom-left { bottom:18px; left:18px; }.hero__corner--top-right { top:18px; right:18px; }.statement { min-height:60svh; grid-template-columns:1px 1fr; gap:25px; padding:20vw 10vw 14vw; }.statement__note { grid-column:2; margin-top:26px; }.editorial-grid { grid-template-columns:1fr; }.image-frame--tall { grid-row:auto; min-height:122vw; }.editorial-grid__copy { min-height:52vw; justify-self:start; margin-left:10vw; }.arrival { grid-template-columns:1fr; padding:20vw 7vw; }.arrival__intro { grid-column:1; margin-bottom:7vw; }.arrival__main { grid-row:auto; min-height:115vw; }.arrival__side { margin-top:0; }.skyline { grid-template-columns:1fr; }.skyline__tower { min-height:120vw; }.skyline__copy { min-height:55vw; justify-self:start; margin-left:10vw; }.skyline__aerial { grid-column:1; width:76%; margin:0 7vw 14vw auto; }.video-feature { min-height:82svh; height:82svh; }.video-feature--climax { height:100svh; }.video-feature__copy { left:10vw; bottom:9vh; }.video-feature__line { display:none; }.video-toggle { right:20px; }.coastline { grid-template-columns:1fr; padding:18vw 7vw; }.coastline__copy { margin:14vw 0; }.coastline__aerial { width:78%; justify-self:end; }.amenities { grid-template-columns:1fr; }.amenities__pool { grid-row:auto; min-height:122vw; }.amenities__copy { min-height:52vw; justify-self:start; margin-left:10vw; }.paired-views { grid-template-columns:1fr; padding:20vw 7vw; }.paired-views__bottom { grid-column:1; justify-self:start; }.offset-story { grid-template-columns:1fr; padding:18vw 7vw; }.offset-story__copy { margin:4vw 0 14vw; }.image-frame--offset-b { grid-column:1; width:75%; justify-self:end; margin-top:0; }.interiors { grid-template-columns:1fr; padding:18vw 7vw; }.image-frame--interior-c { grid-column:1; width:100%; margin-top:8vw; aspect-ratio:1.77/1; }.footer { min-height:42svh; padding:13vw 8vw; } }
.skyline { display:block; padding:clamp(18px,2.6vw,38px); }.skyline__tower { width:min(100%,1280px); min-height:0; aspect-ratio:1.34/1; margin:0 auto; }.video-feature--climax { margin-top:clamp(12px,1.7vw,26px); }
@media (max-width:720px) { .skyline { padding:14px; }.skyline__tower { width:100%; min-height:0; aspect-ratio:1.18/1; }.video-feature--climax { margin-top:12px; } }
.video-scroll-stop { position:relative; height:300svh; margin-top:clamp(12px,1.7vw,26px); }.video-scroll-stop .video-feature--climax { position:sticky; top:0; height:100svh; min-height:100svh; margin-top:0; }.video-scroll-stop .video-feature__veil { background:rgba(4,12,11,.08); }.video-scroll-stop .video-toggle { top:auto; right:28px; bottom:28px; transform:none; }
@media (max-width:720px) { .video-scroll-stop { height:300svh; margin-top:12px; }.video-scroll-stop .video-feature--climax { height:100svh; min-height:100svh; }.video-scroll-stop .video-toggle { right:18px; bottom:18px; } }
.utility-bar { color:#f4ece0; background:linear-gradient(100deg,#181213 0%,#291d1b 56%,#11171e 100%); border-bottom-color:rgba(213,183,137,.34); }.utility-select,.utility-preferences,.utility-bar__actions button { border-color:rgba(244,236,224,.28); }.utility-select__label { color:#cbbca9; }.utility-bar__actions .utility-bar__primary { color:#231815; border-color:#cba575; background:#cba575; }.utility-select__menu { border-color:rgba(213,183,137,.38); background:#211717; }.utility-select__menu button { color:#f4ece0; }.utility-select__menu button:hover { background:rgba(203,165,117,.18); }
.preferences-modal { color:#f3e9dc; border-color:rgba(211,178,137,.58); background:linear-gradient(145deg,#211716,#32231f); }.preferences-modal::backdrop { background:rgba(15,10,10,.68); }.preferences-modal__inner { border-left-color:#d0aa7c; }.preferences-modal h3 { color:#d9bea0; }.preferences-modal__close::before,.preferences-modal__close::after { background:#f3e9dc; }.currency-option { border-color:rgba(243,233,220,.27); color:#f1e6d9; }.currency-option:hover,.currency-option.is-selected { color:#281a17; border-color:#d0aa7c; background:#d0aa7c; }.preferences-modal__section--measure { border-top-color:rgba(243,233,220,.22); }.measurement-options button { border-color:rgba(243,233,220,.27); color:#eaded0; }.measurement-options button.is-selected { color:#281a17; background:#d0aa7c; }.preferences-modal__apply { border-color:#d0aa7c; color:#281a17; background:#d0aa7c; }.preferences-modal__apply:hover { color:#fff8ee; background:#654437; }
.preferences-modal { color:#f2f0ed; border-color:rgba(193,187,181,.58); background:linear-gradient(145deg,#343130,#494440); }.preferences-modal::backdrop { background:rgba(16,17,19,.66); }.preferences-modal__inner { border-left-color:#aaa39e; }.preferences-modal h3 { color:#d1ccc6; }.preferences-modal__close::before,.preferences-modal__close::after { background:#f2f0ed; }.currency-option { border-color:rgba(242,240,237,.28); color:#f1efeb; background:rgba(255,255,255,.035); }.currency-option:hover,.currency-option.is-selected { color:#292725; border-color:#b5afaa; background:#b5afaa; }.preferences-modal__section--measure { border-top-color:rgba(242,240,237,.24); }.measurement-options button { border-color:rgba(242,240,237,.28); color:#e8e5e1; }.measurement-options button.is-selected { color:#292725; background:#b5afaa; }.preferences-modal__apply { border-color:#b5afaa; color:#292725; background:#b5afaa; }.preferences-modal__apply:hover { color:#f7f5f2; background:#5d5854; }
.utility-bar,.preferences-modal { font-family:var(--sans); color:#fff1eb; background:linear-gradient(108deg,#132d3e 0%,#274257 50%,#4c2d3b 100%); }.utility-bar { border-bottom-color:rgba(232,151,129,.54); }.utility-select,.utility-preferences,.utility-bar__actions button { border-color:rgba(255,241,235,.34); }.utility-select__label { color:#f2b7a8; }.utility-bar__actions .utility-bar__primary { color:#33222b; border-color:#e4967f; background:#e4967f; }.utility-select__menu { border-color:rgba(232,151,129,.55); background:#1a3041; }.utility-select__menu button { color:#fff1eb; }.utility-select__menu button:hover { background:rgba(228,150,127,.24); }.preferences-modal { border-color:rgba(232,151,129,.58); }.preferences-modal::backdrop { background:rgba(11,23,33,.7); }.preferences-modal__inner { border-left-color:#e4967f; }.preferences-modal h3 { color:#f1b5a4; }.preferences-modal__close::before,.preferences-modal__close::after { background:#fff1eb; }.currency-option { border-color:rgba(255,241,235,.34); color:#fff1eb; background:rgba(255,255,255,.045); }.currency-option:hover,.currency-option.is-selected { color:#33222b; border-color:#e4967f; background:#e4967f; }.preferences-modal__section--measure { border-top-color:rgba(255,241,235,.25); }.measurement-options button { border-color:rgba(255,241,235,.34); color:#fff1eb; }.measurement-options button.is-selected { color:#33222b; background:#e4967f; }.preferences-modal__apply { border-color:#e4967f; color:#33222b; background:#e4967f; }.preferences-modal__apply:hover { color:#fff1eb; background:#994f54; }
.hero__identity { position:absolute; z-index:2; top:clamp(128px,13vw,190px); right:clamp(28px,6vw,96px); width:clamp(175px,21vw,360px); mix-blend-mode:multiply; }.hero__identity img { display:block; width:100%; height:auto; }.hero__offer { position:absolute; z-index:2; bottom:clamp(38px,6vw,86px); left:clamp(28px,8vw,128px); width:min(800px,78vw); color:#fffaf5; }.hero__offer-items { display:grid; grid-template-columns:1.35fr .72fr 1fr; gap:1px; border:1px solid rgba(255,250,245,.62); background:rgba(255,250,245,.5); backdrop-filter:blur(7px); }.hero__offer-items article { display:grid; align-content:center; min-height:102px; padding:18px 22px; background:rgba(20,31,38,.39); }.hero__offer-items strong { font-size:clamp(20px,2.35vw,34px); font-weight:500; letter-spacing:-.055em; line-height:1.08; }.hero__offer-items em { font-size:.48em; font-style:normal; letter-spacing:.03em; vertical-align:middle; }.hero__offer-items span { margin-top:9px; color:rgba(255,250,245,.84); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }.hero__actions { display:flex; gap:12px; margin-top:14px; }.hero__actions button { min-height:46px; padding:0 22px; border:1px solid rgba(255,250,245,.86); color:#fffaf5; background:rgba(10,24,31,.22); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; backdrop-filter:blur(6px); }.hero__actions button:last-child { border-color:#f09a83; color:#2d1e25; background:#f09a83; }.hero__actions button:hover { background:rgba(255,250,245,.18); }.hero__actions button:last-child:hover { background:#ffc0a7; }
@media (max-width:720px) { .hero__identity { top:104px; right:22px; width:184px; }.hero__offer { right:20px; bottom:30px; left:20px; width:auto; }.hero__offer-items { grid-template-columns:1fr; }.hero__offer-items article { min-height:64px; padding:12px 15px; }.hero__offer-items strong { font-size:22px; }.hero__offer-items span { margin-top:5px; }.hero__actions { gap:8px; margin-top:9px; }.hero__actions button { flex:1; min-height:42px; padding:0 10px; font-size:9px; } }
.hero__offer { right:clamp(28px,6vw,96px); left:auto; width:min(620px,47vw); }.hero__offer-items { grid-template-columns:1.3fr .78fr 1fr; }.hero__actions button:last-child { border-color:#f4c45c; color:#332918; background:#f4c45c; }.hero__actions button:last-child:hover { background:#ffe092; }
.utility-bar,.preferences-modal { color:#2d2924; background:linear-gradient(108deg,#fffaf0 0%,#f5da91 52%,#dea542 100%); }.utility-bar { border-bottom-color:rgba(137,91,25,.38); }.utility-select,.utility-preferences,.utility-bar__actions button { border-color:rgba(79,56,23,.3); }.utility-select__label { color:#89631d; }.utility-bar__actions .utility-bar__primary { color:#fffaf0; border-color:#312a22; background:#312a22; }.utility-select__menu { border-color:rgba(184,125,36,.45); background:#fff7e5; }.utility-select__menu button { color:#352d25; }.utility-select__menu button:hover { background:rgba(235,188,82,.28); }.preferences-modal { border-color:rgba(184,125,36,.52); }.preferences-modal::backdrop { background:rgba(28,32,34,.66); }.preferences-modal__inner { border-left-color:#d79a31; }.preferences-modal h2 { color:#2d2924; }.preferences-modal h3 { color:#805c1e; }.preferences-modal__close::before,.preferences-modal__close::after { background:#40352a; }.currency-option { border-color:rgba(94,68,29,.3); color:#3d342a; background:rgba(255,255,255,.42); }.currency-option:hover,.currency-option.is-selected { color:#fffaf0; border-color:#433222; background:#433222; }.preferences-modal__section--measure { border-top-color:rgba(94,68,29,.26); }.measurement-options button { border-color:rgba(94,68,29,.3); color:#3d342a; background:rgba(255,255,255,.2); }.measurement-options button.is-selected { color:#fffaf0; background:#433222; }.preferences-modal__apply { border-color:#433222; color:#fffaf0; background:#433222; }.preferences-modal__apply:hover { background:#815922; }
@media (max-width:720px) { .hero__offer { right:20px; left:20px; width:auto; } }
.hero__veil { background:radial-gradient(ellipse 30% 24% at 78% 18%,rgba(102,190,255,.18),rgba(102,190,255,.045) 46%,transparent 72%),linear-gradient(105deg,rgba(6,20,24,.32),transparent 44%,rgba(255,255,255,.09)); }
.arrival__intro.confotur-panel { width:min(100%,540px); margin-bottom:clamp(34px,7vw,120px); padding:clamp(26px,3vw,44px); border-top:3px solid #d89a32; color:#24211d; background:linear-gradient(135deg,#f9f4e8 0%,#ead4a0 100%); box-shadow:0 18px 42px rgba(44,32,14,.13); }.confotur-panel__eyebrow { margin:0 0 24px; color:#7d5a1c; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.confotur-panel__benefits { display:grid; gap:13px; margin:0; padding:0; list-style:none; }.confotur-panel__benefits li { display:grid; grid-template-columns:58px 1fr; align-items:baseline; gap:12px; padding-bottom:12px; border-bottom:1px solid rgba(93,67,24,.22); }.confotur-panel__benefits strong { color:#bb7921; font-size:24px; font-weight:600; letter-spacing:-.07em; }.confotur-panel__benefits span { font-size:14px; font-weight:600; line-height:1.3; }.confotur-panel__note { margin:20px 0 0; color:#594933; font-size:12px; line-height:1.55; }
@media (max-width:720px) { .arrival__intro.confotur-panel { width:100%; margin-bottom:7vw; padding:24px; }.confotur-panel__benefits li { grid-template-columns:48px 1fr; gap:8px; }.confotur-panel__benefits strong { font-size:21px; } }
.arrival__main.confotur-panel { width:auto; min-height:min(68vw,900px); margin:0; padding:clamp(34px,4vw,64px); border-top:3px solid #d89a32; color:#24211d; background:linear-gradient(135deg,#f9f4e8 0%,#ead4a0 100%); box-shadow:0 18px 42px rgba(44,32,14,.13); display:grid; align-content:center; }.arrival__main.confotur-panel .confotur-panel__benefits strong { color:#151614; }
@media (max-width:720px) { .arrival__main.confotur-panel { min-height:auto; padding:28px 24px; } }
.arrival__main { grid-column:1; grid-row:1; min-height:0; aspect-ratio:1.78/1; }.arrival__side { grid-column:2; grid-row:1; align-self:start; margin-top:0; }.arrival__intro.confotur-panel { grid-column:1; grid-row:2; width:100%; min-height:clamp(430px,46vw,690px); margin:0; padding:clamp(34px,4vw,64px); display:grid; align-content:center; }.arrival__intro.confotur-panel .confotur-panel__benefits strong { color:#151614; }
@media (max-width:720px) { .arrival__main { grid-column:1; grid-row:1; aspect-ratio:1.55/1; }.arrival__intro.confotur-panel { grid-column:1; grid-row:2; min-height:auto; margin:0; padding:28px 24px; }.arrival__side { grid-column:1; grid-row:3; margin-top:0; } }
.utility-bar,.preferences-modal { color:#37322b; background:linear-gradient(108deg,#fffdf8 0%,#f1e7d5 52%,#d8c29d 100%); }.utility-bar { border-bottom-color:rgba(118,94,57,.28); }.utility-select,.utility-preferences,.utility-bar__actions button { border-color:rgba(92,75,50,.27); }.utility-select__label { color:#806a4a; }.utility-bar__actions .utility-bar__primary { color:#fffdf8; border-color:#514638; background:#514638; }.utility-select__menu { border-color:rgba(166,138,94,.38); background:#fffcf6; }.utility-select__menu button { color:#40382f; }.utility-select__menu button:hover { background:rgba(214,194,157,.36); }.preferences-modal { border-color:rgba(169,141,98,.45); }.preferences-modal__inner { border-left-color:#c8a878; }.preferences-modal h2 { color:#37322b; }.preferences-modal h3 { color:#756044; }.preferences-modal__close::before,.preferences-modal__close::after { background:#4b4136; }.currency-option { border-color:rgba(103,83,53,.25); color:#463c30; background:rgba(255,255,255,.52); }.currency-option:hover,.currency-option.is-selected { color:#fffdf8; border-color:#5a4d3d; background:#5a4d3d; }.preferences-modal__section--measure { border-top-color:rgba(103,83,53,.22); }.measurement-options button { border-color:rgba(103,83,53,.25); color:#463c30; background:rgba(255,255,255,.3); }.measurement-options button.is-selected { color:#fffdf8; background:#5a4d3d; }.preferences-modal__apply { border-color:#5a4d3d; color:#fffdf8; background:#5a4d3d; }.preferences-modal__apply:hover { background:#756044; }.hero__actions button:last-child { border-color:#e5d5bb; color:#3f382e; background:#e5d5bb; }.hero__actions button:last-child:hover { background:#f4eadb; }.arrival__intro.confotur-panel,.arrival__main.confotur-panel { border-top-color:#c7a66f; background:linear-gradient(135deg,#fbf8f0 0%,#e5d7bd 100%); box-shadow:0 18px 42px rgba(75,59,36,.12); }.confotur-panel__eyebrow { color:#796344; }.confotur-panel__benefits li { border-bottom-color:rgba(107,85,51,.2); }.confotur-panel__note { color:#5d503d; }
.utility-bar,.preferences-modal { background:linear-gradient(108deg,#fffdf8 0%,#edddb3 52%,#d8c29d 100%); }
.utility-bar { justify-content:flex-end; }
.ownership-panel { grid-column:2; grid-row:2; align-self:start; max-width:680px; padding:clamp(18px,2.2vw,34px) 0 0; color:#3b342b; }.ownership-panel article { padding:0 0 clamp(19px,2vw,30px); border-top:1px solid rgba(104,82,47,.28); }.ownership-panel article + article { padding-top:clamp(19px,2vw,30px); }.ownership-panel h2 { margin:0 0 10px; font-size:clamp(15px,1.4vw,20px); font-weight:650; letter-spacing:-.035em; line-height:1.18; }.ownership-panel p { margin:0; font-size:clamp(12px,1.02vw,15px); line-height:1.62; }.ownership-panel em { color:#766043; }
@media (max-width:720px) { .ownership-panel { grid-column:1; grid-row:4; max-width:none; padding:0; }.ownership-panel h2 { font-size:17px; }.ownership-panel p { font-size:13px; } }
.ownership-panel article { padding-top:clamp(22px,2.4vw,38px); }.ownership-panel h2 { font-family:var(--sans); font-weight:600; letter-spacing:.012em; line-height:1.24; }
.coastline__copy.currency-story { width:auto; max-width:640px; margin-left:12%; color:#f8f4ec; }.currency-story { display:grid; align-content:center; gap:0; }.currency-story__item { display:grid; grid-template-columns:36px 1fr; gap:18px; padding:clamp(17px,2vw,28px) 0; border-top:1px solid rgba(248,244,236,.36); }.currency-story__number { padding-top:3px; color:#e5c986; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.12em; }.currency-story h2 { margin:0 0 11px; color:#f2d79b; font-family:"DM Mono",monospace; font-size:clamp(10px,.8vw,12px); font-weight:500; letter-spacing:.105em; line-height:1.35; text-transform:uppercase; }.currency-story p { margin:0; color:rgba(248,244,236,.88); font-size:clamp(12px,1vw,15px); letter-spacing:.01em; line-height:1.62; }
@media (max-width:720px) { .coastline__copy.currency-story { width:100%; max-width:none; margin:0; }.currency-story__item { grid-template-columns:30px 1fr; gap:12px; }.currency-story h2 { font-size:10px; letter-spacing:.085em; }.currency-story p { font-size:13px; } }
.currency-story h2 { color:#f4deb0; font-family:var(--sans); font-size:clamp(17px,1.6vw,25px); font-weight:600; letter-spacing:.025em; line-height:1.24; text-transform:none; }.currency-story p { font-size:clamp(14px,1.12vw,17px); letter-spacing:.012em; line-height:1.68; }
@media (max-width:720px) { .currency-story h2 { font-size:19px; letter-spacing:.018em; }.currency-story p { font-size:14px; } }
.coastline__copy.currency-story { max-width:680px; }.currency-story { gap:12px; }.currency-story__item { grid-template-columns:52px 1fr; gap:18px; padding:clamp(22px,2.5vw,34px); border:1px solid rgba(244,222,176,.42); background:linear-gradient(115deg,rgba(239,208,139,.16),rgba(239,208,139,.035) 72%); box-shadow:inset 3px 0 0 #e4bf70; }.currency-story__number { display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid rgba(244,222,176,.66); color:#f3d99c; font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.08em; }.currency-story h2 { margin:1px 0 12px; color:#fff8e9; font-family:var(--sans); font-size:clamp(17px,1.45vw,23px); font-weight:600; letter-spacing:.055em; line-height:1.2; text-transform:uppercase; }.currency-story p { color:rgba(255,248,233,.84); font-size:clamp(12px,.94vw,14px); font-weight:500; letter-spacing:.016em; line-height:1.65; }
@media (max-width:720px) { .currency-story { gap:10px; }.currency-story__item { grid-template-columns:42px 1fr; gap:14px; padding:22px 18px; }.currency-story__number { width:29px; height:29px; font-size:9px; }.currency-story h2 { font-size:16px; letter-spacing:.04em; }.currency-story p { font-size:13px; } }
.coastline__copy.dollar-notes { width:min(100%,650px); margin-left:12%; color:#f8f4ec; }.dollar-notes { display:grid; gap:clamp(28px,3vw,46px); }.dollar-notes article { padding-left:clamp(20px,2.5vw,36px); border-left:2px solid #d8b976; }.dollar-notes h2 { margin:0 0 13px; color:#f5deaa; font-size:clamp(18px,1.7vw,26px); font-weight:600; letter-spacing:.025em; line-height:1.2; }.dollar-notes p { margin:0; color:rgba(248,244,236,.87); font-size:clamp(13px,1.05vw,16px); letter-spacing:.012em; line-height:1.68; }
.amenities__copy.market-notes { width:100%; align-self:start; justify-self:stretch; padding:clamp(54px,7vw,108px) 12% clamp(38px,5vw,76px); }.market-notes { display:grid; gap:clamp(30px,3vw,52px); }.market-notes article { display:grid; grid-template-columns:34px 1fr; gap:16px; }.market-notes article > span { color:#a37f45; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }.market-notes h2 { margin:0 0 9px; font-size:clamp(16px,1.45vw,22px); font-weight:600; letter-spacing:.035em; line-height:1.22; }.market-notes p { margin:0; color:#504739; font-size:clamp(12px,.98vw,15px); letter-spacing:.01em; line-height:1.64; }
.interiors__top.residency-note { width:min(690px,58vw); align-self:start; justify-self:start; margin:0 0 clamp(50px,8vw,120px) 8vw; padding-top:clamp(20px,3vw,52px); color:#f8f4ec; border-top:1px solid rgba(245,222,170,.44); }.residency-note h2 { margin:clamp(22px,2.5vw,36px) 0 14px; color:#f2d99d; font-size:clamp(20px,2.05vw,31px); font-weight:600; letter-spacing:.035em; line-height:1.17; }.residency-note p { margin:0; color:rgba(248,244,236,.87); font-size:clamp(13px,1.06vw,16px); letter-spacing:.014em; line-height:1.7; }
.amenities__living { margin-top:clamp(18px,2.5vw,44px); }
@media (max-width:720px) { .coastline__copy.dollar-notes { width:100%; margin:0; }.dollar-notes { gap:28px; }.dollar-notes h2 { font-size:19px; }.dollar-notes p { font-size:14px; }.amenities__copy.market-notes { padding:54px 10% 42px; }.market-notes h2 { font-size:18px; }.market-notes p { font-size:13px; }.interiors__top.residency-note { width:auto; margin:0 10vw 16vw; padding-top:20px; }.residency-note h2 { font-size:23px; }.residency-note p { font-size:14px; } }
.interest-dialog { width:min(690px,calc(100vw - 36px)); margin:auto; padding:0; border:0; color:#383128; background:#fbf7ed; box-shadow:0 30px 90px rgba(0,0,0,.48); }.interest-dialog::backdrop { background:rgba(9,15,16,.76); backdrop-filter:blur(7px); }.interest-dialog__form { position:relative; display:grid; padding:clamp(34px,5vw,64px); }.interest-dialog__close { position:absolute; top:20px; right:20px; width:38px; height:38px; border:1px solid rgba(87,71,47,.38); border-radius:50%; background:transparent; cursor:pointer; }.interest-dialog__close::before,.interest-dialog__close::after { position:absolute; top:18px; left:9px; width:18px; height:1px; background:#40372c; content:""; transform:rotate(45deg); }.interest-dialog__close::after { transform:rotate(-45deg); }.interest-dialog__eyebrow { margin:0 0 14px; color:#987a49; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }.interest-dialog h2 { margin:0; font-size:clamp(31px,4vw,52px); font-weight:600; letter-spacing:.035em; line-height:1; text-transform:uppercase; }.interest-dialog__intro { margin:17px 0 34px; color:#675947; font-size:15px; letter-spacing:.012em; }.interest-dialog__fields { display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; }.interest-dialog__fields label { display:grid; gap:9px; color:#806a49; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }.interest-dialog__fields label:first-child { grid-column:1/-1; }.interest-dialog__fields input,.interest-dialog__fields select { width:100%; min-height:38px; padding:0 0 6px; border:0; border-bottom:1px solid rgba(105,84,51,.36); border-radius:0; outline:none; color:#382f25; background:transparent; font:500 16px/1 var(--sans); letter-spacing:0; }.interest-dialog__fields input:focus,.interest-dialog__fields select:focus { border-bottom-color:#b48a46; }.interest-dialog__submit { justify-self:start; min-width:214px; min-height:52px; margin-top:38px; padding:0 25px; border:0; color:#fffaf1; background:#4b4032; font:600 12px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }.interest-dialog__submit:hover { background:#92713d; }.interest-dialog__confirmation { min-height:20px; margin:16px 0 0; color:#78603b; font-size:13px; }
@media (max-width:720px) { .interest-dialog__form { padding:36px 25px 28px; }.interest-dialog h2 { font-size:32px; }.interest-dialog__fields { grid-template-columns:1fr; gap:18px; }.interest-dialog__fields label:first-child { grid-column:1; }.interest-dialog__submit { width:100%; justify-self:stretch; } }
@keyframes interest-dialog-arrival { from { opacity:0; transform:translateY(20px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes interest-backdrop-arrival { from { background:rgba(9,15,16,0); backdrop-filter:blur(0); } to { background:rgba(9,15,16,.76); backdrop-filter:blur(7px); } }
.interest-dialog[open] { animation:interest-dialog-arrival .72s cubic-bezier(.22,.75,.22,1) both; }.interest-dialog[open]::backdrop { animation:interest-backdrop-arrival .78s ease-out both; }
@media (prefers-reduced-motion:reduce) { .interest-dialog[open],.interest-dialog[open]::backdrop { animation:none; } }
.interest-dialog__brand { display:block; width:clamp(112px,14vw,154px); height:auto; margin:0 0 18px; }
.buyer-choice { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:30px; }.buyer-choice__option { position:relative; display:flex; align-items:center; justify-content:center; min-height:58px; padding:0 16px; border:1px solid rgba(113,89,49,.52); border-radius:999px; color:#514431; background:transparent; font:600 11px/1 var(--sans); letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:color .24s ease,background-color .24s ease,border-color .24s ease,transform .24s ease; }.buyer-choice__option::before { width:8px; height:8px; margin-right:10px; border:1px solid currentColor; border-radius:50%; content:""; transition:box-shadow .24s ease,background-color .24s ease; }.buyer-choice__option:hover { border-color:#9d7741; transform:translateY(-1px); }.buyer-choice__option.is-selected { border-color:#c5a15f; color:#fffaf1; background:linear-gradient(105deg,#b58a45,#d3b579); }.buyer-choice__option.is-selected::before { background:#fffaf1; box-shadow:0 0 0 3px rgba(255,250,241,.25); }
.buyer-choice__option--broker { grid-column:1 / -1; width:calc(50% - 6px); justify-self:center; }
@media (max-width:720px) { .buyer-choice { grid-template-columns:1fr; gap:9px; margin-top:24px; }.buyer-choice__option { min-height:52px; } }
@media (max-width:720px) { .buyer-choice__option--broker { grid-column:auto; width:100%; } }
.interest-dialog h2 { font-size:clamp(27px,3.05vw,42px); letter-spacing:.02em; line-height:1.1; }.interest-dialog__fields { margin-top:34px; }.buyer-choice__option::before { content:none; }.buyer-choice__option.is-selected::before { content:none; }
@media (max-width:720px) { .interest-dialog h2 { font-size:27px; line-height:1.14; }.interest-dialog__fields { margin-top:28px; } }
.utility-bar__actions a { display:inline-flex; align-items:center; min-height:34px; padding:0 13px; border:1px solid rgba(92,75,50,.27); border-radius:4px; color:inherit; font:inherit; font-size:11px; letter-spacing:.015em; text-decoration:none; }.utility-bar__phone strong { margin-left:6px; font-weight:700; letter-spacing:.045em; }.hero__actions { align-items:center; }.hero__actions .hero__brochure { border-color:rgba(255,250,245,.88); color:#fffdf8; background:rgba(21,28,30,.38); }.hero__contact-icon { position:relative; display:grid; flex:0 0 46px; width:46px; height:46px; place-items:center; border:1px solid rgba(255,250,245,.88); border-radius:50%; color:#fffdf8; background:rgba(21,28,30,.27); transition:transform .22s ease,background-color .22s ease; }.hero__contact-icon::before { font-family:Arial,sans-serif; font-size:21px; line-height:1; }.hero__contact-icon--phone::before { content:"☎"; }.hero__contact-icon--whatsapp::before { content:"WA"; font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.04em; }.hero__contact-icon:hover { transform:translateY(-2px); background:rgba(255,253,248,.17); }.brochure-dialog { width:min(590px,calc(100vw - 36px)); margin:auto; padding:0; border:0; color:#383128; background:#fbf7ed; box-shadow:0 30px 90px rgba(0,0,0,.48); }.brochure-dialog::backdrop { background:rgba(9,15,16,.76); backdrop-filter:blur(7px); }.brochure-dialog__form { position:relative; display:grid; padding:clamp(42px,5vw,64px); }.brochure-dialog__close { position:absolute; top:20px; right:20px; width:38px; height:38px; border:1px solid rgba(87,71,47,.38); border-radius:50%; background:transparent; cursor:pointer; }.brochure-dialog__close::before,.brochure-dialog__close::after { position:absolute; top:18px; left:9px; width:18px; height:1px; background:#40372c; content:""; transform:rotate(45deg); }.brochure-dialog__close::after { transform:rotate(-45deg); }.brochure-dialog__brand { display:block; width:clamp(112px,14vw,154px); height:auto; margin:0 0 34px; }.brochure-dialog__fields { display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; }.brochure-dialog__fields label { display:grid; gap:9px; color:#806a49; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }.brochure-dialog__fields label:first-child { grid-column:1/-1; }.brochure-dialog__fields input,.brochure-dialog__fields select { width:100%; min-height:38px; padding:0 0 6px; border:0; border-bottom:1px solid rgba(105,84,51,.36); border-radius:0; outline:none; color:#382f25; background:transparent; font:500 16px/1 var(--sans); letter-spacing:0; }.brochure-dialog__fields input:focus,.brochure-dialog__fields select:focus { border-bottom-color:#b48a46; }.brochure-dialog__submit { justify-self:start; min-width:244px; min-height:52px; margin-top:38px; padding:0 25px; border:0; color:#fffaf1; background:#4b4032; font:600 12px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }.brochure-dialog__submit:hover { background:#92713d; }.brochure-dialog__confirmation { min-height:20px; margin:16px 0 0; color:#78603b; font-size:13px; }
@media (max-width:720px) { .utility-bar__actions .utility-bar__phone { display:none; }.hero__actions { flex-wrap:wrap; }.hero__actions .hero__brochure { flex:1 1 calc(100% - 58px); }.brochure-dialog__form { padding:36px 25px 28px; }.brochure-dialog__fields { grid-template-columns:1fr; gap:18px; }.brochure-dialog__fields label:first-child { grid-column:1; }.brochure-dialog__submit { width:100%; justify-self:stretch; } }
.schedule-dialog { width:min(760px,calc(100vw - 36px)); margin:auto; padding:0; border:0; color:#383128; background:#fbf7ed; box-shadow:0 30px 90px rgba(0,0,0,.48); }.schedule-dialog::backdrop { background:rgba(9,15,16,.76); backdrop-filter:blur(7px); }.schedule-dialog__form { position:relative; display:grid; padding:clamp(38px,5vw,66px); }.schedule-dialog__close { position:absolute; top:20px; right:20px; width:38px; height:38px; border:1px solid rgba(87,71,47,.38); border-radius:50%; background:transparent; cursor:pointer; }.schedule-dialog__close::before,.schedule-dialog__close::after { position:absolute; top:18px; left:9px; width:18px; height:1px; background:#40372c; content:""; transform:rotate(45deg); }.schedule-dialog__close::after { transform:rotate(-45deg); }.schedule-dialog__brand { display:block; width:clamp(112px,14vw,154px); height:auto; margin:0 0 19px; }.schedule-dialog h2 { margin:0; font-size:clamp(27px,3.25vw,43px); font-weight:600; letter-spacing:.025em; line-height:1.08; text-transform:uppercase; }.schedule-dialog__intro { margin:15px 0 34px; color:#675947; font-size:15px; letter-spacing:.012em; }.schedule-dialog__fields { display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; }.schedule-dialog__fields label { display:grid; gap:9px; color:#806a49; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }.schedule-dialog__fields input,.schedule-dialog__fields select { width:100%; min-height:40px; padding:0 0 7px; border:0; border-bottom:1px solid rgba(105,84,51,.36); border-radius:0; outline:none; color:#382f25; background:transparent; font:500 16px/1 var(--sans); letter-spacing:0; }.schedule-dialog__fields input:focus,.schedule-dialog__fields select:focus { border-bottom-color:#b48a46; }.schedule-dialog__timeframe { grid-column:1/-1; width:calc(50% - 15px); }.schedule-dialog__consent { display:flex; align-items:flex-start; gap:10px; margin-top:28px; color:#675947; font-size:13px; line-height:1.45; }.schedule-dialog__consent input { flex:0 0 17px; width:17px; height:17px; margin:1px 0 0; accent-color:#80613b; }.schedule-dialog__submit { justify-self:start; min-width:212px; min-height:52px; margin-top:28px; padding:0 25px; border:0; color:#fffaf1; background:#4b4032; font:600 12px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }.schedule-dialog__submit:hover { background:#92713d; }.schedule-dialog__confirmation { min-height:20px; margin:16px 0 0; color:#78603b; font-size:13px; }
@media (max-width:720px) { .schedule-dialog__form { padding:36px 25px 28px; }.schedule-dialog h2 { font-size:28px; }.schedule-dialog__fields { grid-template-columns:1fr; gap:18px; }.schedule-dialog__timeframe { grid-column:1; width:auto; }.schedule-dialog__submit { width:100%; justify-self:stretch; } }
.interest-dialog__validation { min-height:18px; margin:11px 0 -10px; color:#9a4133; font-size:12px; line-height:1.4; }
.hero__offer-items article:first-child strong { font-size:clamp(21px,2.22vw,33px); letter-spacing:.025em; white-space:nowrap; }
.interiors__top.why-noval { display:grid; gap:clamp(38px,5vw,78px); margin:0 0 clamp(50px,8vw,120px); padding:clamp(42px,6vw,94px); color:#37342e; background:linear-gradient(135deg,#faf7ef,#e9ddc7); }.why-noval__intro { max-width:930px; }.why-noval__wordmark { display:flex; align-items:baseline; gap:.28em; margin:0 0 24px; color:#5b4731; font-family:"Montserrat",var(--sans); font-size:clamp(14px,1.25vw,19px); font-weight:700; letter-spacing:.18em; text-transform:uppercase; }.why-noval__wordmark span { color:#9b7a4a; font-size:.7em; letter-spacing:.15em; }.why-noval h2 { margin:0; color:#28261f; font-family:var(--sans); font-size:clamp(30px,4vw,58px); font-weight:600; letter-spacing:.055em; line-height:1.08; text-transform:uppercase; }.why-noval__intro > p:last-child { max-width:900px; margin:22px 0 0; color:#564c3d; font-size:clamp(15px,1.35vw,20px); line-height:1.65; }.why-noval__content { display:grid; grid-template-columns:minmax(290px,.82fr) minmax(360px,1.18fr); gap:clamp(26px,4vw,64px); align-items:stretch; }.why-noval__metrics { display:grid; gap:14px; }.why-noval__metrics article { display:grid; grid-template-columns:54px 1fr; gap:18px; align-items:center; min-height:124px; padding:20px 22px; border:1px solid rgba(103,80,47,.18); border-radius:10px; background:rgba(255,255,255,.58); box-shadow:0 11px 24px rgba(81,59,29,.08); }.why-noval__metric-icon { display:grid; width:42px; height:42px; place-items:center; border:1px solid #a4814f; border-radius:50%; color:#8d6e40; font-family:"Montserrat",var(--sans); font-size:10px; font-weight:700; letter-spacing:.08em; }.why-noval__metrics strong { display:block; color:#29251e; font-family:var(--sans); font-size:clamp(24px,2.15vw,35px); font-weight:600; letter-spacing:.025em; line-height:1; }.why-noval__metrics h3 { margin:8px 0 2px; color:#4c4030; font-size:clamp(13px,1vw,16px); font-weight:700; letter-spacing:.07em; line-height:1.25; text-transform:uppercase; }.why-noval__metrics p { margin:0; color:#896f49; font-size:14px; font-weight:600; letter-spacing:.04em; }.why-noval__video-space { position:relative; display:grid; min-height:420px; place-items:center; overflow:hidden; color:rgba(255,250,239,.84); background:linear-gradient(135deg,#1d1b19,#4b3d2d); box-shadow:inset 0 0 0 1px rgba(255,250,239,.16); }.why-noval__video-space::before { position:absolute; inset:18px; border:1px solid rgba(255,250,239,.26); content:""; }.why-noval__video-space span { position:relative; z-index:1; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }.why-noval__video-space i { position:absolute; width:64px; height:1px; background:#d2ae73; }.why-noval__video-space i:first-of-type { top:28px; right:28px; }.why-noval__video-space i:last-of-type { bottom:28px; left:28px; }
.why-noval__brand { display:block; width:clamp(82px,8vw,122px); margin:0 0 30px; padding:0; background:transparent; box-shadow:none; }.why-noval__brand img { display:block; width:100%; height:auto; object-fit:contain; filter:brightness(0); }.why-noval__metrics article { grid-template-columns:74px 1fr; min-height:158px; gap:24px; padding:23px 25px; }.why-noval__metric-icon { display:grid; width:64px; height:64px; place-items:center; border:0; border-radius:0; color:#25211b; }.why-noval__metric-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:3; }.why-noval__metrics strong,.why-noval__metrics h3,.why-noval__metrics p { color:#2c2822; font-family:"Montserrat",var(--sans); line-height:1.15; text-transform:none; }.why-noval__metrics strong,.why-noval__metrics p { font-size:clamp(17px,1.35vw,23px); font-weight:500; letter-spacing:.025em; }.why-noval__metrics strong { margin:0; }.why-noval__metrics h3 { margin:8px 0; font-size:clamp(19px,1.62vw,28px); font-weight:700; letter-spacing:.012em; }.why-noval__metrics p { margin:0; color:#2c2822; }
@media (max-width:720px) { .interiors__top.why-noval { padding:42px 24px; }.why-noval h2 { font-size:31px; letter-spacing:.04em; }.why-noval__content { grid-template-columns:1fr; }.why-noval__metrics article { grid-template-columns:46px 1fr; gap:14px; min-height:110px; padding:18px; }.why-noval__video-space { min-height:270px; } }
.amenities__copy.market-notes--residency { grid-column:2; grid-row:3; align-self:start; padding-top:clamp(48px,6vw,92px); padding-bottom:clamp(54px,7vw,108px); }.amenities__lounge { grid-column:1; grid-row:3; }
@media (max-width:720px) { .amenities__copy.market-notes--residency,.amenities__lounge { grid-column:1; grid-row:auto; }.amenities__copy.market-notes--residency { padding-top:42px; padding-bottom:42px; } }
.ownership-panel h2,.dollar-notes h2,.market-notes h2,.residency-note h2 { font-family:"Montserrat",var(--sans); font-weight:700; letter-spacing:.055em; text-transform:uppercase; }.ownership-panel p,.dollar-notes p,.market-notes p,.residency-note p { font-family:var(--sans); font-weight:500; letter-spacing:.022em; }.dollar-notes h2 { font-size:clamp(19px,1.65vw,27px); }.dollar-notes p { font-size:clamp(13px,1.05vw,16px); }.market-notes article { grid-template-columns:44px 1fr; gap:19px; }.market-notes article > span { color:#8e6e3e; font-family:"Montserrat",var(--sans); font-size:13px; font-weight:700; letter-spacing:.06em; }.market-notes h2 { font-size:clamp(15px,1.2vw,19px); line-height:1.35; }.market-notes p { font-size:clamp(12px,.92vw,14px); line-height:1.7; }.residency-note h2 { font-size:clamp(21px,2vw,31px); }.residency-note p { font-size:clamp(13px,1.04vw,16px); line-height:1.74; }.ownership-panel h2 { font-size:clamp(16px,1.35vw,21px); letter-spacing:.035em; }
@media (max-width:720px) { .ownership-panel h2,.dollar-notes h2,.market-notes h2,.residency-note h2 { letter-spacing:.035em; }.market-notes article { grid-template-columns:38px 1fr; gap:14px; }.market-notes article > span { font-size:11px; } }
@media (max-width:720px) { .why-noval__brand { width:92px; margin-bottom:25px; }.why-noval__metrics article { grid-template-columns:56px 1fr; gap:14px; min-height:142px; }.why-noval__metric-icon { width:50px; height:50px; }.why-noval__metrics strong,.why-noval__metrics p { font-size:15px; }.why-noval__metrics h3 { font-size:18px; } }
.interiors__top.why-noval { position:relative; z-index:1; display:flex; min-height:100svh; width:100vw; margin:-12vw -7vw clamp(50px,8vw,120px); padding:clamp(118px,12vw,180px) clamp(28px,8vw,138px) clamp(48px,7vw,100px); align-items:flex-end; color:#211f1a; background-color:#9fd3e5; background-image:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(245,250,248,.12) 100%),url("assets/hero-ocean.jpg"); background-position:center; background-size:cover; }.why-noval__intro,.why-noval__content { width:min(43vw,650px); }.why-noval__intro { max-width:none; }.why-noval__brand { position:absolute; top:clamp(38px,5vw,78px); left:clamp(26px,7vw,118px); z-index:2; width:clamp(78px,6.5vw,108px); margin:0; }.why-noval__brand img { filter:brightness(0); }.why-noval h2 { color:#1f1d19; font-size:clamp(33px,3.1vw,52px); letter-spacing:.035em; text-shadow:0 1px 14px rgba(255,255,255,.48); }.why-noval__intro > p:last-child { max-width:620px; margin-top:18px; color:#302d26; font-size:clamp(14px,1.12vw,18px); font-weight:600; line-height:1.55; text-shadow:0 1px 12px rgba(255,255,255,.5); }.why-noval__content { display:block; margin-top:clamp(30px,4vw,56px); }.why-noval__metrics { gap:10px; }.why-noval__metrics article { grid-template-columns:60px 1fr; min-height:108px; padding:16px 20px; border:1px solid rgba(36,33,27,.12); border-radius:0; background:rgba(255,253,247,.84); box-shadow:0 12px 30px rgba(23,49,57,.12); backdrop-filter:blur(8px); }.why-noval__metric-icon { width:50px; height:50px; color:#171614; }.why-noval__metric-icon svg { stroke-width:2.7; }.why-noval__metrics strong,.why-noval__metrics p { font-size:clamp(15px,1.12vw,19px); font-weight:500; letter-spacing:.035em; }.why-noval__metrics h3 { margin:4px 0; font-size:clamp(17px,1.38vw,23px); font-weight:700; letter-spacing:.012em; }.why-noval__video-space { display:none; }
@media (max-width:720px) { .interiors__top.why-noval { min-height:820px; margin:-12vw -7vw 64px; padding:142px 24px 42px; background-position:32% center; }.why-noval__intro,.why-noval__content { width:100%; }.why-noval__brand { top:30px; left:24px; width:82px; }.why-noval h2 { font-size:32px; }.why-noval__intro > p:last-child { font-size:14px; }.why-noval__content { margin-top:30px; }.why-noval__metrics article { grid-template-columns:54px 1fr; min-height:100px; padding:14px 16px; }.why-noval__metric-icon { width:46px; height:46px; }.why-noval__metrics strong,.why-noval__metrics p { font-size:14px; }.why-noval__metrics h3 { font-size:17px; } }
.interiors__top.why-noval { display:grid; min-height:0; width:auto; margin:0 0 clamp(50px,8vw,120px); padding:clamp(42px,6vw,94px); align-items:initial; color:#37342e; background:#f6f1e6; background-image:linear-gradient(135deg,#faf7ef,#e9ddc7); }.why-noval__intro,.why-noval__content { width:auto; }.why-noval__intro { max-width:930px; }.why-noval__brand { position:static; display:grid; width:112px; margin:0 0 26px; padding:0; gap:1px; color:#1f1d19; background:transparent; box-shadow:none; text-transform:uppercase; }.why-noval__brand-bar { display:block; width:52px; height:8px; margin:0 0 3px 2px; border:2px solid currentColor; }.why-noval__brand-name { font-family:"Montserrat",var(--sans); font-size:24px; font-weight:500; letter-spacing:.13em; line-height:1; }.why-noval__brand-type { font-family:var(--sans); font-size:9px; font-style:italic; font-weight:600; letter-spacing:.2em; line-height:1.2; }.why-noval h2 { color:#28261f; font-size:clamp(30px,4vw,58px); letter-spacing:.055em; text-shadow:none; }.why-noval__intro > p:last-child { max-width:900px; margin:22px 0 0; color:#564c3d; font-size:clamp(15px,1.35vw,20px); font-weight:400; line-height:1.65; text-shadow:none; }.why-noval__content { display:grid; grid-template-columns:minmax(290px,.82fr) minmax(360px,1.18fr); gap:clamp(26px,4vw,64px); margin-top:0; align-items:stretch; }.why-noval__metrics { gap:14px; }.why-noval__metrics article { display:block; min-height:124px; padding:20px 24px; border:1px solid rgba(103,80,47,.18); border-radius:10px; background:rgba(255,255,255,.58); box-shadow:0 11px 24px rgba(81,59,29,.08); backdrop-filter:none; }.why-noval__metrics strong,.why-noval__metrics p { font-size:clamp(17px,1.35vw,23px); font-weight:500; letter-spacing:.025em; }.why-noval__metrics h3 { margin:8px 0; font-size:clamp(19px,1.62vw,28px); font-weight:700; letter-spacing:.012em; }.why-noval__video-space { display:grid; }
@media (max-width:720px) { .interiors__top.why-noval { min-height:0; margin:0 0 64px; padding:42px 24px; }.why-noval__brand { width:102px; margin-bottom:25px; }.why-noval h2 { font-size:31px; }.why-noval__intro > p:last-child { font-size:14px; }.why-noval__content { grid-template-columns:1fr; margin-top:0; }.why-noval__metrics article { display:block; min-height:110px; padding:18px; }.why-noval__metrics strong,.why-noval__metrics p { font-size:15px; }.why-noval__metrics h3 { font-size:18px; } }
.why-noval__brand { display:block; width:118px; height:58px; margin:0 0 26px; overflow:hidden; }.why-noval__brand img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:none; }.why-noval__brand-bar,.why-noval__brand-name,.why-noval__brand-type { display:none; }

/* Supplied Noval overview artwork */
.why-noval-replacement { position:relative; grid-column:1/-1; width:calc(100% + 14vw); margin:0 -7vw clamp(50px,8vw,120px); overflow:hidden; background:#071a35; }
.why-noval-replacement > img { display:block; width:100%; height:auto; }
.why-noval-replacement__logo { position:absolute; top:clamp(10px,1.2vw,20px); left:clamp(52px,3.5vw,68px); z-index:1; width:clamp(118px,8.4vw,158px); pointer-events:none; }
.why-noval-replacement__logo::before { position:absolute; z-index:0; inset:-22px -28px; background:radial-gradient(ellipse at center,rgba(3,19,45,.95) 0 44%,rgba(3,19,45,.58) 66%,transparent 84%); content:""; }
.why-noval-replacement__logo img { position:relative; z-index:1; display:block; width:100%; height:auto; }
@media (max-width:720px) { .why-noval-replacement { width:calc(100% + 14vw); margin:0 -7vw 64px; }.why-noval-replacement__logo { top:9px; left:36px; width:104px; } }

/* Juan Dolio investor guide */
.coastline__copy.investor-guide { display:flex; width:min(100%,620px); min-height:100%; margin-left:12%; flex-direction:column; align-items:flex-start; justify-content:center; color:#f9f6ee; }
.investor-guide__eyebrow { margin:0 0 18px; color:#d8bd7e; font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.investor-guide h2 { margin:0; color:#fffdf8; font-family:var(--sans); font-size:clamp(42px,4.25vw,70px); font-weight:400; letter-spacing:.035em; line-height:1.03; text-transform:uppercase; }
.investor-guide__intro { max-width:390px; margin:22px 0 0; color:rgba(250,247,239,.78); font-size:clamp(13px,1vw,16px); font-weight:500; letter-spacing:.018em; line-height:1.6; }
.investor-guide__trigger { display:flex; width:min(100%,440px); min-height:clamp(76px,6.2vw,98px); margin-top:clamp(32px,4vw,58px); padding:17px clamp(24px,2.6vw,38px); align-items:center; justify-content:center; gap:18px; border:1px solid rgba(249,245,233,.85); border-radius:999px; color:#fffdf8; background:rgba(255,255,255,.045); font:700 clamp(18px,1.55vw,25px)/1.1 var(--sans); letter-spacing:.025em; text-align:left; cursor:pointer; transition:transform .28s ease,background-color .28s ease,border-color .28s ease,color .28s ease; }
.investor-guide__download-mark { position:relative; display:block; flex:0 0 26px; width:26px; height:30px; margin:0; border-bottom:1px solid currentColor; }
.investor-guide__download-mark::before { position:absolute; top:0; left:12px; width:1px; height:20px; background:currentColor; content:""; }
.investor-guide__download-mark::after { position:absolute; top:12px; left:8px; width:9px; height:9px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; content:""; transform:rotate(45deg); }
.investor-guide__trigger:hover,.investor-guide__trigger:focus-visible { border-color:#d7b36b; color:#2d291f; background:#ead9af; outline:none; transform:translateY(-4px); }
@media (max-width:720px) { .coastline__copy.investor-guide { width:100%; margin:0; padding:10vw 0; }.investor-guide h2 { font-size:clamp(39px,11vw,55px); }.investor-guide__trigger { width:100%; max-width:390px; min-height:76px; padding:15px 24px; font-size:18px; } }

/* Full-frame residence transition below the Investor's Guide */
.apartment-transition { min-height:100svh; margin-bottom:clamp(72px,9vw,150px); overflow:hidden; background:#e9e3d7; }
.apartment-transition__image { width:100%; height:100svh; min-height:680px; margin:0; opacity:0; clip-path:inset(10vh 0 0 0); transform:translateY(10vh); transition:opacity .95s ease,clip-path 1.35s cubic-bezier(.18,.72,.2,1),transform 1.35s cubic-bezier(.18,.72,.2,1); }
.apartment-transition__image.is-visible { opacity:1; clip-path:inset(0); transform:translateY(0); }
.apartment-transition__image img { cursor:default; object-position:center; }
.apartment-transition__image:hover img { transform:none; }
@media (max-width:720px) { .apartment-transition { min-height:72svh; margin-bottom:70px; }.apartment-transition__image { height:72svh; min-height:520px; clip-path:inset(7vh 0 0 0); transform:translateY(7vh); }.apartment-transition__image img { object-position:58% center; } }

/* Two-scene project facts sequence */
.life-sequence { background:#132322; }
.life-scene { position:relative; display:grid; min-height:100svh; overflow:hidden; isolation:isolate; }
.life-scene > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; cursor:default; }
.life-scene > img:hover { transform:none; }
.life-scene::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(9,22,22,.05) 25%,rgba(9,22,22,.3) 56%,rgba(9,22,22,.8) 100%); content:""; }
.life-scene--amenities::after { background:linear-gradient(90deg,rgba(8,24,25,.79) 0%,rgba(8,24,25,.48) 45%,rgba(8,24,25,.08) 78%); }
.life-scene__facts,.life-scene__amenities { align-self:center; width:min(35vw,510px); margin:clamp(60px,8vw,150px); padding:clamp(34px,4.4vw,68px); border:1px solid rgba(245,224,183,.4); color:#fffaf0; background:linear-gradient(145deg,rgba(9,39,40,.73),rgba(10,30,31,.55)); box-shadow:0 24px 60px rgba(5,13,13,.18); backdrop-filter:blur(12px); }
.life-scene__facts { justify-self:end; }
.life-scene__amenities { justify-self:start; }
.life-scene__eyebrow { margin:0 0 18px; color:#edcb8a; font-size:11px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.life-scene h2 { margin:0 0 clamp(28px,3.5vw,46px); color:#fffdf7; font-family:var(--sans); font-size:clamp(32px,3.3vw,54px); font-weight:400; letter-spacing:-.045em; line-height:.95; text-transform:uppercase; }
.life-scene dl { display:grid; margin:0; border-top:1px solid rgba(248,232,202,.3); }
.life-scene dl > div { padding:12px 0; border-bottom:1px solid rgba(248,232,202,.22); }
.life-scene dt { margin:0 0 5px; color:#eac989; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.life-scene dd { margin:0; color:#fffaf0; font-size:clamp(13px,1vw,16px); font-weight:500; letter-spacing:.012em; line-height:1.27; }
.life-scene ul { display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; margin:0; padding:0; list-style:none; }
.life-scene li { min-height:38px; padding:1px 0 0 13px; border-left:1px solid #eac989; color:#fffaf0; font-size:clamp(13px,1.03vw,16px); font-weight:500; letter-spacing:.01em; line-height:1.35; }
@media (max-width:900px) { .life-scene__facts,.life-scene__amenities { width:min(46vw,470px); margin:clamp(34px,6vw,70px); } }
@media (max-width:720px) { .life-scene { min-height:880px; }.life-scene--residence > img { object-position:58% center; }.life-scene--amenities > img { object-position:58% center; }.life-scene::after,.life-scene--amenities::after { background:linear-gradient(0deg,rgba(7,22,23,.9) 0%,rgba(7,22,23,.55) 55%,rgba(7,22,23,.06) 100%); }.life-scene__facts,.life-scene__amenities { align-self:end; width:100%; margin:0; padding:34px 24px; border-width:1px 0 0; background:linear-gradient(145deg,rgba(8,35,36,.82),rgba(8,25,27,.73)); }.life-scene h2 { margin-bottom:30px; font-size:clamp(36px,10.5vw,54px); }.life-scene__facts { max-height:76%; overflow:auto; }.life-scene ul { gap:12px 16px; }.life-scene li { min-height:35px; font-size:13px; } }

/* Coastal-luxury treatment for the hero offer, keeping its existing scale and hierarchy. */
.hero__offer { color:#fffaf1; filter:drop-shadow(0 22px 34px rgba(18,31,34,.18)); }
.hero__offer-items { gap:0; overflow:hidden; border:1px solid rgba(255,244,220,.56); border-radius:26px 26px 16px 16px; background:linear-gradient(112deg,rgba(10,43,54,.72),rgba(37,70,78,.55) 58%,rgba(116,76,45,.46)); box-shadow:inset 0 1px 0 rgba(255,249,233,.2); backdrop-filter:blur(16px) saturate(122%); }
.hero__offer-items article { position:relative; min-height:108px; padding:20px clamp(18px,2vw,30px); background:linear-gradient(150deg,rgba(255,247,229,.08),rgba(255,255,255,.018)); }
.hero__offer-items article + article { border-left:1px solid rgba(255,244,220,.33); }
.hero__offer-items article:first-child { background:linear-gradient(135deg,rgba(210,164,96,.24),rgba(15,70,82,.08)); }
.hero__offer-items article:last-child { border-radius:0 25px 15px 0; }
.hero__offer-items strong { color:#fffaf0; font-weight:500; letter-spacing:-.04em; text-shadow:0 1px 14px rgba(8,23,27,.24); }
.hero__offer-items article:first-child strong { letter-spacing:.018em; }
.hero__offer-items span { color:rgba(255,248,232,.82); letter-spacing:.16em; }
.hero__actions { gap:11px; margin-top:15px; }
.hero__actions button { min-height:48px; border:1px solid rgba(255,244,220,.57); border-radius:999px; background:rgba(11,44,53,.48); box-shadow:inset 0 1px 0 rgba(255,255,255,.14); backdrop-filter:blur(13px) saturate(120%); transition:transform .25s ease,background .25s ease,border-color .25s ease; }
.hero__actions button:first-child { padding-inline:28px; background:linear-gradient(115deg,rgba(158,104,61,.52),rgba(94,67,48,.43)); }
.hero__actions .hero__brochure { border-color:rgba(255,239,204,.68); color:#fffaf1; background:linear-gradient(112deg,rgba(10,57,68,.66),rgba(42,92,98,.48)); }
.hero__actions button:hover { border-color:#f4d79e; background:rgba(17,75,85,.7); transform:translateY(-2px); }
.hero__contact-icon { flex-basis:48px; width:48px; height:48px; border-color:rgba(255,239,204,.66); background:linear-gradient(145deg,rgba(15,60,69,.63),rgba(99,70,50,.44)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16); backdrop-filter:blur(13px) saturate(120%); }
.hero__contact-icon:hover { background:linear-gradient(145deg,rgba(24,91,99,.76),rgba(178,122,69,.58)); }
@media (max-width:720px) { .hero__offer-items { border-radius:20px 20px 14px 14px; }.hero__offer-items article + article { border-top:1px solid rgba(255,244,220,.3); border-left:0; }.hero__offer-items article:last-child { border-radius:0 0 13px 13px; }.hero__actions button:first-child { padding-inline:14px; } }

/* Carry the tailored tropical-glass language into the project facts scenes. */
.life-scene__facts,.life-scene__amenities { border-color:rgba(255,237,196,.5); border-radius:28px 10px 28px 10px; background:linear-gradient(142deg,rgba(9,57,66,.8),rgba(15,43,48,.7) 57%,rgba(99,67,42,.62)); box-shadow:inset 0 1px 0 rgba(255,250,235,.2),0 26px 62px rgba(4,16,17,.32); backdrop-filter:blur(17px) saturate(125%); }
.life-scene__facts { border-top-right-radius:42px; }
.life-scene__amenities { border-bottom-left-radius:42px; background:linear-gradient(142deg,rgba(9,61,69,.8),rgba(12,43,47,.69) 57%,rgba(118,76,44,.6)); }
.life-scene__eyebrow { color:#f1d092; letter-spacing:.2em; }
.life-scene h2 { color:#fffaf0; letter-spacing:-.03em; }
.life-scene dl { border-top-color:rgba(255,235,194,.42); }
.life-scene dl > div { padding:14px 0; border-bottom-color:rgba(255,235,194,.3); }
.life-scene dt { color:#f4d49b; letter-spacing:.16em; }
.life-scene dd { color:#fffaf1; }
.life-scene li { padding-left:15px; border-left-color:#f0cb82; color:#fffaf1; }
@media (max-width:720px) { .life-scene__facts,.life-scene__amenities { border-radius:28px 28px 0 0; border-color:rgba(255,237,196,.42); background:linear-gradient(145deg,rgba(8,54,62,.88),rgba(13,38,42,.82) 64%,rgba(92,59,39,.78)); }.life-scene__facts { border-top-right-radius:42px; }.life-scene__amenities { border-top-left-radius:42px; } }

/* Preserve the original hero offer layout while keeping the payment label intact. */
.hero__offer-items article:nth-child(2) span { white-space:nowrap; }

/* Video fitted to the reserved frame in the Noval Properties overview. */
.why-noval-replacement__logo { z-index:3; }
.why-noval-replacement__video { position:absolute; z-index:2; top:13.35%; left:3.55%; width:25.75%; aspect-ratio:1.55/1; overflow:hidden; background:#06152b; }
.why-noval-replacement__video video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.why-noval-replacement__video-controls { position:absolute; right:10px; bottom:10px; display:flex; gap:6px; opacity:0; transition:opacity .25s ease; }
.why-noval-replacement__video:hover .why-noval-replacement__video-controls,.why-noval-replacement__video:focus-within .why-noval-replacement__video-controls { opacity:1; }
.why-noval-replacement__video-controls button { position:relative; display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid rgba(246,222,169,.85); border-radius:50%; color:#fffaf1; background:rgba(5,22,43,.72); cursor:pointer; backdrop-filter:blur(6px); }
.why-noval-replacement__video-toggle::before { width:0; height:0; margin-left:2px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; content:""; }
.why-noval-replacement__video-toggle.is-playing::before { width:8px; height:10px; margin-left:0; border:0; background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%); }
.why-noval-replacement__video-expand::before { width:10px; height:10px; border:1px solid currentColor; content:""; }
.why-noval-replacement__video-expand.is-expanded::before { width:7px; height:7px; border-width:0 1px 1px 0; transform:rotate(45deg); }
.why-noval-replacement__video:fullscreen { width:100%; height:100%; aspect-ratio:auto; background:#000; }
.why-noval-replacement__video:fullscreen video { object-fit:contain; }
.why-noval-replacement__video:fullscreen .why-noval-replacement__video-controls { right:28px; bottom:28px; opacity:1; }
@media (max-width:720px) { .why-noval-replacement__video { top:13.35%; left:3.55%; width:25.75%; }.why-noval-replacement__video-controls { right:5px; bottom:5px; gap:4px; opacity:1; }.why-noval-replacement__video-controls button { width:25px; height:25px; } }

/* Stronger, still restrained hierarchy for the CONFOTUR benefits. */
.confotur-panel__eyebrow { margin-bottom:30px; color:#4b3b29; font-size:clamp(16px,1.3vw,21px); font-weight:800; letter-spacing:.09em; line-height:1.15; }
.confotur-panel__benefits { gap:16px; }
.confotur-panel__benefits li { grid-template-columns:72px 1fr; gap:18px; padding-bottom:15px; }
.confotur-panel__benefits strong { font-size:clamp(29px,2.2vw,38px); font-weight:700; }
.confotur-panel__benefits span { font-size:clamp(16px,1.3vw,20px); font-weight:650; line-height:1.35; }
.confotur-panel__note { margin-top:24px; font-size:clamp(13px,1.05vw,16px); line-height:1.6; }
.confotur-panel__note { max-width:48ch; margin-top:18px; color:#5d503d; font-size:clamp(10px,.78vw,12px); font-weight:500; line-height:1.45; letter-spacing:.005em; }
@media (max-width:720px) { .confotur-panel__eyebrow { font-size:16px; }.confotur-panel__benefits li { grid-template-columns:58px 1fr; gap:12px; }.confotur-panel__benefits strong { font-size:28px; }.confotur-panel__benefits span { font-size:16px; }.confotur-panel__note { font-size:11px; } }
@media (max-width:720px) { .hero__offer { width:min(620px,calc(100vw - 40px)); }.hero__offer-items { grid-template-columns:1fr; }.hero__offer-items article { min-height:92px; padding:18px 20px; }.hero__offer-items strong,.hero__offer-items article:first-child strong { font-size:clamp(24px,8vw,34px); }.hero__offer-items span { font-size:11px; } }

.footer__disclaimer { grid-column:1 / -1; max-width:760px; margin:0; color:rgba(248,245,236,.64); font-size:clamp(11px,.82vw,13px); line-height:1.55; }