{"id":57223,"date":"2025-11-10T22:08:19","date_gmt":"2025-11-10T16:38:19","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=57223"},"modified":"2026-04-20T12:07:08","modified_gmt":"2026-04-20T06:37:08","slug":"doms-quarterly","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/knowledge-doms\/doms-quarterly\/","title":{"rendered":"DoMSQuarterly"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57223\" class=\"elementor elementor-57223\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1461349 e-con-full e-flex e-con e-parent\" data-id=\"1461349\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e832c5a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e832c5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-times-hero-massive\" class=\"doms-tm-wrapper\">\n\n    <div class=\"doms-tm-bg-layer\">\n        <div class=\"doms-tm-bg-image\"><\/div>\n        <div class=\"doms-tm-overlay\"><\/div>\n    <\/div>\n\n    <div class=\"doms-tm-container\">\n        \n      \n        \n        <div class=\"doms-tm-text-col\">\n            \n            <div>\n                <img data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/04\/DoMS_Quarterly_Header_W_BG.png\" width = \"200px\" height = \"10px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 200px; --smush-placeholder-aspect-ratio: 200\/10;\">\n                \n                <\/div>\n            <div class=\"doms-tm-meta-tag\">\n                <span class=\"doms-tm-live-dot\"><\/span>  Q4 Edition\n            <\/div>\n\n            <h1 class=\"doms-tm-masthead\">\n                The DoMS <br>\n                <span class=\"doms-tm-gold-script\">Chronicle<\/span>\n            <\/h1>\n\n            <div class=\"doms-tm-headline-box\">\n                <span class=\"doms-tm-h-label\">Featured Story<\/span>\n                <p class=\"doms-tm-headline\">\n                    \"Redefining Leadership: Bridging AI innovation with ethical management.\"\n                <\/p>\n            <\/div>\n\n            <div class=\"doms-tm-actions\">\n                <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/04\/Q4_DoMS_Quarterly_Oct-Dec-2025_CMP_compressed.pdf\" target = \"_blank\" class=\"doms-tm-btn-solid\">Read The Issue<\/a>\n            <\/div>\n            <br>\n             <div class=\"doms-tm-actions\">\n                <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/04\/Q4_DoMS_Quarterly_Appendix.pdf\" target = \"_blank\" class=\"doms-tm-btn-solid\">Appendix of Q4<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"doms-tm-visual-col\">\n            \n            <div class=\"doms-tm-spotlight\"><\/div>\n\n            <div class=\"doms-tm-3d-scene\">\n                <div class=\"doms-tm-book-wrap\">\n                    <div class=\"doms-tm-book\">\n                        \n                        <div class=\"doms-tm-book-front\">\n                            <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/04\/Q4_DoMS_Quarterly_Oct-Dec-2025_CMP_comp.png\" alt=\"DoMS Times Cover\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1654px; --smush-placeholder-aspect-ratio: 1654\/2339;\">\n                            <div class=\"doms-tm-gloss\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"doms-tm-book-pages\"><\/div>\n                        \n                    <\/div>\n                    \n                    <div class=\"doms-tm-shadow\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!--<div class=\"doms-tm-ticker-wrap\">-->\n    <!--    <div class=\"doms-tm-ticker-label\">Breaking Updates<\/div>-->\n    <!--    <div class=\"doms-tm-ticker\">-->\n    <!--        <div class=\"doms-tm-ticker-track\">-->\n    <!--            <span>\u2726 Admissions Open for 2026 Batch<\/span>-->\n    <!--            <span>\u2726 Dr. Rao publishes new paper on Supply Chain Resilience<\/span>-->\n    <!--            <span>\u2726 Campus Sustainability Drive achieves Net Zero target<\/span>-->\n    <!--            <span>\u2726 Alumni Meet scheduled for Nov 15th<\/span>-->\n    <!--            <span>\u2726 Admissions Open for 2026 Batch<\/span>-->\n    <!--            <span>\u2726 Dr. Rao publishes new paper on Supply Chain Resilience<\/span>-->\n    <!--            <span>\u2726 Campus Sustainability Drive achieves Net Zero target<\/span>-->\n    <!--            <span>\u2726 Alumni Meet scheduled for Nov 15th<\/span>-->\n    <!--        <\/div>-->\n    <!--    <\/div>-->\n    <!--<\/div>-->\n\n<\/div>\n<style>\/* -------------------------------------------------------------\n   DOMS TIMES HERO STYLES (MASSIVE VERSION)\n   Theme: Vintage Collage, Maroon, Gold\n   Style: HUGE 3D Book, High Contrast\n   ------------------------------------------------------------- *\/\n\n\/* Import Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700&family=Manrope:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');\n\n\/* --- ROOT WRAPPER --- *\/\n#doms-times-hero-massive {\n    \/* Scoped Variables *\/\n    --dtm-bg-dark: #1a0505;\n    --dtm-maroon: #4a0000;\n    --dtm-gold: #D4AF37;\n    --dtm-white: #ffffff;\n    \n    width: 100%;\n    box-sizing: border-box;\n    font-family: 'Manrope', sans-serif;\n    position: relative;\n    \/* IMPORTANT: Height increased to fit the massive image *\/\n    min-height: 900px; \n    padding: 10px 0;\n    overflow: hidden;\n    color: var(--dtm-white);\n    background-color: var(--dtm-bg-dark);\n}\n\n#doms-times-hero-massive * {\n    box-sizing: border-box;\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\n}\n\n\/* --- BACKGROUND SYSTEM --- *\/\n#doms-times-hero-massive .doms-tm-bg-layer {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 0;\n}\n\nimg {\n    filter: none !important;\n    -webkit-filter: none !important;\n}\n\n#doms-times-hero-massive .doms-tm-bg-image {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1504711434969-e33886168f5c?auto=format&fit=crop&w=1920&q=80');\n    background-size: cover;\n    background-position: center;\n    opacity: 0.3; \n    filter: sepia(10%) hue-rotate(320deg);\n    mix-blend-mode: overlay;\n}\n\n#doms-times-hero-massive .doms-tm-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: radial-gradient(circle at 70% 50%, rgba(74, 4, 4, 0.1) 0%, rgba(10, 2, 2, 0.98) 100%);\n    z-index: 1;\n}\n\n\/* --- CONTAINER --- *\/\n#doms-times-hero-massive .doms-tm-container {\n    max-width: 1300px; \/* Wider container *\/\n    width: 80%;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n    display: grid;\n    \/* IMPORTANT: Layout shifted to give image more room (40% Text \/ 60% Image) *\/\n    grid-template-columns: 0.4fr 0.6fr; \n    align-items: center;\n    height: 100%;\n}\n\n\/* --- LEFT COLUMN: TEXT --- *\/\n#doms-times-hero-massive .doms-tm-text-col {\n    padding-right: 0;\n    z-index: 10; \/* Text sits above image if they overlap *\/\n}\n\n#doms-times-hero-massive .doms-tm-meta-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Cinzel', serif;\n    font-size: 13px;\n    letter-spacing: 2px;\n    color: var(--dtm-gold);\n    border-bottom: 1px solid var(--dtm-gold);\n    padding-bottom: 5px;\n    margin-bottom: 25px;\n}\n\n#doms-times-hero-massive .doms-tm-live-dot {\n    width: 6px; height: 6px;\n    background-color: #ff3333;\n    border-radius: 50%;\n    box-shadow: 0 0 8px #ff3333;\n    animation: domsBlink 1.5s infinite;\n}\n\n#doms-times-hero-massive .doms-tm-masthead {\n    font-family: 'Cinzel', serif;\n    font-size: 64px; \/* Slightly smaller to balance the huge image *\/\n    line-height: 0.95;\n    color: var(--dtm-white);\n    margin-bottom: 30px;\n    text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n}\n\n#doms-times-hero-massive .doms-tm-gold-script {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    color: var(--dtm-gold);\n    font-weight: 400;\n}\n\n#doms-times-hero-massive .doms-tm-headline-box {\n    border-left: 4px solid var(--dtm-gold);\n    padding-left: 20px;\n    margin-bottom: 30px;\n    background: linear-gradient(to right, rgba(255,255,255,0.05), transparent);\n    padding: 20px 20px;\n}\n\n#doms-times-hero-massive .doms-tm-h-label {\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--dtm-gold);\n    display: block;\n    margin-bottom: 5px;\n}\n\n#doms-times-hero-massive .doms-tm-headline {\n    font-family: 'Playfair Display', serif;\n    font-size: 19px;\n    line-height: 1.5;\n    color: #e0e0e0;\n}\n\n#doms-times-hero-massive .doms-tm-btn-solid {\n    display: inline-block;\n    background: var(--dtm-gold);\n    color: #000;\n    padding: 18px 40px;\n    font-family: 'Cinzel', serif;\n    font-weight: 700;\n    font-size: 14px;\n    letter-spacing: 1px;\n    transition: 0.3s;\n    border: 1px solid var(--dtm-gold);\n}\n\n#doms-times-hero-massive .doms-tm-btn-solid:hover {\n    background: transparent;\n    color: var(--dtm-gold);\n}\n\n\/* --- RIGHT COLUMN: MASSIVE VISUAL --- *\/\n#doms-times-hero-massive .doms-tm-visual-col {\n    display: flex;\n    justify-content: flex-end; \/* Push to right *\/\n    align-items: center;\n    perspective: 2500px; \/* Reduced perspective distortion for large objects *\/\n    position: relative;\n    height: 800px; \/* Force height *\/\n}\n\n\/* Glow behind the book *\/\n#doms-times-hero-massive .doms-tm-spotlight {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* --- THE MASSIVE SCENE --- *\/\n#doms-times-hero-massive .doms-tm-3d-scene {\n    \/* !!! HERE IS THE SIZE CHANGE !!! *\/\n    width: 500px; \n    height: 700px; \n    \n    position: relative;\n    \/*transform-style: preserve-3d;*\/\n    \/*transition: transform 0.6s cubic-bezier(0.1, 1, 0.1, 1);*\/\n    \/*animation: domsFloatHuge 9s ease-in-out infinite;*\/\n    z-index: 1;\n}\n\n#doms-times-hero-massive .doms-tm-visual-col:hover .doms-tm-3d-scene {\n    animation-play-state: paused;\n    transform: rotateY(0deg) rotateX(0deg) scale(1.02);\n}\n\n#doms-times-hero-massive .doms-tm-book-wrap {\n    width: 100%; height: 100%;\n    \/*transform-style: preserve-3d;*\/\n    position: relative;\n    \/* Heroic Tilt *\/\n    \/*transform: rotateY(-10deg) rotateX(10deg);*\/\n}\n\n#doms-times-hero-massive .doms-tm-book {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    transform-style: preserve-3d;\n}\n\n\/* Front Cover *\/\n#doms-times-hero-massive .doms-tm-book-front {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    backface-visibility: hidden;\n    z-index: 2;\n    transform: translateZ(20px); \/* Thick book *\/\n    box-shadow: inset 10px 0 20px rgba(0,0,0,0.3);\n    border-radius: 4px 6px 6px 4px;\n    overflow: hidden;\n    border: 7px solid rgba(255,255,255,0.1);\n    background: #000;\n}\n\n#doms-times-hero-massive .doms-tm-book-front img {\n    width: 100%; height: 100%;\n    filter: none;\n    object-fit: cover;\n}\n\n#doms-times-hero-massive .doms-tm-gloss {\n    position: absolute;\n    top: 0; left: 0; width: 200%; height: 100%;\n    background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.2) 55%, transparent 70%);\n    pointer-events: none;\n    mix-blend-mode: overlay;\n    animation: domsShimmer 6s linear infinite;\n}\n\n\/* Pages *\/\n#doms-times-hero-massive .doms-tm-book-pages {\n    position: absolute;\n    top: 5px; left: 20px;\n    width: 97%; height: 98%;\n    background: #fff;\n    transform: translateZ(0px);\n    z-index: 1;\n    border-right: 15px solid #e0e0e0; \/* Thicker pages for size *\/\n    border-bottom: 15px solid #e0e0e0;\n    box-shadow: 20px 20px 50px rgba(0,0,0,0.5);\n    background-image: linear-gradient(to right, #ccc 1px, transparent 1px);\n    background-size: 3px 100%;\n}\n\n\/* Shadow *\/\n#doms-times-hero-massive .doms-tm-shadow {\n    position: absolute;\n    bottom: -60px; left: 5%;\n    width: 90%; height: 40px;\n    background: rgba(0,0,0,0.6);\n    filter: blur(40px);\n    transform: rotateX(90deg);\n    animation: domsShadowBig 8s ease-in-out infinite;\n}\n\n\/* --- TICKER STRIP --- *\/\n#doms-times-hero-massive .doms-tm-ticker-wrap {\n    position: absolute;\n    bottom: 0; left: 0; width: 100%;\n    background: var(--dtm-gold);\n    color: #000;\n    height: 45px;\n    display: flex;\n    align-items: center;\n    z-index: 10;\n}\n\n#doms-times-hero-massive .doms-tm-ticker-label {\n    background: #000;\n    color: var(--dtm-gold);\n    height: 100%;\n    padding: 0 30px;\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    z-index: 2;\n}\n\n#doms-times-hero-massive .doms-tm-ticker {\n    flex-grow: 1; overflow: hidden; white-space: nowrap;\n}\n\n#doms-times-hero-massive .doms-tm-ticker-track {\n    display: inline-block;\n    animation: domsMarquee 35s linear infinite;\n    padding-left: 20px;\n}\n\n#doms-times-hero-massive .doms-tm-ticker-track span {\n    display: inline-block; padding: 0 40px; font-weight: 700; font-size: 13px; text-transform: uppercase;\n}\n\n\/* --- ANIMATIONS --- *\/\n@keyframes domsBlink { 50% { opacity: 0.5; } }\n@keyframes domsMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n@keyframes domsFloatHuge {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-30px); }\n}\n\n@keyframes domsShadowBig {\n    0%, 100% { opacity: 0.7; transform: rotateX(90deg) scale(1); filter: blur(40px); }\n    50% { opacity: 0.4; transform: rotateX(90deg) scale(0.8); filter: blur(50px); }\n}\n\n@keyframes domsShimmer {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(50%); }\n}\n\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\n@media screen and (max-width: 1024px) {\n    #doms-times-hero-massive .doms-tm-masthead { font-size: 52px; }\n    \/* Slightly smaller on tablet *\/\n    #doms-times-hero-massive .doms-tm-3d-scene { width: 380px; height: 540px; }\n}\n\n@media screen and (max-width: 768px) {\n    #doms-times-hero-massive {\n        padding: 60px 0 80px 0;\n        text-align: center;\n        min-height: auto;\n    }\n\n    #doms-times-hero-massive .doms-tm-container {\n        grid-template-columns: 1fr; \/* Stack *\/\n        gap: 50px;\n    }\n\n    #doms-times-hero-massive .doms-tm-visual-col {\n        justify-content: center;\n        perspective: none;\n    }\n\n    #doms-times-hero-massive .doms-tm-3d-scene {\n        \/* Mobile Scale *\/\n        width: 280px; height: 400px;\n        animation: none; \/* Disable float on mobile *\/\n    }\n\n    #doms-times-hero-massive .doms-tm-book-wrap {\n        \/* Flatter angle for mobile *\/\n        transform: rotateY(-10deg) rotateX(5deg);\n    }\n    \n    #doms-times-hero-massive .doms-tm-headline-box {\n        border-left: none;\n        border-top: 3px solid var(--dtm-gold);\n    }\n}<\/style>\n\n\n<!--#########################################################-->\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style>\/* -------------------------------------------------------------\n   DOMS TIMES HERO STYLES (FINAL)\n   Theme: Vintage Newspaper Collage, Deep Maroon, Gold\n   ------------------------------------------------------------- *\/\n\n\/* Import Fonts *\/\n<!--@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700&family=Manrope:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');-->\n\n\/* --- ROOT WRAPPER --- *\/\n<!--#doms-times-hero-final {-->\n    \/* Scoped Variables *\/\n<!--    --dtf-bg-dark: #1a0505;-->\n<!--    --dtf-maroon: #4a0000;-->\n<!--    --dtf-gold: #D4AF37;-->\n<!--    --dtf-white: #ffffff;-->\n<!--    --dtf-black: #000000;-->\n    \n<!--    width: 100%;-->\n<!--    box-sizing: border-box;-->\n<!--    font-family: 'Manrope', sans-serif;-->\n<!--    position: relative;-->\n    \/* Min-height ensures the 3D book fits well *\/\n<!--    min-height: 700px; -->\n<!--    padding: 120px 0 100px 0;-->\n<!--    overflow: hidden;-->\n<!--    color: var(--dtf-white);-->\n<!--    background-color: var(--dtf-bg-dark);-->\n<!--}-->\n\n<!--#doms-times-hero-final * {-->\n<!--    box-sizing: border-box;-->\n<!--    margin: 0; padding: 0; text-decoration: none; list-style: none;-->\n<!--}-->\n\n\/* --- BACKGROUND SYSTEM --- *\/\n<!--#doms-times-hero-final .doms-tf-bg-layer {-->\n<!--    position: absolute;-->\n<!--    top: 0; left: 0; width: 100%; height: 100%;-->\n<!--    z-index: 0;-->\n<!--}-->\n\n\/* The Newspaper Image *\/\n<!--#doms-times-hero-final .doms-tf-bg-image {-->\n<!--    position: absolute;-->\n<!--    top: 0; left: 0; width: 100%; height: 100%;-->\n    \/* Source: High-Res Newspaper Texture *\/\n<!--    background-image: url('https:\/\/images.unsplash.com\/photo-1504711434969-e33886168f5c?auto=format&fit=crop&w=1920&q=80');-->\n<!--    background-size: cover;-->\n<!--    background-position: center;-->\n<!--    background-repeat: no-repeat;-->\n    \n    \/* Blending Effects *\/\n<!--    opacity: 0.3; -->\n<!--    filter: sepia(100%) hue-rotate(320deg) contrast(1.1);-->\n<!--    mix-blend-mode: overlay;-->\n<!--}-->\n\n\/* Gradient Overlay *\/\n<!--#doms-times-hero-final .doms-tf-overlay {-->\n<!--    position: absolute;-->\n<!--    top: 0; left: 0; width: 100%; height: 100%;-->\n    \/* Vignette Gradient: Maroon Center -> Black Edges *\/\n    \/*background: radial-gradient(circle at 50% 50%, rgba(74, 4, 4, 0.85) 0%, rgba(10, 2, 2, 0.98) 100%);*\/\n<!--    z-index: 1;-->\n<!--}-->\n\n\/* --- MAIN CONTAINER --- *\/\n<!--#doms-times-hero-final .doms-tf-container {-->\n<!--    max-width: 1200px;-->\n<!--    width: 90%;-->\n<!--    margin: 0 auto;-->\n<!--    position: relative;-->\n<!--    z-index: 2;-->\n<!--    display: grid;-->\n<!--    grid-template-columns: 1.2fr 0.8fr;-->\n<!--    gap: 60px;-->\n<!--    align-items: center;-->\n<!--}-->\n\n\/* --- LEFT COLUMN: TEXT --- *\/\n<!--#doms-times-hero-final .doms-tf-text-col {-->\n<!--    padding-right: 20px;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-meta-tag {-->\n<!--    display: inline-flex;-->\n<!--    align-items: center;-->\n<!--    gap: 8px;-->\n<!--    font-family: 'Cinzel', serif;-->\n<!--    font-size: 12px;-->\n<!--    letter-spacing: 2px;-->\n<!--    color: var(--dtf-gold);-->\n<!--    border-bottom: 1px solid var(--dtf-gold);-->\n<!--    padding-bottom: 5px;-->\n<!--    margin-bottom: 25px;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-live-dot {-->\n<!--    width: 6px; height: 6px;-->\n<!--    background-color: #ff3333;-->\n<!--    border-radius: 50%;-->\n<!--    box-shadow: 0 0 8px #ff3333;-->\n<!--    animation: domsBlink 1.5s infinite;-->\n<!--}-->\n\n\/* Masthead *\/\n<!--#doms-times-hero-final .doms-tf-masthead {-->\n<!--    font-family: 'Cinzel', serif;-->\n<!--    font-size: 72px;-->\n<!--    line-height: 0.9;-->\n<!--    color: var(--dtf-white);-->\n<!--    margin-bottom: 40px;-->\n<!--    text-shadow: 0 10px 30px rgba(0,0,0,0.5);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-gold-script {-->\n<!--    font-family: 'Playfair Display', serif;-->\n<!--    font-style: italic;-->\n<!--    color: var(--dtf-gold);-->\n<!--    font-weight: 400;-->\n<!--}-->\n\n\/* Headline Box *\/\n<!--#doms-times-hero-final .doms-tf-headline-box {-->\n<!--    border-left: 4px solid var(--dtf-gold);-->\n<!--    padding-left: 25px;-->\n<!--    margin-bottom: 40px;-->\n<!--    background: linear-gradient(to right, rgba(255,255,255,0.05), transparent);-->\n<!--    padding: 20px 25px;-->\n<!--    border-radius: 0 4px 4px 0;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-h-label {-->\n<!--    font-size: 10px;-->\n<!--    text-transform: uppercase;-->\n<!--    letter-spacing: 1px;-->\n<!--    color: var(--dtf-gold);-->\n<!--    display: block;-->\n<!--    margin-bottom: 8px;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-headline {-->\n<!--    font-family: 'Playfair Display', serif;-->\n<!--    font-size: 20px;-->\n<!--    line-height: 1.5;-->\n<!--    color: #e0e0e0;-->\n<!--}-->\n\n\/* Actions *\/\n<!--#doms-times-hero-final .doms-tf-actions {-->\n<!--    display: flex;-->\n<!--    gap: 20px;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-btn-solid {-->\n<!--    background: var(--dtf-gold);-->\n<!--    color: #000;-->\n<!--    padding: 16px 35px;-->\n<!--    font-family: 'Cinzel', serif;-->\n<!--    font-weight: 700;-->\n<!--    font-size: 13px;-->\n<!--    letter-spacing: 1px;-->\n<!--    transition: 0.3s;-->\n<!--    border: 1px solid var(--dtf-gold);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-btn-solid:hover {-->\n<!--    background: transparent;-->\n<!--    color: var(--dtf-gold);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-btn-outline {-->\n<!--    background: transparent;-->\n<!--    color: var(--dtf-white);-->\n<!--    padding: 16px 35px;-->\n<!--    font-family: 'Cinzel', serif;-->\n<!--    font-weight: 700;-->\n<!--    font-size: 13px;-->\n<!--    letter-spacing: 1px;-->\n<!--    border: 1px solid rgba(255,255,255,0.3);-->\n<!--    transition: 0.3s;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-btn-outline:hover {-->\n<!--    border-color: var(--dtf-white);-->\n<!--    background: rgba(255,255,255,0.05);-->\n<!--}-->\n\n\/* --- RIGHT COLUMN: 3D VISUAL --- *\/\n<!--#doms-times-hero-final .doms-tf-visual-col {-->\n<!--    display: flex;-->\n<!--    justify-content: center;-->\n<!--    perspective: 1500px;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-3d-scene {-->\n<!--    width: 300px;-->\n<!--    height: 420px;-->\n<!--    position: relative;-->\n    \/* Initial Tilt *\/\n<!--    transform: rotateY(-25deg) rotateX(10deg);-->\n<!--    transform-style: preserve-3d;-->\n<!--    transition: transform 0.5s ease-out;-->\n<!--}-->\n\n\/* Hover Effect: Straighten Book *\/\n<!--#doms-times-hero-final .doms-tf-visual-col:hover .doms-tf-3d-scene {-->\n<!--    transform: rotateY(0deg) rotateX(0deg) scale(1.05);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-book-wrap {-->\n<!--    width: 100%; height: 100%;-->\n<!--    transform-style: preserve-3d;-->\n<!--    position: relative;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-book {-->\n<!--    position: absolute;-->\n<!--    top: 0; left: 0; width: 100%; height: 100%;-->\n<!--    transform-style: preserve-3d;-->\n<!--}-->\n\n\/* Cover *\/\n<!--#doms-times-hero-final .doms-tf-book-front {-->\n<!--    position: absolute;-->\n<!--    top: 0; left: 0; width: 100%; height: 100%;-->\n<!--    backface-visibility: hidden;-->\n<!--    z-index: 2;-->\n<!--    transform: translateZ(10px);-->\n<!--    box-shadow: inset 5px 0 10px rgba(0,0,0,0.2);-->\n<!--    border-radius: 2px 4px 4px 2px;-->\n<!--    overflow: hidden;-->\n<!--    border: 1px solid rgba(255,255,255,0.1);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-book-front img {-->\n<!--    width: 100%; height: 100%;-->\n<!--    object-fit: cover;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-gloss {-->\n<!--    position: absolute;-->\n<!--    top: 0; left: 0; width: 100%; height: 100%;-->\n<!--    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 50%);-->\n<!--    pointer-events: none;-->\n<!--}-->\n\n\/* Pages *\/\n<!--#doms-times-hero-final .doms-tf-book-pages {-->\n<!--    position: absolute;-->\n<!--    top: 3px; left: 10px;-->\n<!--    width: 98%; height: 98%;-->\n<!--    background: #fff;-->\n<!--    transform: translateZ(0px);-->\n<!--    z-index: 1;-->\n<!--    border-right: 5px solid #ddd;-->\n<!--    border-bottom: 5px solid #ddd;-->\n<!--    box-shadow: 10px 10px 30px rgba(0,0,0,0.5);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-visual-col:hover .doms-tf-book-pages {-->\n<!--    transform: translateZ(-5px) rotateY(-5deg);-->\n<!--    transition: transform 0.5s ease;-->\n<!--}-->\n\n\/* Floor Shadow *\/\n<!--#doms-times-hero-final .doms-tf-shadow {-->\n<!--    position: absolute;-->\n<!--    bottom: -40px; left: 10%;-->\n<!--    width: 80%; height: 20px;-->\n<!--    background: rgba(0,0,0,0.6);-->\n<!--    filter: blur(20px);-->\n<!--    transform: rotateX(90deg);-->\n<!--    transition: 0.5s;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-visual-col:hover .doms-tf-shadow {-->\n<!--    opacity: 0.3;-->\n<!--    transform: rotateX(90deg) scale(0.8);-->\n<!--}-->\n\n\/* --- TICKER STRIP --- *\/\n<!--#doms-times-hero-final .doms-tf-ticker-wrap {-->\n<!--    position: absolute;-->\n<!--    bottom: 0; left: 0; width: 100%;-->\n<!--    background: var(--dtf-gold);-->\n<!--    color: var(--dtf-black);-->\n<!--    height: 45px;-->\n<!--    display: flex;-->\n<!--    align-items: center;-->\n<!--    z-index: 10;-->\n<!--    box-shadow: 0 -5px 20px rgba(0,0,0,0.3);-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-ticker-label {-->\n<!--    background: var(--dtf-black);-->\n<!--    color: var(--dtf-gold);-->\n<!--    height: 100%;-->\n<!--    padding: 0 25px;-->\n<!--    display: flex;-->\n<!--    align-items: center;-->\n<!--    font-weight: 800;-->\n<!--    font-size: 12px;-->\n<!--    text-transform: uppercase;-->\n<!--    letter-spacing: 1px;-->\n<!--    z-index: 2;-->\n<!--    position: relative;-->\n<!--}-->\n\n\/* Arrow Shape after label *\/\n<!--#doms-times-hero-final .doms-tf-ticker-label::after {-->\n<!--    content: '';-->\n<!--    position: absolute;-->\n<!--    left: 100%; top: 0;-->\n<!--    width: 0; height: 0;-->\n<!--    border-top: 45px solid var(--dtf-black);-->\n<!--    border-right: 20px solid transparent;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-ticker {-->\n<!--    flex-grow: 1;-->\n<!--    overflow: hidden;-->\n<!--    position: relative;-->\n<!--    white-space: nowrap;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-ticker-track {-->\n<!--    display: inline-block;-->\n<!--    animation: domsMarquee 35s linear infinite;-->\n<!--    padding-left: 20px;-->\n<!--}-->\n\n<!--#doms-times-hero-final .doms-tf-ticker-track span {-->\n<!--    display: inline-block;-->\n<!--    padding: 0 40px;-->\n<!--    font-weight: 700;-->\n<!--    font-size: 13px;-->\n<!--    text-transform: uppercase;-->\n<!--    letter-spacing: 0.5px;-->\n<!--}-->\n\n\/* --- ANIMATIONS --- *\/\n<!--@keyframes domsBlink {-->\n<!--    50% { opacity: 0.5; }-->\n<!--}-->\n\n<!--@keyframes domsMarquee {-->\n<!--    0% { transform: translateX(0); }-->\n<!--    100% { transform: translateX(-50%); }-->\n<!--}-->\n\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\n<!--@media screen and (max-width: 1024px) {-->\n<!--    #doms-times-hero-final .doms-tf-masthead { font-size: 56px; }-->\n<!--}-->\n\n<!--@media screen and (max-width: 768px) {-->\n<!--    #doms-times-hero-final {-->\n        padding: 60px 0 80px 0; \/* Space for ticker *\/\n<!--        text-align: center;-->\n<!--    }-->\n\n<!--    #doms-times-hero-final .doms-tf-container {-->\n        grid-template-columns: 1fr; \/* Stack vertically *\/\n<!--        gap: 50px;-->\n<!--    }-->\n\n<!--    #doms-times-hero-final .doms-tf-text-col {-->\n<!--        padding-right: 0;-->\n<!--    }-->\n\n<!--    #doms-times-hero-final .doms-tf-masthead {-->\n<!--        font-size: 42px;-->\n<!--    }-->\n\n<!--    #doms-times-hero-final .doms-tf-actions {-->\n<!--        justify-content: center;-->\n<!--        flex-direction: column;-->\n<!--        width: 100%;-->\n<!--    }-->\n\n<!--    #doms-times-hero-final .doms-tf-headline-box {-->\n<!--        border-left: none;-->\n<!--        border-top: 3px solid var(--dtf-gold);-->\n<!--        border-radius: 0;-->\n<!--        background: transparent;-->\n<!--    }-->\n\n    \/* Simplify 3D on mobile for better fit *\/\n<!--    #doms-times-hero-final .doms-tf-visual-col {-->\n<!--        perspective: none;-->\n<!--        padding-bottom: 20px;-->\n<!--    }-->\n    \n<!--    #doms-times-hero-final .doms-tf-3d-scene {-->\n<!--        width: 260px; height: 360px;-->\n        transform: rotateY(0) rotateX(0); \/* Flat *\/\n<!--    }-->\n\n<!--    #doms-times-hero-final .doms-tf-ticker-label {-->\n<!--        font-size: 10px;-->\n<!--        padding: 0 15px;-->\n<!--    }-->\n<!--}<\/style>\n\n\n\n\n\n\n\n\n\n<style>\n    \n    \/* =========================================\n   1. VARIABLES & RESET\n   ========================================= *\/\n:root {\n    --maroon: #560000;\n    --maroon-dark: #2a0000;\n    --maroon-gradient: linear-gradient(135deg, #560000 0%, #350000 100%);\n    --gold: #C5A059;\n    --gold-light: #F2D28C;\n    --gold-metallic: linear-gradient(45deg, #C5A059, #F2D28C, #C5A059);\n    --cream: #F9F8F4;\n    --white: #ffffff;\n    --text-dark: #1a1a1a;\n    --text-grey: #555;\n   \n    --font-serif: 'Playfair Display', serif;\n    --font-sans: 'Lato', sans-serif;\n    --font-deco: 'Cinzel', serif;\n   \n    --shadow-soft: 0 10px 30px rgba(0,0,0,0.05);\n    --shadow-card: 0 15px 35px rgba(0,0,0,0.1);\n    --shadow-hover: 0 20px 40px rgba(86, 0, 0, 0.15);\n}\n\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: var(--font-sans); color: var(--text-dark); background: var(--white); overflow-x: hidden; line-height: 1.6; }\n\n\nh1, h2, h3, h4, h5 { font-family: var(--font-serif); color: var(--maroon); font-weight: 700; }\n.stylish-char { font-family: var(--font-deco); color: var(--gold); font-size: 1.4em; margin-right: 2px; }\n.gold-text { color: var(--gold); font-style: italic; }\n.white { color: var(--white); }\n.text-center { text-align: center; }\n\n\n.section-label { font-family: var(--font-deco); color: var(--gold); text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 10px; display: block; }\n.section-heading { font-size: 2.5rem; margin-bottom: 20px; }\n.divider-center { width: 80px; height: 3px; background: var(--gold); margin: 0 auto 30px; }\n.divider-gold { width: 100px; height: 3px; background: var(--gold); margin: 20px 0; }\n\n\n.container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }\n.bg-cream { background: var(--cream); }\n\n\n\/* =========================================\n   2. NAVBAR\n   ========================================= *\/\n.navbar { padding: 15px 0; background: var(--white); position: sticky; top: 0; z-index: 1000; border-bottom: 3px solid var(--gold); box-shadow: var(--shadow-soft); }\n.nav-flex { display: flex; justify-content: space-between; align-items: center; }\n.brand { display: flex; align-items: center; gap: 15px; }\n.logo-box { background: var(--maroon); color: var(--gold); font-family: var(--font-deco); padding: 8px 12px; font-weight: bold; font-size: 1.2rem; border-radius: 2px; }\n.brand-text { display: flex; flex-direction: column; line-height: 1.1; }\n.brand-text span { font-family: var(--font-serif); font-weight: 700; color: var(--maroon); }\n.sub-brand { font-size: 0.8rem; color: var(--gold) !important; text-transform: uppercase; letter-spacing: 1px; }\n\n\n.nav-links { display: flex; gap: 30px; list-style: none; align-items: center; }\n.nav-links a { text-decoration: none; color: var(--text-dark); font-weight: 600; text-transform: uppercase; font-size: 0.85rem; transition: 0.3s; }\n.nav-links a.active { color: var(--maroon); }\n.btn-gold { border: 1px solid var(--gold); padding: 8px 20px; border-radius: 50px; color: var(--gold) !important; }\n.btn-gold:hover { background: var(--gold); color: var(--white) !important; }\n.mobile-menu-icon { display: none; font-size: 1.5rem; color: var(--maroon); cursor: pointer; }\n\n\n\/* =========================================\n   3. HERO SECTION (Magazine Cover)\n   ========================================= *\/\n.news-hero {\n    min-height: 90vh;\n    background: var(--maroon-gradient);\n    position: relative; display: flex; align-items: center;\n    color: var(--white); overflow: hidden;\n}\n.hero-overlay {\n    position: absolute; inset: 0;\n    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 10px);\n}\n.hero-layout { display: flex; align-items: center; gap: 60px; position: relative; z-index: 2; }\n\n\n.hero-text { flex: 1; }\n.issue-badge { display: inline-block; background: rgba(197, 160, 89, 0.2); border: 1px solid var(--gold); color: var(--gold); padding: 5px 15px; border-radius: 20px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }\n.hero-title { font-size: 4.5rem; line-height: 1.1; margin-bottom: 10px; }\n.hero-subtitle { font-family: var(--font-sans); font-weight: 300; font-size: 1.8rem; margin-bottom: 30px; color: rgba(255,255,255,0.9); }\n.hero-desc { font-size: 1.2rem; color: rgba(255,255,255,0.8); margin-bottom: 40px; max-width: 600px; }\n\n\n.hero-buttons { display: flex; gap: 20px; }\n.btn-gold-solid { background: var(--gold-metallic); color: var(--maroon); padding: 15px 30px; font-weight: bold; border-radius: 4px; text-decoration: none; text-transform: uppercase; transition: 0.3s; border: none; cursor: pointer; }\n.btn-gold-solid:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); }\n.btn-outline-light { border: 2px solid rgba(255,255,255,0.3); color: white; padding: 13px 30px; font-weight: bold; border-radius: 4px; text-decoration: none; text-transform: uppercase; transition: 0.3s; }\n.btn-outline-light:hover { border-color: var(--gold); color: var(--gold); }\n\n\n\/* 3D Magazine Mockup *\/\n.hero-visual { flex: 0.8; perspective: 1000px; display: flex; justify-content: center; }\n.mag-cover {\n    width: 350px; height: 480px; background: var(--white);\n    transform: rotateY(-20deg) rotateX(5deg);\n    box-shadow: 20px 20px 50px rgba(0,0,0,0.5);\n    border-radius: 2px; position: relative; transition: transform 0.5s ease;\n    display: flex; flex-direction: column; overflow: hidden;\n}\n.mag-cover:hover { transform: rotateY(0deg) rotateX(0deg) scale(1.02); }\n.mag-cover::before { content: attr(data-label); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.8)); z-index: 1; display: flex; align-items: center; justify-content: center; color: #ccc; font-size: 0.8rem; }\n.mag-content { position: absolute; bottom: 30px; left: 20px; z-index: 2; }\n.mag-content h3 { font-size: 4rem; color: var(--gold); line-height: 0.8; margin-bottom: 5px; }\n.mag-content h4 { font-size: 1.5rem; color: white; letter-spacing: 5px; }\n.mag-footer { position: absolute; bottom: 10px; right: 20px; color: white; font-weight: bold; z-index: 2; }\n.mag-spine { position: absolute; left: 0; top: 0; bottom: 0; width: 10px; background: #eee; box-shadow: inset -2px 0 5px rgba(0,0,0,0.1); z-index: 3; }\n\n\n\/* Animations *\/\n.fade-in { opacity: 0; transition: opacity 1s ease, transform 1s ease; transform: translateY(20px); }\n.delay-1 { transition-delay: 0.2s; } .delay-2 { transition-delay: 0.4s; } .delay-3 { transition-delay: 0.6s; }\n\n\n\/* =========================================\n   4. HIGHLIGHTS BAR\n   ========================================= *\/\n.highlights-bar { padding: 40px 0; background: var(--white); margin-top: -40px; position: relative; z-index: 10; border-bottom: 1px solid #eee; }\n.hl-grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; }\n.hl-item { display: flex; align-items: center; gap: 15px; }\n.hl-circle {\n    width: 60px; height: 60px; border-radius: 50%; border: 3px double var(--gold);\n    display: flex; align-items: center; justify-content: center; font-weight: bold;\n    color: var(--maroon); font-family: var(--font-deco); font-size: 1.2rem;\n}\n.hl-item span { font-weight: bold; color: var(--text-grey); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; }\n\n\n\/* =========================================\n   5. ISSUE CONTENT (Magazine Grid)\n   ========================================= *\/\n.issue-section { padding: 100px 0; }\n.magazine-grid {\n    display: grid; grid-template-columns: 2fr 1fr; gap: 30px;\n}\n\n\n\/* Main Story *\/\n.main-story { grid-row: span 3; background: var(--white); border-radius: 8px; overflow: hidden; box-shadow: var(--shadow-card); transition: 0.3s; }\n.main-story:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); }\n.main-story .story-img {\n    height: 400px; background: #ccc; position: relative;\n    background: linear-gradient(135deg, #ddd, #bbb);\n    display: flex; align-items: center; justify-content: center; color: #666; font-weight: bold;\n}\n.main-story .story-img::after { content: attr(data-label); }\n.category-tag { position: absolute; top: 20px; left: 20px; background: var(--maroon); color: white; padding: 5px 15px; text-transform: uppercase; font-size: 0.7rem; font-weight: bold; letter-spacing: 1px; }\n\n\n.story-content { padding: 30px; }\n.main-story h3 { font-size: 2rem; margin-bottom: 15px; line-height: 1.2; color: var(--text-dark); }\n.story-excerpt { font-size: 1.1rem; color: var(--text-grey); margin-bottom: 20px; }\n.story-meta { display: flex; gap: 20px; color: #888; font-size: 0.9rem; margin-bottom: 20px; border-top: 1px solid #eee; padding-top: 15px; }\n.read-more { color: var(--maroon); font-weight: bold; text-decoration: none; border-bottom: 2px solid var(--gold); transition: 0.3s; }\n.read-more:hover { background: var(--gold); color: white; border-color: transparent; padding: 2px 5px; }\n\n\n\/* Side Stories *\/\n.side-story { display: flex; gap: 15px; background: var(--white); padding: 15px; border-radius: 8px; box-shadow: var(--shadow-soft); transition: 0.3s; align-items: center; }\n.side-story:hover { transform: translateX(5px); border-left: 4px solid var(--gold); }\n.side-story .story-img.small {\n    width: 100px; height: 100px; flex-shrink: 0; background: #eee; border-radius: 4px;\n    position: relative; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; color: #999;\n}\n.side-story .story-img.small::after { content: attr(data-label); text-align: center; }\n.side-story .category-tag { font-size: 0.6rem; padding: 2px 8px; top: 5px; left: 5px; }\n.side-story h4 { font-size: 1.1rem; margin-bottom: 5px; color: var(--maroon); }\n.side-story p { font-size: 0.85rem; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n.side-story .story-meta { border: none; padding: 0; margin: 5px 0 0 0; font-size: 0.8rem; }\n\n\n\/* =========================================\n   6. IMPACT SECTION\n   ========================================= *\/\n.impact-section { padding: 100px 0; background: var(--maroon); color: white; }\n.impact-layout { display: flex; align-items: center; gap: 60px; }\n.impact-text { flex: 1; }\n.impact-visual { flex: 1; height: 350px; background: rgba(0,0,0,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; }\n.map-placeholder { color: rgba(255,255,255,0.3); font-weight: bold; }\n.map-placeholder::after { content: attr(data-label); }\n\n\n.white-text { font-size: 1.1rem; color: rgba(255,255,255,0.9); margin-bottom: 40px; }\n.impact-stats { display: flex; gap: 40px; }\n.is-item { display: flex; flex-direction: column; border-left: 2px solid var(--gold); padding-left: 15px; }\n.is-num { font-size: 2.5rem; font-family: var(--font-deco); color: var(--gold); font-weight: bold; }\n.is-lbl { text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; opacity: 0.8; }\n\n\n\/* =========================================\n   7. TESTIMONIALS\n   ========================================= *\/\n.testimonials-section { padding: 100px 0; }\n.testi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n\n.testi-card { background: var(--white); padding: 30px; border-radius: 8px; box-shadow: var(--shadow-soft); position: relative; border-top: 4px solid var(--gold); transition: 0.3s; }\n.testi-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-card); }\n.quote-icon { font-size: 2rem; color: rgba(197, 160, 89, 0.2); margin-bottom: 15px; }\n.testi-card p { font-style: italic; color: #555; margin-bottom: 20px; min-height: 80px; }\n\n\n.user-profile { display: flex; align-items: center; gap: 15px; }\n.user-img {\n    width: 50px; height: 50px; border-radius: 50%; background: #ddd;\n    display: flex; align-items: center; justify-content: center; font-size: 0.6rem; color: #777;\n}\n.user-img::after { content: attr(data-label); }\n.user-info strong { display: block; color: var(--maroon); font-size: 0.95rem; }\n.user-info span { font-size: 0.8rem; color: #888; }\n\n\n\/* =========================================\n   8. SUBSCRIBE SECTION\n   ========================================= *\/\n.subscribe-section { padding: 100px 0; background: linear-gradient(135deg, #1a1a1a 0%, #333 100%); color: white; }\n.sub-wrapper { display: flex; gap: 60px; align-items: center; }\n\n\n.sub-content { flex: 1.5; }\n.sub-content h2 { font-size: 2.5rem; color: var(--gold); margin-bottom: 15px; font-family: var(--font-serif); }\n.sub-content p { font-size: 1.1rem; color: #ccc; margin-bottom: 30px; }\n\n\n.sub-form { display: flex; gap: 10px; flex-wrap: wrap; }\n.sub-form input { flex: 1; padding: 15px; border-radius: 4px; border: none; outline: none; min-width: 200px; }\n.privacy-note { font-size: 0.8rem; color: #777; margin-top: 15px; }\n\n\n.sub-benefits { flex: 1; background: rgba(255,255,255,0.05); padding: 30px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); }\n.sub-benefits h4 { color: var(--gold); margin-bottom: 20px; font-family: var(--font-deco); }\n.sub-benefits ul { list-style: none; padding: 0; }\n.sub-benefits li { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; color: #ddd; }\n.sub-benefits i { color: var(--gold); }\n\n\n\/* =========================================\n   9. FOOTER\n   ========================================= *\/\n.simple-footer { background: #111; padding: 30px 0; color: #666; font-size: 0.9rem; border-top: 3px solid var(--gold); }\n.simple-footer .container { display: flex; justify-content: space-between; align-items: center; }\n.social-links a { color: #666; margin-left: 20px; font-size: 1.2rem; transition: 0.3s; }\n.social-links a:hover { color: var(--gold); }\n\n\n\/* =========================================\n   10. RESPONSIVE\n   ========================================= *\/\n@media (max-width: 900px) {\n    .hero-layout { flex-direction: column; text-align: center; }\n    .hero-visual { order: -1; margin-bottom: 30px; }\n    .hero-buttons { justify-content: center; }\n   \n    .magazine-grid { grid-template-columns: 1fr; }\n    .main-story { grid-row: auto; }\n    .main-story .story-img { height: 250px; }\n   \n    .impact-layout { flex-direction: column; }\n    .sub-wrapper { flex-direction: column; }\n   \n    .nav-links { display: none; flex-direction: column; background: white; position: absolute; top: 100%; width: 100%; left: 0; padding: 20px; box-shadow: var(--shadow-card); }\n    .nav-links.active { display: flex; }\n    .mobile-menu-icon { display: block; }\n}\n<\/style>\n<script>\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if(entry.isIntersecting) {\n                    entry.target.style.opacity = 1;\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        });\n        document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n\n        function toggleMenu() {\n            document.querySelector('.nav-links').classList.toggle('active');\n        }\n    <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d36e96 e-con-full e-flex e-con e-parent\" data-id=\"4d36e96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9947ba elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b9947ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t \r\n<!--<div id=\"doms-stats-light-root\" class=\"doms-sl-wrapper\">-->\r\n\r\n<!--    <div class=\"doms-sl-bg-layer\">-->\r\n<!--        <div class=\"doms-sl-texture\"><\/div>-->\r\n<!--        <div class=\"doms-sl-pattern\"><\/div>-->\r\n<!--    <\/div>-->\r\n\r\n<!--    <div class=\"doms-sl-container\">-->\r\n        \r\n<!--        <div class=\"doms-sl-grid\">-->\r\n            \r\n<!--            <div class=\"doms-sl-card\">-->\r\n<!--                <div class=\"doms-sl-card-decoration\"><\/div>-->\r\n<!--                <div class=\"doms-sl-icon-box\">-->\r\n<!--                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-sl-data-group\">-->\r\n<!--                    <h3 class=\"doms-sl-number\" data-target=\"15\">0<\/h3>-->\r\n<!--                    <span class=\"doms-sl-label\">New Research Papers<\/span>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--            <div class=\"doms-sl-card\">-->\r\n<!--                <div class=\"doms-sl-card-decoration\"><\/div>-->\r\n<!--                <div class=\"doms-sl-icon-box\">-->\r\n<!--                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-sl-data-group\">-->\r\n<!--                    <h3 class=\"doms-sl-number\" data-target=\"8\">0<\/h3>-->\r\n<!--                    <span class=\"doms-sl-label\">Student Startups<\/span>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--            <div class=\"doms-sl-card\">-->\r\n<!--                <div class=\"doms-sl-card-decoration\"><\/div>-->\r\n<!--                <div class=\"doms-sl-icon-box\">-->\r\n<!--                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-sl-data-group\">-->\r\n<!--                    <h3 class=\"doms-sl-number\" data-target=\"35\">0<\/h3>-->\r\n<!--                    <span class=\"doms-sl-label\">Expert Articles<\/span>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--            <div class=\"doms-sl-card\">-->\r\n<!--                <div class=\"doms-sl-card-decoration\"><\/div>-->\r\n<!--                <div class=\"doms-sl-icon-box\">-->\r\n<!--                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-sl-data-group\">-->\r\n<!--                    <h3 class=\"doms-sl-number\" data-target=\"12\">0<\/h3>-->\r\n<!--                    <span class=\"doms-sl-label\">Events Covered<\/span>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--        <\/div>-->\r\n<!--    <\/div>-->\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            const statsSection = document.querySelector(\"#doms-stats-light-root\");\r\n            const counters = document.querySelectorAll(\".doms-sl-number\");\r\n            let hasAnimated = false;\r\n\r\n            const animateCounters = () => {\r\n                counters.forEach(counter => {\r\n                    const target = +counter.getAttribute(\"data-target\");\r\n                    const isPlus = target === 35; \/\/ Logic for 35+\r\n                    const duration = 2000; \/\/ Animation duration in ms\r\n                    const increment = target \/ (duration \/ 20); \r\n                    \r\n                    let current = 0;\r\n                    const updateCount = () => {\r\n                        current += increment;\r\n                        if(current < target) {\r\n                            counter.innerText = Math.ceil(current) + (isPlus && Math.ceil(current) >= target ? \"+\" : \"\");\r\n                            setTimeout(updateCount, 20);\r\n                        } else {\r\n                            counter.innerText = target + (isPlus ? \"+\" : \"\");\r\n                        }\r\n                    };\r\n                    updateCount();\r\n                });\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                if(entries[0].isIntersecting && !hasAnimated) {\r\n                    animateCounters();\r\n                    hasAnimated = true;\r\n                }\r\n            }, { threshold: 0.5 });\r\n\r\n            if(statsSection) observer.observe(statsSection);\r\n        });\r\n    <\/script>\r\n<\/div>\r\n<style>\/* -------------------------------------------------------------\r\n   DOMS STATS LIGHT STYLES\r\n   Theme: Ivory (#F9F7F2), Deep Maroon (#800000), Gold\r\n   Style: Clean, Editorial, Textured\r\n   ------------------------------------------------------------- *\/\r\n\r\n\/* Import Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Manrope:wght@400;600;700&display=swap');\r\n\r\n\/* --- ROOT WRAPPER --- *\/\r\n#doms-stats-light-root {\r\n    \/* Scoped Variables *\/\r\n    --dsl-bg: #F9F7F2;       \/* Premium Ivory *\/\r\n    --dsl-white: #ffffff;\r\n    --dsl-maroon: #800000;\r\n    --dsl-gold: #D4AF37;\r\n    --dsl-text: #1a1a1a;\r\n    --dsl-gray: #666666;\r\n    --dsl-shadow: 0 10px 30px rgba(128, 0, 0, 0.05);\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', sans-serif;\r\n    position: relative;\r\n    padding: 100px 0;\r\n    color: var(--dsl-text);\r\n    overflow: hidden;\r\n    background-color: var(--dsl-bg);\r\n}\r\n\r\n#doms-stats-light-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\r\n}\r\n\r\n\/* --- BACKGROUND SYSTEM --- *\/\r\n#doms-stats-light-root .doms-sl-bg-layer {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 0;\r\n}\r\n\r\n\/* Paper Texture *\/\r\n#doms-stats-light-root .doms-sl-texture {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    \/* Subtle noise for paper feel *\/\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'\/%3E%3C\/svg%3E\");\r\n    opacity: 0.15;\r\n    mix-blend-mode: multiply;\r\n}\r\n\r\n\/* Geometric Pattern *\/\r\n#doms-stats-light-root .doms-sl-pattern {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: \r\n        linear-gradient(30deg, #d4af37 12%, transparent 12.5%, transparent 87%, #d4af37 87.5%, #d4af37),\r\n        linear-gradient(150deg, #d4af37 12%, transparent 12.5%, transparent 87%, #d4af37 87.5%, #d4af37),\r\n        linear-gradient(30deg, #d4af37 12%, transparent 12.5%, transparent 87%, #d4af37 87.5%, #d4af37),\r\n        linear-gradient(150deg, #d4af37 12%, transparent 12.5%, transparent 87%, #d4af37 87.5%, #d4af37),\r\n        linear-gradient(60deg, #80000077 25%, transparent 25.5%, transparent 75%, #80000077 75%, #80000077),\r\n        linear-gradient(60deg, #80000077 25%, transparent 25.5%, transparent 75%, #80000077 75%, #80000077);\r\n    background-size: 80px 140px;\r\n    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;\r\n    opacity: 0.03; \/* Very subtle pattern *\/\r\n}\r\n\r\n\/* --- CONTAINER --- *\/\r\n#doms-stats-light-root .doms-sl-container {\r\n    max-width: 1200px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- GRID --- *\/\r\n#doms-stats-light-root .doms-sl-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 30px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* --- STAT CARD --- *\/\r\n#doms-stats-light-root .doms-sl-card {\r\n    background: var(--dsl-white);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n    border-radius: 12px;\r\n    padding: 35px 25px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: var(--dsl-shadow);\r\n}\r\n\r\n#doms-stats-light-root .doms-sl-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px rgba(128, 0, 0, 0.1);\r\n    border-color: rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n\/* Top Decoration Bar *\/\r\n#doms-stats-light-root .doms-sl-card-decoration {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 4px;\r\n    background: linear-gradient(to right, var(--dsl-maroon), var(--dsl-gold));\r\n    opacity: 0;\r\n    transition: 0.3s;\r\n}\r\n\r\n#doms-stats-light-root .doms-sl-card:hover .doms-sl-card-decoration {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Icon *\/\r\n#doms-stats-light-root .doms-sl-icon-box {\r\n    width: 55px; height: 55px;\r\n    background: #fff;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--dsl-maroon);\r\n    margin-bottom: 20px;\r\n    transition: 0.3s;\r\n    border: 1px solid rgba(128, 0, 0, 0.1);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n}\r\n\r\n#doms-stats-light-root .doms-sl-card:hover .doms-sl-icon-box {\r\n    background: var(--dsl-maroon);\r\n    color: var(--dsl-white);\r\n    transform: scale(1.1);\r\n}\r\n\r\n#doms-stats-light-root .doms-sl-icon-box svg { width: 26px; height: 26px; }\r\n\r\n\/* Data Group *\/\r\n#doms-stats-light-root .doms-sl-data-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n}\r\n\r\n#doms-stats-light-root .doms-sl-number {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 52px;\r\n    line-height: 1;\r\n    color: var(--dsl-maroon);\r\n    font-weight: 700;\r\n}\r\n\r\n#doms-stats-light-root .doms-sl-label {\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--dsl-gray);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-stats-light-root .doms-sl-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #doms-stats-light-root { padding: 60px 0; }\r\n    \r\n    #doms-stats-light-root .doms-sl-grid {\r\n        grid-template-columns: 1fr; \/* Stack vertically on mobile *\/\r\n        gap: 20px;\r\n    }\r\n\r\n    #doms-stats-light-root .doms-sl-card {\r\n        flex-direction: row; \/* Horizontal layout on mobile *\/\r\n        justify-content: flex-start;\r\n        text-align: left;\r\n        padding: 25px;\r\n        gap: 25px;\r\n    }\r\n\r\n    #doms-stats-light-root .doms-sl-icon-box {\r\n        margin-bottom: 0;\r\n        width: 50px; height: 50px;\r\n    }\r\n\r\n    #doms-stats-light-root .doms-sl-number {\r\n        font-size: 42px;\r\n    }\r\n    \r\n    #doms-stats-light-root .doms-sl-card-decoration {\r\n        width: 4px; height: 100%; \/* Side bar on mobile *\/\r\n        top: 0; left: 0;\r\n        background: var(--dsl-maroon);\r\n        opacity: 1; \/* Always visible on mobile *\/\r\n    }\r\n}<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72ca726 e-con-full e-flex e-con e-parent\" data-id=\"72ca726\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a6298a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1a6298a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-news-noimg-root\" class=\"doms-ni-wrapper\">\n\n    <div class=\"doms-ni-bg-layer\">\n        <div class=\"doms-ni-pattern\"><\/div>\n        <div class=\"doms-ni-gradient\"><\/div>\n    <\/div>\n\n    <div class=\"doms-ni-container\">\n        \n        <div class=\"doms-ni-header\">\n            <span class=\"doms-ni-eyebrow\">Knowledge Hub<\/span>\n            <h2 class=\"doms-ni-title\">DoMS <span class=\"doms-ni-gold-text\">Quarterly<\/span><\/h2>\n            <div class=\"doms-ni-divider\"><\/div>\n            <p class=\"doms-ni-desc\">\n                The official chronicle of the Department of Management Studies, IIT Madras.\n            <\/p>\n        <\/div>\n\n        <div class=\"doms-ni-archive-section\">\n            \n            <div class=\"doms-ni-tabs\">\n                <button class=\"doms-ni-tab-btn active\" onclick=\"filterTextNewsletter('2025')\">2025<\/button>\n                <button class=\"doms-ni-tab-btn\" onclick=\"filterTextNewsletter('2024')\">2024<\/button>\n                <button class=\"doms-ni-tab-btn\" onclick=\"filterTextNewsletter('2023')\">2023<\/button>\n                <button class=\"doms-ni-tab-btn\" onclick=\"filterTextNewsletter('2022')\">2022<\/button>\n            <\/div>\n\n            <div class=\"doms-ni-grid\">\n                \n                <div class=\"doms-ni-card\" data-year=\"2025\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q4<\/span>\n                        <span class=\"doms-ni-year-tag\">2025<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">October - December 2025<\/span>\n                        <h4 class=\"doms-ni-headline\">Q4 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/04\/Q4_DoMS_Quarterly_Oct-Dec-2025_CMP_compressed.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"doms-ni-card\" data-year=\"2025\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q3<\/span>\n                        <span class=\"doms-ni-year-tag\">2025<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">July - September 2025<\/span>\n                        <h4 class=\"doms-ni-headline\">Q3 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Q3_DoMS_Newsletter_Jul_Sep_2025.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card\" data-year=\"2025\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q2<\/span>\n                        <span class=\"doms-ni-year-tag\">2025<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">April - June 2025<\/span>\n                        <h4 class=\"doms-ni-headline\">Q2 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Q2_DoMS_Newsletter_Apr_May_2025.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card\" data-year=\"2025\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q1<\/span>\n                        <span class=\"doms-ni-year-tag\">2025<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">January - March 2025<\/span>\n                        <h4 class=\"doms-ni-headline\">Q1 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/DoMS_Times_Jan_Mar_2025_1.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2024\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q4<\/span>\n                        <span class=\"doms-ni-year-tag\">2024<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">October - December 2024<\/span>\n                        <h4 class=\"doms-ni-headline\">Q4 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-times-oct-dec-2024-2.pdf\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2024\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q3<\/span>\n                        <span class=\"doms-ni-year-tag\">2024<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">July - September 2024<\/span>\n                        <h4 class=\"doms-ni-headline\">Q3 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-times-july-september-2024.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2024\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Jul<\/span>\n                        <span class=\"doms-ni-year-tag\">2024<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">July 2024<\/span>\n                        <h4 class=\"doms-ni-headline\">Newsletter July 2024<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-times-july-2024.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2024\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Apr<\/span>\n                        <span class=\"doms-ni-year-tag\">2024<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">April 2024<\/span>\n                        <h4 class=\"doms-ni-headline\">Newsletter April 2024<\/h4>\n                        <a href=\"#\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2024\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Jan<\/span>\n                        <span class=\"doms-ni-year-tag\">2024<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">January 2024<\/span>\n                        <h4 class=\"doms-ni-headline\">Newsletter January 2024<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-times-jan-2024.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2023\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q3<\/span>\n                        <span class=\"doms-ni-year-tag\">2023<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">October 2023<\/span>\n                        <h4 class=\"doms-ni-headline\">Q3 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-times-oct-2023-1.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2023\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q2<\/span>\n                        <span class=\"doms-ni-year-tag\">2023<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">April 2023<\/span>\n                        <h4 class=\"doms-ni-headline\">Q2 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms_times_april_2023.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2023\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q1<\/span>\n                        <span class=\"doms-ni-year-tag\">2023<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">January 2023<\/span>\n                        <h4 class=\"doms-ni-headline\">Q1 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms_times_january_2023.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2022\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q4<\/span>\n                        <span class=\"doms-ni-year-tag\">2022<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">October 2022<\/span>\n                        <h4 class=\"doms-ni-headline\">Q4 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-times-oct-2022.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-ni-card hidden-card\" data-year=\"2022\">\n                    <div class=\"doms-ni-card-left\">\n                        <span class=\"doms-ni-q-tag\">Q3<\/span>\n                        <span class=\"doms-ni-year-tag\">2022<\/span>\n                    <\/div>\n                    <div class=\"doms-ni-card-body\">\n                        <span class=\"doms-ni-date\">July 2022<\/span>\n                        <h4 class=\"doms-ni-headline\">Q3 Newsletter<\/h4>\n                        <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms_times_july_2022.pdf\" class=\"doms-ni-download-link\">Download PDF <span class=\"arrow\">\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        function filterTextNewsletter(year) {\n            const buttons = document.querySelectorAll('.doms-ni-tab-btn');\n            const cards = document.querySelectorAll('.doms-ni-card');\n\n            \/\/ Toggle Tabs\n            buttons.forEach(btn => {\n                btn.classList.remove('active');\n                if(btn.innerText === year) btn.classList.add('active');\n            });\n\n            \/\/ Filter Cards\n            cards.forEach(card => {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(10px)';\n                setTimeout(() => {\n                    if (card.getAttribute('data-year') === year) {\n                        card.style.display = 'flex';\n                        void card.offsetWidth; \n                        card.style.opacity = '1';\n                        card.style.transform = 'translateY(0)';\n                    } else {\n                        card.style.display = 'none';\n                    }\n                }, 200);\n            });\n        }\n    <\/script>\n<\/div>\n\n<style>\n\/* ==========================================================================\n   ISOLATION SCOPE: #doms-news-noimg-root\n   ========================================================================== *\/\n\n\/* 1. Scoped Variables *\/\n#doms-news-noimg-root {\n    --ni-bg: #fdfbf7;         \/* Warm Cream *\/\n    --ni-maroon: #6f1a1d;     \/* Deep Maroon *\/\n    --ni-gold: #cfaa56;       \/* Gold *\/\n    --ni-gold-light: #f4e9cd;\n    --ni-text: #222222;       \/* Dark Charcoal (High Contrast) *\/\n    --ni-text-mute: #555555;  \/* Medium Grey *\/\n    --ni-white: #ffffff;\n    --ni-border: rgba(111, 26, 29, 0.1);\n    \n    --font-heading: 'Playfair Display', serif;\n    --font-body: 'Manrope', sans-serif;\n\n    width: 100%;\n    padding: 6rem 0;\n    position: relative;\n    box-sizing: border-box;\n    font-family: var(--font-body);\n    background-color: var(--ni-bg);\n    color: var(--ni-text);\n    overflow: hidden;\n}\n\n#doms-news-noimg-root * {\n    box-sizing: border-box;\n    margin: 0; padding: 0;\n    text-decoration: none;\n    line-height: 1.5;\n}\n\n\/* 2. Background Pattern *\/\n#doms-news-noimg-root .doms-ni-bg-layer {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 0;\n    pointer-events: none;\n}\n\n\/* Geometric Pattern *\/\n#doms-news-noimg-root .doms-ni-pattern {\n    position: absolute;\n    width: 100%; height: 100%;\n    \/* Subtle Gold Hexagon\/Grid Pattern *\/\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cfaa56' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n    opacity: 0.8;\n}\n\n\/* Gradient Overlay for Depth *\/\n#doms-news-noimg-root .doms-ni-gradient {\n    position: absolute;\n    width: 100%; height: 100%;\n    background: radial-gradient(circle at 50% 0%, #ffffff 0%, transparent 80%);\n}\n\n\/* 3. Container & Header *\/\n#doms-news-noimg-root .doms-ni-container {\n    max-width: 1000px;\n    width: 90%;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n#doms-news-noimg-root .doms-ni-header {\n    text-align: center;\n    margin-bottom: 3rem;\n}\n\n#doms-news-noimg-root .doms-ni-eyebrow {\n    font-size: 0.8rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--ni-maroon);\n    margin-bottom: 0.5rem;\n    display: block;\n}\n\n#doms-news-noimg-root .doms-ni-title {\n    font-family: var(--font-heading);\n    font-size: 4rem !important;\n    color: var(--ni-maroon);\n    margin-bottom: 1rem;\n}\n\n#doms-news-noimg-root .doms-ni-gold-text {\n    color: var(--ni-gold);\n    font-style: italic;\n}\n\n#doms-news-noimg-root .doms-ni-divider {\n    width: 60px;\n    height: 3px;\n    background: var(--ni-gold);\n    margin: 0 auto 1.5rem auto;\n}\n\n#doms-news-noimg-root .doms-ni-desc {\n    color: var(--ni-text-mute);\n    max-width: 600px;\n    margin: 0 auto;\n}\n\n\/* 4. Tabs *\/\n#doms-news-noimg-root .doms-ni-tabs {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 3rem;\n    flex-wrap: wrap;\n}\n\n#doms-news-noimg-root .doms-ni-tab-btn {\n    background: transparent;\n    border: 1px solid var(--ni-maroon);\n    color: var(--ni-maroon);\n    padding: 8px 24px;\n    border-radius: 50px;\n    font-weight: 600;\n    font-family: var(--font-body);\n    cursor: pointer;\n    transition: all 0.3s;\n}\n\n#doms-news-noimg-root .doms-ni-tab-btn.active,\n#doms-news-noimg-root .doms-ni-tab-btn:hover {\n    background: var(--ni-maroon);\n    color: var(--ni-white);\n}\n\n\/* 5. The Grid (No Images) *\/\n#doms-news-noimg-root .doms-ni-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* 2 Columns *\/\n    gap: 1.5rem;\n}\n\n\/* Card Style (Typographic) *\/\n#doms-news-noimg-root .doms-ni-card {\n    background: var(--ni-white);\n    border: 1px solid rgba(0,0,0,0.05);\n    border-radius: 8px;\n    box-shadow: 0 5px 20px rgba(111, 26, 29, 0.05);\n    display: flex;\n    align-items: stretch;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    overflow: hidden;\n}\n\n#doms-news-noimg-root .doms-ni-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(111, 26, 29, 0.12);\n    border-color: var(--ni-gold);\n}\n\n\/* Left: The \"Quarter\" Block *\/\n#doms-news-noimg-root .doms-ni-card-left {\n    background: var(--ni-maroon);\n    width: 80px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    color: var(--ni-gold);\n    flex-shrink: 0;\n}\n\n#doms-news-noimg-root .doms-ni-q-tag {\n    font-family: var(--font-heading);\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 1;\n}\n\n#doms-news-noimg-root .doms-ni-year-tag {\n    font-size: 0.8rem;\n    color: rgba(255,255,255,0.7);\n    margin-top: 5px;\n}\n\n\/* Right: Content *\/\n#doms-news-noimg-root .doms-ni-card-body {\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n}\n\n#doms-news-noimg-root .doms-ni-date {\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--ni-text-mute); \/* Darker Grey *\/\n    margin-bottom: 0.5rem;\n    letter-spacing: 0.5px;\n}\n\n#doms-news-noimg-root .doms-ni-headline {\n    font-family: var(--font-heading);\n    font-size: 1.3rem;\n    color: var(--ni-maroon); \/* Dark Maroon *\/\n    margin-bottom: 1rem;\n    line-height: 1.2;\n    font-weight: 700;\n}\n\n#doms-news-noimg-root .doms-ni-download-link {\n    margin-top: auto;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--ni-text); \/* Black\/Charcoal *\/\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: color 0.3s;\n}\n\n#doms-news-noimg-root .doms-ni-download-link:hover {\n    color: var(--ni-maroon);\n}\n\n#doms-news-noimg-root .arrow {\n    color: var(--ni-gold);\n    font-weight: 400;\n    font-size: 1.1rem;\n}\n\n.hidden-card { display: none; }\n\n\/* 6. Responsive *\/\n@media screen and (max-width: 768px) {\n    #doms-news-noimg-root { padding: 4rem 0; }\n    #doms-news-noimg-root .doms-ni-grid { grid-template-columns: 1fr; }\n    #doms-news-noimg-root .doms-ni-title { font-size: 2.2rem; }\n}\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4d3870 e-con-full e-flex e-con e-parent\" data-id=\"f4d3870\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-799d1c8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"799d1c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--<div id=\"doms-stories-root\" class=\"doms-fs-wrapper\">-->\r\n\r\n<!--    <div class=\"doms-fs-container\">-->\r\n        \r\n<!--        <div class=\"doms-fs-header\">-->\r\n<!--            <h2 class=\"doms-fs-title\">Featured <span class=\"doms-fs-italic\">Stories<\/span><\/h2>-->\r\n<!--            <div class=\"doms-fs-nav-controls\">-->\r\n<!--                <button class=\"doms-fs-arrow\" onclick=\"domsPrevSlide()\">\u2190<\/button>-->\r\n<!--                <div class=\"doms-fs-progress-track\">-->\r\n<!--                    <div class=\"doms-fs-progress-bar\" id=\"doms-fs-progress\"><\/div>-->\r\n<!--                <\/div>-->\r\n<!--                <button class=\"doms-fs-arrow\" onclick=\"domsNextSlide()\">\u2192<\/button>-->\r\n<!--            <\/div>-->\r\n<!--        <\/div>-->\r\n\r\n<!--        <div class=\"doms-fs-stage\">-->\r\n\r\n<!--            <div class=\"doms-fs-slide active\" data-index=\"0\">-->\r\n<!--                <div class=\"doms-fs-visual-col\">-->\r\n<!--                    <div class=\"doms-fs-img-mask\">-->\r\n<!--                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=800&q=80\" alt=\"FinTech Story\">-->\r\n<!--                    <\/div>-->\r\n<!--                    <div class=\"doms-fs-category-tag\">Finance<\/div>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-fs-content-col\">-->\r\n<!--                    <span class=\"doms-fs-slide-num\">01<\/span>-->\r\n<!--                    <h3 class=\"doms-fs-slide-title\">The Future of FinTech in Emerging Markets<\/h3>-->\r\n<!--                    <p class=\"doms-fs-slide-desc\">-->\r\n<!--                        An in-depth look at how digital banking infrastructure is reshaping rural economies in India, featuring insights from Prof. S. Krishnan.-->\r\n<!--                    <\/p>-->\r\n<!--                    <a href=\"#\" class=\"doms-fs-read-btn\">Read Story<\/a>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--            <div class=\"doms-fs-slide\" data-index=\"1\">-->\r\n<!--                <div class=\"doms-fs-visual-col\">-->\r\n<!--                    <div class=\"doms-fs-img-mask\">-->\r\n<!--                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80\" alt=\"Corporate Strategy\">-->\r\n<!--                    <\/div>-->\r\n<!--                    <div class=\"doms-fs-category-tag\">Strategy<\/div>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-fs-content-col\">-->\r\n<!--                    <span class=\"doms-fs-slide-num\">02<\/span>-->\r\n<!--                    <h3 class=\"doms-fs-slide-title\">Resilience in Global Supply Chains<\/h3>-->\r\n<!--                    <p class=\"doms-fs-slide-desc\">-->\r\n<!--                        Analyzing the post-pandemic shift from 'Just-in-Time' to 'Just-in-Case' inventory models in manufacturing sectors.-->\r\n<!--                    <\/p>-->\r\n<!--                    <a href=\"#\" class=\"doms-fs-read-btn\">Read Story<\/a>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--            <div class=\"doms-fs-slide\" data-index=\"2\">-->\r\n<!--                <div class=\"doms-fs-visual-col\">-->\r\n<!--                    <div class=\"doms-fs-img-mask\">-->\r\n<!--                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=800&q=80\" alt=\"Student Life\">-->\r\n<!--                    <\/div>-->\r\n<!--                    <div class=\"doms-fs-category-tag\">Campus Life<\/div>-->\r\n<!--                <\/div>-->\r\n<!--                <div class=\"doms-fs-content-col\">-->\r\n<!--                    <span class=\"doms-fs-slide-num\">03<\/span>-->\r\n<!--                    <h3 class=\"doms-fs-slide-title\">Samanvay 2025: A Retrospective<\/h3>-->\r\n<!--                    <p class=\"doms-fs-slide-desc\">-->\r\n<!--                        Highlights from the annual business fest, bringing together thought leaders and students from across the country.-->\r\n<!--                    <\/p>-->\r\n<!--                    <a href=\"#\" class=\"doms-fs-read-btn\">Read Story<\/a>-->\r\n<!--                <\/div>-->\r\n<!--            <\/div>-->\r\n\r\n<!--        <\/div>-->\r\n\r\n<!--    <\/div>-->\r\n\r\n    <script>\r\n        let domsSlideIndex = 0;\r\n        const domsSlides = document.querySelectorAll('.doms-fs-slide');\r\n        const domsProgressBar = document.getElementById('doms-fs-progress');\r\n        const slideInterval = 6000; \/\/ 6 seconds per slide\r\n        let autoSlideTimer;\r\n\r\n        function domsShowSlide(n) {\r\n            \/\/ Loop logic\r\n            if (n >= domsSlides.length) domsSlideIndex = 0;\r\n            else if (n < 0) domsSlideIndex = domsSlides.length - 1;\r\n            else domsSlideIndex = n;\r\n\r\n            \/\/ Remove active class\r\n            domsSlides.forEach(slide => slide.classList.remove('active'));\r\n            \r\n            \/\/ Add active to current\r\n            domsSlides[domsSlideIndex].classList.add('active');\r\n\r\n            \/\/ Reset Progress Bar Animation\r\n            domsResetProgress();\r\n        }\r\n\r\n        function domsNextSlide() {\r\n            domsShowSlide(domsSlideIndex + 1);\r\n        }\r\n\r\n        function domsPrevSlide() {\r\n            domsShowSlide(domsSlideIndex - 1);\r\n        }\r\n\r\n        function domsResetProgress() {\r\n            \/\/ Reset Animation CSS\r\n            domsProgressBar.style.transition = 'none';\r\n            domsProgressBar.style.width = '0%';\r\n            \r\n            \/\/ Force Reflow\r\n            void domsProgressBar.offsetWidth;\r\n\r\n            \/\/ Start Animation\r\n            domsProgressBar.style.transition = `width ${slideInterval}ms linear`;\r\n            domsProgressBar.style.width = '100%';\r\n\r\n            \/\/ Clear old timer and set new one\r\n            clearTimeout(autoSlideTimer);\r\n            autoSlideTimer = setTimeout(domsNextSlide, slideInterval);\r\n        }\r\n\r\n        \/\/ Initialize on Load\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            domsResetProgress();\r\n        });\r\n    <\/script>\r\n<\/div>\r\n<style>\/* -------------------------------------------------------------\r\n   DOMS FEATURED STORIES (SPLIT EDITORIAL SLIDER)\r\n   Theme: Warm Bone (#F5F0EB), Maroon, Gold\r\n   Style: Magazine Layout, Smooth Transitions\r\n   ------------------------------------------------------------- *\/\r\n\r\n\/* Import Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');\r\n\r\n\/* --- ROOT WRAPPER --- *\/\r\n#doms-stories-root {\r\n    \/* Scoped Variables *\/\r\n    --dfs-bg: #F5F0EB;       \/* Warm Bone\/Ivory *\/\r\n    --dfs-maroon: #800000;\r\n    --dfs-gold: #D4AF37;\r\n    --dfs-black: #1a1a1a;\r\n    --dfs-gray: #666666;\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', sans-serif;\r\n    background-color: var(--dfs-bg);\r\n    color: var(--dfs-black);\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-stories-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\r\n}\r\n\r\n\/* --- CONTAINER --- *\/\r\n#doms-stories-root .doms-fs-container {\r\n    max-width: 1200px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* --- HEADER & CONTROLS --- *\/\r\n#doms-stories-root .doms-fs-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    margin-bottom: 60px;\r\n    border-bottom: 1px solid rgba(0,0,0,0.1);\r\n    padding-bottom: 20px;\r\n}\r\n\r\n#doms-stories-root .doms-fs-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 48px;\r\n    line-height: 1;\r\n    color: var(--dfs-black);\r\n}\r\n\r\n#doms-stories-root .doms-fs-italic {\r\n    font-style: italic;\r\n    color: var(--dfs-maroon);\r\n}\r\n\r\n#doms-stories-root .doms-fs-nav-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n#doms-stories-root .doms-fs-arrow {\r\n    background: transparent;\r\n    border: 1px solid var(--dfs-black);\r\n    width: 40px; height: 40px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: 0.3s;\r\n}\r\n\r\n#doms-stories-root .doms-fs-arrow:hover {\r\n    background: var(--dfs-maroon);\r\n    color: #fff;\r\n    border-color: var(--dfs-maroon);\r\n}\r\n\r\n\/* Progress Bar *\/\r\n#doms-stories-root .doms-fs-progress-track {\r\n    width: 100px;\r\n    height: 2px;\r\n    background: rgba(0,0,0,0.1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-stories-root .doms-fs-progress-bar {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    height: 100%;\r\n    background: var(--dfs-maroon);\r\n    width: 0%;\r\n}\r\n\r\n\/* --- SLIDER STAGE --- *\/\r\n#doms-stories-root .doms-fs-stage {\r\n    position: relative;\r\n    min-height: 500px; \/* Height of the slider area *\/\r\n}\r\n\r\n\/* Single Slide Logic *\/\r\n#doms-stories-root .doms-fs-slide {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr; \/* Image wider than text *\/\r\n    gap: 60px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.8s ease, visibility 0.8s ease;\r\n    align-items: center;\r\n}\r\n\r\n#doms-stories-root .doms-fs-slide.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- VISUAL COLUMN (IMAGE) --- *\/\r\n#doms-stories-root .doms-fs-visual-col {\r\n    position: relative;\r\n    height: 100%;\r\n    max-height: 500px;\r\n}\r\n\r\n#doms-stories-root .doms-fs-img-mask {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    border-radius: 8px;\r\n    \/* Initial state for animation *\/\r\n    transform: scale(0.95);\r\n    opacity: 0;\r\n    transition: 1s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n#doms-stories-root .doms-fs-slide.active .doms-fs-img-mask {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n#doms-stories-root .doms-fs-img-mask img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 6s ease; \/* Slow zoom on active *\/\r\n}\r\n\r\n#doms-stories-root .doms-fs-slide.active .doms-fs-img-mask img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* Floating Tag *\/\r\n#doms-stories-root .doms-fs-category-tag {\r\n    position: absolute;\r\n    top: 20px; left: 20px;\r\n    background: var(--dfs-gold);\r\n    color: #000;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    padding: 6px 12px;\r\n    letter-spacing: 1px;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- CONTENT COLUMN (TEXT) --- *\/\r\n#doms-stories-root .doms-fs-content-col {\r\n    padding-right: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Content Entrance Animations *\/\r\n#doms-stories-root .doms-fs-slide .doms-fs-slide-num,\r\n#doms-stories-root .doms-fs-slide .doms-fs-slide-title,\r\n#doms-stories-root .doms-fs-slide .doms-fs-slide-desc,\r\n#doms-stories-root .doms-fs-slide .doms-fs-read-btn {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: 0.6s ease;\r\n}\r\n\r\n#doms-stories-root .doms-fs-slide.active .doms-fs-slide-num { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }\r\n#doms-stories-root .doms-fs-slide.active .doms-fs-slide-title { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }\r\n#doms-stories-root .doms-fs-slide.active .doms-fs-slide-desc { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\r\n#doms-stories-root .doms-fs-slide.active .doms-fs-read-btn { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }\r\n\r\n\/* Typography *\/\r\n#doms-stories-root .doms-fs-slide-num {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 60px;\r\n    font-weight: 900;\r\n    color: rgba(0,0,0,0.05); \/* Very subtle background number *\/\r\n    line-height: 1;\r\n    margin-bottom: -20px;\r\n    display: block;\r\n}\r\n\r\n#doms-stories-root .doms-fs-slide-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 36px;\r\n    line-height: 1.2;\r\n    color: var(--dfs-black);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-stories-root .doms-fs-slide-desc {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: var(--dfs-gray);\r\n    margin-bottom: 30px;\r\n    border-left: 2px solid var(--dfs-gold);\r\n    padding-left: 20px;\r\n}\r\n\r\n#doms-stories-root .doms-fs-read-btn {\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--dfs-maroon);\r\n    border-bottom: 1px solid var(--dfs-maroon);\r\n    padding-bottom: 4px;\r\n    width: fit-content;\r\n    transition: 0.3s;\r\n}\r\n\r\n#doms-stories-root .doms-fs-read-btn:hover {\r\n    color: var(--dfs-gold);\r\n    border-color: var(--dfs-gold);\r\n}\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-stories-root .doms-fs-stage {\r\n        min-height: 600px;\r\n    }\r\n    \r\n    #doms-stories-root .doms-fs-slide {\r\n        grid-template-columns: 1fr; \/* Stack layout *\/\r\n        gap: 30px;\r\n    }\r\n    \r\n    #doms-stories-root .doms-fs-visual-col {\r\n        height: 300px; \/* Fixed image height on tablet *\/\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #doms-stories-root { padding: 60px 0; }\r\n    \r\n    #doms-stories-root .doms-fs-title { font-size: 32px; }\r\n    \r\n    #doms-stories-root .doms-fs-stage {\r\n        min-height: 550px; \/* Adjust total height *\/\r\n    }\r\n    \r\n    #doms-stories-root .doms-fs-slide {\r\n        grid-template-rows: auto auto;\r\n        align-content: start;\r\n        gap: 20px;\r\n    }\r\n    \r\n    #doms-stories-root .doms-fs-visual-col {\r\n        height: 250px;\r\n    }\r\n    \r\n    #doms-stories-root .doms-fs-slide-title {\r\n        font-size: 26px;\r\n    }\r\n    \r\n    \/* Move controls to bottom on mobile or hide if swipe implemented (sticking to buttons for now) *\/\r\n    #doms-stories-root .doms-fs-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n    }\r\n}<\/style>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <!--<section class=\"issue-section bg-cream\" id=\"featured\">-->\r\n <!--       <div class=\"container\">-->\r\n <!--           <div class=\"section-header text-center\">-->\r\n <!--               <h5 class=\"section-label\">In This Issue<\/h5>-->\r\n <!--               <h2 class=\"section-heading\"><span class=\"stylish-char\">F<\/span>eatured Stories<\/h2>-->\r\n <!--               <div class=\"divider-center\"><\/div>-->\r\n <!--           <\/div>-->\r\n\r\n\r\n <!--           <div class=\"magazine-grid\">-->\r\n <!--               <article class=\"story-card main-story\">-->\r\n <!--                   <div class=\"story-img\" data-label=\"[Img: Supply Chain Digitalization]\">-->\r\n <!--                       <span class=\"category-tag\">Cover Story<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"story-content\">-->\r\n <!--                       <h3>Digital Transformation in Indian Supply Chains<\/h3>-->\r\n <!--                       <p class=\"story-excerpt\">A groundbreaking study by DoMS faculty revealing how digital technologies are reshaping supply chains across 500+ firms. Essential reading for logistics leaders.<\/p>-->\r\n <!--                       <div class=\"story-meta\">-->\r\n <!--                           <span><i class=\"fas fa-pen\"><\/i> Prof. Rajesh Kumar<\/span>-->\r\n <!--                           <span><i class=\"far fa-clock\"><\/i> 12 min read<\/span>-->\r\n <!--                       <\/div>-->\r\n <!--                       <a href=\"#\" class=\"read-more\">Read Full Article &rarr;<\/a>-->\r\n <!--                   <\/div>-->\r\n <!--               <\/article>-->\r\n\r\n\r\n <!--               <article class=\"story-card side-story\">-->\r\n <!--                   <div class=\"story-img small\" data-label=\"[Img: Prof. Anjali Sharma]\">-->\r\n <!--                       <span class=\"category-tag\">Faculty Insight<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"story-content\">-->\r\n <!--                       <h4>Sustainable Leadership in the Age of Climate Change<\/h4>-->\r\n <!--                       <p class=\"story-excerpt\">Integrating sustainability into corporate strategy while maintaining competitive advantage.<\/p>-->\r\n <!--                       <div class=\"story-meta\">-->\r\n <!--                           <span>8 min read<\/span>-->\r\n <!--                       <\/div>-->\r\n <!--                   <\/div>-->\r\n <!--               <\/article>-->\r\n\r\n\r\n <!--               <article class=\"story-card side-story\">-->\r\n <!--                   <div class=\"story-img small\" data-label=\"[Img: Priya Mehta - Entrepreneur]\">-->\r\n <!--                       <span class=\"category-tag\">Student Spotlight<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"story-content\">-->\r\n <!--                       <h4>Building India's Next Unicorn<\/h4>-->\r\n <!--                       <p class=\"story-excerpt\">Meet Priya Mehta (MBA '22), founder of an AI-powered supply chain startup valued at $50M.<\/p>-->\r\n <!--                       <div class=\"story-meta\">-->\r\n <!--                           <span>6 min read<\/span>-->\r\n <!--                       <\/div>-->\r\n <!--                   <\/div>-->\r\n <!--               <\/article>-->\r\n\r\n\r\n <!--               <article class=\"story-card side-story\">-->\r\n <!--                   <div class=\"story-img small\" data-label=\"[Img: Hybrid Office Work]\">-->\r\n <!--                       <span class=\"category-tag\">Industry Perspective<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"story-content\">-->\r\n <!--                       <h4>The Future of Work: Hybrid Models<\/h4>-->\r\n <!--                       <p class=\"story-excerpt\">Insights from JPMC's India operations head on managing distributed teams.<\/p>-->\r\n <!--                       <div class=\"story-meta\">-->\r\n <!--                           <span>7 min read<\/span>-->\r\n <!--                       <\/div>-->\r\n <!--                   <\/div>-->\r\n <!--               <\/article>-->\r\n <!--           <\/div>-->\r\n <!--       <\/div>-->\r\n <!--   <\/section>-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e352b47 e-con-full e-flex e-con e-parent\" data-id=\"e352b47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9328496 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9328496\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--<div id=\"doms-infi-root\" class=\"doms-inf-wrapper\">-->\r\n\r\n<!--    <div class=\"doms-inf-bg-layer\">-->\r\n<!--        <div class=\"doms-inf-gradient\"><\/div>-->\r\n<!--        <div class=\"doms-inf-dust\"><\/div>-->\r\n<!--        <div class=\"doms-inf-big-quote\">\u201c<\/div>-->\r\n<!--    <\/div>-->\r\n\r\n<!--    <div class=\"doms-inf-container\">-->\r\n        \r\n<!--        <div class=\"doms-inf-header\">-->\r\n<!--            <span class=\"doms-inf-eyebrow\">Community Voices<\/span>-->\r\n<!--            <h2 class=\"doms-inf-title\">Hear From Our <span class=\"doms-inf-gold\">Network<\/span><\/h2>-->\r\n<!--            <div class=\"doms-inf-divider\"><\/div>-->\r\n<!--            <p class=\"doms-inf-desc\">-->\r\n<!--                From industry leaders to ambitious students, discover the impact of the DoMS ecosystem.-->\r\n<!--            <\/p>-->\r\n<!--        <\/div>-->\r\n\r\n<!--        <div class=\"doms-inf-marquee-window\">-->\r\n            \r\n<!--            <div class=\"doms-inf-fade-left\"><\/div>-->\r\n<!--            <div class=\"doms-inf-fade-right\"><\/div>-->\r\n\r\n<!--            <div class=\"doms-inf-track\" id=\"domsInfiniteTrack\">-->\r\n                \r\n<!--                <div class=\"doms-inf-group\">-->\r\n                    \r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">The DoMS Quarterly is my go-to source for management research. The writing is excellent and immediately applicable.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=100&q=80\" alt=\"Arun\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Arun Desai<\/span>-->\r\n<!--                                    <span class=\"role\">CFO, TechCorp<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">As an alumna, seeing the research spotlight makes me proud. It keeps me updated on the latest management thinking.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=100&q=80\" alt=\"Priya\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Priya Sharma<\/span>-->\r\n<!--                                    <span class=\"role\">Founder, StartupX<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">The blend of academic rigor with practical business application is invaluable for our global HR strategy.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=100&q=80\" alt=\"Vikram\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Vikram Kumar<\/span>-->\r\n<!--                                    <span class=\"role\">VP of HR, Global<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">A masterclass in editorial design. It perfectly captures the prestige and forward-thinking nature of IIT Madras.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=100&q=80\" alt=\"Sneha\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Sneha K.<\/span>-->\r\n<!--                                    <span class=\"role\">Editor, BizWorld<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">The Executive MBA insights featured here have directly influenced our supply chain restructuring.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&w=100&q=80\" alt=\"Robert\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Robert Fox<\/span>-->\r\n<!--                                    <span class=\"role\">Supply Chain Lead<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">An incredible platform for PhD scholars to showcase their work to a broader industrial audience.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=100&q=80\" alt=\"Anjali\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Anjali Rao<\/span>-->\r\n<!--                                    <span class=\"role\">PhD Scholar<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                    <div class=\"doms-inf-card\">-->\r\n<!--                        <div class=\"doms-inf-card-glass\">-->\r\n<!--                            <div class=\"doms-inf-quote-mark\">\u201c<\/div>-->\r\n<!--                            <p class=\"doms-inf-text\">Visiting from Germany on exchange, this newsletter helped me understand the depth of Indian markets.<\/p>-->\r\n<!--                            <div class=\"doms-inf-profile\">-->\r\n<!--                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=100&q=80\" alt=\"Hans\">-->\r\n<!--                                <div class=\"doms-inf-meta\">-->\r\n<!--                                    <span class=\"name\">Hans Weber<\/span>-->\r\n<!--                                    <span class=\"role\">Exchange Student<\/span>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n<!--                        <\/div>-->\r\n<!--                    <\/div>-->\r\n\r\n<!--                <\/div>-->\r\n<!--                <\/div>-->\r\n<!--        <\/div>-->\r\n\r\n<!--    <\/div>-->\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            const track = document.getElementById('domsInfiniteTrack');\r\n            const originalGroup = track.querySelector('.doms-inf-group');\r\n            \r\n            \/\/ Clone the group to create seamless loop effect\r\n            const clone = originalGroup.cloneNode(true);\r\n            clone.setAttribute('aria-hidden', 'true'); \/\/ Accessibility\r\n            track.appendChild(clone);\r\n        });\r\n    <\/script>\r\n<\/div>\r\n<style>\r\n    \/* -------------------------------------------------------------\r\n   DOMS INFINITE SCROLL TESTIMONIALS\r\n   Theme: Rich Cordovan (#240a0a), Gold, Glass\r\n   Style: Automatic Marquee, High-End Polish\r\n   ------------------------------------------------------------- *\/\r\n\r\n\/* Import Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;1,700&display=swap');\r\n\r\n\/* --- ROOT WRAPPER --- *\/\r\n#doms-infi-root {\r\n    \/* Scoped Variables *\/\r\n    --dif-bg: #240a0a;        \/* Rich Cordovan (Lighter than black) *\/\r\n    --dif-bg-grad: #3d1010;   \/* Highlight *\/\r\n    --dif-maroon: #900000;\r\n    --dif-gold: #D4AF37;\r\n    --dif-white: #ffffff;\r\n    --dif-gray: #d0d0d0;\r\n    --dif-glass: rgba(255, 255, 255, 0.04);\r\n    --dif-glass-hover: rgba(255, 255, 255, 0.08);\r\n    --dif-border: rgba(255, 255, 255, 0.1);\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', sans-serif;\r\n    background-color: var(--dif-bg);\r\n    color: var(--dif-white);\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-infi-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\r\n}\r\n\r\n\/* --- BACKGROUND SYSTEM --- *\/\r\n#doms-infi-root .doms-inf-bg-layer {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Gradient Spotlight *\/\r\n#doms-infi-root .doms-inf-gradient {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: radial-gradient(circle at 50% 0%, var(--dif-bg-grad) 0%, var(--dif-bg) 70%);\r\n}\r\n\r\n\/* Giant Quote Mark *\/\r\n#doms-infi-root .doms-inf-big-quote {\r\n    position: absolute;\r\n    top: -50px; right: 5%;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 300px;\r\n    color: rgba(255, 255, 255, 0.03);\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Dust Particles *\/\r\n#doms-infi-root .doms-inf-dust {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: radial-gradient(var(--dif-gold) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    opacity: 0.15;\r\n    animation: domsDustFloat 40s linear infinite;\r\n}\r\n\r\n\/* --- CONTAINER --- *\/\r\n#doms-infi-root .doms-inf-container {\r\n    max-width: 100%; \/* Full width for marquee *\/\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- HEADER --- *\/\r\n#doms-infi-root .doms-inf-header {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 60px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n#doms-infi-root .doms-inf-eyebrow {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--dif-gold);\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    padding: 5px 12px;\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 50px;\r\n}\r\n\r\n#doms-infi-root .doms-inf-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 42px;\r\n    color: var(--dif-white);\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-infi-root .doms-inf-gold {\r\n    font-style: italic;\r\n    color: var(--dif-gold);\r\n}\r\n\r\n#doms-infi-root .doms-inf-divider {\r\n    width: 60px; height: 2px;\r\n    background: var(--dif-gold);\r\n    margin: 0 auto 20px auto;\r\n}\r\n\r\n#doms-infi-root .doms-inf-desc {\r\n    font-size: 16px;\r\n    color: var(--dif-gray);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* --- MARQUEE WINDOW --- *\/\r\n#doms-infi-root .doms-inf-marquee-window {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 20px 0; \/* Space for shadow\/hover lift *\/\r\n}\r\n\r\n\/* Fade Edges (The \"Expensive\" Touch) *\/\r\n#doms-infi-root .doms-inf-fade-left,\r\n#doms-infi-root .doms-inf-fade-right {\r\n    position: absolute;\r\n    top: 0;\r\n    width: 150px; \/* Width of fade *\/\r\n    height: 100%;\r\n    z-index: 5;\r\n    pointer-events: none; \/* Let clicks pass through *\/\r\n}\r\n\r\n#doms-infi-root .doms-inf-fade-left {\r\n    left: 0;\r\n    background: linear-gradient(to right, var(--dif-bg), transparent);\r\n}\r\n\r\n#doms-infi-root .doms-inf-fade-right {\r\n    right: 0;\r\n    background: linear-gradient(to left, var(--dif-bg), transparent);\r\n}\r\n\r\n\/* Track Animation *\/\r\n#doms-infi-root .doms-inf-track {\r\n    display: flex;\r\n    width: max-content; \/* Ensure it fits all content *\/\r\n    gap: 0; \/* Gap handled in card padding *\/\r\n    animation: domsMarqueeScroll 60s linear infinite;\r\n}\r\n\r\n\/* Pause on Hover *\/\r\n#doms-infi-root .doms-inf-track:hover {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* Group Wrapper (Original & Clone) *\/\r\n#doms-infi-root .doms-inf-group {\r\n    display: flex;\r\n    gap: 30px; \/* Space between cards *\/\r\n    padding-right: 30px; \/* Space after last card in group *\/\r\n}\r\n\r\n\/* --- CARD DESIGN --- *\/\r\n#doms-infi-root .doms-inf-card {\r\n    width: 400px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n#doms-infi-root .doms-inf-card-glass {\r\n    background: var(--dif-glass);\r\n    border: 1px solid var(--dif-border);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    padding: 35px;\r\n    border-radius: 12px;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: 0.3s ease;\r\n    position: relative;\r\n    top: 0;\r\n}\r\n\r\n#doms-infi-root .doms-inf-card-glass:hover {\r\n    background: var(--dif-glass-hover);\r\n    border-color: rgba(212, 175, 55, 0.4);\r\n    top: -5px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n}\r\n\r\n#doms-infi-root .doms-inf-quote-mark {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 60px;\r\n    line-height: 0.5;\r\n    color: var(--dif-gold);\r\n    opacity: 0.5;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-infi-root .doms-inf-text {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #e0e0e0;\r\n    font-style: italic;\r\n    margin-bottom: 25px;\r\n    flex-grow: 1;\r\n}\r\n\r\n#doms-infi-root .doms-inf-profile {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    border-top: 1px solid var(--dif-border);\r\n    padding-top: 15px;\r\n}\r\n\r\n#doms-infi-root .doms-inf-profile img {\r\n    width: 45px; height: 45px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 2px solid var(--dif-gold);\r\n}\r\n\r\n#doms-infi-root .doms-inf-meta {\r\n    display: flex; flex-direction: column;\r\n}\r\n\r\n#doms-infi-root .doms-inf-meta .name {\r\n    font-size: 14px; font-weight: 700; color: var(--dif-white);\r\n}\r\n\r\n#doms-infi-root .doms-inf-meta .role {\r\n    font-size: 11px; color: var(--dif-gray); text-transform: uppercase; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* --- ANIMATIONS --- *\/\r\n@keyframes domsMarqueeScroll {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); } \/* Moves exactly half (since we doubled content) *\/\r\n}\r\n\r\n@keyframes domsDustFloat {\r\n    0% { background-position: 0 0; }\r\n    100% { background-position: 50px 50px; }\r\n}\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-infi-root .doms-inf-card { width: 350px; }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #doms-infi-root { padding: 60px 0; }\r\n    \r\n    #doms-infi-root .doms-inf-title { font-size: 32px; }\r\n    \r\n    #doms-infi-root .doms-inf-card { width: 300px; }\r\n    \r\n    #doms-infi-root .doms-inf-card-glass { padding: 25px; }\r\n    \r\n    \/* Hide fade edges on mobile to show full width scrolling clearly *\/\r\n    #doms-infi-root .doms-inf-fade-left,\r\n    #doms-infi-root .doms-inf-fade-right {\r\n        width: 50px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24c4423 e-con-full e-flex e-con e-parent\" data-id=\"24c4423\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Q4 Edition The DoMS Chronicle Featured Story &#8220;Redefining Leadership: Bridging AI innovation with ethical management.&#8221; Read The Issue Appendix of Q4 Knowledge Hub DoMS Quarterly The official chronicle of the Department of Management Studies, IIT Madras. 2025 2024 2023 2022 Q4 2025 October &#8211; December 2025 Q4 Newsletter Download PDF \u2192 Q3 2025 July -&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":15127,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/57223","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=57223"}],"version-history":[{"count":282,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/57223\/revisions"}],"predecessor-version":[{"id":76020,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/57223\/revisions\/76020"}],"up":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15127"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=57223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}