/* ---------- Philosophy ---------- */
.philosophy{padding:100px 0 0}
.philosophy-inner{max-width:760px;margin:0 auto}
.philosophy .section-sub{margin-left:auto;margin-right:auto}

/* ---------- NAFA Private Equity overview ---------- */
.pe-intro{padding:70px 0 90px}
.pe-inner{max-width:760px;margin:0 auto;text-align:center}

.pe-mark{margin-bottom:36px}
.pe-mark-main{
  display:block;font-family:var(--serif);font-size:38px;letter-spacing:3px;color:var(--navy);
}
.pe-mark-sub{
  display:block;font-size:12px;letter-spacing:4px;color:var(--gold-dark);font-weight:700;margin-top:4px;
}

.pe-inner .section-sub{margin-left:auto;margin-right:auto;margin-bottom:36px}
.pe-inner .btn{margin-top:4px}

/* ---------- Fund strategies (zigzag) ---------- */
.strategies{padding:90px 0 110px;background:var(--cream)}
.strategies h2{margin-left:auto;margin-right:auto;max-width:640px}

.zigzag{display:flex;flex-direction:column;gap:64px;margin-top:64px}

.zigzag-row{
  display:flex;align-items:center;gap:56px;
}
/* Alternate direction on every second row for the zigzag effect */
.zigzag-row:nth-child(even){flex-direction:row-reverse}

.zigzag-icon{
  flex:0 0 auto;width:120px;height:120px;border-radius:50%;
  background:var(--navy);color:var(--gold);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-sm);
}
.zigzag-icon svg{width:52px;height:52px}

.zigzag-content{flex:1 1 auto;max-width:520px}
.zigzag-content h3{font-size:22px;margin-bottom:12px;color:var(--navy)}
.zigzag-content p{font-size:15.5px;color:var(--grey);line-height:1.8;margin-bottom:16px}

/* Connecting line between rows, echoing a private-equity "network" thread */
.zigzag-row{position:relative}
.zigzag-row:not(:last-child)::after{
  content:'';position:absolute;left:60px;top:120px;bottom:-64px;width:1px;
  background:repeating-linear-gradient(180deg,var(--line) 0 6px,transparent 6px 12px);
}
.zigzag-row:nth-child(even):not(:last-child)::after{left:auto;right:60px}

/* ---------- Responsive ---------- */
@media (max-width:860px){

}

@media (max-width:760px){
  .zigzag-row,
  .zigzag-row:nth-child(even){
    flex-direction:column;text-align:center;gap:24px;
  }
  .zigzag-content{max-width:none}
  .zigzag-row::after,
  .zigzag-row:nth-child(even)::after{display:none}
}

@media (max-width:640px){
  .philosophy{padding:70px 0 0}
  .pe-intro{padding:50px 0 60px}
  .pe-mark-main{font-size:30px;letter-spacing:2px}
  .strategies{padding:60px 0 80px}
  .zigzag{gap:48px}
  .zigzag-icon{width:96px;height:96px}
  .zigzag-icon svg{width:42px;height:42px}
}