* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background-color: #F5F3F0; color: #1A1E24; line-height: 1.5; }
        :root { --gold: #C6A43F; --gold-light: #E3CD81; --navy: #1E262F; --navy-light: #2A3545; --warm-gray: #F0EDE8; --border-light: #E8E2D8; --shadow-sm: 0 12px 30px rgba(0,0,0,0.05); --shadow-hover: 0 25px 35px -12px rgba(0,0,0,0.15); }
        a { text-decoration: none; color: inherit; }
        
        /* Header */
        .lux-header { position: sticky; top: 0; z-index: 100; background: rgba(255, 253, 248, 0.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border-light); }
        .header-container { max-width: 1600px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 88px; }
        .logo-area h1 { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 28px; letter-spacing: 2px; color: var(--navy); }
        .logo-area span { font-size: 11px; letter-spacing: 1.5px; color: #7F8C8D; display: block; }
        .nav-links { display: flex; gap: 38px; font-weight: 500; }
        .nav-links a:hover { color: var(--gold); }
        .header-phone { font-weight: 600; border-left: 1px solid var(--border-light); padding-left: 32px; }
        .header-phone span { font-size: 13px; color: #7F8C8D; display: block; }
        .header-phone .number { font-size: 18px; color: var(--navy); }
        
        /* Hero */
        .hero-lux { background: linear-gradient(107deg, var(--navy) 0%, var(--navy-light) 100%); height: 380px; display: flex; align-items: center; position: relative; overflow: hidden; }
        .hero-lux::before { content: ""; position: absolute; inset: 0; background-image: url('https://images.pexels.com/photos/2587054/pexels-photo-2587054.jpeg?auto=compress&cs=tinysrgb&w=1600'); background-size: cover; background-position: center; opacity: 0.25; }
        .hero-content { max-width: 1600px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; }
        .hero-content h2 { font-size: 52px; font-family: 'Cormorant Garamond', serif; color: white; margin-bottom: 16px; }
        .hero-content p { color: rgba(255,255,240,0.85); font-size: 18px; max-width: 540px; }
        
        /* Main Layout */
        .main-luxury { max-width: 1600px; margin: 48px auto 0; padding: 0 40px; display: flex; gap: 48px; align-items: flex-start; }
        
        /* SIDEBAR - SAMPLE #4: Navy headers, white content, closed by default */
        .sidebar-lux { flex: 0 0 360px; background: white; border-radius: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); overflow: hidden; }
        
        .leftmenu-lux { list-style: none; }
        .menu-block-lux { border-bottom: 1px solid var(--border-light); }
        
        /* NAVY HEADER with GOLD text and arrows */
        .menu-header-lux {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 18px 24px;
            font-weight: 700;
            font-size: 16px;
            color: var(--gold);
            background: var(--navy);
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .menu-header-lux:hover { background: #2A3545; }
        .menu-header-lux .arrow { font-size: 14px; color: var(--gold); transition: transform 0.2s; }
        
        /* Submenu - white background, hidden by default (Sample #4) */
        .submenu-lux {
            list-style: none;
            background: white;
            display: none;
            max-height: 500px;
            overflow-y: auto;
        }
        .submenu-lux.open { display: block; }
        
        /* Custom thin gold scroll bar for expanded content */
        .submenu-lux::-webkit-scrollbar { width: 6px; }
        .submenu-lux::-webkit-scrollbar-track { background: var(--warm-gray); border-radius: 3px; }
        .submenu-lux::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }
        .submenu-lux { scrollbar-width: thin; scrollbar-color: var(--gold) var(--warm-gray); }
        
        .submenu-lux > li { border-bottom: 1px solid #F3EFE8; }
        .submenu-lux > li > a {
            display: block;
            padding: 12px 24px 12px 40px;
            font-size: 14px;
            font-weight: 500;
            color: #2C3E4E;
            background: white;
        }
        .submenu-lux > li > a:hover { background: #F9F3EA; color: var(--gold); }
        
        /* Nested buildings (3rd level) */
        .nested-sub {
            list-style: none;
            background: #FEFAF5;
            display: none;
        }
        .nested-sub.open { display: block; }
        .nested-sub li a {
            display: block;
            padding: 10px 24px 10px 56px;
            font-size: 13px;
            color: #4A5B6E;
            border-top: 1px solid #F0E9E0;
        }
        .nested-sub li a:hover { background: #F5EFE6; color: var(--gold); }
        .has-nested > a { cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
        .toggle-nested { float: right; font-size: 11px; margin-left: 12px; color: var(--gold); width: 20px; text-align: center; }
        
        /* Right Content */
        .content-lux { flex: 1; }
        .breadcrumb-social { background: white; border-radius: 20px; padding: 16px 24px; margin-bottom: 32px; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--border-light); }
        .lv4_breadcrumbs_block { font-size: 13px; color: #7F8C8D; }
        .lv4_breadcrumbs_block a { color: var(--gold); }
        .social-5 { display: flex; gap: 18px; align-items: center; }
        .sub-menu { display: flex; list-style: none; gap: 12px; background: var(--warm-gray); padding: 6px 14px; border-radius: 40px; }
        .sub-menu li a { display: block; width: 28px; height: 28px; background-size: 18px; background-repeat: no-repeat; background-position: center; opacity: 0.7; }
        .soc2-twitter { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231E262F"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231z"/></svg>'); }
        .soc2-fb { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231E262F"><path d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"/></svg>'); }
        .soc2-in { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231E262F"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68zm1.39 9.94v-8.37H5.5v8.37h2.77z"/></svg>'); }
        .soc2-pin { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231E262F"><path d="M12 2C6.48 2 2 6.48 2 12c0 4.84 3.44 8.87 8 9.8-.1-.8-.2-2.05 0-2.92.2-.96 1.2-5.06 1.2-5.06s-.3-.6-.3-1.5c0-1.4.82-2.45 1.84-2.45.87 0 1.29.65 1.29 1.43 0 .87-.55 2.17-.84 3.38-.24.95.48 1.72 1.42 1.72 1.7 0 2.84-2.2 2.84-4.8 0-1.98-1.33-3.46-3.74-3.46-2.72 0-4.42 2.03-4.42 4.3 0 .78.23 1.33.6 1.76.17.2.2.28.1.5-.07.24-.22.82-.28 1.05-.09.34-.36.46-.66.34-1.83-.74-2.68-2.73-2.68-4.96 0-3.68 3.1-7.2 8.23-7.2 4.4 0 7.3 3.18 7.3 6.6 0 4.5-2.5 7.87-6.18 7.87-1.24 0-2.4-.67-2.8-1.43 0 0-.66 2.62-.8 3.12-.24.9-.72 1.8-1.16 2.5 1 .15 2.03.23 3.07.23 5.52 0 10-4.48 10-10S17.52 2 12 2z"/></svg>'); }
        .mail-to-friend { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231E262F"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>'); background-size: 18px; }
        h3 { font-size: 32px; font-family: 'Cormorant Garamond', serif; font-weight: 500; margin: 20px 0 16px; color: var(--navy); }
        
        /* Neighborhood Grid */
        .cy2-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 32px; list-style: none; margin-top: 24px; }
        .cy2-wrapper li { background: white; border-radius: 24px; overflow: hidden; transition: transform 0.25s, box-shadow 0.25s; box-shadow: var(--shadow-sm); position: relative; }
        .cy2-wrapper li:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
        .cy2-link-block { display: block; background-size: cover; background-position: center; min-height: 380px; position: relative; }
        .cy2-def-block, .cy2-hover-block { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 100%); padding: 24px 20px; color: white; transition: opacity 0.3s; }
        .cy2-hover-block { opacity: 0; background: rgba(30,38,47,0.92); backdrop-filter: blur(4px); display: flex; flex-direction: column; gap: 8px; }
        .cy2-wrapper li:hover .cy2-def-block { opacity: 0; }
        .cy2-wrapper li:hover .cy2-hover-block { opacity: 1; }
        .cy2-city { font-size: 28px; font-weight: 600; font-family: 'Cormorant Garamond', serif; }
        .cy2-sell-rent-block { display: flex; gap: 24px; margin: 12px 0; }
        .cy2-sell span, .cy2-rent span { font-weight: 700; color: var(--gold-light); margin-right: 6px; }
        .cy2-hover-button { position: absolute; top: 20px; right: 20px; background: var(--gold); color: var(--navy); padding: 8px 18px; border-radius: 40px; font-size: 13px; font-weight: 600; z-index: 5; opacity: 0; transition: 0.2s; }
        .cy2-wrapper li:hover .cy2-hover-button { opacity: 1; }
        
        /* Footer */
        .footer_disclaimer { max-width: 1600px; margin: 60px auto 20px; padding: 32px 40px; background: var(--warm-gray); border-radius: 24px; font-size: 12px; color: #5F6C7A; text-align: center; }
        .part-logos { display: flex; gap: 28px; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }
        
        @media (max-width: 1000px) { .main-luxury { flex-direction: column; } .sidebar-lux { flex: auto; width: 100%; } .header-container { padding: 0 20px; } .nav-links { display: none; } }