{"id":18040,"date":"2026-03-09T08:45:25","date_gmt":"2026-03-09T08:45:25","guid":{"rendered":"https:\/\/mldcdev.vtech2u.in\/?page_id=18040"},"modified":"2026-07-22T13:12:50","modified_gmt":"2026-07-22T13:12:50","slug":"teaching-staff-2","status":"publish","type":"page","link":"https:\/\/mldcc.com\/mldcc\/teaching-staff-2\/","title":{"rendered":"Teaching Staff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18040\" class=\"elementor elementor-18040\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0b9972 e-flex e-con-boxed e-con e-parent\" data-id=\"f0b9972\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-712bad7 elementor-widget elementor-widget-html\" data-id=\"712bad7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Faculty Sections<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --red: #D32F2F;\r\n      --navy: #1A3557;\r\n      --navy-light: #1F446B;\r\n      --bg: #F3F5F7;\r\n      --white: #fff;\r\n      --shadow: 0 4px 18px rgba(26,53,87,0.10);\r\n    }\r\n\r\n    body { font-family: 'Open Sans', sans-serif; background: #eef0f3; }\r\n\r\n    .faculty-section {\r\n      background: var(--bg);\r\n      padding: 56px 0 64px;\r\n    }\r\n\r\n    .faculty-section:nth-child(even) {\r\n      background: #e8ebef;\r\n    }\r\n\r\n    .section-header {\r\n      text-align: center;\r\n      margin-bottom: 40px;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .section-header h2 {\r\n      font-family: 'Merriweather', serif;\r\n      color: var(--navy);\r\n      font-size: 2rem;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .section-header h2 span { color: var(--red); }\r\n\r\n    .header-rule {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .header-rule::before,\r\n    .header-rule::after {\r\n      content: '';\r\n      width: 60px;\r\n      height: 2px;\r\n      background: var(--red);\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .header-rule span {\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--red);\r\n      border-radius: 50%;\r\n      display: block;\r\n    }\r\n\r\n    \/* GRID (5 per row) *\/\r\n    .faculty-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, minmax(0, 200px));\r\n      gap: 24px;\r\n      justify-content: center;\r\n      align-items: stretch;\r\n      padding: 16px 24px 20px;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .faculty-grid { grid-template-columns: repeat(4, minmax(0, 200px)); }\r\n    }\r\n    @media (max-width: 900px) {\r\n      .faculty-grid { grid-template-columns: repeat(3, minmax(0, 200px)); }\r\n    }\r\n    @media (max-width: 680px) {\r\n      .faculty-grid { grid-template-columns: repeat(2, minmax(0, 160px)); }\r\n    }\r\n    @media (max-width: 440px) {\r\n      .faculty-grid { grid-template-columns: repeat(1, minmax(0, 220px)); }\r\n    }\r\n\r\n    \/* Hidden (not-yet-loaded) cards *\/\r\n    .faculty-card.is-hidden { display: none; }\r\n\r\n    \/* LOAD-MORE \/ COLLAPSE CONTROLS *\/\r\n    .faculty-controls {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 8px;\r\n      min-height: 54px;\r\n    }\r\n\r\n    .load-btn {\r\n      background: none;\r\n      border: none;\r\n      cursor: pointer;\r\n      padding: 6px 14px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 2px;\r\n      color: var(--red);\r\n      transition: transform 0.2s ease, opacity 0.2s ease;\r\n    }\r\n\r\n    .load-btn[hidden] { display: none; }\r\n    .load-btn:hover { transform: scale(1.12); }\r\n\r\n    .load-btn svg {\r\n      width: 46px;\r\n      height: 46px;\r\n      display: block;\r\n    }\r\n\r\n    .load-btn .load-label {\r\n      font-size: 0.72rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.4px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* Double-chevron bounce animation *\/\r\n    .load-btn.more svg { animation: chevBounce 1.4s ease-in-out infinite; }\r\n    .load-btn.less svg { animation: chevBounceUp 1.4s ease-in-out infinite; }\r\n\r\n    @keyframes chevBounce {\r\n      0%, 100% { transform: translateY(0); }\r\n      50%      { transform: translateY(6px); }\r\n    }\r\n    @keyframes chevBounceUp {\r\n      0%, 100% { transform: translateY(0); }\r\n      50%      { transform: translateY(-6px); }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .load-btn.more svg, .load-btn.less svg { animation: none; }\r\n    }\r\n\r\n    \/* STATIC (non-scrolling) layout for Leadership *\/\r\n    .faculty-static {\r\n      display: flex;\r\n      gap: 40px;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      padding: 16px 24px 20px;\r\n    }\r\n\r\n    \/* Large card variant *\/\r\n    .faculty-card.large {\r\n      width: 300px;\r\n      min-width: 300px;\r\n      max-width: 300px;\r\n      padding: 38px 22px 30px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .faculty-card.large .avatar-wrap {\r\n      width: 140px;\r\n      height: 140px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .faculty-card.large h4 {\r\n      font-size: 1.1rem;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .faculty-card.large .badge {\r\n      font-size: 0.85rem;\r\n      padding: 5px 14px;\r\n    }\r\n\r\n    \/* CARD *\/\r\n    .faculty-card {\r\n      width: 200px;\r\n      min-width: 200px;\r\n      max-width: 200px;\r\n      background: var(--white);\r\n      border-radius: 14px;\r\n      padding: 28px 16px 22px;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      box-shadow: var(--shadow);\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n      border-top: 4px solid transparent;\r\n      flex-shrink: 0;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .faculty-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 12px 32px rgba(26,53,87,0.15);\r\n      border-top-color: var(--red);\r\n    }\r\n\r\n    .faculty-card .avatar-wrap {\r\n      width: 84px;\r\n      height: 84px;\r\n      border-radius: 50%;\r\n      margin: 0 auto 14px;\r\n      padding: 3px;\r\n      background: linear-gradient(135deg, var(--red), var(--navy));\r\n    }\r\n\r\n    .faculty-card img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 50%;\r\n      object-fit: cover;\r\n      border: 3px solid var(--white);\r\n      display: block;\r\n    }\r\n\r\n    .faculty-card h4 {\r\n      color: var(--navy);\r\n      font-size: 0.88rem;\r\n      font-weight: 700;\r\n      margin-bottom: 8px;\r\n      font-family: 'Open Sans', sans-serif;\r\n      line-height: 1.3;\r\n      width: 100%;\r\n      \/* Wrap long names onto up to 2 lines (no \"...\"), reserve the space so\r\n         every card stays the same height *\/\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      min-height: calc(0.88rem * 1.3 * 2);\r\n    }\r\n\r\n    .faculty-card .badge {\r\n      display: inline-block;\r\n      background: #FEE8E8;\r\n      color: var(--red);\r\n      font-size: 0.72rem;\r\n      font-weight: 600;\r\n      padding: 3px 10px;\r\n      border-radius: 20px;\r\n      letter-spacing: 0.3px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      max-width: 100%;\r\n    }\r\n\r\n    \/* POPUP *\/\r\n    .teacher-popup {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(10, 20, 40, 0.65);\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 999;\r\n      backdrop-filter: blur(3px);\r\n      animation: fadeIn 0.2s ease;\r\n    }\r\n\r\n    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n    .teacher-popup.active { display: flex; }\r\n\r\n    .popup-box {\r\n      background: var(--white);\r\n      max-width: 420px;\r\n      width: 90%;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      position: relative;\r\n      box-shadow: 0 24px 60px rgba(10,20,40,0.25);\r\n      animation: slideUp 0.25s ease;\r\n    }\r\n\r\n    @keyframes slideUp {\r\n      from { transform: translateY(24px); opacity: 0; }\r\n      to { transform: translateY(0); opacity: 1; }\r\n    }\r\n\r\n    .popup-banner {\r\n      background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);\r\n      padding: 32px 20px 20px;\r\n      text-align: center;\r\n    }\r\n\r\n    .popup-avatar-wrap {\r\n      width: 110px;\r\n      height: 110px;\r\n      border-radius: 50%;\r\n      margin: 0 auto 14px;\r\n      padding: 3px;\r\n      background: linear-gradient(135deg, var(--red), #ff6b6b);\r\n    }\r\n\r\n    .popup-box img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 50%;\r\n      object-fit: cover;\r\n      border: 4px solid var(--white);\r\n      display: block;\r\n    }\r\n\r\n    .popup-box h3 {\r\n      color: var(--white);\r\n      font-family: 'Merriweather', serif;\r\n      font-size: 1.15rem;\r\n    }\r\n\r\n    .popup-body { padding: 24px 28px 28px; text-align: center; }\r\n\r\n    .popup-designation {\r\n      display: inline-block;\r\n      background: var(--red);\r\n      color: var(--white);\r\n      font-size: 0.78rem;\r\n      font-weight: 700;\r\n      padding: 4px 14px;\r\n      border-radius: 20px;\r\n      margin-bottom: 14px;\r\n      letter-spacing: 0.5px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .popup-description {\r\n      color: #555;\r\n      font-size: 0.9rem;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .popup-close {\r\n      position: absolute;\r\n      right: 14px;\r\n      top: 14px;\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.2);\r\n      border: none;\r\n      color: #fff;\r\n      font-size: 18px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      line-height: 1;\r\n      transition: background 0.2s;\r\n    }\r\n\r\n    .popup-close:hover { background: var(--red); }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- =====================================================\r\n     GLOBAL POPUP (shared by all sections)\r\n====================================================== -->\r\n<div id=\"globalPopup\" class=\"teacher-popup\">\r\n  <div class=\"popup-box\">\r\n    <button class=\"popup-close\" id=\"globalPopupClose\">&times;<\/button>\r\n    <div class=\"popup-banner\">\r\n      <div class=\"popup-avatar-wrap\">\r\n        <img decoding=\"async\" id=\"popupImage\" src=\"\" alt=\"\">\r\n      <\/div>\r\n      <h3 id=\"popupName\"><\/h3>\r\n    <\/div>\r\n    <div class=\"popup-body\">\r\n      <span id=\"popupDesignation\" class=\"popup-designation\"><\/span>\r\n      <p id=\"popupDescription\" class=\"popup-description\"><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Sections rendered by JS below -->\r\n<div id=\"app\"><\/div>\r\n\r\n<script>\r\n\/* ======================================================\r\n   \u270f\ufe0f  FACULTY DATA \u2014 Add \/ remove entries here easily\r\n   Each section has: title, titleHighlight, and members[]\r\n   Each member: name, designation, image, description\r\n====================================================== *\/\r\nconst FACULTY_DATA = {\r\n\r\n  \/* \u2500\u2500 SECTION 1: Leadership (Principal & Vice-Principal) \u2500\u2500 *\/\r\n  leadership: {\r\n    title: \"Our\",\r\n    titleHighlight: \"Leadership\",\r\n    noScroll: true,\r\n    cardSize: \"large\",\r\n    members: [\r\n      {\r\n        name: \"Prof. (Dr.) Vinay Bhole\",\r\n        designation: \"Principal\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Prof. (Dr.) Vinay Bhole serves as the Principal of the institution, providing academic leadership and administrative oversight.\"\r\n      },\r\n      {\r\n        name: \"Dr. Chandana Chakraborti\",\r\n        designation: \"Vice-Principal (Aided Section)\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Chandana Chakraborti serves as Vice-Principal of the Aided Section, supporting academic and administrative functions of the institution.\"\r\n      },\r\n      {\r\n        name: \"Smt. Archana Talekar\",\r\n        designation: \"Vice-Principal (Self-Financing Section)\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Smt. Archana Talekar serves as Vice-Principal of the Self-Financing Section, supporting academic and administrative functions of the institution.\"\r\n      },\r\n      {\r\n        name: \"Dr. Munesh Save\",\r\n        designation: \"Proctor (Aided Section)\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Munesh Save serves as Proctor of the Aided Section, responsible for maintaining discipline and student welfare within the institution.\"\r\n      },\r\n      {\r\n        name: \"Dr. Mitali Shelankar\",\r\n        designation: \"Proctor (Self-Financing Section)\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Mitali Shelankar serves as Proctor of the Self-Financing Section, responsible for maintaining discipline and student welfare within the institution.\"\r\n      }\r\n    ]\r\n  },\r\n\r\n  \/* \u2500\u2500 SECTION 2: Coordinators \u2500\u2500 *\/\r\n  coordinators: {\r\n    title: \"Department\",\r\n    titleHighlight: \"Coordinators\",\r\n    members: [\r\n      {\r\n        name: \"Smt. Archana Talekar\",\r\n        designation: \"B.Sc. (I.T.) & M.Sc. (I.T.) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Smt. Archana Talekar is the B.Sc. (I.T.) and M.Sc. (I.T.) Coordinator, overseeing IT programme academics.\"\r\n      },\r\n      {\r\n        name: \"Dr. Mitali Shelankar\",\r\n        designation: \"B.Com. (M.S.) & B.Com. (L.S.C.M.) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Mitali Shelankar coordinates the B.Com. (M.S.) and B.Com. (L.S.C.M.) programmes.\"\r\n      },\r\n      {\r\n        name: \"Shri. Amit Bane\",\r\n        designation: \"B.Sc. (D.S.) & B.Sc. (A.I.) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Shri. Amit Bane serves as the B.Sc. (D.S.) and B.Sc. (A.I.) Coordinator, managing the Data Science and Artificial Intelligence programmes.\"\r\n      },\r\n      {\r\n        name: \"Dr. Siddhi Roy\",\r\n        designation: \"B.Com. (A&F) & M.Sc. (Finance) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Siddhi Roy is the coordinator for B.Com. (A&F) and M.Sc. (Finance) programmes.\"\r\n      },\r\n      {\r\n        name: \"Dr. Rashmi Bendre\",\r\n        designation: \"B.Com. (B&I) & B.Com. (B.A.) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Rashmi Bendre coordinates the B.Com. (B&I) and B.Com. (B.A.) programmes.\"\r\n      },\r\n      {\r\n        name: \"Smt. Manasi Mule\",\r\n        designation: \"B.A.M.M.C. , B.A. (Psy.) & Placement Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Smt. Manasi Mule coordinates B.A.M.M.C., B.A. (Psychology) programmes and also serves as Placement Coordinator.\"\r\n      },\r\n      {\r\n        name: \"Shri. Labhessh Chaudhri\",\r\n        designation: \"B.Com. (F.M.) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Shri. Labhessh Chaudhri is the coordinator for the B.Com. (Financial Markets) programme.\"\r\n      },\r\n      {\r\n        name: \"Shri. Rahul Pandey\",\r\n        designation: \"M.Com. Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Shri. Rahul Pandey serves as the M.Com. Coordinator, guiding postgraduate commerce students.\"\r\n      },\r\n      {\r\n        name: \"Dr. Aditya Kulkarni\",\r\n        designation: \"P.G. Diploma (Sports Management) Coordinator\",\r\n        image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n        description: \"Dr. Aditya Kulkarni serves as the P.G. Diploma (Sports Management) Coordinator, overseeing the postgraduate sports management programme.\"\r\n      }\r\n]\r\n  },\r\n\r\n  \/* \u2500\u2500 SECTION 2: B.Com Faculty \u2500\u2500 *\/\r\n  bcom: {\r\n  title: \"Aided\",\r\n  titleHighlight: \"Faculty\",\r\n  members: [\r\n    {\r\n      name: \"Prof. (Dr.) Vinay Bhole\",\r\n      designation: \"Principal\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Prof. (Dr.) Vinay Bhole serves as Principal of the institution.\"\r\n    },\r\n    {\r\n      name: \"Dr. Chandana Chakraborti\",\r\n      designation: \"Vice-Principal, Controller of Examination, Associate Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Chandana Chakraborti serves as Vice-Principal, Controller of Examination and Associate Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Sahifa Mazgaonkar\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Sahifa Mazgaonkar serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Sachin Joshi\",\r\n      designation: \"IQAC Coordinator, Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Sachin S Joshi serves as IQAC Coordinator and Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Rohini Madavi\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Rohini S. Madavi serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Shri. Shuddhodhan B. Athwale\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri. Shuddhodhan B. Athwale serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Munesh Save\",\r\n      designation: \"Proctor, Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Munesh M. Save serves as Proctor and Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Samrat Gangurde\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Samrat A. Gangurde serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Shri. Somnath Deshmukhya\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri. Somnath R. Deshmukhya serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Rakesh Pise\",\r\n      designation: \"NAAC Coordinator, Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Rakesh A. Pise serves as NAAC Coordinator and Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Shri. Suraj Raut\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri. Suraj T. Raut serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Dr. Aditya Kulkarni\",\r\n      designation: \"Coordinator - P.G. Diploma (Sports Management), Sports Director\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Aditya A. Kulkarni serves as Coordinator for P.G. Diploma (Sports Management) and Sports Director.\"\r\n    },\r\n    {\r\n      name: \"Dr. Pallavi Sawant\",\r\n      designation: \"Assistant Professor\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Dr. Pallavi O. Sawant serves as Assistant Professor.\"\r\n    },\r\n    {\r\n      name: \"Smt. Neetu Nimbark\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Smt. Neetu Nimbark serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Smt. Himani Patil\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Smt. Himani Patil serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Smt. Carmina Fernandes\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Smt. Carmina Fernandes serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Shri Daniyal Khan\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri Daniyal Khan serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Shri Kalpesh Varankar\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri Kalpesh Varankar serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Smt. Pradnya Kudav\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Smt. Pradnya Kudav serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Shri Aditya Ajmera\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri Aditya Ajmera serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Smt. Manasi Mahadik\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Smt. Manasi Mahadik serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Smt. Priyanka Doiphode\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Smt. Priyanka Doiphode serves as CHB faculty.\"\r\n    },\r\n    {\r\n      name: \"Shri Abhijeet Pawar\",\r\n      designation: \"CHB\",\r\n      image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n      description: \"Shri Abhijeet Pawar serves as CHB faculty.\"\r\n    }\r\n  ]\r\n},\r\n\r\n  \/* \u2500\u2500 SECTION 3: Self-Financing Courses \u2500\u2500 *\/\r\n  selfFinancing: {\r\n      title: \"Self-Financing\",\r\n      titleHighlight: \"Courses\",\r\n      members: [\r\n        {\r\n          name: \"Smt. Archana Talekar\",\r\n          designation: \"Vice Principal, Coordinator - B.Sc. (I.T.) and M.Sc. (I.T.)\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Archana Talekar serves as Vice Principal and Coordinator for B.Sc. (I.T.) and M.Sc. (I.T.) in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Dr. Mitali Shelankar\",\r\n          designation: \"Proctor, Coordinator - B.Com. (M.S.) and B.Com. (L.S.C.M.)\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Dr. Mitali Shelankar serves as Proctor and Coordinator for B.Com.(M.S.) and B.Com. (L.S.C.M.) in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri. Amit Bane\",\r\n          designation: \"Coordinator - B.Sc. (D.S.) and B.Sc. (A.I.), Deputy Controller of Examination\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri. Amit Bane serves as Coordinator for B.Sc. (D.S.) and B.Sc. (A.I.) and Deputy Controller of Examination in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Dr. Rashmi Bendre\",\r\n          designation: \"Coordinator - B.Com. (B&I) and B.Com. (B.A.), Deputy Coordinator - NAAC\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Dr. Rashmi Bendre serves as Coordinator for B.Com. (B&I) and B.Com. (B.A.) and Deputy Coordinator for NAAC in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Dr. Siddhi Roy\",\r\n          designation: \"Coordinator - B.Com. (A&F) and M.Sc. (Finance), Deputy Coordinator - IQAC\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Dr. Siddhi Roy serves as Coordinator for B.Com. (A&F) and M.Sc. (Finance) and Deputy Coordinator for IQAC in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Manasi Mule\",\r\n          designation: \"Coordinator - B.A.M.M.C. , B.A. (Psy.) and Placement\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Manasi Mule serves as Coordinator for B.A.M.M.C., B.A. (Psychology) and Placement in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri. Labhessh Chaudhri\",\r\n          designation: \"Coordinator - B.Com. (F.M.)\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri. Labhessh Chaudhri serves as Coordinator for B.Com. (F.M.) in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri. Rahul Pandey\",\r\n          designation: \"Coordinator - M.Com.\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri. Rahul Pandey serves as Coordinator for M.Com. in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Supritha Bhandary\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Supritha Bhandary serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Shruti Save\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Shruti Save serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Priya Tiwari\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Priya Tiwari serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Siddhi Kadam\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Siddhi Kadam serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Mrunmayee Vengurlekar\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Mrunmayee Vengurlekar serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri. Danish Hallari\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri. Danish Hallari serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Sayalee Natu\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Sayalee Natu serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Sneha Chavan\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Sneha Chavan serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Riteeka Kamble\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Riteeka Kamble serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Dr. Pragalbh Jha\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Dr. Pragalbh Jha serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Dr. Reena Vora\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Dr. Reena Vora serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Rasika Sawant\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Rasika Sawant serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Supriya Gupta\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Supriya Gupta serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Naznin Jamadar\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Naznin Jamadar serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"CA Vaishanavee Limaye\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"CA Vaishanavee Limaye serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Suhas Ajgaonkar\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Suhas Ajgaonkar serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Urvasi Bhagat\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Urvasi Bhagat serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Siddhi Khamkar\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Siddhi Khamkar serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Tejaswi Shetkar\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Tejaswi Shetkar serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Juilee Joshi\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Juilee Joshi serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri Dhruv Nalawade\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri Dhruv Nalawade serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Snehal Borade\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Snehal Borade serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Shweta Gupta\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Shweta Gupta serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Bhagyashree Tripathi\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Bhagyashree Tripathi serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Dr. Gayatree Karnik\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Dr. Gayatree Karnik serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Anju Rai\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Anju Rai serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Roshni Ahir\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Roshni Ahir serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri Sagar Yeram\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri Sagar Yeram serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Priyanka More\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Priyanka More serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Shri Vinayak Thool\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Shri Vinayak Thool serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Asawari Chitre\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Asawari Chitre serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Siddhi Kasare\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Siddhi Kasare serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Sejal Thakur\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Sejal Thakur serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        },\r\n        {\r\n          name: \"Smt. Hetavi Shah\",\r\n          designation: \"Full-Time Core Faculty\",\r\n          image: \"\/wp-content\/uploads\/2026\/03\/placeholder.png\",\r\n          description: \"Smt. Hetavi Shah serves as Full-Time Core Faculty in the Self-Financing division.\"\r\n        }\r\n      ]\r\n  }\r\n\r\n};\r\n\/* ====================================================== *\/\r\n\r\n\r\n\/* \u2500\u2500 Build HTML for one section \u2500\u2500 *\/\r\nfunction buildSection(key, data, index) {\r\n  const sectionEl = document.createElement('section');\r\n  sectionEl.className = 'faculty-section';\r\n  sectionEl.dataset.sectionKey = key;\r\n\r\n  const cardClass = data.cardSize === 'large' ? 'faculty-card large' : 'faculty-card';\r\n\r\n  const PAGE_SIZE = 5;\r\n\r\n  const cardsHtml = data.members.map((m, i) => `\r\n    <div class=\"${cardClass}${(!data.noScroll && i >= PAGE_SIZE) ? ' is-hidden' : ''}\"\r\n      data-name=\"${escHtml(m.name)}\"\r\n      data-designation=\"${escHtml(m.designation)}\"\r\n      data-image=\"${escHtml(m.image)}\"\r\n      data-description=\"${escHtml(m.description)}\">\r\n      <div class=\"avatar-wrap\"><img decoding=\"async\" src=\"${escHtml(m.image)}\" alt=\"\"><\/div>\r\n      <h4>${escHtml(m.name)}<\/h4>\r\n      <span class=\"badge\">${escHtml(m.designation)}<\/span>\r\n    <\/div>\r\n  `).join('');\r\n\r\n  const chevDown = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M4 6l8 7 8-7\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <path d=\"M4 12l8 7 8-7\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <\/svg>`;\r\n  const chevUp = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M4 18l8-7 8 7\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <path d=\"M4 12l8-7 8 7\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <\/svg>`;\r\n\r\n  const needsControls = !data.noScroll && data.members.length > PAGE_SIZE;\r\n\r\n  const controlsHtml = needsControls\r\n    ? `<div class=\"faculty-controls\">\r\n         <button type=\"button\" class=\"load-btn more\" data-more>${chevDown}<span class=\"load-label\">Load More<\/span><\/button>\r\n         <button type=\"button\" class=\"load-btn less\" data-less hidden>${chevUp}<span class=\"load-label\">Show Less<\/span><\/button>\r\n       <\/div>`\r\n    : '';\r\n\r\n  const body = data.noScroll\r\n    ? `<div class=\"faculty-static\" data-static>${cardsHtml}<\/div>`\r\n    : `<div class=\"faculty-grid\" data-grid data-page=\"${PAGE_SIZE}\">${cardsHtml}<\/div>${controlsHtml}`;\r\n\r\n  sectionEl.innerHTML = `\r\n    <div class=\"section-header\">\r\n      <h2>${data.title} <span>${data.titleHighlight}<\/span><\/h2>\r\n      <div class=\"header-rule\"><span><\/span><\/div>\r\n    <\/div>\r\n    ${body}\r\n  `;\r\n\r\n  return sectionEl;\r\n}\r\n\r\nfunction escHtml(str) {\r\n  return String(str)\r\n    .replace(\/&\/g, '&amp;')\r\n    .replace(\/\"\/g, '&quot;')\r\n    .replace(\/<\/g, '&lt;')\r\n    .replace(\/>\/g, '&gt;');\r\n}\r\n\r\n\/* \u2500\u2500 Render all sections \u2500\u2500 *\/\r\nconst app = document.getElementById('app');\r\nObject.entries(FACULTY_DATA).forEach(([key, data], index) => {\r\n  app.appendChild(buildSection(key, data, index));\r\n});\r\n\r\n\r\n\/* \u2500\u2500 Global Popup \u2500\u2500 *\/\r\nconst popup       = document.getElementById('globalPopup');\r\nconst popupClose  = document.getElementById('globalPopupClose');\r\nlet isPopupOpen   = false;\r\n\r\nfunction openPopup(card) {\r\n  document.getElementById('popupImage').src         = card.dataset.image;\r\n  document.getElementById('popupImage').alt         = '';\r\n  document.getElementById('popupName').innerText    = card.dataset.name;\r\n  document.getElementById('popupDesignation').innerText = card.dataset.designation;\r\n  document.getElementById('popupDescription').innerText = card.dataset.description;\r\n  popup.classList.add('active');\r\n  isPopupOpen = true;\r\n}\r\n\r\nfunction closePopup() {\r\n  popup.classList.remove('active');\r\n  isPopupOpen = false;\r\n}\r\n\r\npopupClose.onclick = closePopup;\r\npopup.addEventListener('click', e => { if (e.target === popup) closePopup(); });\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closePopup(); });\r\n\r\n\r\n\/* \u2500\u2500 Per-section paginated grid (Load More \/ Show Less) \u2500\u2500 *\/\r\nfunction initGrid(grid) {\r\n  const section  = grid.closest('.faculty-section');\r\n  const pageSize = parseInt(grid.dataset.page, 10) || 5;\r\n  const cards    = Array.from(grid.querySelectorAll('.faculty-card'));\r\n  const moreBtn  = section.querySelector('[data-more]');\r\n  const lessBtn  = section.querySelector('[data-less]');\r\n\r\n  let visible = Math.min(pageSize, cards.length);\r\n\r\n  function render() {\r\n    cards.forEach((card, i) => {\r\n      card.classList.toggle('is-hidden', i >= visible);\r\n    });\r\n    const allShown = visible >= cards.length;\r\n    if (moreBtn) moreBtn.hidden = allShown;\r\n    if (lessBtn) lessBtn.hidden = !allShown;\r\n  }\r\n\r\n  if (moreBtn) {\r\n    moreBtn.addEventListener('click', () => {\r\n      visible = Math.min(visible + pageSize, cards.length);\r\n      render();\r\n    });\r\n  }\r\n\r\n  if (lessBtn) {\r\n    lessBtn.addEventListener('click', () => {\r\n      \/\/ Scroll smoothly to the top of the section FIRST (while all cards are\r\n      \/\/ still visible so the page height doesn't jump), then collapse back to\r\n      \/\/ the first page after the scroll has settled.\r\n      section.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n      setTimeout(() => {\r\n        visible = Math.min(pageSize, cards.length);\r\n        render();\r\n      }, 450);\r\n    });\r\n  }\r\n\r\n  \/* Card click \u2192 popup *\/\r\n  grid.addEventListener('click', e => {\r\n    const card = e.target.closest('.faculty-card');\r\n    if (card) openPopup(card);\r\n  });\r\n\r\n  render();\r\n}\r\n\r\n\/* Init every grid on page *\/\r\ndocument.querySelectorAll('[data-grid]').forEach(initGrid);\r\n\r\n\/* Static (non-scrolling) sections: just wire click \u2192 popup *\/\r\ndocument.querySelectorAll('[data-static]').forEach(container => {\r\n  container.addEventListener('click', e => {\r\n    const card = e.target.closest('.faculty-card');\r\n    if (card) openPopup(card);\r\n  });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Faculty Sections &times;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18040","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages\/18040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/comments?post=18040"}],"version-history":[{"count":73,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages\/18040\/revisions"}],"predecessor-version":[{"id":19676,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages\/18040\/revisions\/19676"}],"wp:attachment":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/media?parent=18040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}