/* ==========================================================================
   KIN VITAL GROUP — "Global Luxury Firm" redesign layer
   Loads LAST so it sets the tone: editorial serif display, tracked eyebrows,
   ghost buttons, warm ivory canvas, disciplined gold, refined header & footer.
   Purely presentational overrides — no content is changed.
   ========================================================================== */

:root{
  --kvg-ink:#1c1a17;
  --kvg-charcoal:#2a2723;
  --kvg-ivory:#f6f3ec;
  --kvg-ivory-2:#efe9dd;
  --kvg-serif:'Playfair Display','Artifika',Georgia,'Times New Roman',serif;
  --kvg-sans:'Montserrat','Assistant',system-ui,sans-serif;
}

/* crisper type everywhere */
html.js-enhanced body{
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  background:var(--kvg-ivory);}

/* ---- 1. EDITORIAL SERIF DISPLAY for headlines -------------------------- */
html.js-enhanced .ed-headline h1,
html.js-enhanced .ed-headline h2,
html.js-enhanced .ed-headline h3,
html.js-enhanced .ed-headline h4,
html.js-enhanced .ed-headline h6,
html.js-enhanced .banner h1,
html.js-enhanced .banner h2,
html.js-enhanced .banner h3{
  font-family:var(--kvg-serif)!important;
  font-weight:400!important;
  letter-spacing:.012em;
  line-height:1.16;}
/* large hero / section titles: a touch tighter + refined */
html.js-enhanced .banner h1,
html.js-enhanced main > .ed-headline h1,
html.js-enhanced main > .ed-headline h2{
  letter-spacing:.006em;line-height:1.12;}

/* ---- 2. EYEBROWS (tagged by luxury.js) --------------------------------- */
html.js-enhanced .kvg-eyebrow{
  font-family:var(--kvg-sans)!important;
  text-transform:uppercase!important;
  letter-spacing:.30em!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.8!important;
  color:var(--kvg-gold)!important;
  display:inline-block;}

/* ---- 3. SECTION-TITLE FLOURISH (slimmer, more restrained) -------------- */
html.js-enhanced main > .ed-headline.custom-theme::after{
  width:64px;height:1px;margin-top:22px;
  background:
    radial-gradient(circle at center,var(--kvg-gold) 0 2px,transparent 2.4px) center/6px 6px no-repeat,
    linear-gradient(var(--kvg-gold),var(--kvg-gold)) left center/24px 1px no-repeat,
    linear-gradient(var(--kvg-gold),var(--kvg-gold)) right center/24px 1px no-repeat;
  opacity:.85;}

/* ---- 4. GHOST LUXURY BUTTONS ------------------------------------------ */
html.js-enhanced .border-color-secondary,
html.js-enhanced .ed-button a,
html.js-enhanced .ed-button button{
  font-family:var(--kvg-sans)!important;
  text-transform:uppercase!important;
  letter-spacing:.22em!important;
  font-size:11.5px!important;
  font-weight:600!important;
  background:transparent!important;
  color:var(--kvg-gold)!important;
  border:1px solid var(--kvg-gold)!important;
  border-radius:0!important;
  padding:17px 40px!important;
  transition:background-color .5s var(--kvg-ease),color .5s var(--kvg-ease),box-shadow .5s ease,transform .4s var(--kvg-ease)!important;}
html.js-enhanced .border-color-secondary:hover,
html.js-enhanced .ed-button a:hover,
html.js-enhanced .ed-button button:hover{
  background:var(--kvg-gold)!important;color:#fff!important;
  box-shadow:0 14px 30px -12px rgba(168,144,85,.6)!important;}

/* ---- 5. REFINED HEADER / NAV ------------------------------------------ */
html.js-enhanced .menu-wrapper{
  border-bottom:1px solid rgba(255,255,255,.14);
  box-shadow:0 1px 0 rgba(0,0,0,.06);}
html.js-enhanced nav.ed-menu a{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:500;
  font-size:12px;
  transition:color .35s ease,letter-spacing .35s ease;}
html.js-enhanced nav.ed-menu a:hover{letter-spacing:.19em;}

/* ---- 6. PROPERTY CARDS — editorial listing feel ----------------------- */
html.js-enhanced .realEstate--name{
  font-family:var(--kvg-serif)!important;
  font-weight:400!important;
  letter-spacing:.02em;}
html.js-enhanced .realEstate--box,
html.js-enhanced .real-estate-box{
  background:#fff;border-radius:2px;}

/* ---- 7. STATEMENT SECTION FRAME — thinner, more couture --------------- */
html.js-enhanced main > [class*="bg-wrapper"]::before{
  inset:22px;border-color:rgba(246,243,236,.32);}
html.js-enhanced main > [class*="bg-wrapper"]:hover::before{inset:14px;border-color:rgba(194,164,109,.6);}

/* ---- 8. FOOTER — quieter, more refined -------------------------------- */
html.js-enhanced [class*="footer"] a{letter-spacing:.04em;}
html.js-enhanced .footer-saga-content{letter-spacing:.03em;}

/* ---- 9. Soft hairline rhythm between boxed sections ------------------- */
html.js-enhanced main > .ed-spacer + .ed-headline.custom-theme{margin-top:8px;}

/* ---- 10. Selection + focus polish ------------------------------------ */
html.js-enhanced a,html.js-enhanced button{outline-color:var(--kvg-gold-light);}