/* Kamran Iqbal — V8 Global Rhythm Pass
   One continuous editorial system: tighter vertical rhythm, balanced two-column sections,
   consistent visual hand-offs, and no isolated 'poster' bands. */

:root{
  --v8-pad:clamp(64px,5.3vw,86px);
  --v8-pad-tight:clamp(54px,4.6vw,74px);
  --v8-gap:clamp(44px,5.4vw,76px);
  --v8-angle:22px;
}

/* A shared editorial rhythm across the homepage. */
.route-home main{overflow:hidden;}
.route-home main > .section-shell{isolation:isolate;}
.route-home .profile-editorial,
.route-home .expertise-grid,
.route-home .recognition-grid,
.route-home .training-flow,
.route-home .author-grid,
.route-home .ctc-layout{
  gap:var(--v8-gap)!important;
}

/* Keep repeated section intros visually related. */
.route-home .profile-heading,
.route-home .expertise-intro,
.route-home .recognition-intro,
.route-home .training-story-title,
.route-home .author-intro,
.route-home .ctc-heading{
  position:relative;
}
.route-home .overline,
.route-home .ctc-kicker,
.route-home .section-label{
  letter-spacing:.16em!important;
}

/* ABOUT — compress and create a clear hand-off into expertise. */
.route-home .profile-flow{
  padding:var(--v8-pad-tight) 0 calc(var(--v8-pad-tight) + 8px)!important;
}
.route-home .profile-editorial{align-items:start!important;}
.route-home .profile-heading{padding-top:8px!important;}
.route-home .profile-note{margin-top:18px!important;}
.route-home .profile-body{padding-top:2px!important;}
.route-home .profile-body p + p{margin-top:1.05rem!important;}

/* EXPERTISE — rebalance the screenshot section: no empty lower half, no number consuming layout height. */
.route-home .expertise{
  padding:clamp(76px,5.8vw,94px) 0!important;
  margin:-14px 0 -14px!important;
}
.route-home .expertise::before{
  clip-path:polygon(0 2.6%,100% 0,100% 97.4%,0 100%)!important;
}
.route-home .expertise::after{
  right:auto!important;
  left:6.5vw!important;
  top:8%!important;
  width:31vw!important;
  height:68%!important;
  opacity:.72;
}
.route-home .expertise-grid{
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)!important;
  align-items:center!important;
}
.route-home .expertise-intro{
  padding-top:0!important;
  padding-left:0;
  min-width:0;
}
.route-home .expertise-intro::before{
  content:"03"!important;
  position:absolute!important;
  left:-.08em!important;
  top:-.36em!important;
  margin:0!important;
  font-size:clamp(4.2rem,5.7vw,6.1rem)!important;
  line-height:1!important;
  color:rgba(141,198,219,.07)!important;
  z-index:-1;
}
.route-home .expertise-intro h2{
  max-width:580px!important;
  margin:22px 0 18px!important;
  font-size:clamp(3.55rem,4.75vw,5.35rem)!important;
  line-height:.94!important;
}
.route-home .expertise-intro p{
  max-width:560px!important;
  margin:0!important;
  line-height:1.65!important;
}
.route-home .expertise-lines{
  align-self:center!important;
  margin-top:0!important;
}
.route-home .expertise-item{
  min-height:48px!important;
  padding:9px 8px!important;
}
.route-home .expertise-item strong{line-height:1.32!important;}

/* RECOGNITION — slightly overlap the dark band to read as the next chapter, not a detached card. */
.route-home .recognition{
  padding:calc(var(--v8-pad-tight) + 10px) 0 var(--v8-pad-tight)!important;
}
.route-home .recognition-grid{align-items:center!important;}
.route-home .recognition-intro h2{margin-bottom:14px!important;}
.route-home .recognition-copy{margin-top:0!important; max-width:500px!important;}
.route-home .recognition-list{
  transform:translateX(16px)!important;
  padding:12px 24px!important;
}
.route-home .recognition-list article{padding:13px 0!important;}

/* TRAINING — make it an intentional visual bridge instead of a separate promo panel. */
.route-home .training-story{
  padding:var(--v8-pad-tight) 0!important;
}
.route-home .training-flow{align-items:center!important;}
.route-home .training-story-title{padding-left:24px!important;}
.route-home .training-story-title::before{height:78%!important; top:10%!important;}
.route-home .training-story-copy{
  padding:22px 26px!important;
  box-shadow:10px 10px 0 rgba(21,121,164,.055)!important;
}
.route-home .training-story-copy p{margin-bottom:18px!important;}
.route-home .training-line{margin-top:14px!important; padding-top:14px!important;}

