/* ============================================================
   INDEX PAGE REFINEMENTS · v4
   Desktop navigation, compact service cards, About spacing
   ============================================================ */

/* Desktop header mirrors the established About-page navigation rhythm. */
@media (min-width: 901px){
  .home-site-nav .nav-inner{
    min-height:84px;
  }
  .home-site-nav .desktop-nav{
    display:flex !important;
    align-items:center;
    gap:34px;
    margin-left:auto;
  }
  /* home.css previously hides .nav-dropdown globally with !important.
     Restore it explicitly on desktop so Work with me is visible. */
  .home-site-nav .nav-dropdown{
    display:block !important;
    position:relative;
  }
  .home-site-nav .global-menu-toggle{
    display:none !important;
  }
}

/* Navigation typography and CTA. */
.home-site-nav .desktop-nav > a,
.home-site-nav .nav-dropdown-toggle{
  color:#3d4843;
  font-family:"Montserrat",sans-serif;
  font-size:.92rem;
  font-weight:500;
  text-decoration:none;
}
.home-site-nav .nav-cta,
.home-site-nav .nav-cta:visited,
.home-site-nav .nav-cta:hover,
.home-site-nav .nav-cta:focus{
  color:#fff !important;
}

/* Work-with-me hover/focus dropdown. */
.home-site-nav .nav-dropdown{
  position:relative;
}
.home-site-nav .nav-dropdown-toggle{
  display:flex;
  align-items:center;
  gap:6px;
  border:0;
  background:none;
  cursor:pointer;
  padding:20px 0;
}
.home-site-nav .nav-dropdown-menu{
  position:absolute;
  top:calc(100% - 6px);
  left:-18px;
  width:250px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper);
  box-shadow:var(--shadow);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:.18s ease;
  z-index:80;
}
.home-site-nav .nav-dropdown:hover .nav-dropdown-menu,
.home-site-nav .nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.home-site-nav .nav-dropdown-menu a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  color:var(--ink);
  font-family:"Montserrat",sans-serif;
  font-size:.88rem;
  font-weight:500;
  line-height:1.35;
  text-decoration:none;
}
.home-site-nav .nav-dropdown-menu a:hover,
.home-site-nav .nav-dropdown-menu a:focus-visible{
  background:var(--bg);
}

/* Service cards: remove old number area and reduce overall height. */
.home-service-card{
  min-height:238px;
  padding:26px 28px;
  justify-content:flex-start;
  gap:22px;
}
.home-service-card > div{
  margin:0;
}
.home-service-card .service-link{
  margin-top:auto;
}
.service-topline{
  display:none !important;
}

/* Canonical service colours. These become the dominant page colours
   on the corresponding service pages for stronger visual coherence. */
.service-individual{background:#f4f0e8 !important;}
.service-couples{background:#e4edf0 !important;}
.service-separation{background:#e8ece3 !important;}

/* More breathing room before Collaborations. */
.home-about .small-link{
  display:inline-block;
  margin-bottom:38px;
}
.home-about .org-label{
  margin-top:0;
  margin-bottom:16px;
}
.home-about .org-carousel{
  margin-top:0;
}

/* Keep the page contained to the viewport at every width. */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
.home-site-nav,
.hero,
.section,
.site-footer,
.org-carousel{
  max-width:100%;
}
.container,
.hero-grid,
.home-service-grid,
.recognition-grid,
.home-approach-grid,
.home-about-grid,
.home-books-head,
.home-book-row,
.home-final-cta-inner,
.home-about-grid > *,
.hero-grid > *,
.home-books-head > *{
  min-width:0;
}

@media (max-width: 900px){
  .home-site-nav .desktop-nav{
    display:none !important;
  }
  .home-site-nav .nav-dropdown{
    display:none !important;
  }
  .home-site-nav .global-menu-toggle{
    display:flex !important;
  }
  .home-service-card{
    min-height:auto;
  }
}