{"id":66498,"date":"2026-01-17T22:48:26","date_gmt":"2026-01-17T17:18:26","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=66498"},"modified":"2026-03-06T11:15:19","modified_gmt":"2026-03-06T05:45:19","slug":"mcsc","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/mcsc\/","title":{"rendered":"mcsc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"66498\" class=\"elementor elementor-66498\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-859dda5 e-flex e-con-boxed e-con e-parent\" data-id=\"859dda5\" 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-9c56693 elementor-widget elementor-widget-html\" data-id=\"9c56693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS MCSC Hero (Cinematic Dark)\n       ========================================= *\/\n\n    #doms-mcsc-dark-root {\n        \/* --- Theme Variables --- *\/\n        --mc-font-head: 'Playfair Display', serif;\n        --mc-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Premium Dark Mode *\/\n        --mc-text-main: #ffffff;      \/* Pure White *\/\n        --mc-text-sub: #e0e0e0;       \/* Soft Silver *\/\n        \n        \/* Accents *\/\n        --mc-maroon: #800000;         \/* DoMS Maroon *\/\n        --mc-gold: #d4af37;           \/* Metallic Gold *\/\n        \n        \/* Layout *\/\n        width: 100%;\n        height: 40vh; \/* Full Viewport *\/\n        min-height: 500px;\n        position: relative;\n        overflow: hidden;\n        font-family: var(--mc-font-body);\n        color: var(--mc-text-main);\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n    }\n\n    #doms-mcsc-dark-root * { box-sizing: border-box; }\n    #doms-mcsc-dark-root img { max-width: 100%; display: block; }\n\n    \/* --- 1. FULL SCREEN SLIDESHOW --- *\/\n    .doms-mcsc-bg-layer {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n    }\n\n    .doms-mcsc-bg-img {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-size: cover;\n        background-position: center;\n        opacity: 0;\n        transform: scale(1.1);\n        transition: opacity 1.5s ease-in-out, transform 8s linear;\n        \/* Slight sepia to warm up the dark images *\/\n        filter: sepia(10%) contrast(1);\n    }\n\n    .doms-mcsc-bg-img.active {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    \/* --- 2. DARK OVERLAY (\"Bit Darker\") --- *\/\n    \/* This sits on top of images to ensure text readability *\/\n    #doms-mcsc-dark-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Dark Slate Gradient - Not Pitch Black *\/\n        background: linear-gradient(to bottom, rgba(15, 23, 42, 0.06), rgba(15, 23, 42, 0.8));\n        z-index: 1;\n    }\n\n    \/* --- 3. PATTERN OVERLAY --- *\/\n    #doms-mcsc-dark-root::after {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Fine White Grid Pattern (Low Opacity) *\/\n        background-image: \n            linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n        background-size: 60px 60px;\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    \/* --- CONTENT WRAPPER --- *\/\n    .doms-mcsc-wrapper {\n        position: relative;\n        z-index: 2;\n        max-width: 1000px;\n        padding: 0 30px;\n        animation: fadeUp 1.2s ease-out;\n    }\n\n    \/* Eyebrow *\/\n    .doms-mcsc-eyebrow {\n        display: inline-block;\n        font-family: var(--mc-font-body);\n        font-size: 0.95rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 4px;\n        color: var(--mc-gold);\n        margin-bottom: 20px;\n        padding: 1px 66px;\n        border: 1px solid rgba(212, 175, 55, 0.3);\n        background: rgba(0, 0, 0, 0.3);\n        backdrop-filter: blur(4px);\n    }\n\n    \/* Main Heading *\/\n    .doms-mcsc-head {\n        font-family: var(--mc-font-head);\n        font-size: clamp(4.5rem, 5vw, 8rem);\n        line-height: 1.1;\n        margin: 0 0 35px 0;\n        font-weight: 700;\n        color: #fff;\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n    \n    .doms-mcsc-head span {\n        font-style: italic;\n        font-weight: 400;\n        color: var(--mc-gold); \/* Gold Accent *\/\n        position: relative;\n        display: inline-block;\n    }\n\n    \/* Description *\/\n    .doms-mcsc-sub {\n        font-size: 1.35rem;\n        color: rgba(255, 255, 255, 0.9);\n        margin: 0 auto 40px auto;\n        max-width: 800px;\n        line-height: 1.6;\n        font-weight: 300;\n    }\n\n    \/* Logo Box *\/\n    .doms-mcsc-logo {\n        margin-top: 20px;\n        width: 150px;\n        margin-left: auto;\n        margin-right: auto;\n        transition: transform 0.3s;\n        \/* Slight glow for logo visibility on dark *\/\n        filter: drop-shadow(0 0 10px rgba(255,255,255,0.15));\n    }\n    .doms-mcsc-logo:hover { transform: scale(1.05); }\n    .doms-mcsc-logo img { width: 100%; height: auto; }\n\n    \/* --- NAVIGATION --- *\/\n    .doms-mcsc-nav {\n        position: absolute;\n        bottom: 50px;\n        right: 50px;\n        z-index: 10;\n        display: flex;\n        gap: 15px;\n    }\n\n    .doms-mcsc-btn {\n        width: 50px; height: 50px;\n        border: 1px solid rgba(255,255,255,0.2);\n        background: rgba(255, 255, 255, 0.1); \/* Glassmorphism *\/\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.3s ease;\n        color: #fff;\n        backdrop-filter: blur(5px);\n    }\n\n    .doms-mcsc-btn:hover {\n        background: var(--mc-gold);\n        color: #000;\n        border-color: var(--mc-gold);\n        transform: scale(1.1);\n    }\n\n    \/* Scroll Indicator *\/\n    .doms-mcsc-scroll {\n        position: absolute;\n        bottom: 30px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 6px;\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: rgba(255,255,255,0.6);\n        animation: float 2.5s infinite ease-in-out;\n        cursor: pointer;\n    }\n    \n    .doms-mcsc-scroll svg { width: 24px; height: 24px; stroke: var(--mc-gold); }\n\n    \/* Animations *\/\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes float { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 10px); } }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 768px) {\n        .doms-mcsc-head { font-size: 3rem; }\n        .doms-mcsc-sub { font-size: 1.1rem; padding: 0 15px; }\n        .doms-mcsc-nav { \n            bottom: 20px; right: 50%; \n            transform: translateX(50%); \n        }\n        .doms-mcsc-scroll { display: none; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-mcsc-dark-root\">\n    \n    <div class=\"doms-mcsc-bg-layer\">\n        <div class=\"doms-mcsc-bg-img active lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2f9a2129-scaled.jpg&#039;)\"><\/div>\n        <div class=\"doms-mcsc-bg-img lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2f9a2136-scaled.jpg&#039;)\"><\/div>\n        <div class=\"doms-mcsc-bg-img lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2f9a2139-scaled.jpg&#039;)\"><\/div>\n    <\/div>\n\n    <div class=\"doms-mcsc-wrapper\">\n        <!--<span class=\"doms-mcsc-eyebrow\">Centre of Excellence<\/span>-->\n        <h1 class=\"doms-mcsc-head\">Management <span>Case Study<\/span> Centre<\/h1>\n        \n        <!--<p class=\"doms-mcsc-sub\">-->\n            <!--Bridging the gap between theory and practice through rigorous analysis, real-world problem solving, and intellectual inquiry. We empower students to master the art of decision-making.-->\n        <\/p>\n\n        <div class=\"doms-mcsc-logo\">\n            <!--<img decoding=\"async\" data-src=\"https:\/\/upload.wikimedia.org\/wikipedia\/en\/thumb\/6\/69\/IIT_Madras_Logo.svg\/1200px-IIT_Madras_Logo.svg.png\" alt=\"MCSC Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">-->\n        <\/div>\n    <\/div>\n\n    <div class=\"doms-mcsc-nav\">\n        <button class=\"doms-mcsc-btn\" id=\"mcsc-d-prev\" aria-label=\"Previous Slide\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n        <\/button>\n        <button class=\"doms-mcsc-btn\" id=\"mcsc-d-next\" aria-label=\"Next Slide\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/button>\n    <\/div>\n\n    \n\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-mcsc-bg-img');\n        const nextBtn = document.getElementById('mcsc-d-next');\n        const prevBtn = document.getElementById('mcsc-d-prev');\n\n        function showSlide(n) {\n            \/\/ Loop logic\n            if (n >= slides.length) slideIndex = 0;\n            else if (n < 0) slideIndex = slides.length - 1;\n            else slideIndex = n;\n\n            \/\/ Remove active class\n            slides.forEach(slide => slide.classList.remove('active'));\n            \n            \/\/ Add active to current\n            slides[slideIndex].classList.add('active');\n        }\n\n        \/\/ Event Listeners\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(slideIndex + 1); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(slideIndex - 1); });\n\n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(slideIndex + 1);\n        }, 6000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4793a86 e-flex e-con-boxed e-con e-parent\" data-id=\"4793a86\" 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-2d9ca46 elementor-widget elementor-widget-html\" data-id=\"2d9ca46\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,500;0,700;1,400&family=Cinzel:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================\r\n       CSS ISOLATION: DoMS MCSC Mission & Vision (Stylish Heading Fix)\r\n       ========================================= *\/\r\n\r\n    #doms-mv-stylish-root {\r\n        \/* --- Theme Variables --- *\/\r\n        --mv-font-head: 'Playfair Display', serif;\r\n        --mv-font-deco: 'Cinzel', serif; \/* New Decorative Font *\/\r\n        --mv-font-body: 'Lato', sans-serif;\r\n        \r\n        \/* Palette: Intellectual Dark Mode *\/\r\n        --mv-bg-main: #1b2026;        \r\n        --mv-bg-card: rgba(255, 255, 255, 0.03); \r\n        \r\n        \/* Text *\/\r\n        --mv-text-white: #ffffff;\r\n        --mv-text-silver: #d1d5db;\r\n        \r\n        \/* Accents *\/\r\n        --mv-gold: #e0aa3e;           \r\n        --mv-gold-glow: rgba(224, 170, 62, 0.3);\r\n        \r\n        \/* Layout *\/\r\n        width: 100%;\r\n        padding: 40px 0;\r\n        background-color: var(--mv-bg-main);\r\n        font-family: var(--mv-font-body);\r\n        color: var(--mv-text-white);\r\n        box-sizing: border-box;\r\n        line-height: 1.7;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #doms-mv-stylish-root * { box-sizing: border-box; }\r\n    #doms-mv-stylish-root img { max-width: 100%; display: block; }\r\n\r\n    \/* --- BACKGROUND --- *\/\r\n    #doms-mv-stylish-root::before {\r\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n        background-size: 50px 50px; z-index: 0; pointer-events: none;\r\n    }\r\n    #doms-mv-stylish-root::after {\r\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle at 50% 0%, rgba(224, 170, 62, 0.08) 0%, transparent 70%);\r\n        z-index: 0; pointer-events: none;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .doms-mv-container {\r\n        max-width: 1250px;\r\n        margin: 0 auto;\r\n        padding: 0 30px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .doms-mv-header {\r\n        text-align: center;\r\n        max-width: 950px;\r\n        margin: 0 auto 70px auto;\r\n    }\r\n\r\n    .doms-mv-badge {\r\n        display: inline-block; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 4px;\r\n        color: var(--mv-gold); font-weight: 700; margin-bottom: 25px;\r\n        border-bottom: 1px solid var(--mv-gold); padding-bottom: 5px;\r\n    }\r\n\r\n    \/* --- STYLISH MAIN HEADING --- *\/\r\n    .doms-mv-title {\r\n        font-family: var(--mv-font-deco); \/* Using Cinzel for impact *\/\r\n        font-size: 4rem;\r\n        margin: 0 0 30px 0;\r\n        line-height: 1.1;\r\n        font-weight: 400;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    \r\n    \/* Gold Ampersand Style *\/\r\n    .doms-mv-title span {\r\n        font-family: var(--mv-font-head); \/* Serif for the \"&\" *\/\r\n        font-style: italic;\r\n        color: var(--mv-gold);\r\n        font-weight: 400;\r\n        font-size: 4.5rem; \/* Slightly larger *\/\r\n        vertical-align: middle;\r\n        margin: 0 10px;\r\n        text-shadow: 0 0 20px var(--mv-gold-glow);\r\n    }\r\n\r\n    \/* Decorative Lines under Heading *\/\r\n    .doms-mv-title::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 100px;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, transparent, var(--mv-gold), transparent);\r\n        margin: 20px auto 0 auto;\r\n    }\r\n\r\n    .doms-mv-intro {\r\n        font-size: 1.25rem; color: var(--mv-text-silver); font-weight: 300; line-height: 1.8;\r\n    }\r\n\r\n    \/* --- CARDS GRID --- *\/\r\n    .doms-mv-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \r\n        gap: 40px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* --- SPLIT CARD (25% \/ 75%) --- *\/\r\n    .doms-mv-card {\r\n        background: var(--mv-bg-card);\r\n        backdrop-filter: blur(12px);\r\n        border: 8px solid rgba(255,255,255,0.08);\r\n        border-radius: 12px;\r\n        padding: 35px 35px;\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        \r\n        display: grid;\r\n        grid-template-columns: 25% 1fr; \/* Fixed ratio *\/\r\n        gap: 30px;\r\n        align-items: start;\r\n    }\r\n\r\n    .doms-mv-card:hover {\r\n        transform: translateY(-8px);\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border-color: var(--mv-gold);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    \/* Top Accent Line *\/\r\n    .doms-mv-card::before {\r\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\r\n        background: var(--mv-gold); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;\r\n    }\r\n    .doms-mv-card:hover::before { transform: scaleX(1); }\r\n\r\n    \/* Visual Column (25%) *\/\r\n    .doms-mv-card-visual {\r\n        display: flex;\r\n        justify-content: center;\r\n        padding-top: 5px;\r\n    }\r\n\r\n    .doms-mv-icon {\r\n        width: 70px; height: 70px;\r\n        color: var(--mv-gold);\r\n        background: rgba(255,255,255,0.05);\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n    }\r\n    .doms-mv-icon svg { width: 32px; height: 32px; fill: currentColor; }\r\n    \r\n    .doms-mv-card:hover .doms-mv-icon {\r\n        background: var(--mv-gold);\r\n        color: #1b2026;\r\n        box-shadow: 0 0 25px rgba(224, 170, 62, 0.4);\r\n    }\r\n\r\n    \/* Content Column (75%) *\/\r\n    .doms-mv-card-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* Box Headings *\/\r\n    .doms-mv-card-title {\r\n        font-family: var(--mv-font-head); \r\n        font-size: 1.8rem; \r\n        color: var(--mv-gold); \r\n        margin: 0 0 20px 0; \r\n        font-weight: 700;\r\n        letter-spacing: 0.5px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .doms-mv-card-text {\r\n        font-size: 1.1rem; \r\n        color: var(--mv-text-silver); \r\n        margin-bottom: 0; \r\n        font-weight: 400; \r\n        line-height: 1.8;\r\n        text-align: left; \/* Strict Left Align *\/\r\n    }\r\n\r\n    \/* List Styling *\/\r\n    .doms-mv-list {\r\n        list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px;\r\n    }\r\n    .doms-mv-list-item { \r\n        position: relative; padding-left: 20px; font-size: 1.05rem; color: var(--mv-text-silver); text-align: left;\r\n    }\r\n    .doms-mv-list-item::before {\r\n        content: \"\"; position: absolute; left: 0; top: 10px; width: 6px; height: 6px;\r\n        background: var(--mv-gold); border-radius: 50%;\r\n    }\r\n\r\n    \/* --- RESPONSIVE DESIGN --- *\/\r\n    @media (max-width: 1024px) {\r\n        .doms-mv-grid { grid-template-columns: 1fr; gap: 30px; } \r\n        .doms-mv-title { font-size: 3rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        #doms-mv-stylish-root { padding: 60px 0; }\r\n        .doms-mv-title { font-size: 2.2rem; line-height: 1.2; }\r\n        .doms-mv-header { text-align: left; }\r\n        .doms-mv-intro { text-align: left; }\r\n        \r\n        \/* Mobile Stack *\/\r\n        .doms-mv-card {\r\n            grid-template-columns: 1fr; \r\n            gap: 20px;\r\n            text-align: left;\r\n            padding: 30px 20px;\r\n        }\r\n        .doms-mv-card-visual { justify-content: flex-start; }\r\n    }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"doms-mv-stylish-root\">\r\n    <div class=\"doms-mv-container\">\r\n        \r\n        <div class=\"doms-mv-header\">\r\n            <span class=\"doms-mv-badge\">Strategic Foundation<\/span>\r\n            <br> <h1 class=\"doms-mv-title\">Mission <span>&<\/span> Vision<\/h1>\r\n            \r\n            <p class=\"doms-mv-intro\">\r\n                The Department of Management Studies of IIT Madras has recently set up a <strong style=\"color: #fff;\">\u201cManagement Case Study Centre\u201d<\/strong> to serve the needs of B-Schools with contemporary case studies.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"doms-mv-grid\">\r\n            \r\n            <div class=\"doms-mv-card\">\r\n                <div class=\"doms-mv-card-visual\">\r\n                    <div class=\"doms-mv-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"doms-mv-card-content\">\r\n                    <h2 class=\"doms-mv-card-title\">Long-term Vision<\/h2>\r\n                    <p class=\"doms-mv-card-text\">\r\n                        To develop an independent Management Case Study Centre that will serve the needs of B-Schools with contemporary case studies that will enhance the learning of students, across all management disciplines (functional areas); to be a repository of management case studies developed in India as well as in other geographies.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-mv-card\">\r\n                <div class=\"doms-mv-card-visual\">\r\n                    <div class=\"doms-mv-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"doms-mv-card-content\">\r\n                    <h2 class=\"doms-mv-card-title\">Mission & Objectives<\/h2>\r\n                    <ul class=\"doms-mv-list\">\r\n                        <li class=\"doms-mv-list-item\">Instill a culture of developing case studies focusing on Indian and International companies.<\/li>\r\n                        <li class=\"doms-mv-list-item\">Enhance relationships with Indian and Global Industry to develop contextual case studies.<\/li>\r\n                        <li class=\"doms-mv-list-item\">Set up a repository for accessible case studies.<\/li>\r\n                        <li class=\"doms-mv-list-item\">Collaborate with leading B-Schools in India and abroad.<\/li>\r\n                        <li class=\"doms-mv-list-item\">Collaborate with other International case study centers.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5e7332 e-flex e-con-boxed e-con e-parent\" data-id=\"f5e7332\" 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-1a8da14 elementor-widget elementor-widget-html\" data-id=\"1a8da14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Cinzel:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: MCSC Executive Committee (Vibrant Heading)\n       ========================================= *\/\n\n    #doms-ec-vibrant-root {\n        \/* --- Theme Variables --- *\/\n        --ec-font-head: 'Cinzel', serif; \/* Decorative Heading Font *\/\n        --ec-font-sub: 'Playfair Display', serif;\n        --ec-font-body: 'Lato', sans-serif;\n        \n        \/* Palette *\/\n        --ec-bg-light: #f9f7f2;\n        --ec-bg-white: #ffffff;\n        \n        \/* Text *\/\n        --ec-text-dark: #1a1a1a;\n        --ec-text-grey: #555555;\n        \n        \/* Vibrant Mixed Dark Gradient (Maroon -> Burnt Sienna -> Bronze) *\/\n        --ec-heading-gradient: linear-gradient(135deg, #4a0000 0%, #8b0000 40%, #b45309 100%);\n        --ec-gold: #c5a059;\n        \n        \/* Layout *\/\n        width: 100%;\n        padding: 25px 0;\n        background-color: var(--ec-bg-light);\n        font-family: var(--ec-font-body);\n        color: var(--ec-text-dark);\n        box-sizing: border-box;\n        line-height: 1.6;\n        position: relative;\n        overflow: hidden;\n    }\n\n    #doms-ec-vibrant-root * { box-sizing: border-box; }\n    #doms-ec-vibrant-root img { max-width: 100%; display: block; }\n\n    \/* --- BACKGROUND PATTERN --- *\/\n    #doms-ec-vibrant-root::before {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        \/* Dark Hexagon Pattern *\/\n        background-image: \n            linear-gradient(30deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0),\n            linear-gradient(150deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0),\n            linear-gradient(30deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0),\n            linear-gradient(150deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0);\n        background-size: 40px 69px; background-position: 0 0, 0 0, 20px 35px, 20px 35px;\n        opacity: 0.7; z-index: 0; pointer-events: none;\n    }\n\n    #doms-ec-vibrant-root::after {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at center, transparent 40%, rgba(249, 247, 242, 0.95) 100%);\n        z-index: 0; pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-ec-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* --- HEADER --- *\/\n    .doms-ec-header { text-align: center; margin-bottom: 60px; }\n\n    .doms-ec-badge {\n        display: inline-block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 3px;\n        color: #8b0000; font-weight: 700; margin-bottom: 15px; position: relative; padding-left: 15px;\n        font-family: var(--ec-font-body);\n    }\n    .doms-ec-badge::before {\n        content: \"\"; position: absolute; left: 0; top: 50%; transform: translateY(-50%);\n        width: 8px; height: 8px; background: var(--ec-gold); border-radius: 50%;\n    }\n\n    \/* VIBRANT & INTERESTING MAIN HEADING *\/\n    .doms-ec-title {\n        font-family: var(--ec-font-head); \n        font-size: 4rem; \/* Large size *\/\n        margin: 0; \n        line-height: 1.1; \n        font-weight: 700;\n        \/* Mixed Dark Gradient Text *\/\n        background: var(--ec-heading-gradient);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        \/* Subtle Drop Shadow for 3D effect *\/\n        filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.15));\n        letter-spacing: -0.5px;\n        position: relative;\n        display: inline-block;\n        padding-bottom: 15px;\n    }\n    \n    \/* Decorative Underline *\/\n    .doms-ec-title::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0; left: 50%; transform: translateX(-50%);\n        width: 80px; height: 4px;\n        background: var(--ec-heading-gradient);\n        border-radius: 2px;\n    }\n\n    \/* --- SINGLE LINE SCROLL TRACK --- *\/\n    .doms-ec-scroll-track {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 30px;\n        overflow-x: auto;\n        padding: 20px 10px 40px 10px;\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        justify-content: flex-start;\n        \/* Custom Scrollbar *\/\n        scrollbar-width: thin;\n        scrollbar-color: var(--ec-gold) rgba(0,0,0,0.05);\n    }\n\n    .doms-ec-scroll-track::-webkit-scrollbar { height: 6px; }\n    .doms-ec-scroll-track::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); border-radius: 10px; }\n    .doms-ec-scroll-track::-webkit-scrollbar-thumb { background-color: var(--ec-gold); border-radius: 10px; }\n\n    \/* --- PORTRAIT CARDS --- *\/\n    .doms-ec-card {\n        flex: 0 0 auto;\n        width: 260px;\n        background: var(--ec-bg-white);\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.06);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n        border: 1px solid rgba(0,0,0,0.03);\n        display: flex;\n        flex-direction: column;\n        scroll-snap-align: center;\n    }\n\n    .doms-ec-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 50px rgba(74, 0, 0, 0.15); \/* Maroon tinted shadow *\/\n        border-color: rgba(139, 0, 0, 0.2);\n    }\n\n    .doms-ec-card::before {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n        background: var(--ec-heading-gradient); z-index: 1;\n    }\n\n    .doms-ec-img-wrap {\n        width: 100%; height: 280px; overflow: hidden; background: #f0f0f0; position: relative;\n    }\n\n    .doms-ec-img {\n        width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; filter: sepia(15%)\n        ;filter: none !important\n    }\n\n    .doms-ec-card:hover .doms-ec-img { transform: scale(1.08); filter: none; }\n\n    .doms-ec-tag {\n        position: absolute; top: 15px; right: 15px; background: rgba(255, 255, 255, 0.95);\n        color: #1a1a1a; font-size: 0.7rem; font-weight: 700; text-transform: uppercase;\n        padding: 4px 10px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2;\n    }\n    \n    .doms-ec-tag.chair { background: var(--ec-gold); color: #fff; }\n\n    .doms-ec-info {\n        padding: 25px 20px; text-align: center; flex-grow: 1; display: flex; flex-direction: column;\n    }\n\n    .doms-ec-name {\n        font-family: var(--ec-font-sub); font-size: 1.3rem; color: var(--ec-text-dark);\n        margin: 0 0 10px 0; font-weight: 700; line-height: 1.2;\n    }\n\n    .doms-ec-role {\n        font-size: 0.9rem; color: var(--ec-text-grey); font-weight: 400; line-height: 1.5; margin-bottom: auto;\n    }\n\n    .doms-ec-scroll-hint {\n        display: flex; justify-content: center; align-items: center; gap: 8px;\n        font-size: 0.85rem; color: #888; margin-top: 15px; opacity: 0.7; font-weight: 600;\n        text-transform: uppercase; letter-spacing: 1px;\n    }\n    .doms-ec-arrow { width: 16px; height: 16px; fill: currentColor; animation: scrollBounce 1.5s infinite; }\n    @keyframes scrollBounce { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }\n\n    \/* --- RESPONSIVE ADJUSTMENTS --- *\/\n    @media (max-width: 768px) {\n        #doms-ec-vibrant-root { padding: 60px 0; }\n        \n        .doms-ec-title { \n            font-size: 2.4rem; \n            line-height: 1.3;\n        }\n        \n        \/* Ensure title wraps nicely on small screens *\/\n        .doms-ec-header { padding: 0 20px; }\n        \n        .doms-ec-card { width: 260px; }\n        \n        \/* Adjust scroll track for mobile padding *\/\n        .doms-ec-scroll-track { padding-left: 20px; padding-right: 20px; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-ec-vibrant-root\">\n    <div class=\"doms-ec-container\">\n        \n        <div class=\"doms-ec-header\">\n            <span class=\"doms-ec-badge\">Leadership Team<\/span>\n            <br>\n            <h1 class=\"doms-ec-title\">Composition of MCSC\u2019s Executive Committee<\/h1>\n        <\/div>\n\n        <div class=\"doms-ec-scroll-track\">\n            \n            <div class=\"doms-ec-card\">\n                <span class=\"doms-ec-tag chair\">Chairperson<\/span>\n                <div class=\"doms-ec-img-wrap\">\n                    <img decoding=\"async\" class=\"doms-ec-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2U2A0831-scaled-e1771356243218.jpg\" alt=\"Dr. Rupashree Baral\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1557px; --smush-placeholder-aspect-ratio: 1557\/1600;\">\n                <\/div>\n                <div class=\"doms-ec-info\">\n                    <h3 class=\"doms-ec-name\">Dr. Rupashree Baral<\/h3>\n                    <p class=\"doms-ec-role\">Human Resource Management &<br>Organization Behavior<\/p>\n                <\/div>\n            <\/div>\n\n            <!--<div class=\"doms-ec-card\">-->\n            <!--    <div class=\"doms-ec-img-wrap\">-->\n            <!--        <img decoding=\"async\" class=\"doms-ec-img\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=400&auto=format&fit=crop\" alt=\"Dr. Pinosh Kumar Hajoary\">-->\n            <!--    <\/div>-->\n            <!--    <div class=\"doms-ec-info\">-->\n            <!--        <h3 class=\"doms-ec-name\">Dr. Pinosh Kumar Hajoary<\/h3>-->\n            <!--        <p class=\"doms-ec-role\">Integrative &<br>Strategic Management<\/p>-->\n            <!--    <\/div>-->\n            <!--<\/div>-->\n\n            <div class=\"doms-ec-card\">\n                <div class=\"doms-ec-img-wrap\">\n                    <img decoding=\"async\" class=\"doms-ec-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2U2A0314-scaled-e1771406116178.jpg\" alt=\"Dr. Prathamesh Vivek Kittur\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1212px; --smush-placeholder-aspect-ratio: 1212\/1600;\">\n                <\/div>\n                <div class=\"doms-ec-info\">\n                    <h3 class=\"doms-ec-name\">Dr. Prathamesh Vivek Kittur<\/h3>\n                    <p class=\"doms-ec-role\">Marketing<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-ec-card\">\n                <div class=\"doms-ec-img-wrap\">\n                    <img decoding=\"async\" class=\"doms-ec-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2U2A0840-scaled-e1771351607327.jpg\" alt=\"Dr. Srinivasan S\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1183px; --smush-placeholder-aspect-ratio: 1183\/1600;\">\n                <\/div>\n                <div class=\"doms-ec-info\">\n                    <h3 class=\"doms-ec-name\">Dr. Srinivasan S<\/h3>\n                    <p class=\"doms-ec-role\">Human Resource Management &<br>Organization Behavior<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-ec-card\">\n                <span class=\"doms-ec-tag\">Industry Rep<\/span>\n                <div class=\"doms-ec-img-wrap\">\n                    <img decoding=\"async\" class=\"doms-ec-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_2026-02-18_15-04-14.jpg\" alt=\"Mr. G Shanker\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 696px; --smush-placeholder-aspect-ratio: 696\/1024;\">\n                <\/div>\n                <div class=\"doms-ec-info\">\n                    <h3 class=\"doms-ec-name\">Mr. G Shanker<\/h3>\n                    <p class=\"doms-ec-role\">Madras Consultancy Group<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"doms-ec-scroll-hint\">\n            <span>Scroll to View Team<\/span>\n            <svg class=\"doms-ec-arrow\" viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84fa8d5 e-flex e-con-boxed e-con e-parent\" data-id=\"84fa8d5\" 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-1040e34 elementor-widget elementor-widget-html\" data-id=\"1040e34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Cinzel:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS MCSC Dual Section (Royal Obsidian)\n       ========================================= *\/\n\n    #doms-dual-obsidian-root {\n        \/* --- Theme Variables --- *\/\n        --ds-font-title: 'Cinzel', serif;\n        --ds-font-head: 'Playfair Display', serif;\n        --ds-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Deep Obsidian *\/\n        --ds-bg-main: #1e242b;        \/* Deep Charcoal *\/\n        --ds-bg-panel: #262d36;       \/* Lighter Panel *\/\n        \n        \/* Text High Visibility *\/\n        --ds-text-white: #ffffff;     \/* Pure White *\/\n        --ds-text-silver: #e2e8f0;    \/* Bright Silver *\/\n        \n        \/* Accents *\/\n        --ds-maroon: #ff4d4d;         \/* Vibrant Maroon for Dark Mode *\/\n        --ds-gold: #e6c88b;           \/* Soft Gold *\/\n        --ds-gold-grad: linear-gradient(135deg, #d4af37 0%, #faeec7 50%, #b48b3e 100%);\n        \n        \/* Layout *\/\n        width: 100%;\n        background-color: var(--ds-bg-main);\n        font-family: var(--ds-font-body);\n        color: var(--ds-text-white);\n        box-sizing: border-box;\n        line-height: 1.6;\n        position: relative;\n        overflow: hidden;\n    }\n\n    #doms-dual-obsidian-root * { box-sizing: border-box; }\n    #doms-dual-obsidian-root img { max-width: 100%; display: block; }\n    #doms-dual-obsidian-root ul { list-style: none; padding: 0; margin: 0; }\n\n    \/* --- GLOBAL BACKGROUND PATTERN (Light on Dark) --- *\/\n    #doms-dual-obsidian-root::before {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        \/* Visible Geometric Grid *\/\n        background-image: \n            linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n        background-size: 40px 40px;\n        z-index: 0; pointer-events: none;\n    }\n\n    \/* Vignette Overlay *\/\n    #doms-dual-obsidian-root::after {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at 50% 50%, transparent 20%, rgba(30, 36, 43, 0.8) 100%);\n        z-index: 0; pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-ds-container {\n        max-width: 1300px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* --- TYPOGRAPHY DECORATION --- *\/\n    .doms-ds-eyebrow {\n        display: inline-block; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 3px;\n        color: var(--ds-gold); font-weight: 700; margin-bottom: 20px;\n        border: 1px solid rgba(230, 200, 139, 0.3); padding: 8px 16px; background: rgba(0,0,0,0.3);\n    }\n\n    \/* Decorated Heading *\/\n    .doms-ds-title {\n        font-family: var(--ds-font-title);\n        font-size: 3rem;\n        margin: 0 0 35px 0;\n        line-height: 1.2;\n        font-weight: 700;\n        \/* Metallic Gradient Text *\/\n        background: var(--ds-gold-grad);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        text-shadow: 0 4px 10px rgba(0,0,0,0.5);\n        position: relative;\n        display: inline-block;\n    }\n    \n    \/* Underline Decoration *\/\n    .doms-ds-title::after {\n        content: \"\"; display: block; width: 80px; height: 3px;\n        background: var(--ds-maroon); margin-top: 10px;\n        box-shadow: 40px 0 0 var(--ds-gold), -40px 0 0 var(--ds-gold); \/* Multi-color line *\/\n    }\n\n    .doms-ds-intro {\n        font-size: 1.25rem; color: var(--ds-text-silver); margin-bottom: 40px; font-weight: 300;\n        border-left: 4px solid var(--ds-gold); padding-left: 20px;\n        background: linear-gradient(90deg, rgba(230,200,139,0.05) 0%, transparent 100%);\n        padding-top: 10px; padding-bottom: 10px;\n    }\n\n    \/* --- STYLISH SECTION DIVIDER --- *\/\n    .doms-ds-separator {\n        position: relative;\n        height: 60px;\n        display: flex; align-items: center; justify-content: center;\n        width: 100%;\n        margin: 0;\n        z-index: 5;\n    }\n    \n    \/* The Line *\/\n    .doms-ds-separator::before {\n        content: \"\"; position: absolute; left: 10%; right: 10%; height: 1px;\n        background: linear-gradient(90deg, transparent, var(--ds-gold), transparent);\n        opacity: 0.5;\n    }\n    \n    \/* The Center Ornament *\/\n    .doms-ds-sep-icon {\n        width: 40px; height: 40px;\n        background: var(--ds-bg-main);\n        border: 1px solid var(--ds-gold);\n        transform: rotate(45deg);\n        display: flex; align-items: center; justify-content: center;\n        box-shadow: 0 0 15px rgba(230,200,139,0.3);\n        z-index: 2;\n    }\n    .doms-ds-sep-inner {\n        width: 20px; height: 20px; background: var(--ds-gold);\n    }\n\n\n    \/* =========================================\n       SECTION 1: FUNCTIONAL AREAS\n       ========================================= *\/\n    .doms-ds-section-1 {\n        padding: 100px 0 60px 0;\n    }\n\n    .doms-ds-layout-1 {\n        display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: center;\n    }\n\n    \/* List Grid *\/\n    .doms-ds-list-grid {\n        display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\n    }\n\n    .doms-ds-list-item { margin-bottom: 20px; }\n\n    .doms-ds-topic {\n        font-family: var(--ds-font-head); font-size: 1.15rem; font-weight: 700;\n        color: var(--ds-text-white); margin-bottom: 6px; position: relative;\n        padding-left: 25px; display: block; transition: transform 0.3s;\n    }\n    \/* Gold Diamond Bullet *\/\n    .doms-ds-topic::before {\n        content: \"\"; position: absolute; left: 0; top: 8px; width: 8px; height: 8px;\n        background: var(--ds-gold); transform: rotate(45deg);\n        box-shadow: 0 0 8px rgba(230,200,139,0.6);\n    }\n    .doms-ds-list-item:hover .doms-ds-topic { color: var(--ds-gold); transform: translateX(5px); }\n\n    .doms-ds-sublist { margin-left: 10px; padding-left: 15px; border-left: 1px solid rgba(255,255,255,0.1); }\n    .doms-ds-sub-item {\n        font-size: 1rem; color: var(--ds-text-silver); margin-bottom: 5px; display: block;\n    }\n    .doms-ds-sub-item::before { content: \"\u2014\"; color: rgba(255,255,255,0.3); margin-right: 8px; }\n\n\n    \/* =========================================\n       SECTION 2: TYPES & SECTORS\n       ========================================= *\/\n    .doms-ds-section-2 {\n        padding: 60px 0 100px 0;\n    }\n\n    .doms-ds-layout-2 {\n        display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center;\n    }\n\n    \/* Types List (Cards) *\/\n    .doms-ds-types-list {\n        display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px;\n    }\n\n    .doms-ds-type-card {\n        background: var(--ds-bg-panel); border: 1px solid rgba(255,255,255,0.05);\n        padding: 25px; border-radius: 8px; display: flex; gap: 20px;\n        transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n    }\n    .doms-ds-type-card:hover {\n        transform: translateX(10px); border-color: var(--ds-gold);\n        background: linear-gradient(90deg, var(--ds-bg-panel) 0%, rgba(230,200,139,0.05) 100%);\n    }\n    \n    .doms-ds-type-icon { color: var(--ds-gold); flex-shrink: 0; width: 30px; }\n    .doms-ds-type-text { font-size: 1.05rem; color: #fff; line-height: 1.5; font-weight: 400; }\n\n    \/* Sector Grid *\/\n    .doms-ds-sector-head {\n        font-family: var(--ds-font-head); font-size: 1.4rem; color: #fff; margin-bottom: 20px;\n        border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; display: inline-block;\n    }\n    .doms-ds-sector-grid {\n        display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;\n    }\n    .doms-ds-sector-box {\n        background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);\n        border-radius: 6px; padding: 20px 10px; text-align: center; transition: 0.3s;\n    }\n    .doms-ds-sector-box:hover {\n        background: var(--ds-maroon); transform: translateY(-5px); border-color: var(--ds-maroon);\n    }\n    .doms-ds-sector-title { font-size: 0.95rem; font-weight: 700; color: #fff; line-height: 1.3; }\n\n    \/* CTA *\/\n    .doms-ds-cta-box {\n        margin-top: 30px; padding: 20px;\n        border-top: 1px solid rgba(255,255,255,0.1);\n        text-align: center;\n    }\n    .doms-ds-cta-text { font-size: 1rem; color: var(--ds-text-silver); margin-bottom: 5px; }\n    .doms-ds-link { \n        font-size: 1.2rem; color: var(--ds-gold); font-weight: 700; text-decoration: none;\n        border-bottom: 2px solid var(--ds-gold); transition: 0.3s;\n    }\n    .doms-ds-link:hover { color: #fff; border-color: #fff; }\n\n\n    \/* =========================================\n       DYNAMIC COLLAGE STYLES (Shared)\n       ========================================= *\/\n    .doms-ds-collage-wrapper {\n        position: relative;\n        height: 500px;\n        cursor: pointer;\n        perspective: 1000px;\n    }\n\n    .doms-ds-collage-item {\n        position: absolute;\n        border-radius: 8px;\n        overflow: hidden;\n        border: 1px solid rgba(255,255,255,0.2);\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\n        transform-style: preserve-3d;\n        background: #000;\n    }\n    .doms-ds-collage-item img {\n        width: 100%; height: 100%; object-fit: cover;\n        filter: saturate(0) brightness(0.9) contrast(1.1); transition: 0.6s;\n    }\n    \n    \/* Hover Effects *\/\n    .doms-ds-collage-wrapper:hover .doms-ds-collage-item {\n        border-color: var(--ds-gold);\n        box-shadow: 0 30px 70px rgba(0,0,0,0.7);\n    }\n    .doms-ds-collage-wrapper:hover .doms-ds-collage-item img {\n        filter: saturate(1) brightness(1);\n    }\n\n    \/* --- COLLAGE 1 (Left Side) --- *\/\n    .doms-c1-back { top: 0; left: 0; width: 75%; height: 60%; z-index: 1; transform: rotateY(5deg); }\n    .doms-c1-front { bottom: 0; right: 0; width: 65%; height: 55%; z-index: 2; transform: rotateY(-5deg) translateZ(20px); border: 4px solid var(--ds-bg-main); }\n    .doms-c1-float { top: 35%; right: -10%; width: 40%; height: 30%; z-index: 3; transform: rotateZ(3deg) translateZ(40px); }\n\n    .doms-ds-collage-wrapper:hover .doms-c1-back { transform: translateX(-20px) translateY(-20px) rotateY(0); }\n    .doms-ds-collage-wrapper:hover .doms-c1-front { transform: translateX(20px) translateY(20px) rotateY(0); }\n    .doms-ds-collage-wrapper:hover .doms-c1-float { transform: translateX(40px) rotateZ(0); }\n\n    \/* --- COLLAGE 2 (Right Side) --- *\/\n    .doms-c2-back { top: 0; right: 0; width: 80%; height: 55%; z-index: 1; transform: rotateZ(-2deg); }\n    .doms-c2-front { bottom: 0; left: 0; width: 60%; height: 50%; z-index: 2; transform: rotateZ(3deg) translateZ(20px); border: 4px solid var(--ds-bg-main); }\n    .doms-c2-float { bottom: 20%; right: -5%; width: 45%; height: 35%; z-index: 3; transform: rotateZ(-4deg) translateZ(40px); }\n\n    .doms-ds-collage-wrapper:hover .doms-c2-back { transform: translateY(-20px) rotateZ(0); }\n    .doms-ds-collage-wrapper:hover .doms-c2-front { transform: translateX(-20px) translateY(20px) rotateZ(0); }\n    .doms-ds-collage-wrapper:hover .doms-c2-float { transform: translateX(30px) rotateZ(0); }\n\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-ds-layout-1, .doms-ds-layout-2 { grid-template-columns: 1fr; gap: 60px; }\n        \n        \/* Mobile Order *\/\n        .doms-ds-layout-1 .doms-ds-collage-wrapper { order: 2; height: 400px; margin-top: 30px; }\n        .doms-ds-layout-2 .doms-ds-collage-wrapper { order: 2; height: 400px; margin-top: 30px; }\n        \n        .doms-c1-back, .doms-c2-back { width: 90%; left: 5%; right: auto; }\n        .doms-c1-front, .doms-c2-front { width: 60%; right: 0; left: auto; bottom: -20px; }\n        .doms-c1-float, .doms-c2-float { display: none; } \n    }\n\n    @media (max-width: 600px) {\n        #doms-dual-obsidian-root { padding: 60px 0; }\n        .doms-ds-title { font-size: 2.2rem; }\n        \n        .doms-ds-list-grid { grid-template-columns: 1fr; gap: 15px; }\n        .doms-ds-sector-grid { grid-template-columns: 1fr; }\n        .doms-ds-collage-wrapper { height: 300px; }\n        \n        .doms-ds-sector-box { display: flex; align-items: center; gap: 10px; text-align: left; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-dual-obsidian-root\">\n    \n    <div class=\"doms-ds-section-1\">\n        <div class=\"doms-ds-container\">\n            <div class=\"doms-ds-layout-1\">\n                \n                <div class=\"doms-ds-collage-wrapper\">\n                    <div class=\"doms-ds-collage-item doms-c1-back\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_1_2026-02-18_14-52-11.jpg\"style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" alt=\"Strategic Boardroom\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <\/div>\n                    <div class=\"doms-ds-collage-item doms-c1-front\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_5_2026-02-18_14-52-11.jpg\"style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" alt=\"Data Analytics\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <\/div>\n                    <div class=\"doms-ds-collage-item doms-c1-float\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_4_2026-02-18_14-52-11.jpg\"style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ds-text-col\">\n                    <span class=\"doms-ds-eyebrow\">Academic Scope<\/span>\n                    <h1 class=\"doms-ds-title\">Case Study Functional areas<\/h1>\n                    \n                    <p class=\"doms-ds-intro\">\n                        Broad functional areas for developing case studies, to include:\n                    <\/p>\n\n                    <div class=\"doms-ds-list-grid\">\n                        <div class=\"doms-ds-list-col\">\n                            <div class=\"doms-ds-list-item\">\n                                <span class=\"doms-ds-topic\">General Management<\/span>\n                                <div class=\"doms-ds-sublist\">\n                                    <span class=\"doms-ds-sub-item\">Business Ethics<\/span>\n                                    <span class=\"doms-ds-sub-item\">Social Enterprise<\/span>\n                                    <span class=\"doms-ds-sub-item\">Economics<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Strategic Management<\/span><\/div>\n                            <div class=\"doms-ds-list-item\">\n                                <span class=\"doms-ds-topic\">Sustainability<\/span>\n                                <div class=\"doms-ds-sublist\"><span class=\"doms-ds-sub-item\">ESG\/Circular Economy<\/span><\/div>\n                            <\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Innovation & Entrepreneurship<\/span><\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">International Management & Global Business Management<\/span><\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Human Resources Management<\/span><\/div>\n                        <\/div>\n                        <div class=\"doms-ds-list-col\">\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Organizational Behaviour<\/span><\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Finance<\/span><\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Accounting<\/span><\/div>\n                            <div class=\"doms-ds-list-item\">\n                                <span class=\"doms-ds-topic\">Operations & Supply Chain<\/span>\n                                <div class=\"doms-ds-sublist\"><span class=\"doms-ds-sub-item\">Logistics<\/span><\/div>\n                            <\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Information Systems & Technology<\/span><\/div>\n                            <div class=\"doms-ds-list-item\"><span class=\"doms-ds-topic\">Data Sciences<\/span><\/div>\n                            <div class=\"doms-ds-list-item\">\n                                <span class=\"doms-ds-topic\">Marketing<\/span>\n                                <div class=\"doms-ds-sublist\">\n                                    <span class=\"doms-ds-sub-item\">Consumer Marketing<\/span>\n                                    <span class=\"doms-ds-sub-item\">B2B\/Industrial Marketing<\/span>\n                                    <span class=\"doms-ds-sub-item\">Services Marketing<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"doms-ds-separator\">\n        <div class=\"doms-ds-sep-icon\">\n            <div class=\"doms-ds-sep-inner\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"doms-ds-section-2\">\n        <div class=\"doms-ds-container\">\n            <div class=\"doms-ds-layout-2\">\n                \n                <div class=\"doms-ds-text-col\">\n                    <span class=\"doms-ds-eyebrow\">Strategic Focus<\/span>\n                    <h1 class=\"doms-ds-title\">Types of Cases and Sectoral Focus<\/h1>\n                    \n                    <p class=\"doms-ds-intro\">\n                        Broadly the cases may be grouped as :\n                    <\/p>\n\n                    <div class=\"doms-ds-types-list\">\n                        <div class=\"doms-ds-type-card\">\n                            <svg class=\"doms-ds-type-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L2 7l10 5 10-5-10-5zm0 9l2.5-1.25L12 8.5l-2.5 1.25L12 11zm0 2.5l-5-2.5-5 2.5L12 22l10-8.5-5-2.5-5 2.5z\"\/><\/svg>\n                            <span class=\"doms-ds-type-text\">Multi-functional area case studies developed in collaboration with a Company<\/span>\n                        <\/div>\n                        <div class=\"doms-ds-type-card\">\n                            <svg class=\"doms-ds-type-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\n                            <span class=\"doms-ds-type-text\">Single functional area case studies developed in collaboration with a Company<\/span>\n                        <\/div>\n                        <div class=\"doms-ds-type-card\">\n                            <svg class=\"doms-ds-type-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\n                            <span class=\"doms-ds-type-text\">Case studies and caselets based entirely on published material<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"doms-ds-intro\" style=\"font-size:1rem; border:none; padding:0; margin-bottom:20px; background:none;\">\n                        The case studies to be developed at the centre will initially focus on companies:\n                    <\/p>\n\n                    <div class=\"doms-ds-sector-grid\">\n                        <div class=\"doms-ds-sector-box\"><span class=\"doms-ds-sector-title\">Large Indian \/<br>Multinational companies<\/span><\/div>\n                        <div class=\"doms-ds-sector-box\"><span class=\"doms-ds-sector-title\">Indian MSME<br>companies<\/span><\/div>\n                        <div class=\"doms-ds-sector-box\"><span class=\"doms-ds-sector-title\">Indian<br>Start-ups<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"doms-ds-cta-box\">\n                        <p class=\"doms-ds-cta-text\">For further information on the Management Case Study Centre, please contact:<\/p>\n                        <a href=\"mailto:doms@iitm.ac.in\" class=\"doms-ds-link\">doms@iitm.ac.in<\/a>\n                        <p class=\"doms-ds-cta-text\">with your queries.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ds-collage-wrapper\">\n                    <div class=\"doms-ds-collage-item doms-c2-back\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/DSC04519-1--e1769441246673.jpg\"style=\"--smush-placeholder-width: 1344px; --smush-placeholder-aspect-ratio: 1344\/1067;filter:none\" alt=\"Corporate Architecture\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <\/div>\n                    <div class=\"doms-ds-collage-item doms-c2-front\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/1754727058403-e1770800222717.jpg\"style=\"--smush-placeholder-width: 723px; --smush-placeholder-aspect-ratio: 723\/623;filter:none\" alt=\"Industrial Focus\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <\/div>\n                    <div class=\"doms-ds-collage-item doms-c2-float\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-12-113539.png\"style=\"--smush-placeholder-width: 1190px; --smush-placeholder-aspect-ratio: 1190\/832;filter:none\" alt=\"Startup Innovation\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb33db8 e-flex e-con-boxed e-con e-parent\" data-id=\"eb33db8\" 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-443067d elementor-widget elementor-widget-html\" data-id=\"443067d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Cinzel:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: MCSC Case Quest Section\n       ========================================= *\/\n\n    #doms-casequest-root {\n        \/* --- Theme Variables --- *\/\n        --cq-font-title: 'Cinzel', serif;\n        --cq-font-head: 'Playfair Display', serif;\n        --cq-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Celebration & Academics *\/\n        --cq-bg-main: #fcfbf9;        \/* Warm Academic White *\/\n        --cq-bg-card: #ffffff;\n        \n        \/* Text *\/\n        --cq-text-dark: #1a1a1a;\n        --cq-text-grey: #555555;\n        \n        \/* Accents *\/\n        --cq-maroon: #800000;\n        --cq-gold: #d4af37;\n        --cq-gold-light: rgba(212, 175, 55, 0.1);\n        \n        \/* Layout *\/\n        width: 100%;\n        padding: 100px 0;\n        background-color: var(--cq-bg-main);\n        font-family: var(--cq-font-body);\n        color: var(--cq-text-dark);\n        box-sizing: border-box;\n        line-height: 1.6;\n        position: relative;\n        overflow: hidden;\n    }\n\n    #doms-casequest-root * { box-sizing: border-box; }\n    #doms-casequest-root img { max-width: 100%; display: block; }\n    #doms-casequest-root table { border-collapse: collapse; width: 100%; }\n\n    \/* --- BACKGROUND PATTERN --- *\/\n    #doms-casequest-root::before {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        \/* Abstract Geometric Pattern (Subtle Trophies\/Angles) *\/\n        background-image: \n            linear-gradient(135deg, rgba(128, 0, 0, 0.03) 25%, transparent 25%),\n            linear-gradient(225deg, rgba(128, 0, 0, 0.03) 25%, transparent 25%),\n            linear-gradient(45deg, rgba(128, 0, 0, 0.03) 25%, transparent 25%),\n            linear-gradient(315deg, rgba(128, 0, 0, 0.03) 25%, transparent 25%);\n        background-position: 40px 0, 40px 0, 0 0, 0 0;\n        background-size: 80px 80px;\n        background-repeat: repeat;\n        z-index: 0; pointer-events: none;\n    }\n\n    \/* Side Accent *\/\n    #doms-casequest-root::after {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 6px;\n        background: linear-gradient(90deg, var(--cq-maroon) 0%, var(--cq-gold) 100%);\n        z-index: 2;\n    }\n\n    \/* Container *\/\n    .doms-cq-container {\n        max-width: 1300px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* --- HEADER --- *\/\n    .doms-cq-header-wrap {\n        text-align: center;\n        margin-bottom: 60px;\n        max-width: 900px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .doms-cq-badge {\n        display: inline-block; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 3px;\n        color: var(--cq-maroon); font-weight: 700; margin-bottom: 20px;\n        border: 1px solid rgba(128, 0, 0, 0.2); padding: 8px 16px; background: #fff;\n    }\n\n    .doms-cq-title {\n        font-family: var(--cq-font-title);\n        font-size: 3rem;\n        margin: 0 0 20px 0;\n        line-height: 1.2;\n        font-weight: 700;\n        color: var(--cq-text-dark);\n    }\n    \n    .doms-cq-title span { color: var(--cq-gold); }\n\n    \/* --- LAYOUT GRID --- *\/\n    .doms-cq-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n        margin-bottom: 80px;\n    }\n\n    \/* Left: Text Content *\/\n    .doms-cq-text-col p {\n        margin-bottom: 25px;\n        font-size: 1.1rem;\n        color: var(--cq-text-grey);\n    }\n    \n    .doms-cq-text-col strong { color: var(--cq-maroon); font-weight: 700; }\n\n    \/* Right: Slideshow *\/\n    .doms-cq-slider-frame {\n        position: relative;\n        width: 100%;\n        height: 450px;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 20px 20px 0px rgba(128,0,0,0.05); \/* Offset shadow *\/\n        background: #000;\n    }\n\n    .doms-cq-slide {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        opacity: 0; transition: opacity 1s ease-in-out;\n    }\n    .doms-cq-slide.active { opacity: 1; }\n    \n    .doms-cq-slide img {\n        width: 100%; height: 100%; object-fit: cover;\n    }\n    \n    \/* Slide Caption *\/\n    .doms-cq-slide-caption {\n        position: absolute; bottom: 0; left: 0; width: 100%;\n        background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n        color: #fff; padding: 40px 20px 20px 20px;\n        font-family: var(--cq-font-head); font-size: 1rem;\n    }\n\n    \/* --- WINNERS TABLE SECTION --- *\/\n    .doms-cq-winners-box {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n        padding: 50px;\n        border: 1px solid rgba(0,0,0,0.05);\n        position: relative;\n        overflow: hidden;\n    }\n    \n    \/* Gold accent corner *\/\n    .doms-cq-winners-box::before {\n        content: \"\"; position: absolute; top: -50px; right: -50px;\n        width: 100px; height: 100px; background: var(--cq-gold);\n        transform: rotate(45deg); opacity: 0.2;\n    }\n\n    .doms-cq-winners-head {\n        font-family: var(--cq-font-head); font-size: 2rem; color: var(--cq-maroon);\n        margin-bottom: 30px; text-align: center; font-weight: 700;\n    }\n\n    .doms-cq-table { width: 100%; border-spacing: 0; }\n    \n    .doms-cq-table th {\n        text-align: left; padding: 20px;\n        font-family: var(--cq-font-title); font-size: 0.9rem; text-transform: uppercase;\n        color: var(--cq-text-dark); border-bottom: 2px solid var(--cq-gold);\n        background: var(--cq-bg-main); letter-spacing: 1px;\n    }\n    \n    .doms-cq-table td {\n        padding: 20px; border-bottom: 1px solid #eee;\n        font-size: 1rem; vertical-align: middle;\n        color: var(--cq-text-grey);\n    }\n\n    \/* Rank Styles *\/\n    .doms-cq-rank { font-weight: 700; font-family: var(--cq-font-title); }\n    .doms-cq-row-1 .doms-cq-rank { color: #D4AF37; font-size: 1.2rem; } \/* Gold *\/\n    .doms-cq-row-2 .doms-cq-rank { color: #C0C0C0; font-size: 1.15rem; } \/* Silver *\/\n    .doms-cq-row-3 .doms-cq-rank { color: #CD7F32; font-size: 1.1rem; } \/* Bronze *\/\n\n    \/* Highlight Top Rows *\/\n    .doms-cq-row-1 { background: rgba(212, 175, 55, 0.05); }\n\n    \/* Prize Column *\/\n    .doms-cq-prize { font-weight: 700; color: var(--cq-maroon); font-family: var(--cq-font-body); }\n\n    \/* --- SPONSOR & FOOTER --- *\/\n    .doms-cq-footer-grid {\n        display: grid; grid-template-columns: 1fr 1fr;\n        gap: 50px; margin-top: 60px;\n        align-items: start;\n    }\n\n    .doms-cq-sponsor-box {\n        background: var(--cq-bg-main); border: 1px solid rgba(0,0,0,0.05);\n        padding: 30px; border-radius: 8px; border-left: 4px solid var(--cq-gold);\n    }\n    .doms-cq-sponsor-text { font-size: 1rem; color: var(--cq-text-grey); margin: 0; }\n\n    .doms-cq-closing-text { font-size: 1.1rem; color: var(--cq-text-dark); font-style: italic; }\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-cq-grid { grid-template-columns: 1fr; }\n        .doms-cq-slider-frame { height: 400px; order: -1; margin-bottom: 30px; }\n        \n        .doms-cq-footer-grid { grid-template-columns: 1fr; }\n    }\n\n    @media (max-width: 768px) {\n        \/* Mobile Table Card View *\/\n        .doms-cq-table thead { display: none; }\n        .doms-cq-table, .doms-cq-table tbody, .doms-cq-table tr, .doms-cq-table td {\n            display: block; width: 100%;\n        }\n        .doms-cq-table tr {\n            margin-bottom: 20px; border: 1px solid #eee; border-radius: 8px;\n            padding: 15px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n        }\n        .doms-cq-table td {\n            padding: 10px 0; border-bottom: none; text-align: left;\n        }\n        \/* Add labels for mobile *\/\n        .doms-cq-table td::before {\n            content: attr(data-label);\n            font-weight: 700; display: block; font-size: 0.8rem;\n            text-transform: uppercase; color: #999; margin-bottom: 4px;\n        }\n        \n        \/* Rank Specific Mobile Styling *\/\n        .doms-cq-row-1 { border: 2px solid var(--cq-gold) !important; background: #fff !important; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-casequest-root { padding: 60px 0; }\n        .doms-cq-title { font-size: 2.2rem; }\n        .doms-cq-winners-box { padding: 20px; }\n        .doms-cq-slider-frame { height: 250px; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-casequest-root\">\n    <div class=\"doms-cq-container\">\n        \n        <div class=\"doms-cq-header-wrap\">\n            <span class=\"doms-cq-badge\">Flagship Event<\/span>\n            <h1 class=\"doms-cq-title\">Case Quest<br><span>Pan India Competition<\/span><\/h1>\n        <\/div>\n\n        <div class=\"doms-cq-grid\">\n            \n            <div class=\"doms-cq-text-col\">\n                <p>\n                    The <strong>Management Case Study Centre (MCSC)<\/strong>, Department of Management Studies (DoMS), IIT Madras, successfully organized <strong>Case Quest<\/strong>, a pan India case study writing competition, on 9\u201310 October 2025 at the IIT Madras campus.\n                <\/p>\n                <p>\n                    Case Quest is a flagship initiative of MCSC designed to promote case-based teaching and learning in management education. The competition invites faculty, researchers, and students from academic institutions across India along with industry representative to develop original case studies based on real-life business and management scenarios.\n                <\/p>\n                <p>\n                    The competition witnessed enthusiastic participation from institutions across the country. Shortlisted cases were presented before an expert panel comprising distinguished academicians and industry professionals.\n                <\/p>\n            <\/div>\n\n            <div class=\"doms-cq-slider-frame\">\n                <div class=\"doms-cq-slide active\">\n                    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_7_2026-02-18_14-52-11.jpg\"style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" alt=\"Case Quest Presentation\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <div class=\"doms-cq-slide-caption\">Expert Panel Reviewing Cases at IIT Madras<\/div>\n                <\/div>\n                <div class=\"doms-cq-slide\">\n                    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_2_2026-02-18_14-52-11.jpg\"style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <div class=\"doms-cq-slide-caption\">Award Ceremony: Celebrating Excellence<\/div>\n                <\/div>\n                <div class=\"doms-cq-slide\">\n                    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo_5_2026-02-18_14-52-11.jpg\"style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <div class=\"doms-cq-slide-caption\">Collaborative Discussions & Networking<\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"doms-cq-winners-box\">\n            <h2 class=\"doms-cq-winners-head\">We are pleased to announce the winners of Case Quest<\/h2>\n            \n            <table class=\"doms-cq-table\">\n                <thead>\n                    <tr>\n                        <th style=\"width:10%\">Rank<\/th>\n                        <th style=\"width:40%\">Case Study Title<\/th>\n                        <th style=\"width:30%\">Representing Institute<\/th>\n                        <th style=\"width:20%; text-align:right;\">Prize<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr class=\"doms-cq-row-1\">\n                        <td class=\"doms-cq-rank\" data-label=\"Rank\">1st Prize<\/td>\n                        <td data-label=\"Title\">Can Sustainability and Profitability Coexist? A Case Study on Revenue Diversification and Organic Practices in Tamil Nadu Farms<\/td>\n                        <td data-label=\"Institute\">PSG Institute of Management<\/td>\n                        <td class=\"doms-cq-prize\" data-label=\"Prize\" style=\"text-align:right;\">\u20b91,50,000<\/td>\n                    <\/tr>\n                    <tr class=\"doms-cq-row-2\">\n                        <td class=\"doms-cq-rank\" data-label=\"Rank\">2nd Prize<\/td>\n                        <td data-label=\"Title\">Thaely: Transforming Plastic Waste into Shoes<\/td>\n                        <td data-label=\"Institute\">ICFAI Business School<\/td>\n                        <td class=\"doms-cq-prize\" data-label=\"Prize\" style=\"text-align:right;\">\u20b91,00,000<\/td>\n                    <\/tr>\n                    <tr class=\"doms-cq-row-3\">\n                        <td class=\"doms-cq-rank\" data-label=\"Rank\">3rd Prize<\/td>\n                        <td data-label=\"Title\">From Sesame to Groundnut: Leveraging Idhayam\u2019s Legacy to Penetrate South India\u2019s Competitive Oil Market<\/td>\n                        <td data-label=\"Institute\">IIT Madras<\/td>\n                        <td class=\"doms-cq-prize\" data-label=\"Prize\" style=\"text-align:right;\">\u20b975,000<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"doms-cq-rank\" data-label=\"Rank\">4th Prize<\/td>\n                        <td data-label=\"Title\">Tickle Your Art: Scale Vs. Soul<\/td>\n                        <td data-label=\"Institute\">SPJIMR<\/td>\n                        <td class=\"doms-cq-prize\" data-label=\"Prize\" style=\"text-align:right;\">\u20b920,000<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"doms-cq-rank\" data-label=\"Rank\">5th Prize<\/td>\n                        <td data-label=\"Title\">Reweaving Responsibility: Gap Inc.\u2019s Strategic Pivot Toward Sustainable Fashion in India<\/td>\n                        <td data-label=\"Institute\">Bharathidasan Institute of Management<\/td>\n                        <td class=\"doms-cq-prize\" data-label=\"Prize\" style=\"text-align:right;\">\u20b920,000<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"doms-cq-footer-grid\">\n            \n            <div class=\"doms-cq-sponsor-box\">\n                <p class=\"doms-cq-sponsor-text\">\n                    The first prize was sponsored by <strong>SAGE Publications<\/strong>, which also served as the academic partner for Case Quest 2025. The top-winning case will have the opportunity to be considered for publication with SAGE, following their editorial review and publication process.\n                <\/p>\n            <\/div>\n\n            <div class=\"doms-cq-closing\">\n                <p class=\"doms-cq-closing-text\">\n                    The event served as a vibrant platform for sharing innovative teaching cases and fostering collaboration among management educators. Through Case Quest, DoMS continues its commitment to enriching management education and advancing case-based pedagogy in India.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    \/* Simple Pure JS Slideshow Script *\/\n    (function() {\n        let slides = document.querySelectorAll('.doms-cq-slide');\n        let index = 0;\n        \n        function nextSlide() {\n            slides[index].classList.remove('active');\n            index = (index + 1) % slides.length;\n            slides[index].classList.add('active');\n        }\n\n        \/\/ Change slide every 4 seconds\n        setInterval(nextSlide, 4000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\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>Management Case Study Centre Strategic Foundation Mission &#038; Vision The Department of Management Studies of IIT Madras has recently set up a \u201cManagement Case Study Centre\u201d to serve the needs of B-Schools with contemporary case studies. Long-term Vision To develop an independent Management Case Study Centre that will serve the needs of B-Schools with contemporary&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-66498","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/66498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/comments?post=66498"}],"version-history":[{"count":94,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/66498\/revisions"}],"predecessor-version":[{"id":75507,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/66498\/revisions\/75507"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=66498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}