/* Objective of MVPM - Content Only (except header/footer) */
:root{
  --orange:#c94d20;
  --orange-dark:#b93f14;
  --beige:#e8ddd0;
  --beige-light:#f3ebe1;
  --text:#444;
  --text-dark:#2e2e2e;
  --border:#e5ddd2;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter','Roboto',sans-serif;color:var(--text);background:#fff;line-height:1.7}

/* Breadcrumb Bar */
.breadcrumb-bar{
  background:#e7d8c6;
  padding:22px 20px;
}


/* Main Content Wrapper */
.objective-wrap{max-width:1180px;margin:auto;padding:36px 20px 40px}

/* Guiding Values */
.guiding-section{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;margin-bottom:34px}
.guiding-section h2.section-title{font-family:'Yatra One',sans-serif;color:var(--orange);font-size:22px;font-weight:400;margin-bottom:14px}
.guiding-section p{font-size:18px;line-height:1.85;color:#555;text-align:justify}

/* Building Foundation Diagram */
.foundation-diagram{position:relative;padding-top:6px}
.foundation-diagram .diagram-title{text-align:center;font-size:11px;font-weight:700;color:#666;margin-bottom:10px;letter-spacing:.2px}
.diagram-grid{display:grid;grid-template-columns:1fr 100px 1fr;gap:0;align-items:start;position:relative}
.diagram-center{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;padding-top:16px}
.center-arrows{display:flex;gap:6px}
.center-arrows .arrow-col{width:12px;background:linear-gradient(to top, #f9c49a 0%, #e05a1a 100%);position:relative}
.center-arrows .arrow-col::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #e05a1a}
.center-arrows .arrow-col.a1{height:240px}
.center-arrows .arrow-col.a2{height:260px;margin-top:-10px}
.center-arrows .arrow-col.a3{height:240px}
.arrow-line{width:2px;background:#e7b894;margin:0 auto;height:100%}

.diagram-cards-left,.diagram-cards-right{display:flex;flex-direction:column;gap:10px}
.diag-card{border-radius:14px 14px 14px 4px;padding:12px 12px 10px;text-align:center;color:#fff;position:relative;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.diag-card.right{border-radius:14px 14px 4px 14px}
.diag-card .ico{font-size:18px;margin-bottom:4px;opacity:.95}
.diag-card h4{font-size:19px;font-weight:800;letter-spacing:.3px;margin-bottom:2px}
.diag-card p{font-size:10px;line-height:1.3;opacity:.9;color:#fff;font-weight:400}
.diag-card.merit{background:linear-gradient(135deg,#b93f14,#d35a25)}
.diag-card.morality{background:#e05a1a}
.diag-card.mobility{background:#ef8a5a}
.diag-card.mindset{background:linear-gradient(135deg,#d35a25,#e06e2a)}
.diag-card.mindfulness{background:#f08a4b}
.diag-card.momentum{background:#f2b08a;color:#6b3a20}
.diag-card.momentum p{color:#6b3a20}

/* Framework Boxes */
.framework-box{
  background:#fff;
  border:1px solid #eee;
  border-radius:26px 26px 26px 26px;
  padding:28px 28px;
  margin:20px 0 22px;
  box-shadow:0 2px 14px rgba(0,0,0,.07);
  position:relative;
}
.framework-box.rounded-left{border-radius:36px 24px 24px 36px}
.framework-box.rounded-right{border-radius:24px 36px 36px 24px}
.framework-box h3{font-family:'Yatra One',sans-serif;color:var(--orange);font-size:21px;text-align:center;margin-bottom:10px;font-weight:400;letter-spacing:.3px}
.framework-box p{font-size:18px;line-height:1.8;color:#555;text-align:left}
.framework-box p strong{color:#222}

/* Bullet Lists */
.bullet-list{margin:14px 0 8px}
.bullet-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #ddd;font-size:18px;line-height:1.7;color:#555}
.bullet-item:last-child{border-bottom:0}
.bullet-item::before{content:'›';color:var(--orange);font-weight:900;font-size:18px;line-height:1;flex-shrink:0;margin-top:1px}
.bullet-item strong{color:#333}

/* Empowerment */
.empower-section{margin-top:22px}
.empower-section h3{font-size:21px;color:#444;font-weight:700;margin-bottom:12px;font-family:'Roboto',sans-serif}
.empower-section p{font-size:18px;line-height:1.8;color:#555;margin-bottom:10px}
.empower-section .sub-bullet{margin-top:4px}

/* Responsive */
@media(max-width:980px){
  .guiding-section{grid-template-columns:1fr;gap:20px}
  .foundation-diagram{max-width:520px;margin:auto}
}
@media(max-width:600px){
  .framework-box{padding:20px 16px;border-radius:18px}
  .diagram-grid{grid-template-columns:1fr 70px 1fr}
  .bullet-item{font-size:12.5px}
}