/* Static opening, followed by the shared Our Approach sections. */
.home-opening{min-height:calc(100svh - 104px);display:flex;flex-direction:column;justify-content:space-between;background:var(--concept-bg);isolation:isolate}
.home-intro{width:min(1380px,92%);margin:auto;padding:50px 0 54px;text-align:center}
.home-intro h1{--type-display:clamp(62px,min(8.6vw,12svh),126px);--type-heading-leading:1.08;--type-heading-tracking:.005em;color:var(--concept-text);margin:0 0 24px}
.home-title-accent{color:var(--concept-accent-text)}
.home-support{font-size:clamp(19px,1.7vw,26px);line-height:1.45;color:var(--concept-muted);max-width:770px;margin:28px auto 30px;text-wrap:balance}
.home-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:32px}
.home-actions .button{justify-content:center;border-radius:99px;min-width:235px;min-height:60px;padding:18px 28px;font-size:19px;font-weight:600;line-height:1.2;gap:24px}
.home-actions .secondary{border:1px solid var(--concept-line)}
.home-proof-label{margin:0 0 18px;text-align:center;color:var(--concept-text);font-size:16px;font-weight:600}
.home-proof .client-strip{padding-block:24px}
.home-approach{border-top:1px solid var(--concept-line)}
.home-approach>.hero{border-top:1px solid var(--concept-line);padding-top:60px;padding-bottom:60px}
.home-approach .research-heading{--type-heading-leading:1.08}
.home-approach .research-heading em{font-style:normal;color:var(--concept-muted)}
/* Keep the introduction and selected-area details in one compact reading flow. */
.home-approach .focus-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:min-content 1fr;column-gap:clamp(40px,5vw,80px);row-gap:32px;padding-block:64px}
.home-approach .focus-intro{padding-top:0}
.home-approach .focus-intro p{max-width:42ch;margin-top:22px;line-height:1.4;text-wrap:balance}
.home-approach .focus-wheel{width:100%;max-width:540px;margin:0;justify-self:end;align-self:center}
.home-approach .focus-panel{min-height:0;margin:0;padding-top:24px}
.home-approach .focus-panel>p{min-height:0;max-width:42ch}
.home-approach .focus-specialties{margin-top:20px;gap:10px}
.home-approach .focus-explore{margin-top:18px}
@media(max-width:1000px){.home-opening{min-height:calc(100svh - 82px)}}
@media(max-width:760px){
 .home-proof .client-strip{padding-block:18px}
 .home-intro{width:88%;padding:48px 0 40px}
 .home-intro h1{--type-display:clamp(38px,10.2vw,68px);margin-bottom:24px}
 .home-support{font-size:18px;max-width:37ch;margin:24px auto 28px}
 .home-actions{flex-direction:column;gap:12px}
 .home-actions .button{font-size:17px;min-height:54px;width:min(300px,100%);padding:16px 22px}
 .home-approach>.hero{padding-top:40px;padding-bottom:40px}
}
@media(max-width:900px){
 .home-approach .focus-section{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"intro" "wheel" "detail";row-gap:28px;padding-block:44px}
 .home-approach .focus-intro,.home-approach .focus-panel{width:100%;max-width:600px;justify-self:center}
 .home-approach .focus-intro p{max-width:46ch}
 .home-approach .focus-wheel{width:100%;max-width:400px;justify-self:center}
 .home-approach .focus-panel{padding-top:24px}
 .home-approach .focus-panel>p{max-width:46ch}
}
@media(prefers-reduced-motion:reduce){.home-opening *{transition:none}}

/* Keep anchor headings clear of the sticky desktop and mobile navigation. */
#approach{scroll-margin-top:104px}
@media(max-width:1000px){#approach{scroll-margin-top:82px}}

.home-approach .heading-emphasis{color:var(--concept-accent)}

/* A little positive tracking keeps the heavy hero glyphs separated. */
.home-opening #home-title{letter-spacing:.005em;font-kerning:normal;line-height:1.08}

/* Give section headings room to wrap as phrases at intermediate widths. */
@media(min-width:901px){.home-approach .search-close-main{grid-template-columns:1.25fr .85fr;gap:6%}}

/* With reduced motion, the fund logos sit in a still grid: all visible, nothing to scroll.
   Each logo keeps the optically balanced box it has in the rotating cylinder. */
@media(prefers-reduced-motion:reduce){
 .vc-cylinder{overflow:visible}
 .vc-cylinder .recommenders{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;width:auto;padding:12px 0}
 .vc-cylinder .recommenders>.vc-logo{flex:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){
 .vc-cylinder .recommenders{zoom:.62;gap:12px 20px}
}