:root {
          --ink: #0E0C0A;
          --ink2: #1A1714;
          --iv: #F9F5EF;
          --iv2: #EDE7DC;
          --g: #B8944A;
          --g2: #D4AF72;
          --st: #5A524A;
          --st2: #8A7E74;
          --r: #B5302A
        }

        *,
        *::before,
        *::after {
          margin: 0;
          padding: 0;
          box-sizing: border-box
        }

        html {
          scroll-behavior: smooth
        }

        body {
          font-family: "Jost", system-ui, sans-serif;
          background: var(--iv);
          color: var(--ink);
          overflow-x: hidden
        }

        a {
          color: inherit;
          text-decoration: none
        }

        img {
          display: block;
          max-width: 100%
        }

        /* NAV */
        nav {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          z-index: 200;
          height: 58px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 48px;
          background: rgba(14, 12, 10, .96);
          backdrop-filter: blur(16px);
          border-bottom: 1px solid rgba(184, 148, 74, .12)
        }

        .nl {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 19px;
          font-weight: 600;
          color: var(--g2);
          letter-spacing: .5px
        }

        .nv {
          display: flex;
          align-items: center;
          gap: 28px
        }

        .nk {
          font-size: 10.5px;
          font-weight: 500;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          color: rgba(212, 175, 114, .5);
          transition: color .2s
        }

        .nk:hover {
          color: var(--g2)
        }

        .nc {
          font-size: 10px;
          font-weight: 700;
          letter-spacing: 1.5px;
          text-transform: uppercase;
          color: var(--ink);
          background: var(--g);
          padding: 9px 20px;
          border-radius: 1px;
          transition: background .2s;
          white-space: nowrap
        }

        .nc:hover {
          background: var(--g2)
        }

        /* HERO */
        .hero {
          min-height: 92vh;
          display: flex;
          align-items: center;
          position: relative;
          overflow: hidden;
          margin-top: 58px
        }

        .hero-bg {
          position: absolute;
          inset: 0;
          z-index: 0
        }

        .hero-bg img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          filter: brightness(.35)
        }

        .hero-bg::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg, rgba(14, 12, 10, .85) 0%, rgba(14, 12, 10, .5) 60%, rgba(184, 148, 74, .1) 100%)
        }

        .hero-inner {
          position: relative;
          z-index: 1;
          padding: 80px 60px 60px;
          max-width: 860px
        }

        .hero-badge {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          background: rgba(184, 148, 74, .12);
          border: 1px solid rgba(184, 148, 74, .25);
          padding: 6px 14px;
          border-radius: 1px;
          margin-bottom: 20px
        }

        .hero-badge span {
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 2.5px;
          text-transform: uppercase;
          color: var(--g2)
        }

        .hero-badge .dot {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: var(--g);
          animation: pulse 2s infinite
        }

        @keyframes pulse {

          0%,
          100% {
            opacity: 1
          }

          50% {
            opacity: .4
          }
        }

        .hero h1 {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: clamp(36px, 6vw, 72px);
          font-weight: 700;
          color: #fff;
          line-height: 1.0;
          letter-spacing: -1.5px;
          margin-bottom: 18px
        }

        .hero h1 em {
          font-style: italic;
          color: var(--g2)
        }

        .hero p {
          font-size: 16px;
          font-weight: 300;
          color: rgba(255, 255, 255, .7);
          line-height: 1.75;
          max-width: 600px;
          margin-bottom: 28px
        }

        .hero-ctas {
          display: flex;
          gap: 12px;
          flex-wrap: wrap;
          margin-bottom: 36px
        }

        .btn-p {
          font-size: 10px;
          font-weight: 700;
          letter-spacing: 1.5px;
          text-transform: uppercase;
          color: var(--ink);
          background: var(--g);
          padding: 14px 28px;
          border-radius: 1px;
          transition: background .2s;
          display: inline-block
        }

        .btn-p:hover {
          background: var(--g2)
        }

        .btn-s {
          font-size: 10px;
          font-weight: 700;
          letter-spacing: 1.5px;
          text-transform: uppercase;
          color: #fff;
          border: 1px solid rgba(255, 255, 255, .3);
          padding: 13px 26px;
          border-radius: 1px;
          transition: all .2s;
          display: inline-block
        }

        .btn-s:hover {
          border-color: var(--g);
          color: var(--g2)
        }

        .hero-rera {
          font-size: 10px;
          color: rgba(212, 175, 114, .35);
          letter-spacing: .5px
        }

        /* STATS STRIP */
        .stats-strip {
          background: var(--ink2);
          border-bottom: 1px solid rgba(184, 148, 74, .1);
          padding: 20px 60px
        }

        .stats-inner {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
          flex-wrap: wrap;
          max-width: 1200px;
          margin: 0 auto
        }

        .stat-item {
          text-align: center;
          flex: 1;
          min-width: 100px
        }

        .stat-item strong {
          display: block;
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 26px;
          font-weight: 700;
          color: var(--g2);
          line-height: 1
        }

        .stat-item span {
          font-size: 9px;
          font-weight: 600;
          letter-spacing: 1.5px;
          text-transform: uppercase;
          color: rgba(212, 175, 114, .35);
          margin-top: 4px;
          display: block
        }

        .stat-sep {
          width: 1px;
          height: 36px;
          background: rgba(184, 148, 74, .12)
        }

        /* SECTIONS */
        .section {
          padding: 64px 60px
        }

        .section-alt {
          background: var(--ink2)
        }

        .s-label {
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 3px;
          text-transform: uppercase;
          color: var(--g);
          margin-bottom: 12px;
          display: block
        }

        .s-title {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: clamp(28px, 4vw, 44px);
          font-weight: 700;
          color: var(--ink);
          line-height: 1.05;
          margin-bottom: 14px
        }

        .section-alt .s-title {
          color: var(--g2)
        }

        .s-sub {
          font-size: 15px;
          font-weight: 300;
          color: var(--st);
          line-height: 1.8;
          max-width: 680px;
          margin-bottom: 32px
        }

        /*.section-alt .s-sub {*/
        /*  color: rgba(212, 175, 114, .5)*/
        /*}*/

        /* GRID CARDS */
        .grid-2 {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 20px
        }

        .grid-3 {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 20px
        }

        .grid-4 {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 16px
        }

        .card {
          background: #fff;
          padding: 24px;
          border: 1px solid rgba(184, 148, 74, .1);
          border-radius: 2px;
          transition: box-shadow .2s
        }

        .card:hover {
          box-shadow: 0 4px 24px rgba(184, 148, 74, .1)
        }

        .card-dark {
          background: rgba(255, 255, 255, .04);
          border: 1px solid rgba(184, 148, 74, .12);
          padding: 24px;
          border-radius: 2px
        }

        .card-icon {
          font-size: 24px;
          margin-bottom: 10px
        }

        .card h3 {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 20px;
          font-weight: 700;
          color: var(--ink);
          margin-bottom: 7px
        }

        .card-dark h3 {
          color: var(--g2)
        }

        .card p {
          font-size: 13.5px;
          font-weight: 300;
          color: var(--st);
          line-height: 1.7
        }

        .card-dark p {
          color: rgba(212, 175, 114, .45)
        }

        /* CONFIG CARDS */
        .config-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
          gap: 20px;
          margin-top: 8px
        }

        .config-card {
          border: 1px solid rgba(184, 148, 74, .2);
          padding: 24px 20px;
          position: relative;
          overflow: hidden;
          background: #fff
        }

        .config-card::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: linear-gradient(90deg, var(--g), var(--g2))
        }

        .config-label {
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: var(--g);
          margin-bottom: 10px;
          display: block
        }

        .config-name {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 26px;
          font-weight: 700;
          color: var(--ink);
          margin-bottom: 4px
        }

        .config-detail {
          font-size: 12.5px;
          color: var(--st2);
          font-weight: 300;
          line-height: 1.6;
          margin-bottom: 14px
        }

        .config-dim {
          font-size: 11px;
          font-weight: 500;
          color: var(--st);
          border-top: 1px solid rgba(184, 148, 74, .1);
          padding-top: 10px;
          margin-top: 10px
        }

        .config-cta {
          display: block;
          font-size: 9.5px;
          font-weight: 700;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          color: var(--g);
          padding: 9px 0;
          border-top: 1px solid rgba(184, 148, 74, .1);
          margin-top: 10px
        }

        /* LOCATION TABLE */
        .loc-table {
          width: 100%;
          border-collapse: collapse;
          margin-top: 16px
        }

        .loc-table th {
          background: var(--ink);
          color: var(--g2);
          padding: 10px 16px;
          font-size: 9.5px;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          font-weight: 600;
          text-align: left
        }

        .loc-table td {
          padding: 10px 16px;
          border-bottom: 1px solid rgba(184, 148, 74, .08);
          font-size: 13.5px;
          color: var(--st);
          font-weight: 300
        }

        .loc-table tr:nth-child(even) td {
          background: rgba(184, 148, 74, .03)
        }

        .loc-table td strong {
          color: var(--ink);
          font-weight: 600
        }

        /* HIGHLIGHTS STRIP */
        .hl-strip {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
          gap: 0;
          border: 1px solid rgba(184, 148, 74, .15)
        }

        .hl-item {
          padding: 22px 20px;
          text-align: center;
          border-right: 1px solid rgba(184, 148, 74, .1)
        }

        .hl-item:last-child {
          border-right: none
        }

        .hl-num {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 32px;
          font-weight: 700;
          /*color: var(--g2);*/
          line-height: 1
        }

        .hl-lbl {
          font-size: 9.5px;
          font-weight: 600;
          letter-spacing: 1.5px;
          text-transform: uppercase;
          /*color: rgba(212, 175, 114, .4);*/
          margin-top: 5px;
          display: block
        }

        /* FAQ */
        .faq-item {
          border-bottom: 1px solid rgba(184, 148, 74, .12);
          padding: 18px 0
        }

        .faq-q {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 17px;
          font-weight: 700;
          color: var(--ink);
          margin-bottom: 8px;
          cursor: pointer;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          gap: 12px
        }

        .faq-a {
          font-size: 14px;
          font-weight: 300;
          color: var(--st);
          line-height: 1.75
        }

        .faq-item.alt {
          border-color: rgba(184, 148, 74, .08)
        }

        .faq-item.alt .faq-q {
          color: var(--g2)
        }

        .faq-item.alt .faq-a {
          color: rgba(212, 175, 114, .5)
        }

        /* CTA SECTION */
        .cta-section {
          background: var(--ink);
          padding: 56px 60px;
          text-align: center
        }

        .cta-section h2 {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: clamp(30px, 5vw, 52px);
          font-weight: 700;
          color: var(--g2);
          line-height: 1.05;
          margin-bottom: 12px
        }

        .cta-section p {
          font-size: 14px;
          font-weight: 300;
          color: rgba(212, 175, 114, .4);
          max-width: 500px;
          margin: 0 auto 28px;
          line-height: 1.7
        }

        .cta-section .ctas {
          display: flex;
          gap: 14px;
          justify-content: center;
          flex-wrap: wrap
        }

        /* BREADCRUMB */
        .bc {
          padding: 80px 60px 0;
          background: var(--iv)
        }

        .bi {
          display: flex;
          align-items: center;
          gap: 8px;
          flex-wrap: wrap
        }

        .bi a,
        .bi span {
          font-size: 11px;
          color: var(--st2)
        }

        .bi a:hover {
          color: var(--g)
        }

        .bsep {
          opacity: .4
        }

        .bcur {
          color: var(--ink);
          font-weight: 500
        }

        /* DIVIDER */
        .gold-line {
          height: 1px;
          background: linear-gradient(90deg, transparent, var(--g), transparent);
          margin: 0 60px
        }

        /* AMENITY PILLS */
        .pill-grid {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 16px
        }

        .pill {
          background: rgba(184, 148, 74, .08);
          border: 1px solid rgba(184, 148, 74, .18);
          padding: 7px 14px;
          border-radius: 1px;
          font-size: 12px;
          font-weight: 400;
          color: var(--st)
        }

        .pill-dark {
          background: rgba(184, 148, 74, .08);
          border: #000000;
          padding: 7px 14px;
          border-radius: 1px;
          font-size: 12px;
          /*color: rgba(212, 175, 114, .55)*/
        }

        /* FOOTER */
        footer {
          background: #08070A;
          padding: 36px 60px 20px;
          border-top: 1px solid rgba(184, 148, 74, .08)
        }

        .ft {
          display: grid;
          grid-template-columns: 1.5fr 1fr 1fr;
          gap: 36px;
          margin-bottom: 22px;
          padding-bottom: 20px;
          border-bottom: 1px solid rgba(184, 148, 74, .07)
        }

        .fb {
          font-family: "Cormorant Garamond", Georgia, serif;
          font-size: 20px;
          color: var(--g2);
          margin-bottom: 5px
        }

        .fsb {
          font-size: 11px;
          font-weight: 300;
          color: rgba(212, 175, 114, .3);
          line-height: 1.8
        }

        .fc h4 {
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 2.5px;
          text-transform: uppercase;
          color: rgba(212, 175, 114, .3);
          margin-bottom: 10px
        }

        .fc a,
        .fc p {
          display: block;
          font-size: 12px;
          font-weight: 300;
          color: rgba(212, 175, 114, .4);
          margin-bottom: 6px;
          transition: color .2s;
          line-height: 1.6
        }

        .fc a:hover {
          color: var(--g)
        }

        .fr {
          font-size: 10px;
          color: rgba(212, 175, 114, .25);
          line-height: 1.8;
          margin-bottom: 10px
        }

        .fr strong {
          color: rgba(212, 175, 114, .4)
        }

        .fd {
          font-size: 9px;
          color: rgba(255, 255, 255, .1);
          line-height: 1.8
        }

        .fbt {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          gap: 6px;
          border-top: 1px solid rgba(184, 148, 74, .06);
          padding-top: 10px;
          margin-top: 10px
        }

        .fcp {
          font-size: 10px;
          color: rgba(255, 255, 255, .14)
        }

        /* SCHEMA FLOATING BADGE */
        .rera-float {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          background: rgba(184, 148, 74, .08);
          border: 1px solid rgba(184, 148, 74, .2);
          padding: 8px 14px;
          border-radius: 1px;
          margin-bottom: 24px
        }

        .rera-float span {
          font-size: 10px;
          font-weight: 600;
          letter-spacing: 1px;
          color: var(--g)
        }

        /* RESPONSIVE */
        @media(max-width:900px) {

          nav,
          .bc,
          .section,
          .stats-strip,
          .cta-section,
          footer {
            padding-left: 20px;
            padding-right: 20px
          }

          .hero-inner {
            padding: 60px 20px 40px
          }

          .grid-2,
          .grid-3,
          .grid-4 {
            grid-template-columns: 1fr
          }

          .ft {
            grid-template-columns: 1fr
          }

          .hl-strip {
            grid-template-columns: 1fr 1fr
          }

          .stats-inner {
            gap: 10px
          }

          .stat-sep {
            display: none
          }

          .hero h1 {
            font-size: 32px
          }
        }

        @media(max-width:600px) {
          .hero h1 {
            font-size: 26px
          }

          .hero-ctas {
            flex-direction: column
          }

          .config-grid {
            grid-template-columns: 1fr
          }

          .hl-strip {
            grid-template-columns: 1fr
          }
        }