:root{
    --navy:#0b1f3a;
    --navy-deep:#081527;
    --gold:#c6a75b;
    --gold-soft:#e4cd8e;
    --cream:#faf7f0;
    --ink:#1c2333;
    --slate:#5b6472;
    --white:#ffffff;
    --line:#e7e1d2;
    --radius:2px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'Poppins',sans-serif;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Poppins',sans-serif;
    color:var(--navy);
    margin:0 0 .5em;
    line-height:1.25;
    font-weight:600;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  :focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

  .eyebrow{
    font-family:'Lato',sans-serif;
    font-size:.72rem;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:700;
  }

  /* ---------- UTILITY BAR (domain link, left of banner) ---------- */
  .utility-bar{
    background:var(--navy-deep);
    color:#cdd6e4;
    font-size:.82rem;
  }
  .utility-bar .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:.55rem 1.5rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .utility-bar a.domain-link{
    text-decoration:none;
    color:var(--gold-soft);
    font-weight:700;
    letter-spacing:.03em;
  }
  .utility-bar a.domain-link:hover{color:var(--gold);}
  .utility-bar .crumbs a{color:#9fabc2;text-decoration:none;}
  .utility-bar .crumbs a:hover{color:var(--white);}
  .utility-bar .crumbs span{margin:0 .4rem;color:#4a5670;}

  /* ---------- BANNER ---------- */
  .banner{
    position:relative;
    min-height:320px;
    background:
      linear-gradient(180deg,rgba(8,21,39,.35) 0%,rgba(8,21,39,.82) 100%),
      url(../images/banner.jpg) center/cover no-repeat;
    display:flex;
    align-items:flex-end;
  }
  .banner::before{
    /* subtle blueprint grid — architectural motif, not decoration */
    /*content:'';*/
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(198,167,91,.10) 1px,transparent 1px),
      linear-gradient(90deg,rgba(198,167,91,.10) 1px,transparent 1px);
    background-size:44px 44px;
    pointer-events:none;
  }
  .banner-inner{
    position:relative;
    max-width:1180px;
    margin:0 auto;
    padding:3rem 1.5rem 2.25rem;
    width:100%;
  }
  .banner-inner .eyebrow{color:var(--gold-soft);}
  .banner h1 {
    color: var(--white);
    font-size: clamp(2rem,4.2vw,2.6rem);
    max-width: 885px;
    margin-top: 0.35rem;
}
  .banner p.deck{
    color:#e7ecf4;
    font-size:1.05rem;
    max-width:640px;
    font-weight:400;
    margin-top:.6rem;
  }

  /* ---------- BYLINE (author + date, directly under banner) ---------- */
  
		.author {
    width: auto;
    margin: 0px auto;
}
		
		.byline-bar{
    background:var(--white);
    border-bottom:1px solid var(--line);
  }
  .byline{
    max-width:1180px;
    margin:0 auto;
    padding:1rem 1.5rem;
    display:flex;
    align-items:center;
    gap:.9rem;
    flex-wrap:wrap;
  }
  .byline .avatar{
    width:42px;height:42px;border-radius:50%;
    background:var(--navy);
    color:var(--gold-soft);
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:1.1rem;
    flex-shrink:0;
				background:url(../images/realestate-agent.png);
				border:solid 1px #f2f2f2;
  }
  .byline .who strong {
    display: block;
    font-size: .95rem;
    color: var(--navy);
    line-height: 16px;
}
  .byline .who span{font-size:1rem;color:var(--slate);}
  .byline .meta-sep{color:var(--line);}
  .byline .meta{font-size:.82rem;color:var(--slate);}

  /* ---------- LAYOUT: content + sticky form ---------- */
  .layout{
    max-width:1180px;
    margin:0 auto;
    padding:2.5rem 1.5rem 1rem;
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:2.75rem;
  }
  article{min-width:0;}

  /* AEO "Quick Answer" — the signature element:
     structured for featured-snippet / answer-engine extraction */
  .quick-answer{
    background:var(--white);
    border:1px solid var(--line);
    border-left:4px solid var(--gold);
    padding:1.4rem 1.6rem;
    margin:0 0 2.2rem;
    position:relative;
  }
  .quick-answer .tag{
    position:absolute;top:-11px;left:1.2rem;
    background:var(--navy);
    color:var(--gold-soft);
    font-size:.68rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    padding:.28rem .7rem;
    font-weight:700;
  }
  .quick-answer p{margin:.4rem 0 0;font-size:1.02rem;color:var(--ink);}

  article h2{font-size:1.7rem;margin-top:2.2rem;}
  article h3{font-size:1.3rem;margin-top:1.6rem;color:var(--ink);}
  article p{color:#333c4d;font-size:1.02rem;}
  article figure{margin:1.6rem 0;}
  article figcaption{font-size:.82rem;color:var(--slate);margin-top:.5rem;font-style:italic;}

  /* ---------- SPEC TABLE — refined, framed, zebra-striped ---------- */
  .table-wrap{
    margin:1.6rem 0;
    border:1px solid var(--line);
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(11,31,58,.06);
  }
  .spec-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:.92rem;
  }
  .spec-table thead th{
    background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);
    color:var(--gold-soft);
    text-align:left;
    padding:.85rem 1.1rem;
    font-weight:700;
    letter-spacing:.03em;
    border:none;
    border-bottom:2px solid var(--gold);
  }
  .spec-table thead th:first-child{border-top-left-radius:6px;}
  .spec-table thead th:last-child{border-top-right-radius:6px;}
  .spec-table td{
    text-align:left;
    padding:.85rem 1.1rem;
    border:none;
    border-bottom:1px solid var(--line);
    background:var(--white);
    color:#333c4d;
  }
  .spec-table tbody tr:last-child td{border-bottom:none;}
  .spec-table tbody tr:nth-child(even) td{background:var(--cream);}
  .spec-table tbody tr td:first-child{
    color:var(--navy);
    font-weight:700;
    font-size:14px;
    white-space:nowrap;
  }
  .spec-table tbody tr{transition:background .15s ease;}
  .spec-table tbody tr:hover td{background:#f4ecd8;}

  @media (max-width:600px){
    .spec-table{font-size:.85rem;}
    .spec-table thead th,.spec-table td{padding:.65rem .7rem;}
    .spec-table tbody tr td:first-child{white-space:normal;}
  }

  /* ---------- ARTICLE LISTS — gold check icon, no default bullets ---------- */
  article ul{
    list-style:none;
    margin:1.2rem 0 1.6rem;
    padding:0;
    display:grid;
    gap:.40rem;
  }
  article ul li{
    position:relative;
    padding:.10rem 0 .10rem 2rem;
    color:#333c4d;
    font-size:1.02rem;
  }
  article ul li::before{
    content:'';
    position:absolute;
    left:0;
    top:.15em;
    width:20px;
    height:20px;
    background-color:var(--gold);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 12.5l3 3 7-7' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 12.5l3 3 7-7' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  article ul li strong{color:var(--navy);}

  /* FAQ — schema-mapped accordion (AEO/GEO extraction target) */
  .faq{margin-top:2.4rem;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    width:100%;text-align:left;background:none;border:none;
    padding:1rem 0;cursor:pointer;
    font-size:17px;color:var(--navy);font-weight:600;

    display:flex;justify-content:space-between;align-items:center;gap:1rem;
  }
  .faq-q::after{content:'+';font-size:1.4rem;color:var(--gold);flex-shrink:0;transition:transform .2s;}
  .faq-item.open .faq-q::after{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .faq-a p{padding:0 0 1rem;margin:0;color:#333c4d;}

  /* ---------- STICKY LEAD FORM ---------- */
  .layout > aside{align-self:auto;}
  .sticky-sidebar{
    position:sticky;
    top:1.25rem;
    max-height:calc(100vh - 2.5rem);
    overflow-y:auto;
  }
  .lead-form{
    background:var(--navy);
    color:var(--white);
    padding:1rem 1.6rem;
    border-top:3px solid var(--gold);
  }
  .lead-form h3{color:var(--white);font-size:1.35rem;margin-bottom:.25rem;}
  .lead-form .sub{font-size:.85rem;color:#c3cde0;margin-bottom:1.1rem; margin-top: 5px;}
  .lead-form label{display:block;font-size:.75rem;letter-spacing:.05em;color:#c3cde0;margin-bottom:.3rem;text-transform:uppercase;}
  .lead-form input{
    width:100%;padding:.6rem .7rem;margin-bottom:.9rem;
    border:1px solid #2b3f60;background:#0e2745;color:var(--white);
    font-family:'Lato',sans-serif;font-size:.92rem;border-radius:var(--radius);
  }
  .lead-form input::placeholder{color:#7f8dab;}
  .lead-form input:focus{border-color:var(--gold);outline:none;}
  .lead-form button{
    width:100%;padding:.75rem;background:var(--gold);
    color:var(--navy-deep);border:none;font-weight:700;
    letter-spacing:.03em;cursor:pointer;font-size:.92rem;
    text-transform:uppercase;border-radius:var(--radius);
  }
  .lead-form button:hover{background:var(--gold-soft);}
  .lead-form .status{font-size:.8rem;margin-top:.7rem;min-height:1em;}
  .lead-form .fine{font-size:.7rem;color:#8493ae;margin-top:.9rem;line-height:1.5;}

   @media (max-width:860px){
    .layout{grid-template-columns:1fr;}
    .sticky-sidebar{position:static;}
  }

  /* ---------- RELATED PROJECTS (before footer) ---------- */
  .related{
    max-width:1180px;
    margin:3rem auto 0;
    padding:0 1.5rem 3rem;
  }
  .related h2{font-size:2rem;text-align:left;border-bottom:1px solid var(--line);padding-bottom:.8rem;}
  .related-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:1.4rem;
    margin-top:1.6rem;
				width:33%;
  }
  .related-card{
    background:var(--white);
    border:1px solid var(--line);
    text-decoration:none;
    color:inherit;
    transition:transform .15s ease, box-shadow .15s ease;
    display:flex;
    flex-direction:column;
				border-radius: 8px;
  }
  .related-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,31,58,.1);}
  .related-card .thumb{
    width:100%;aspect-ratio:16/9;
    background:#eee;
    overflow:hidden;
				border-radius: 8px;
  }
  .related-card .thumb img{width:100%;height:100%;}
  .related-card .info{
    padding:.9rem 1rem 1.1rem;
    display:flex;
    flex-direction:column;
    flex:1;
  }
  .related-card .info h4{font-size:1.08rem;margin:0 0 .3rem;}
  
  .related-card .info .card-date{
    font-size:.75rem;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:700;
    margin-bottom:.7rem;
  }
  .related-card .know-more{
    margin-top:auto;
    display:inline-block;
    width:100%;
    text-align:center;
    padding:.55rem .9rem;
    background:var(--navy);
    color:var(--gold-soft);
    border:none;
    font-size:15px;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    border-radius:var(--radius);
    cursor:pointer;
    transition:background .15s ease;
  }
  .related-card:hover .know-more{background:var(--navy-deep);}
  .related-card .info{padding:.9rem 1rem 1.1rem;}
  .related-card .info .eyebrow{font-size:.75rem;}
  .related-card .info h4{font-size:1.08rem;margin:.3rem 0 .2rem;}
  .related-card .info p{font-size:.82rem;color:var(--slate);margin:0 0 .8rem;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--navy-deep);color:#aab6cb;}
  .footer-inner{
    max-width:1180px;margin:0 auto;
    padding:2.6rem 1.5rem 1.6rem;
    display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;
  }
  footer h4{color:var(--gold-soft);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;font-family:'Lato',sans-serif;font-weight:700;}
  footer p{font-size:.85rem;line-height:1.6;}
  footer ul{list-style:none;padding:0;margin:0;}
  footer li{margin-bottom:.5rem;}
  footer a{text-decoration:none;color:#aab6cb;font-size:.85rem;}
  footer a:hover{color:var(--white);}
  .footer-bottom{
    border-top:1px solid #1c2d47;
    padding:1.2rem 1.5rem;
    max-width:1180px;margin:0 auto;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;
    font-size:.78rem;
  }
  .legal-buttons{display:flex;gap:.7rem;}
  .legal-buttons button{
    background:transparent;
    border:1px solid #2b3f60;
    color:#c3cde0;
    padding:.45rem .95rem;
    font-size:.78rem;
    cursor:pointer;
    border-radius:var(--radius);
    font-family:'Lato',sans-serif;
  }
  .legal-buttons button:hover{border-color:var(--gold);color:var(--gold-soft);}
   
		.legal-buttons-new{display:grid; margin-top:30px;}
		.legal-buttons-new button{
    background:transparent;
    border:1px solid #132d51;
    color:#000;
    padding:.45rem .95rem;
    font-size:1rem;
    cursor:pointer;
    border-radius:var(--radius);
    font-family:'Lato',sans-serif;
  }
			
  /* Legal modal */
  .legal-modal{
    display:none;position:fixed;inset:0;background:rgba(8,21,39,.65);
    align-items:center;justify-content:center;z-index:999;padding:1.5rem;
  }
  .legal-modal.active{display:flex;}
  .legal-modal .box{
    background:var(--white);max-width:560px;width:100%;
    padding:1.8rem;max-height:80vh;overflow:auto;border-top:3px solid var(--gold);
  }
  .legal-modal .box h3{margin-top:0;}
  .legal-modal .box p{font-size:.9rem;color:#333c4d;}
  .legal-modal .close-btn{
    float:right;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--slate);
  }

  @media (max-width:700px){
    .footer-inner{grid-template-columns:1fr;}
  }
		
		
		.whatsapp-card{
    background:var(--cream);
    border:1px solid var(--line);
    border-radius:14px;
    padding:1.6rem 1.5rem;
    margin-top:1.2rem;
    text-align:left;
  }
  .whatsapp-card h3{
    font-size:1.2rem;
    line-height:1;
    color:var(--ink);
    font-weight:700;
    margin:0 0 .7rem;
  }
  .whatsapp-card p{
    font-size:.92rem;
    color:var(--slate);
    line-height:1.5;
    margin:0 0 1.3rem;
  }
  .whatsapp-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    width:100%;
    padding:.9rem 1rem;
    background:#2eb942;
    color:#fff;
    border:none;
    border-radius:50px;
    font-family:'Poppins',sans-serif;
    font-size:.95rem;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:background .15s ease;
  }
  .whatsapp-btn:hover{background:#cdad5f;}
  .whatsapp-btn svg{width:20px;height:20px;flex-shrink:0;}
		
		 @media (max-width:380px){
		.related-grid {
    width: 100%;
}
			}