/* ==========================================================================
   HOMEPAGE LINE TWEAKS (Oct 2026) — index.php only
   Keeps chosen phrases together on one line on desktop, slightly smaller
   FAQ heading. ("Schedule a Call" weight lives in type-scale.css.)
   ========================================================================== */

/* Hero: each of the two intro sentences sits on a single line on wide desktop
   screens (where the brochure picture leaves room on the left). On squarer
   screens a full line would run into the picture, so there the sentence wraps
   into two even lines instead of leaving a word or two on its own. */
html:not(#nx-home) .hs-slide .nx-hero-desc .nx-hero-copy-line { text-wrap: balance; }
@media (min-width: 1200px) and (min-aspect-ratio: 17/10) {
  html:not(#nx-home) .hs-slide .nx-hero-desc { max-width: none !important; }
  html:not(#nx-home) .hs-slide .hs-text { max-width: none; }
  /* single long sentence (Oct 29 2026 copy) wraps into balanced lines instead */
  html:not(#nx-home) .hs-slide .nx-hero-desc { max-width: 900px !important; }
}
/* Hero headline (Oct 29 2026): two lines — "Research-Led Investing in" / "India's Growth Opportunities" */
.hs-single .nx-hero-title .nx-title-line-1 { display: block; }
.hs-single .nx-hero-title .nx-title-line-2 { display: block; }
@media (max-width: 575px) {
  .hs-single .nx-hero-title em { white-space: normal !important; }
}
/* Hero headline (Oct 30 2026): "Research-Led" and "Growth Opportunities" in blue
   italic serif, like "Growth Story" in the earlier hero. plain-emphasis.css turns
   <em> styling off site-wide; the double :not(#…) prefix wins over it for the hero only.
   Blue is a deeper sky blue than the old #38bdf8 so it stays readable on the light background. */
html:not(#nx-plain-em):not(#nx-hero-em) .hs-single .nx-hero-title em {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  font-size: 1.1em !important;
  letter-spacing: 0 !important;
  color: #0284c7 !important;
  white-space: nowrap;
}

/* "Looking deeper…" intro: the second sentence ("Size tells you … going.") on one line */
@media (min-width: 992px) {
  html:not(#nx-home) .nx-keep-line { display: block; white-space: nowrap; }
}

/* Keep-together phrases (also used by .nx-nowrap in homepage-refresh.css) */
html:not(#nx-home) .nx-nowrap { white-space: nowrap; }

/* "Questions Worth Asking" – a little smaller than other section headings */
html:not(#nx-home) .boxed_wrapper .nx-sec-title.nx-faq-title { font-size: clamp(1.5rem, 1rem + 1.2vw, 2.125rem) !important; }


/* Hero: the text block (and so the line above SEBI Registration / Fund Structure /
   Strategy / Approach) is only as wide as the longest line of text above it. */
html:not(#nx-home) .hs-slide .hs-text { width: fit-content; }


/* =====================================================================
   Oct 2026 (2): centred section heads, one-line titles, centred principles
   ===================================================================== */
/* Centred heads: What We Do, How Nexus finds it, Why Nexus, Leadership */
html:not(#nx-home) #what-we-do .nx-approach-grid > div > .nx-eyebrow,
html:not(#nx-home) #research-journey .nx-research-refresh-head .nx-eyebrow,
html:not(#nx-home) #why-nexus .nx-why-refresh-head .nx-eyebrow,
html:not(#nx-home) #leadership .nx-leadership-refresh-head .nx-eyebrow { display: block; text-align: center; }
html:not(#nx-home) #what-we-do .nx-approach-grid > div > .nx-sec-title,
html:not(#nx-home) #research-journey .nx-sec-title,
html:not(#nx-home) #why-nexus .nx-sec-title,
html:not(#nx-home) #leadership .nx-sec-title { text-align: center; margin-left: auto; margin-right: auto; }
html:not(#nx-home) #research-journey .nx-research-refresh-head,
html:not(#nx-home) #why-nexus .nx-why-refresh-head,
html:not(#nx-home) #leadership .nx-leadership-refresh-head { text-align: center; margin-left: auto; margin-right: auto; }
html:not(#nx-home) .boxed_wrapper #research-journey .nx-research-refresh-head p,
html:not(#nx-home) .boxed_wrapper #research-journey .nx-research-footnote,
html:not(#nx-home) .boxed_wrapper #why-nexus .nx-why-refresh-head p { text-align: center; margin-left: auto; margin-right: auto; }

/* One-line titles on desktop: "Follow the business, not a sector label",
   "Where growth meets discernment", "From a broad universe to earned conviction",
   "Six principles One discipline" */
@media (min-width: 992px) {
  html:not(#nx-home) #what-we-do .nx-sec-title,
  html:not(#nx-home) #opportunity .nx-sec-title,
  html:not(#nx-home) #research-journey .nx-sec-title,
  html:not(#nx-home) #why-nexus .nx-sec-title { max-width: none; white-space: nowrap; }
  html:not(#nx-home) #what-we-do .nx-sec-title em,
  html:not(#nx-home) #opportunity .nx-sec-title .nx-title-line,
  html:not(#nx-home) #why-nexus .nx-sec-title .nx-title-line { display: inline; }
}

/* Six principles: equal columns, each item centred */
html:not(#nx-home) #why-nexus .nx-principles-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html:not(#nx-home) .boxed_wrapper #why-nexus .nx-principles-list > div,
html:not(#nx-home) .boxed_wrapper #why-nexus .nx-principles-list p { text-align: center; }
@media (max-width: 991px) {
  html:not(#nx-home) #why-nexus .nx-principles-list { grid-template-columns: 1fr; }
}

/* Hero line under the headline (Oct 29 2026): same size as the largest paragraph
   on the home page (the "Research narrows the universe…" line): 17px on phones,
   rising to 18px on desktop. */
html:not(#nx-type) #hero-section .nx-hero-desc,
html:not(#nx-type) #hero-section .nx-hero-desc .nx-hero-copy-line {
    font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem) !important;
    line-height: 1.7 !important;
}

/* Oct 30 2026 — phones AND tablets (every width where the leaders show in a circle, up to 991px):
   leadership portraits. Previously nudged 6px left and off-centre (empty patch at the bottom right).
   Manthan: centred, slightly enlarged. Malay and Kushal: zoomed out and moved right so all three
   are framed alike (head and shoulders, centred). Checked at 320–991px. */
@media (max-width: 991px) {
  html body .nx-leadership-refresh .nx-leader-portrait-wrap img.nx-leader-portrait-malay,
  html body .nx-leadership-refresh .nx-leader-portrait-wrap img.nx-leader-portrait-kushal,
  html body .nx-leadership-refresh .nx-leader-portrait-wrap img.nx-leader-portrait-manthan {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transform: scale(1.1) !important;
    transform-origin: 50% 0 !important;
    object-position: 50% 0 !important;
  }
  html body .nx-leadership-refresh .nx-leader-portrait-wrap img.nx-leader-portrait-malay {
    transform: scale(.92) !important;
    transform-origin: 50% 100% !important;
    object-position: 39% 0 !important;
  }
  html body .nx-leadership-refresh .nx-leader-portrait-wrap img.nx-leader-portrait-kushal {
    transform: scale(.92) !important;
    transform-origin: 50% 100% !important;
    object-position: 40% 0 !important;
  }
}

/* Oct 30 2026 — large tablets in portrait (992–1199px, e.g. iPad Pro 1024px):
   the three-column cards are narrow, so the photo box was taller than the photo and left
   a large empty gap above each leader. Box height now matches the photo's own shape. */
@media (min-width: 992px) and (max-width: 1199px) {
  html body .nx-leadership-refresh .nx-leader-portrait-wrap { height: auto !important; aspect-ratio: 390 / 260; }
  html body .nx-leadership-refresh .nx-leader-portrait-wrap img { width: 100% !important; height: 100% !important; transform: none !important; }
}
