{"id":3420,"date":"2026-08-15T11:22:46","date_gmt":"2026-08-15T11:22:46","guid":{"rendered":"https:\/\/strayndom.com\/?page_id=3420"},"modified":"2026-08-15T12:05:43","modified_gmt":"2026-08-15T12:05:43","slug":"the-living-mosaic","status":"publish","type":"page","link":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/","title":{"rendered":"The Living Mosaic"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3420\" class=\"elementor elementor-3420\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60eb967 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"60eb967\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae1ae9f jltma-glass-effect-no\" data-id=\"ae1ae9f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a6cbc8 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"1a6cbc8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     THE LIVING MOSAIC \u2014 BLOG SERIES HERO\r\n     Complete Elementor HTML Widget Code\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.lm-hero,\r\n.lm-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.lm-hero {\r\n    --lm-navy: #073c69;\r\n    --lm-deep: #082e52;\r\n    --lm-teal: #098594;\r\n    --lm-light: #d9f2f8;\r\n    --lm-white: #ffffff;\r\n    --lm-text: #17384d;\r\n    --lm-muted: #557181;\r\n    --lm-orange: #f57c28;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 78% 32%,\r\n            rgba(255,255,255,.85) 0,\r\n            rgba(255,255,255,.28) 28%,\r\n            transparent 49%\r\n        ),\r\n        linear-gradient(\r\n            118deg,\r\n            #d9f3f8 0%,\r\n            #e8f8fb 56%,\r\n            #d4f0f6 100%\r\n        );\r\n\r\n    font-family: \"Poppins\", \"Segoe UI\", Arial, sans-serif;\r\n    color: var(--lm-text);\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND DETAILS\r\n========================================================= *\/\r\n\r\n.lm-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 430px;\r\n    height: 430px;\r\n    border: 1px solid rgba(7, 60, 105, .09);\r\n    border-radius: 50%;\r\n    top: -220px;\r\n    right: -90px;\r\n}\r\n\r\n.lm-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    border: 1px solid rgba(9, 133, 148, .11);\r\n    border-radius: 50%;\r\n    left: -180px;\r\n    bottom: -180px;\r\n}\r\n\r\n.lm-grid-lines {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: .24;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(7, 60, 105, .045) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7, 60, 105, .045) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 55px 55px;\r\n\r\n    -webkit-mask-image: linear-gradient(\r\n        to right,\r\n        rgba(0,0,0,.3),\r\n        transparent 45%\r\n    );\r\n\r\n    mask-image: linear-gradient(\r\n        to right,\r\n        rgba(0,0,0,.3),\r\n        transparent 45%\r\n    );\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.lm-hero-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: min(1180px, calc(100% - 48px));\r\n    min-height: 650px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(0, 1.08fr)\r\n        minmax(380px, .92fr);\r\n\r\n    align-items: center;\r\n    gap: 75px;\r\n\r\n    padding: 72px 0 74px;\r\n}\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.lm-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    color: var(--lm-teal);\r\n\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    letter-spacing: .13em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.lm-eyebrow-line {\r\n    width: 34px;\r\n    height: 1px;\r\n    background: var(--lm-teal);\r\n}\r\n\r\n.lm-series-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 8px 13px;\r\n    margin-bottom: 18px;\r\n\r\n    background: rgba(255,255,255,.64);\r\n    border: 1px solid rgba(7,60,105,.12);\r\n    border-radius: 100px;\r\n\r\n    color: var(--lm-navy);\r\n\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: .07em;\r\n    text-transform: uppercase;\r\n\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.lm-series-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    flex: 0 0 6px;\r\n\r\n    border-radius: 50%;\r\n    background: var(--lm-orange);\r\n}\r\n\r\n.lm-title {\r\n    max-width: 700px;\r\n    margin: 0;\r\n\r\n    color: var(--lm-deep);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(54px, 6vw, 84px);\r\n    line-height: .96;\r\n    font-weight: 500;\r\n    letter-spacing: -.045em;\r\n}\r\n\r\n.lm-title em {\r\n    display: block;\r\n\r\n    color: var(--lm-teal);\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n.lm-subtitle {\r\n    margin: 25px 0 0;\r\n\r\n    color: var(--lm-navy);\r\n\r\n    font-size: clamp(17px, 1.6vw, 22px);\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n}\r\n\r\n.lm-description {\r\n    max-width: 650px;\r\n\r\n    margin: 22px 0 0;\r\n\r\n    color: var(--lm-muted);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n    font-weight: 400;\r\n}\r\n\r\n.lm-highlight {\r\n    max-width: 620px;\r\n\r\n    margin-top: 28px;\r\n    padding-left: 22px;\r\n\r\n    border-left: 2px solid var(--lm-teal);\r\n\r\n    color: var(--lm-deep);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n    font-style: italic;\r\n}\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.lm-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 17px;\r\n\r\n    margin-top: 34px;\r\n}\r\n\r\n.lm-primary-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    min-height: 47px;\r\n    padding: 0 24px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: var(--lm-navy);\r\n\r\n    color: #fff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: .065em;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n    box-shadow: 0 10px 22px rgba(7,60,105,.14);\r\n}\r\n\r\n.lm-primary-btn:hover {\r\n    background: var(--lm-teal);\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 14px 28px rgba(7,60,105,.18);\r\n}\r\n\r\n.lm-primary-btn svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.lm-primary-btn:hover svg {\r\n    transform: translateY(3px);\r\n}\r\n\r\n\/* =========================================================\r\n   AUTHOR\r\n========================================================= *\/\r\n\r\n.lm-author {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    color: var(--lm-muted);\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n.lm-author-mark {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border: 1px solid rgba(7,60,105,.15);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.58);\r\n\r\n    color: var(--lm-navy);\r\n\r\n    font-family: Georgia, serif;\r\n    font-size: 15px;\r\n    font-style: italic;\r\n}\r\n\r\n.lm-author strong {\r\n    display: block;\r\n\r\n    color: var(--lm-navy);\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.lm-visual {\r\n    position: relative;\r\n\r\n    min-height: 500px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE CARD\r\n========================================================= *\/\r\n\r\n.lm-portrait-card {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: min(430px, 95%);\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 5px;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(7,60,105,.16);\r\n}\r\n\r\n.lm-portrait-frame {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1.25 \/ 1;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #d5eef4;\r\n}\r\n\r\n.lm-portrait-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\/* subtle image tone *\/\r\n.lm-portrait-frame::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(4,39,69,.38) 0%,\r\n            rgba(4,39,69,.05) 38%,\r\n            transparent 60%\r\n        );\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE CAPTION\r\n========================================================= *\/\r\n\r\n.lm-portrait-caption {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 24px;\r\n    bottom: 22px;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n.lm-portrait-caption small {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    letter-spacing: .12em;\r\n    text-transform: uppercase;\r\n\r\n    opacity: .8;\r\n}\r\n\r\n.lm-portrait-caption span {\r\n    display: block;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 21px;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD FOOTER\r\n========================================================= *\/\r\n\r\n.lm-card-footer {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    background: #ffffff;\r\n}\r\n\r\n.lm-stat {\r\n    position: relative;\r\n\r\n    padding: 17px 14px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.lm-stat:not(:last-child)::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 17px;\r\n    right: 0;\r\n\r\n    width: 1px;\r\n    height: 31px;\r\n\r\n    background: #e1edf0;\r\n}\r\n\r\n.lm-stat strong {\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color: var(--lm-navy);\r\n\r\n    font-family: Georgia, serif;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n}\r\n\r\n.lm-stat span {\r\n    display: block;\r\n\r\n    color: #79909b;\r\n\r\n    font-size: 8px;\r\n    font-weight: 500;\r\n    letter-spacing: .065em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   FLOATING CARDS\r\n========================================================= *\/\r\n\r\n.lm-floating-note {\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    padding: 12px 15px;\r\n\r\n    background: rgba(255,255,255,.88);\r\n\r\n    border: 1px solid rgba(7,60,105,.09);\r\n    border-radius: 4px;\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(8,46,82,.08);\r\n\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.lm-floating-note.note-one {\r\n    left: -20px;\r\n    top: 92px;\r\n}\r\n\r\n.lm-floating-note.note-two {\r\n    right: -22px;\r\n    bottom: 86px;\r\n}\r\n\r\n.lm-floating-note small {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: var(--lm-teal);\r\n\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.lm-floating-note strong {\r\n    display: block;\r\n\r\n    color: var(--lm-navy);\r\n\r\n    font-family: Georgia, serif;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* =========================================================\r\n   DECORATIVE RINGS\r\n========================================================= *\/\r\n\r\n.lm-ring {\r\n    position: absolute;\r\n    z-index: 1;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(9,133,148,.18);\r\n}\r\n\r\n.lm-ring.one {\r\n    width: 390px;\r\n    height: 390px;\r\n\r\n    right: -10px;\r\n    top: 18px;\r\n}\r\n\r\n.lm-ring.two {\r\n    width: 315px;\r\n    height: 315px;\r\n\r\n    right: 28px;\r\n    top: 56px;\r\n}\r\n\r\n.lm-ring.three {\r\n    width: 235px;\r\n    height: 235px;\r\n\r\n    right: 68px;\r\n    top: 96px;\r\n}\r\n\r\n\/* =========================================================\r\n   SERIES INDEX\r\n========================================================= *\/\r\n\r\n.lm-series-index {\r\n    position: absolute;\r\n    z-index: 4;\r\n\r\n    right: 0;\r\n    top: 5px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color: rgba(7,60,105,.6);\r\n\r\n    font-size: 9px;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.lm-series-index::before {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 1px;\r\n\r\n    background: rgba(7,60,105,.3);\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL ENTRANCE ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes lmFadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(18px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.lm-copy > * {\r\n    animation: lmFadeUp .7s ease both;\r\n}\r\n\r\n.lm-copy > *:nth-child(1) {\r\n    animation-delay: .05s;\r\n}\r\n\r\n.lm-copy > *:nth-child(2) {\r\n    animation-delay: .12s;\r\n}\r\n\r\n.lm-copy > *:nth-child(3) {\r\n    animation-delay: .18s;\r\n}\r\n\r\n.lm-copy > *:nth-child(4) {\r\n    animation-delay: .25s;\r\n}\r\n\r\n.lm-copy > *:nth-child(5) {\r\n    animation-delay: .32s;\r\n}\r\n\r\n.lm-copy > *:nth-child(6) {\r\n    animation-delay: .39s;\r\n}\r\n\r\n.lm-copy > *:nth-child(7) {\r\n    animation-delay: .46s;\r\n}\r\n\r\n.lm-portrait-card {\r\n    animation: lmFadeUp .8s .2s ease both;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .lm-hero-inner {\r\n        grid-template-columns:\r\n            1fr\r\n            390px;\r\n\r\n        gap: 45px;\r\n\r\n        min-height: auto;\r\n\r\n        padding-top: 65px;\r\n        padding-bottom: 65px;\r\n    }\r\n\r\n    .lm-title {\r\n        font-size: 58px;\r\n    }\r\n\r\n    .lm-floating-note.note-one {\r\n        left: -10px;\r\n    }\r\n\r\n    .lm-floating-note.note-two {\r\n        right: -8px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE \/ TABLET STACK\r\n========================================================= *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    .lm-hero-inner {\r\n        width: min(100% - 36px, 680px);\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 44px;\r\n\r\n        padding: 55px 0 60px;\r\n    }\r\n\r\n    .lm-description,\r\n    .lm-highlight {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .lm-visual {\r\n        width: min(100%, 520px);\r\n\r\n        min-height: auto;\r\n\r\n        margin: 0 auto;\r\n\r\n        padding: 25px 0;\r\n    }\r\n\r\n    .lm-series-index {\r\n        right: 5px;\r\n        top: -5px;\r\n    }\r\n\r\n    .lm-portrait-card {\r\n        width: 92%;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n    .lm-hero-inner {\r\n        width: calc(100% - 30px);\r\n\r\n        padding: 42px 0 46px;\r\n    }\r\n\r\n    .lm-eyebrow {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .lm-series-label {\r\n        margin-bottom: 16px;\r\n\r\n        padding: 7px 11px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .lm-title {\r\n        font-size: clamp(46px, 15vw, 62px);\r\n    }\r\n\r\n    .lm-subtitle {\r\n        margin-top: 20px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n    .lm-description {\r\n        margin-top: 18px;\r\n\r\n        font-size: 13px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .lm-highlight {\r\n        margin-top: 23px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .lm-actions {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n\r\n        margin-top: 28px;\r\n    }\r\n\r\n    .lm-primary-btn {\r\n        width: 100%;\r\n    }\r\n\r\n    .lm-author {\r\n        padding-left: 2px;\r\n    }\r\n\r\n    .lm-visual {\r\n        padding-top: 32px;\r\n    }\r\n\r\n    .lm-portrait-card {\r\n        width: 94%;\r\n    }\r\n\r\n    .lm-portrait-frame {\r\n        aspect-ratio: 1.18 \/ 1;\r\n    }\r\n\r\n    .lm-floating-note {\r\n        padding: 9px 11px;\r\n    }\r\n\r\n    .lm-floating-note.note-one {\r\n        left: -2px;\r\n        top: 70px;\r\n    }\r\n\r\n    .lm-floating-note.note-two {\r\n        right: -2px;\r\n        bottom: 66px;\r\n    }\r\n\r\n    .lm-floating-note strong {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .lm-floating-note small {\r\n        font-size: 7px;\r\n    }\r\n\r\n    .lm-ring.one {\r\n        width: 280px;\r\n        height: 280px;\r\n\r\n        right: 0;\r\n    }\r\n\r\n    .lm-ring.two {\r\n        width: 220px;\r\n        height: 220px;\r\n\r\n        right: 30px;\r\n    }\r\n\r\n    .lm-ring.three {\r\n        width: 160px;\r\n        height: 160px;\r\n\r\n        right: 60px;\r\n    }\r\n\r\n    .lm-stat {\r\n        padding: 14px 8px;\r\n    }\r\n\r\n    .lm-stat strong {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .lm-stat span {\r\n        font-size: 7px;\r\n    }\r\n\r\n    .lm-portrait-caption {\r\n        left: 18px;\r\n        bottom: 18px;\r\n    }\r\n\r\n    .lm-portrait-caption span {\r\n        font-size: 17px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .lm-copy > *,\r\n    .lm-portrait-card {\r\n        animation: none;\r\n    }\r\n\r\n    .lm-primary-btn,\r\n    .lm-primary-btn svg {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"lm-hero\" id=\"living-mosaic\">\r\n\r\n    <div class=\"lm-grid-lines\"><\/div>\r\n\r\n\r\n    <div class=\"lm-hero-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"lm-copy\">\r\n\r\n            <div class=\"lm-eyebrow\">\r\n\r\n                <span class=\"lm-eyebrow-line\"><\/span>\r\n\r\n                A Blog Series by Prof. S. Ramkumar\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-series-label\">\r\n\r\n                <span class=\"lm-series-dot\"><\/span>\r\n\r\n                Voices \u00b7 Echoes \u00b7 Insights\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"lm-title\">\r\n\r\n                The Living\r\n\r\n                <em>Mosaic.<\/em>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <div class=\"lm-subtitle\">\r\n\r\n                Voices, Echoes and Insights \u2014\r\n\r\n                <br>\r\n\r\n                A Collective Memoir.\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"lm-description\">\r\n\r\n                The Living Mosaic is a reflective journey through memory,\r\n                people, places and experiences that have shaped a life in\r\n                academia, research and education.\r\n\r\n                Rather than presenting a chronological autobiography,\r\n                the series brings together fragments of lived experience \u2014\r\n                moments, conversations, turning points and relationships\r\n                that continue to leave their imprint.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lm-highlight\">\r\n\r\n                \u201cMay these memories not only revisit the past,\r\n                but also illuminate pathways to the future.\u201d\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-actions\">\r\n\r\n\r\n                <a href=\"#living-mosaic-posts\"\r\n                   class=\"lm-primary-btn\">\r\n\r\n                    Explore the Series\r\n\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path d=\"M12 5v14\"><\/path>\r\n\r\n                        <path d=\"M6 13l6 6 6-6\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <div class=\"lm-author\">\r\n\r\n\r\n                    <div class=\"lm-author-mark\">\r\n\r\n                        RK\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Curated reflections by\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            Prof. S. Ramkumar\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT VISUAL\r\n        ================================================== -->\r\n\r\n        <div class=\"lm-visual\">\r\n\r\n\r\n            <div class=\"lm-series-index\">\r\n\r\n                The Living Mosaic \/ 2026\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-ring one\"><\/div>\r\n\r\n            <div class=\"lm-ring two\"><\/div>\r\n\r\n            <div class=\"lm-ring three\"><\/div>\r\n\r\n\r\n            <div class=\"lm-floating-note note-one\">\r\n\r\n                <small>\r\n                    Perspective 01\r\n                <\/small>\r\n\r\n                <strong>\r\n                    Voices\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-floating-note note-two\">\r\n\r\n                <small>\r\n                    Perspective 03\r\n                <\/small>\r\n\r\n                <strong>\r\n                    Insight\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-portrait-card\">\r\n\r\n\r\n                <div class=\"lm-portrait-frame\">\r\n\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/06\/Introduction-thumbnail.png\"\r\n                        alt=\"The Living Mosaic by Prof. S. Ramkumar\"\r\n                        loading=\"eager\"\r\n                    >\r\n\r\n\r\n                    <div class=\"lm-portrait-caption\">\r\n\r\n                        <small>\r\n                            A Collective Memoir\r\n                        <\/small>\r\n\r\n                        <span>\r\n                            Fragments of a life,<br>\r\n                            remembered.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lm-card-footer\">\r\n\r\n\r\n                    <div class=\"lm-stat\">\r\n\r\n                        <strong>\r\n                            08\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Chapters\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lm-stat\">\r\n\r\n                        <strong>\r\n                            03\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Perspectives\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lm-stat\">\r\n\r\n                        <strong>\r\n                            \u221e\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Memories\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c6744a7 living-mosaic-posts-section elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"c6744a7\" data-element_type=\"section\" id=\"living-mosaic-posts\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef9bded jltma-glass-effect-no\" data-id=\"ef9bded\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b1bfae jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"2b1bfae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======================================================\r\n     THE LIVING MOSAIC \u2014 BLOG GRID SECTION\r\n     ESSENTIAL ADDONS POST GRID\r\n     \r\n     DESKTOP: 3 COLUMNS\r\n     TABLET: 2 COLUMNS\r\n     MOBILE: 1 COLUMN\r\n     \r\n     REAL POST TITLE: VISIBLE\r\n     EXCERPT \/ AUTHOR \/ META: HIDDEN\r\n     GAP: 24PX\r\n     ROUNDED CARDS: 18PX\r\n====================================================== -->\r\n\r\n<style>\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n.living-mosaic-posts-section {\r\n\r\n    --lm-navy: #073c69;\r\n    --lm-deep: #082e52;\r\n    --lm-teal: #098594;\r\n    --lm-muted: #617681;\r\n    --lm-light: #d9f2f8;\r\n\r\n    background: #d9f2f8;\r\n\r\n    padding:\r\n        85px 0 95px;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION INTRO\r\n====================================================== *\/\r\n\r\n.lm-posts-heading {\r\n\r\n    width:\r\n        min(1180px, calc(100% - 48px));\r\n\r\n    margin:\r\n        0 auto 45px;\r\n\r\n}\r\n\r\n\r\n.lm-posts-eyebrow {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        12px;\r\n\r\n    margin-bottom:\r\n        15px;\r\n\r\n    color:\r\n        var(--lm-teal);\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    letter-spacing:\r\n        .13em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.lm-posts-eyebrow::before {\r\n\r\n    content: \"\";\r\n\r\n    width:\r\n        32px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        var(--lm-teal);\r\n\r\n}\r\n\r\n\r\n.lm-posts-heading h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--lm-deep);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(38px, 4vw, 58px);\r\n\r\n    line-height:\r\n        1.06;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    letter-spacing:\r\n        -.035em;\r\n\r\n}\r\n\r\n\r\n.lm-posts-heading h2 em {\r\n\r\n    color:\r\n        var(--lm-teal);\r\n\r\n    font-weight:\r\n        400;\r\n\r\n}\r\n\r\n\r\n.lm-posts-heading p {\r\n\r\n    max-width:\r\n        650px;\r\n\r\n    margin:\r\n        18px 0 0;\r\n\r\n    color:\r\n        var(--lm-muted);\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   POST GRID WRAPPER\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid {\r\n\r\n    width:\r\n        100%;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FORCE PROPER GRID\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-post-grid {\r\n\r\n    display:\r\n        grid !important;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr)) !important;\r\n\r\n    gap:\r\n        24px !important;\r\n\r\n    column-gap:\r\n        24px !important;\r\n\r\n    row-gap:\r\n        24px !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   INDIVIDUAL POST\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-grid-post {\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    float:\r\n        none !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CARD\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-grid-post-holder {\r\n\r\n    position:\r\n        relative;\r\n\r\n    height:\r\n        100%;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        #ffffff !important;\r\n\r\n    border:\r\n        1px solid rgba(7, 60, 105, .09) !important;\r\n\r\n    border-radius:\r\n        18px !important;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(7, 60, 105, .05) !important;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.living-mosaic-grid\r\n.eael-grid-post-holder:hover {\r\n\r\n    transform:\r\n        translateY(-5px);\r\n\r\n    border-color:\r\n        rgba(9, 133, 148, .18) !important;\r\n\r\n    box-shadow:\r\n        0 18px 38px rgba(7, 60, 105, .11) !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMAGE AREA\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-entry-media {\r\n\r\n    position:\r\n        relative;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    border-radius:\r\n        18px 18px 0 0 !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMAGE\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-entry-media img {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    height:\r\n        auto !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    object-fit:\r\n        cover;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    border-radius:\r\n        0 !important;\r\n\r\n    transition:\r\n        transform .5s cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n\/* IMAGE HOVER *\/\r\n\r\n.living-mosaic-grid\r\n.eael-grid-post-holder:hover\r\n.eael-entry-media img {\r\n\r\n    transform:\r\n        scale(1.025);\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REMOVE DEFAULT IMAGE OVERLAY\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-entry-overlay {\r\n\r\n    background:\r\n        rgba(7, 60, 105, .06) !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMPORTANT:\r\n   SHOW CONTENT WRAPPER AGAIN\r\n\r\n   Our old CSS hid this entire wrapper.\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-entry-wrapper {\r\n\r\n    display:\r\n        block !important;\r\n\r\n    padding:\r\n        18px 20px 20px !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    background:\r\n        #ffffff !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   POST TITLE \u2014 KEEP THIS VISIBLE\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid .eael-entry-title {\r\n\r\n    display:\r\n        block !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        18px !important;\r\n\r\n    line-height:\r\n        1.45 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n\r\n    letter-spacing:\r\n        -.015em;\r\n\r\n    color:\r\n        var(--lm-deep) !important;\r\n\r\n}\r\n\r\n\r\n\/* TITLE LINK *\/\r\n\r\n.living-mosaic-grid\r\n.eael-entry-title a {\r\n\r\n    display:\r\n        inline !important;\r\n\r\n    color:\r\n        var(--lm-deep) !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    transition:\r\n        color .3s ease;\r\n\r\n}\r\n\r\n\r\n.living-mosaic-grid\r\n.eael-entry-title a:hover,\r\n\r\n.living-mosaic-grid\r\n.eael-grid-post-holder:hover\r\n.eael-entry-title a {\r\n\r\n    color:\r\n        var(--lm-teal) !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HIDE EXCERPT\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-grid-post-excerpt {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HIDE POST META\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-entry-meta {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HIDE AUTHOR \/ AVATAR \/ DATE FOOTER\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-entry-footer {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HIDE READ MORE\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-post-elements-readmore-btn,\r\n\r\n.living-mosaic-grid\r\n.eael-post-elements-readmore-wrap,\r\n\r\n.living-mosaic-grid\r\na.eael-post-elements-readmore-btn {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REMOVE OTHER GENERIC POST INFORMATION\r\n   BUT DO NOT HIDE THE TITLE\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-entry-wrapper\r\n.eael-entry-meta,\r\n\r\n.living-mosaic-grid\r\n.eael-entry-wrapper\r\n.eael-grid-post-excerpt {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LOAD MORE AREA\r\n====================================================== *\/\r\n\r\n.living-mosaic-grid\r\n.eael-load-more-button-wrap {\r\n\r\n    display:\r\n        flex !important;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    width:\r\n        100%;\r\n\r\n    margin-top:\r\n        45px !important;\r\n\r\n}\r\n\r\n\r\n\/* LOAD MORE BUTTON *\/\r\n\r\n.living-mosaic-grid\r\n.eael-load-more-button {\r\n\r\n    min-width:\r\n        190px;\r\n\r\n    min-height:\r\n        48px;\r\n\r\n    display:\r\n        inline-flex !important;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    padding:\r\n        0 26px !important;\r\n\r\n    background:\r\n        var(--lm-navy) !important;\r\n\r\n    border:\r\n        1px solid var(--lm-navy) !important;\r\n\r\n    border-radius:\r\n        7px !important;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        10px !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n\r\n    letter-spacing:\r\n        .09em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n.living-mosaic-grid\r\n.eael-load-more-button:hover {\r\n\r\n    background:\r\n        var(--lm-teal) !important;\r\n\r\n    border-color:\r\n        var(--lm-teal) !important;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 12px 25px rgba(7, 60, 105, .15) !important;\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n   2 COLUMNS\r\n====================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .living-mosaic-posts-section {\r\n\r\n        padding:\r\n            70px 0 80px;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-post-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr)) !important;\r\n\r\n        gap:\r\n            22px !important;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-entry-title {\r\n\r\n        font-size:\r\n            17px !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n   1 COLUMN\r\n====================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .living-mosaic-posts-section {\r\n\r\n        padding:\r\n            55px 0 65px;\r\n\r\n    }\r\n\r\n\r\n    .lm-posts-heading {\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        margin-bottom:\r\n            30px;\r\n\r\n    }\r\n\r\n\r\n    .lm-posts-heading h2 {\r\n\r\n        font-size:\r\n            39px;\r\n\r\n    }\r\n\r\n\r\n    .lm-posts-heading p {\r\n\r\n        font-size:\r\n            12px;\r\n\r\n        line-height:\r\n            1.75;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-post-grid {\r\n\r\n        grid-template-columns:\r\n            1fr !important;\r\n\r\n        gap:\r\n            20px !important;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-grid-post-holder {\r\n\r\n        border-radius:\r\n            15px !important;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-entry-media {\r\n\r\n        border-radius:\r\n            15px 15px 0 0 !important;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-entry-wrapper {\r\n\r\n        padding:\r\n            16px 17px 18px !important;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-entry-title {\r\n\r\n        font-size:\r\n            17px !important;\r\n\r\n        line-height:\r\n            1.4 !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REDUCED MOTION\r\n====================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .living-mosaic-grid\r\n    .eael-grid-post-holder,\r\n\r\n    .living-mosaic-grid\r\n    .eael-entry-media img,\r\n\r\n    .living-mosaic-grid\r\n    .eael-entry-title a {\r\n\r\n        transition:\r\n            none !important;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-grid-post-holder:hover {\r\n\r\n        transform:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .living-mosaic-grid\r\n    .eael-grid-post-holder:hover\r\n    .eael-entry-media img {\r\n\r\n        transform:\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- ======================================================\r\n     SECTION HEADING\r\n====================================================== -->\r\n\r\n<div class=\"lm-posts-heading\">\r\n\r\n\r\n    <div class=\"lm-posts-eyebrow\">\r\n\r\n        The Living Mosaic \u00b7 Chapters\r\n\r\n    <\/div>\r\n\r\n\r\n    <h2>\r\n\r\n        Stories that shaped\r\n        <em>a life.<\/em>\r\n\r\n    <\/h2>\r\n\r\n\r\n    <p>\r\n\r\n        People, places, moments and memories \u2014 explored\r\n        one chapter at a time through the evolving story\r\n        of The Living Mosaic.\r\n\r\n    <\/p>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdff362 elementor-grid-eael-col-3 living-mosaic-grid elementor-grid-tablet-eael-col-2 elementor-grid-mobile-eael-col-1 jltma-glass-effect-no elementor-widget elementor-widget-eael-post-grid\" data-id=\"cdff362\" data-element_type=\"widget\" id=\"living-mosaic-posts\" data-settings=\"{&quot;eael_post_grid_columns&quot;:&quot;eael-col-3&quot;,&quot;eael_post_grid_columns_tablet&quot;:&quot;eael-col-2&quot;,&quot;eael_post_grid_columns_mobile&quot;:&quot;eael-col-1&quot;}\" data-widget_type=\"eael-post-grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"eael-post-grid-cdff362\" class=\"eael-post-grid-container\">\n            <div class=\"eael-post-grid eael-post-appender eael-post-appender-cdff362 eael-post-grid-style-one\" data-layout-mode=\"grid\"><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-3466 category-collective-memoir-series\" data-id=\"3466\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/21\/blog-6-a-treasury-of-stories\/\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"2516\" height=\"2560\" src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-6-thumbnail-scaled.webp\" class=\"attachment-full size-full wp-image-3473\" alt=\"\" srcset=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-6-thumbnail-scaled.webp 2516w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-6-thumbnail-1509x1536.webp 1509w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-6-thumbnail-2013x2048.webp 2013w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-6-thumbnail-600x611.webp 600w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-6-thumbnail-638x649.webp 638w\" sizes=\"(max-width: 2516px) 100vw, 2516px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h3 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/21\/blog-6-a-treasury-of-stories\/\" title=\"Blog 6 &#8211; A treasury of Stories\">Blog 6 &#8211; A treasury of Stories<\/a><\/h3><\/header><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-3445 category-collective-memoir-series\" data-id=\"3445\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/15\/blog-5-my-dear-professor-ramkumar\/\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img decoding=\"async\" width=\"2516\" height=\"2560\" src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-5-thumbnail-scaled.webp\" class=\"attachment-full size-full wp-image-3452\" alt=\"\" srcset=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-5-thumbnail-scaled.webp 2516w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-5-thumbnail-1509x1536.webp 1509w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-5-thumbnail-2013x2048.webp 2013w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-5-thumbnail-600x611.webp 600w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-5-thumbnail-638x649.webp 638w\" sizes=\"(max-width: 2516px) 100vw, 2516px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h3 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/15\/blog-5-my-dear-professor-ramkumar\/\" title=\"Blog 5 &#8211; My Dear Professor Ramkumar\">Blog 5 &#8211; My Dear Professor Ramkumar<\/a><\/h3><\/header><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-3404 category-collective-memoir-series\" data-id=\"3404\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/07\/blog-4-when-branches-intertwine-again\/\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img decoding=\"async\" width=\"2515\" height=\"2560\" src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-4-thumbnail-scaled.webp\" class=\"attachment-full size-full wp-image-3411\" alt=\"\" srcset=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-4-thumbnail-scaled.webp 2515w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-4-thumbnail-1509x1536.webp 1509w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-4-thumbnail-2012x2048.webp 2012w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-4-thumbnail-600x611.webp 600w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-4-thumbnail-638x649.webp 638w\" sizes=\"(max-width: 2515px) 100vw, 2515px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h3 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/07\/blog-4-when-branches-intertwine-again\/\" title=\"Blog 4 &#8211; When Branches Intertwine Again\">Blog 4 &#8211; When Branches Intertwine Again<\/a><\/h3><\/header><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-3393 category-collective-memoir-series\" data-id=\"3393\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/03\/blog-3-through-mr-natchimuthus-lens\/\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2516\" height=\"2560\" src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-3-thumbnail-scaled.webp\" class=\"attachment-full size-full wp-image-3402\" alt=\"\" srcset=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-3-thumbnail-scaled.webp 2516w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-3-thumbnail-1509x1536.webp 1509w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-3-thumbnail-2013x2048.webp 2013w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-3-thumbnail-600x611.webp 600w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/08\/Blog-3-thumbnail-638x649.webp 638w\" sizes=\"(max-width: 2516px) 100vw, 2516px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h3 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/strayndom.com\/index.php\/2026\/08\/03\/blog-3-through-mr-natchimuthus-lens\/\" title=\"Blog 3 &#8211; Through Mr.Natchimuthu&#8217;s Lens\">Blog 3 &#8211; Through Mr.Natchimuthu&#8217;s Lens<\/a><\/h3><\/header><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-3364 category-collective-memoir-series\" data-id=\"3364\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/strayndom.com\/index.php\/2026\/07\/27\/blog-2-the-name-that-stayed-unni\/\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2515\" height=\"2560\" src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-2-thumbnail-scaled.webp\" class=\"attachment-full size-full wp-image-3372\" alt=\"\" srcset=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-2-thumbnail-scaled.webp 2515w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-2-thumbnail-1509x1536.webp 1509w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-2-thumbnail-2012x2048.webp 2012w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-2-thumbnail-600x611.webp 600w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-2-thumbnail-638x649.webp 638w\" sizes=\"(max-width: 2515px) 100vw, 2515px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h3 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/strayndom.com\/index.php\/2026\/07\/27\/blog-2-the-name-that-stayed-unni\/\" title=\"Blog 2 &#8211; The Name That Stayed : Unni.  &#8211; The Living Mosaic\">Blog 2 &#8211; The Name That Stayed : Unni.  &#8211; The Living Mosaic<\/a><\/h3><\/header><\/div><\/div>\n        <\/div>\n    <\/article><article class=\"eael-grid-post  eael-post-grid-column eael-pg-post-3302 category-collective-memoir-series\" data-id=\"3302\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/strayndom.com\/index.php\/2026\/07\/15\/the-last-hour-before-lunch\/\"><\/a><\/div><div class=\"eael-entry-thumbnail \">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2516\" height=\"2560\" src=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-1-thumbnail-scaled.webp\" class=\"attachment-full size-full wp-image-3311\" alt=\"\" srcset=\"https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-1-thumbnail-scaled.webp 2516w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-1-thumbnail-1510x1536.webp 1510w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-1-thumbnail-2013x2048.webp 2013w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-1-thumbnail-600x610.webp 600w, https:\/\/strayndom.com\/wp-content\/uploads\/2026\/07\/Blog-1-thumbnail-638x649.webp 638w\" sizes=\"(max-width: 2516px) 100vw, 2516px\" \/>\n            <\/div>\n        <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h3 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/strayndom.com\/index.php\/2026\/07\/15\/the-last-hour-before-lunch\/\" title=\"Blog 1 &#8211; The last Hour Before Lunch &#8211; The Living Mosaic\">Blog 1 &#8211; The last Hour Before Lunch &#8211; The Living Mosaic<\/a><\/h3><\/header><\/div><\/div>\n        <\/div>\n    <\/article><\/div>\n            <div class=\"clearfix\"><\/div>\n        <\/div>            <div class=\"eael-load-more-button-wrap\">\n                <button class=\"eael-load-more-button\" id=\"eael-load-more-btn-cdff362\" data-widget-id=\"cdff362\" data-widget=\"cdff362\" data-page-id=\"3420\" data-template=\"{&quot;dir&quot;:&quot;lite&quot;,&quot;file_name&quot;:&quot;one.php&quot;,&quot;name&quot;:&quot;Post-Grid&quot;}\" data-class=\"Essential_Addons_Elementor\\Elements\\Post_Grid\" data-layout=\"grid\" data-page=\"1\" data-args=\"orderby=date&amp;order=desc&amp;ignore_sticky_posts=1&amp;post_status=publish&amp;posts_per_page=6&amp;offset=0&amp;post_type=post&amp;tax_query%5B0%5D%5Btaxonomy%5D=category&amp;tax_query%5B0%5D%5Bfield%5D=term_id&amp;tax_query%5B0%5D%5Bterms%5D%5B0%5D=28&amp;tax_query%5Brelation%5D=AND\" data-max-page=\"2\">\n                    <span class=\"eael-btn-loader button__loader\"><\/span>\n                    <span class=\"eael_load_more_text\">Load More<\/span>\n                <\/button>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d8eef7d elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"d8eef7d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a2bc73 jltma-glass-effect-no\" data-id=\"9a2bc73\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2004bf jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"b2004bf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     THE LIVING MOSAIC \u2014 FINAL SECTION\r\n     VOICES \u00b7 ECHOES \u00b7 INSIGHTS\r\n     Complete Elementor HTML Widget Code\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SECTION BASE\r\n========================================================= *\/\r\n\r\n.lm-final-section,\r\n.lm-final-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.lm-final-section {\r\n\r\n    --lm-navy: #073c69;\r\n    --lm-deep: #082e52;\r\n    --lm-teal: #098594;\r\n    --lm-light: #d9f2f8;\r\n    --lm-light-2: #eefafd;\r\n    --lm-white: #ffffff;\r\n    --lm-muted: #607985;\r\n    --lm-orange: #f57c28;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 20%,\r\n            rgba(255,255,255,.8),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 88% 78%,\r\n            rgba(255,255,255,.55),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            120deg,\r\n            #d8f2f7 0%,\r\n            #eaf9fb 52%,\r\n            #d7f0f6 100%\r\n        );\r\n\r\n    color: var(--lm-deep);\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE GRID\r\n========================================================= *\/\r\n\r\n.lm-final-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: .22;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(7,60,105,.04) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7,60,105,.04) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        58px 58px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DECORATIVE CIRCLES\r\n========================================================= *\/\r\n\r\n.lm-final-circle {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid rgba(9,133,148,.13);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n.lm-final-circle.circle-one {\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    left: -210px;\r\n    top: -180px;\r\n\r\n}\r\n\r\n.lm-final-circle.circle-two {\r\n\r\n    width: 290px;\r\n    height: 290px;\r\n\r\n    right: -120px;\r\n    bottom: -120px;\r\n\r\n}\r\n\r\n.lm-final-circle.circle-three {\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: 25px;\r\n    bottom: -65px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.lm-final-inner {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width:\r\n        min(1180px, calc(100% - 48px));\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    padding:\r\n        95px 0 90px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.lm-final-intro {\r\n\r\n    max-width: 820px;\r\n\r\n    margin:\r\n        0 auto 64px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n.lm-final-eyebrow {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom:\r\n        17px;\r\n\r\n    color:\r\n        var(--lm-teal);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    letter-spacing:\r\n        .14em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n.lm-final-eyebrow::before,\r\n.lm-final-eyebrow::after {\r\n\r\n    content: \"\";\r\n\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(9,133,148,.55);\r\n\r\n}\r\n\r\n.lm-final-title {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--lm-deep);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(40px, 4.8vw, 64px);\r\n\r\n    line-height:\r\n        1.06;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    letter-spacing:\r\n        -.035em;\r\n\r\n}\r\n\r\n.lm-final-title em {\r\n\r\n    color:\r\n        var(--lm-teal);\r\n\r\n    font-weight:\r\n        400;\r\n\r\n}\r\n\r\n.lm-final-description {\r\n\r\n    max-width:\r\n        610px;\r\n\r\n    margin:\r\n        20px auto 0;\r\n\r\n    color:\r\n        var(--lm-muted);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THREE PRINCIPLES\r\n========================================================= *\/\r\n\r\n.lm-perspectives {\r\n\r\n    position:\r\n        relative;\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap:\r\n        0;\r\n\r\n    max-width:\r\n        1080px;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM\r\n========================================================= *\/\r\n\r\n.lm-perspective {\r\n\r\n    position:\r\n        relative;\r\n\r\n    min-height:\r\n        260px;\r\n\r\n    padding:\r\n        38px 38px 40px;\r\n\r\n    text-align:\r\n        center;\r\n\r\n}\r\n\r\n\r\n\/* vertical divider *\/\r\n\r\n.lm-perspective:not(:last-child)::after {\r\n\r\n    content: \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    right:\r\n        0;\r\n\r\n    top:\r\n        18px;\r\n\r\n    width:\r\n        1px;\r\n\r\n    height:\r\n        calc(100% - 36px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            rgba(7,60,105,.16),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.lm-perspective-number {\r\n\r\n    margin-bottom:\r\n        19px;\r\n\r\n    color:\r\n        rgba(7,60,105,.24);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        48px;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    font-weight:\r\n        400;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL ICON\r\n========================================================= *\/\r\n\r\n.lm-perspective-icon {\r\n\r\n    width:\r\n        46px;\r\n\r\n    height:\r\n        46px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    place-items:\r\n        center;\r\n\r\n    margin:\r\n        0 auto 18px;\r\n\r\n    border:\r\n        1px solid rgba(7,60,105,.14);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.42);\r\n\r\n    color:\r\n        var(--lm-navy);\r\n\r\n}\r\n\r\n.lm-perspective-icon svg {\r\n\r\n    width:\r\n        21px;\r\n\r\n    height:\r\n        21px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.lm-perspective h3 {\r\n\r\n    margin:\r\n        0 0 10px;\r\n\r\n    color:\r\n        var(--lm-deep);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        28px;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    line-height:\r\n        1.2;\r\n\r\n}\r\n\r\n.lm-perspective-tagline {\r\n\r\n    margin:\r\n        0 0 12px;\r\n\r\n    color:\r\n        var(--lm-teal);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        .1em;\r\n\r\n    line-height:\r\n        1.4;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n.lm-perspective p {\r\n\r\n    max-width:\r\n        260px;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    color:\r\n        var(--lm-muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSING QUOTE\r\n========================================================= *\/\r\n\r\n.lm-final-closing {\r\n\r\n    position:\r\n        relative;\r\n\r\n    max-width:\r\n        850px;\r\n\r\n    margin:\r\n        67px auto 0;\r\n\r\n    padding-top:\r\n        48px;\r\n\r\n    text-align:\r\n        center;\r\n\r\n}\r\n\r\n\r\n\/* divider *\/\r\n\r\n.lm-final-closing::before {\r\n\r\n    content: \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    top:\r\n        0;\r\n\r\n    left:\r\n        50%;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    width:\r\n        84px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        rgba(7,60,105,.22);\r\n\r\n}\r\n\r\n\r\n\/* quote mark *\/\r\n\r\n.lm-quote-symbol {\r\n\r\n    margin-bottom:\r\n        12px;\r\n\r\n    color:\r\n        rgba(9,133,148,.35);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        60px;\r\n\r\n    line-height:\r\n        .7;\r\n\r\n}\r\n\r\n.lm-final-quote {\r\n\r\n    max-width:\r\n        750px;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    color:\r\n        var(--lm-deep);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(23px, 2.2vw, 31px);\r\n\r\n    line-height:\r\n        1.45;\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    letter-spacing:\r\n        -.01em;\r\n\r\n}\r\n\r\n.lm-final-author {\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n    color:\r\n        var(--lm-navy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        .09em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n.lm-final-author span {\r\n\r\n    color:\r\n        var(--lm-teal);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL CLOSING LINE\r\n========================================================= *\/\r\n\r\n.lm-collection-note {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    margin-top:\r\n        30px;\r\n\r\n    padding:\r\n        8px 14px;\r\n\r\n    border:\r\n        1px solid rgba(7,60,105,.11);\r\n\r\n    border-radius:\r\n        100px;\r\n\r\n    background:\r\n        rgba(255,255,255,.35);\r\n\r\n    color:\r\n        var(--lm-muted);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    letter-spacing:\r\n        .05em;\r\n\r\n}\r\n\r\n.lm-collection-note span {\r\n\r\n    width:\r\n        5px;\r\n\r\n    height:\r\n        5px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        var(--lm-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes lmFinalFadeUp {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(28px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes lmFinalFadeLeft {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(-25px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes lmFinalFadeRight {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(25px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n.lm-final-intro {\r\n\r\n    animation:\r\n        lmFinalFadeUp .8s ease both;\r\n\r\n}\r\n\r\n.lm-perspective:nth-child(1) {\r\n\r\n    animation:\r\n        lmFinalFadeLeft .75s .12s ease both;\r\n\r\n}\r\n\r\n.lm-perspective:nth-child(2) {\r\n\r\n    animation:\r\n        lmFinalFadeUp .75s .22s ease both;\r\n\r\n}\r\n\r\n.lm-perspective:nth-child(3) {\r\n\r\n    animation:\r\n        lmFinalFadeRight .75s .32s ease both;\r\n\r\n}\r\n\r\n.lm-final-closing {\r\n\r\n    animation:\r\n        lmFinalFadeUp .8s .4s ease both;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE HOVER\r\n========================================================= *\/\r\n\r\n.lm-perspective {\r\n\r\n    transition:\r\n        transform .35s ease;\r\n\r\n}\r\n\r\n.lm-perspective:hover {\r\n\r\n    transform:\r\n        translateY(-5px);\r\n\r\n}\r\n\r\n.lm-perspective-icon {\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n.lm-perspective:hover\r\n.lm-perspective-icon {\r\n\r\n    background:\r\n        rgba(255,255,255,.8);\r\n\r\n    border-color:\r\n        rgba(9,133,148,.3);\r\n\r\n    transform:\r\n        scale(1.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .lm-final-inner {\r\n\r\n        padding:\r\n            75px 0 72px;\r\n\r\n    }\r\n\r\n    .lm-final-intro {\r\n\r\n        margin-bottom:\r\n            48px;\r\n\r\n    }\r\n\r\n    .lm-perspective {\r\n\r\n        padding:\r\n            32px 25px;\r\n\r\n    }\r\n\r\n    .lm-perspective h3 {\r\n\r\n        font-size:\r\n            25px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .lm-final-inner {\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        padding:\r\n            58px 0 60px;\r\n\r\n    }\r\n\r\n    .lm-final-intro {\r\n\r\n        margin-bottom:\r\n            35px;\r\n\r\n    }\r\n\r\n    .lm-final-eyebrow {\r\n\r\n        font-size:\r\n            8px;\r\n\r\n        gap:\r\n            8px;\r\n\r\n    }\r\n\r\n    .lm-final-eyebrow::before,\r\n    .lm-final-eyebrow::after {\r\n\r\n        width:\r\n            20px;\r\n\r\n    }\r\n\r\n    .lm-final-title {\r\n\r\n        font-size:\r\n            39px;\r\n\r\n    }\r\n\r\n    .lm-final-description {\r\n\r\n        font-size:\r\n            12px;\r\n\r\n        line-height:\r\n            1.75;\r\n\r\n    }\r\n\r\n\r\n    \/* stack items *\/\r\n\r\n    .lm-perspectives {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n    .lm-perspective {\r\n\r\n        min-height:\r\n            auto;\r\n\r\n        padding:\r\n            34px 18px 36px;\r\n\r\n    }\r\n\r\n\r\n    \/* remove vertical dividers *\/\r\n\r\n    .lm-perspective:not(:last-child)::after {\r\n\r\n        top:\r\n            auto;\r\n\r\n        right:\r\n            auto;\r\n\r\n        left:\r\n            50%;\r\n\r\n        bottom:\r\n            0;\r\n\r\n        transform:\r\n            translateX(-50%);\r\n\r\n        width:\r\n            70px;\r\n\r\n        height:\r\n            1px;\r\n\r\n        background:\r\n            rgba(7,60,105,.14);\r\n\r\n    }\r\n\r\n    .lm-perspective-number {\r\n\r\n        margin-bottom:\r\n            14px;\r\n\r\n        font-size:\r\n            38px;\r\n\r\n    }\r\n\r\n    .lm-perspective h3 {\r\n\r\n        font-size:\r\n            27px;\r\n\r\n    }\r\n\r\n    .lm-perspective p {\r\n\r\n        max-width:\r\n            310px;\r\n\r\n    }\r\n\r\n    .lm-final-closing {\r\n\r\n        margin-top:\r\n            47px;\r\n\r\n        padding-top:\r\n            39px;\r\n\r\n    }\r\n\r\n    .lm-final-quote {\r\n\r\n        font-size:\r\n            23px;\r\n\r\n        line-height:\r\n            1.5;\r\n\r\n    }\r\n\r\n    .lm-final-author {\r\n\r\n        font-size:\r\n            9px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .lm-final-title {\r\n\r\n        font-size:\r\n            35px;\r\n\r\n    }\r\n\r\n    .lm-final-description {\r\n\r\n        max-width:\r\n            330px;\r\n\r\n    }\r\n\r\n    .lm-final-quote {\r\n\r\n        font-size:\r\n            21px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .lm-final-intro,\r\n    .lm-perspective,\r\n    .lm-final-closing {\r\n\r\n        animation:\r\n            none;\r\n\r\n    }\r\n\r\n    .lm-perspective,\r\n    .lm-perspective-icon {\r\n\r\n        transition:\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"lm-final-section\">\r\n\r\n\r\n    <!-- Decorative elements -->\r\n\r\n    <div class=\"lm-final-grid\"><\/div>\r\n\r\n    <div class=\"lm-final-circle circle-one\"><\/div>\r\n\r\n    <div class=\"lm-final-circle circle-two\"><\/div>\r\n\r\n    <div class=\"lm-final-circle circle-three\"><\/div>\r\n\r\n\r\n    <div class=\"lm-final-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             INTRO\r\n        ================================================== -->\r\n\r\n        <div class=\"lm-final-intro\">\r\n\r\n\r\n            <div class=\"lm-final-eyebrow\">\r\n\r\n                The Idea Behind The Mosaic\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"lm-final-title\">\r\n\r\n                Every memory leaves\r\n                <em>something behind.<\/em>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"lm-final-description\">\r\n\r\n                Each chapter of The Living Mosaic unfolds through\r\n                three perspectives \u2014 the people remembered, the echoes\r\n                those experiences leave behind, and the insights that\r\n                continue to travel beyond the memory itself.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             THREE PERSPECTIVES\r\n        ================================================== -->\r\n\r\n        <div class=\"lm-perspectives\">\r\n\r\n\r\n            <!-- ===============================\r\n                 VOICES\r\n            ================================ -->\r\n\r\n            <div class=\"lm-perspective\">\r\n\r\n\r\n                <div class=\"lm-perspective-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lm-perspective-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path d=\"M4 12v2\"><\/path>\r\n\r\n                        <path d=\"M8 8v8\"><\/path>\r\n\r\n                        <path d=\"M12 5v14\"><\/path>\r\n\r\n                        <path d=\"M16 8v8\"><\/path>\r\n\r\n                        <path d=\"M20 11v3\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Voices\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"lm-perspective-tagline\">\r\n\r\n                    The recollection of another person\r\n\r\n                <\/div>\r\n\r\n\r\n                <p>\r\n\r\n                    The people, conversations and encounters\r\n                    whose presence became part of the journey\r\n                    and continue to live within the memory.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ===============================\r\n                 ECHOES\r\n            ================================ -->\r\n\r\n            <div class=\"lm-perspective\">\r\n\r\n\r\n                <div class=\"lm-perspective-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lm-perspective-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path d=\"M8 8a5 5 0 0 0 0 8\"><\/path>\r\n\r\n                        <path d=\"M12 5a9 9 0 0 0 0 14\"><\/path>\r\n\r\n                        <path d=\"M16 3a12 12 0 0 0 0 18\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Echoes\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"lm-perspective-tagline\">\r\n\r\n                    The reflection and context\r\n\r\n                <\/div>\r\n\r\n\r\n                <p>\r\n\r\n                    The resonance left by an experience \u2014\r\n                    how its meaning evolves with time,\r\n                    distance and the perspective of looking back.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ===============================\r\n                 INSIGHTS\r\n            ================================ -->\r\n\r\n            <div class=\"lm-perspective\">\r\n\r\n\r\n                <div class=\"lm-perspective-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lm-perspective-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path d=\"M12 3a7 7 0 0 0-4 12.74V19h8v-3.26A7 7 0 0 0 12 3Z\"><\/path>\r\n\r\n                        <path d=\"M9 22h6\"><\/path>\r\n\r\n                        <path d=\"M10 15h4\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Insights\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"lm-perspective-tagline\">\r\n\r\n                    A broader message for the reader\r\n\r\n                <\/div>\r\n\r\n\r\n                <p>\r\n\r\n                    The lessons, perspectives and observations\r\n                    that extend beyond one person's memory\r\n                    and invite the reader to reflect on their own.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CLOSING\r\n        ================================================== -->\r\n\r\n        <div class=\"lm-final-closing\">\r\n\r\n\r\n            <div class=\"lm-quote-symbol\">\r\n                \u201c\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-final-quote\">\r\n\r\n                A life is not remembered as a timeline,\r\n                but as fragments that continue to speak.\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-final-author\">\r\n\r\n                \u2014 <span>Prof. S. Ramkumar<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lm-collection-note\">\r\n\r\n                <span><\/span>\r\n\r\n                A living collection of memories, reflections and shared experiences\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-3420","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Blog 1 JUL 15 , 2026 Other blogs in the series : The Living Mosaic \u2013 Introduction Blog 1 \u2013 The last Hour Before Lunch \u2013 The Living Mosaic Blog 2 \u2013 The Name That Stayed : Unni. \u2013 The Living Mosaic Blog 3 \u2013 Through Mr.Natchimuthu\u2019s Lens Share Facebook Linkedin Twitter Pinterest\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Strayndom - Ramkumar&#039;s Blog\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"The Living Mosaic - Strayndom\" \/>\n\t\t<meta property=\"og:description\" content=\"A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/Ramkumar-profile-photo.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/Ramkumar-profile-photo.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t\t<meta property=\"og:image:height\" content=\"765\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-08-15T11:22:46+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-08-15T12:05:43+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sukumaran.ramkumar\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"The Living Mosaic - Strayndom\" \/>\n\t\t<meta name=\"twitter:description\" content=\"A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/Ramkumar-profile-photo.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/strayndom.com\\\/index.php\\\/the-living-mosaic\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/strayndom.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/strayndom.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/strayndom.com\\\/index.php\\\/the-living-mosaic\\\/#listItem\",\"name\":\"The Living Mosaic\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/strayndom.com\\\/index.php\\\/the-living-mosaic\\\/#listItem\",\"position\":2,\"name\":\"The Living Mosaic\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/strayndom.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/strayndom.com\\\/#person\",\"name\":\"Ramkumar\",\"image\":\"http:\\\/\\\/strayndom.com\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/strayndom-logo.jpg\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/sukumaran.ramkumar\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/strayndom.com\\\/index.php\\\/the-living-mosaic\\\/#webpage\",\"url\":\"https:\\\/\\\/strayndom.com\\\/index.php\\\/the-living-mosaic\\\/\",\"name\":\"The Living Mosaic - Strayndom\",\"description\":\"A Blog Series by Prof. S. Ramkumar Voices \\u00b7 Echoes \\u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \\u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/strayndom.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/strayndom.com\\\/index.php\\\/the-living-mosaic\\\/#breadcrumblist\"},\"datePublished\":\"2026-08-15T11:22:46+00:00\",\"dateModified\":\"2026-08-15T12:05:43+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/strayndom.com\\\/#website\",\"url\":\"https:\\\/\\\/strayndom.com\\\/\",\"name\":\"Strayndom\",\"alternateName\":\"Ramkumar's Blog\",\"description\":\"Ramkumar's Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/strayndom.com\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"The Living Mosaic - Strayndom","description":"A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings","canonical_url":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/strayndom.com#listItem","position":1,"name":"Home","item":"https:\/\/strayndom.com","nextItem":{"@type":"ListItem","@id":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/#listItem","name":"The Living Mosaic"}},{"@type":"ListItem","@id":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/#listItem","position":2,"name":"The Living Mosaic","previousItem":{"@type":"ListItem","@id":"https:\/\/strayndom.com#listItem","name":"Home"}}]},{"@type":"Person","@id":"https:\/\/strayndom.com\/#person","name":"Ramkumar","image":"http:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/strayndom-logo.jpg","sameAs":["https:\/\/www.facebook.com\/sukumaran.ramkumar"]},{"@type":"WebPage","@id":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/#webpage","url":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/","name":"The Living Mosaic - Strayndom","description":"A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/strayndom.com\/#website"},"breadcrumb":{"@id":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/#breadcrumblist"},"datePublished":"2026-08-15T11:22:46+00:00","dateModified":"2026-08-15T12:05:43+00:00"},{"@type":"WebSite","@id":"https:\/\/strayndom.com\/#website","url":"https:\/\/strayndom.com\/","name":"Strayndom","alternateName":"Ramkumar's Blog","description":"Ramkumar's Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/strayndom.com\/#person"}}]},"og:locale":"en_US","og:site_name":"Strayndom - Ramkumar's Blog","og:type":"article","og:title":"The Living Mosaic - Strayndom","og:description":"A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings","og:url":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/","og:image":"https:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/Ramkumar-profile-photo.jpg","og:image:secure_url":"https:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/Ramkumar-profile-photo.jpg","og:image:width":768,"og:image:height":765,"article:published_time":"2026-08-15T11:22:46+00:00","article:modified_time":"2026-08-15T12:05:43+00:00","article:publisher":"https:\/\/www.facebook.com\/sukumaran.ramkumar","twitter:card":"summary_large_image","twitter:title":"The Living Mosaic - Strayndom","twitter:description":"A Blog Series by Prof. S. Ramkumar Voices \u00b7 Echoes \u00b7 Insights The Living Mosaic. Voices, Echoes and Insights \u2014 A Collective Memoir. The Living Mosaic is a reflective journey through memory, people, places and experiences that have shaped a life in academia, research and education. Rather than presenting a chronological autobiography, the series brings","twitter:image":"https:\/\/strayndom.com\/wp-content\/uploads\/2022\/09\/Ramkumar-profile-photo.jpg"},"aioseo_meta_data":{"post_id":"3420","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-08-15 11:16:54","updated":"2026-10-13 06:01:19","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/strayndom.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tThe Living Mosaic\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/strayndom.com"},{"label":"The Living Mosaic","link":"https:\/\/strayndom.com\/index.php\/the-living-mosaic\/"}],"_links":{"self":[{"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/pages\/3420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/comments?post=3420"}],"version-history":[{"count":25,"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/pages\/3420\/revisions"}],"predecessor-version":[{"id":3465,"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/pages\/3420\/revisions\/3465"}],"wp:attachment":[{"href":"https:\/\/strayndom.com\/index.php\/wp-json\/wp\/v2\/media?parent=3420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}