/* AUTHOR — same column proportions and density as the surrounding chapters. */
.route-home .author{
  padding:var(--v8-pad-tight) 0!important;
}
.route-home .author-grid{align-items:center!important;}
.route-home .author-intro{padding-top:0!important;}
.route-home .author-intro h2{margin-bottom:14px!important;}
.route-home .author-intro p{margin-top:0!important;}
.route-home .book-row{padding:12px 8px!important;}

/* CTC — retain V7 balance, but use the same column rhythm as expertise/author. */
@media (min-width:761px){
  .route-home .ctc-layout{
    grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)!important;
  }
  .route-home .ctc-heading h2{
    font-size:clamp(3rem,4.25vw,4.9rem)!important;
  }
  .route-home .ctc-copy{padding-left:22px!important;}
}

/* CTA + footer — remove the feeling of a detached final slab. */
.route-home .final-cta{padding:46px 0!important;}
.route-home .final-cta-inner > div{padding:20px 0!important;}
.route-home .cta-link{min-height:66px!important;}
.route-home .site-footer{padding-top:48px!important;}
.route-home .footer-bottom{margin-top:28px!important;}

/* Consistent section-edge accent, subtle enough to bind the page without making boxes. */
@media (min-width:861px){
  .route-home .recognition::after,
  .route-home .training-story::after,
  .route-home .author::after,
  .route-home .final-cta::after{
    content:"";
    position:absolute;
    left:max(24px,calc((100vw - 1160px)/2));
    top:0;
    width:74px;
    height:2px;
    background:linear-gradient(90deg,var(--accent),rgba(21,121,164,0));
    pointer-events:none;
  }
}

/* Tablet: preserve density and flow, not a collapsed desktop poster. */
@media (max-width:1024px){
  :root{--v8-gap:38px;}
  .route-home .expertise{padding:72px 0!important;}
  .route-home .expertise-intro h2{font-size:clamp(3.25rem,5.7vw,4.5rem)!important;}
  .route-home .expertise-item{min-height:46px!important;}
  .route-home .recognition-list{transform:none!important;}
}

/* Mobile: one continuous reading rhythm with compact chapter spacing. */
@media (max-width:860px){
  :root{--v8-pad:58px;--v8-pad-tight:52px;--v8-gap:26px;}
  .route-home .profile-flow,
  .route-home .recognition,
  .route-home .training-story,
  .route-home .author{padding:52px 0!important;}
  .route-home .expertise{
    margin:-8px 0!important;
    padding:62px 0!important;
  }
  .route-home .expertise::before{clip-path:polygon(0 1.2%,100% 0,100% 98.8%,0 100%)!important;}
  .route-home .expertise-intro::before{
    top:-.18em!important;
    left:0!important;
    font-size:3.5rem!important;
  }
  .route-home .expertise-intro h2{
    margin:18px 0 14px!important;
    font-size:clamp(2.9rem,11vw,4rem)!important;
  }
  .route-home .expertise-lines{margin-top:6px!important;}
  .route-home .expertise-item{min-height:44px!important; padding:8px 4px!important;}
  .route-home .recognition-list{padding:8px 18px!important;}
  .route-home .training-story-copy{padding:20px 21px!important;}
  .route-home .book-row{padding:11px 6px!important;}
  .route-home .final-cta{padding:40px 0!important;}
}

@media (max-width:600px){
  .route-home .profile-flow,
  .route-home .recognition,
  .route-home .training-story,
  .route-home .author{padding:46px 0!important;}
  .route-home .expertise{padding:56px 0!important;}
  .route-home .expertise-intro h2{font-size:clamp(2.72rem,12vw,3.55rem)!important;}
  .route-home .expertise-item{min-height:42px!important;}
  .route-home .ctc-connection{padding:48px 0 46px!important;}
  .route-home .final-cta{padding:34px 0!important;}
}

/* Desktop expertise final balance after visual QA. */
@media (min-width:1025px){
  .route-home .expertise-grid{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
    gap:clamp(52px,4.4vw,68px)!important;
  }
  .route-home .expertise-intro h2{
    max-width:545px!important;
    font-size:clamp(3.45rem,3.85vw,4.55rem)!important;
    line-height:.95!important;
  }
  .route-home .expertise-intro p{max-width:525px!important;}
}