{"id":3590,"date":"2026-10-02T11:15:11","date_gmt":"2026-10-02T07:15:11","guid":{"rendered":"https:\/\/mauritiussugar.mu\/?page_id=3590"},"modified":"2026-10-02T16:43:23","modified_gmt":"2026-10-02T12:43:23","slug":"team","status":"publish","type":"page","link":"https:\/\/mauritiussugar.mu\/team\/","title":{"rendered":"Team"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3590\" class=\"elementor elementor-3590\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9b3510 e-con-full e-flex e-con e-child\" data-id=\"a9b3510\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f4b10 elementor-widget elementor-widget-html\" data-id=\"a5f4b10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  .site-header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1000;\n    background: transparent;\n    transition: background 0.35s ease, box-shadow 0.35s ease;\n  }\n\n  .site-header.scrolled {\n    background: #ffffff;\n    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n  }\n\n  .header-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 0 90px 0 20px;\n    height: 100px;\n  }\n\n  .header-logo {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n  .header-logo img {\n    height: 75px;\n    width: auto;\n    display: block;\n    transition: opacity 0.35s ease;\n  }\n\n  .header-logo .logo-light { opacity: 1; }\n  .header-logo .logo-dark  { opacity: 0; position: absolute; top: 0; left: 0; }\n  .site-header.scrolled .header-logo .logo-light { opacity: 0; }\n  .site-header.scrolled .header-logo .logo-dark  { opacity: 1; }\n\n  \/* \u2500\u2500 Nav \u2500\u2500 *\/\n  .header-nav {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .header-nav a {\n    display: inline-block;\n    padding: 6px 8px;\n    font-size: 12px;\n    font-weight: 500;\n    font-family: 'Lato', Arial, sans-serif;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: #ffffff;\n    white-space: nowrap;\n    transition: color 0.35s ease;\n  }\n\n  .site-header.scrolled .header-nav a {\n    color: #6a6b6c;\n  }\n\n  \/* \u2500\u2500 Hamburger button (hidden on desktop) \u2500\u2500 *\/\n  .header-menu-btn {\n    display: none;\n    flex-direction: column;\n    justify-content: center;\n    gap: 5px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 4px;\n    z-index: 1100;\n  }\n\n  .header-menu-btn span {\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: #ffffff;\n    border-radius: 2px;\n    transition: background 0.35s ease, transform 0.3s ease, opacity 0.3s ease;\n  }\n\n  .site-header.scrolled .header-menu-btn span {\n    background: #382e2d;\n  }\n\n  \/* Animate to X when open *\/\n  .site-header.menu-open .header-menu-btn span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n  .site-header.menu-open .header-menu-btn span:nth-child(2) { opacity: 0; }\n  .site-header.menu-open .header-menu-btn span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n  \/* \u2500\u2500 Mobile drawer \u2500\u2500 *\/\n  .header-nav-drawer {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #ffffff;\n    z-index: 1050;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    padding: 80px 30px 40px;\n    transform: translateX(100%);\n    transition: transform 0.35s ease;\n    overflow-y: auto;\n    justify-content: safe center;\n  }\n\n  .site-header.menu-open .header-nav-drawer {\n    transform: translateX(0);\n  }\n\n  .header-nav-drawer a {\n    font-size: 16px;\n    font-weight: 600;\n    font-family: 'Lato', Arial, sans-serif;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: #382e2d;\n    padding: 10px 0;\n    border-bottom: 1px solid #e8e8e8;\n    width: 100%;\n    text-align: center;\n    transition: color 0.2s;\n  }\n\n  .header-nav-drawer a:hover { color: #6a6b6c; }\n\n  \/* \u2500\u2500 Tablet (max 1024px) \u2014 shrink text \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .header-inner {\n      padding: 0 30px;\n    }\n\n    .header-nav a {\n      font-size: 10px;\n      padding: 6px 5px;\n    }\n  }\n\n  \/* \u2500\u2500 Mobile (max 768px) \u2014 hamburger \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .header-inner {\n      padding: 0 20px;\n      height: 70px;\n    }\n\n    .header-logo img {\n      height: 50px;\n    }\n\n    .header-nav {\n      display: none;\n    }\n\n    .header-menu-btn {\n      display: flex;\n    }\n\n    .header-nav-drawer {\n      display: flex;\n    }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     DROPDOWN SUBMENUS\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .site-header {\n    --dd-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n    --dd-ease-io:  cubic-bezier(0.65, 0, 0.35, 1);\n    --dd-olive:    #b2b64f;\n    --dd-olive-dk: #6b7130;\n    --dd-ink:      #382e2d;\n  }\n\n  .header-nav .nav-item { position: relative; display: block; }\n\n  \/* Parent link: olive tab rises from the bottom on open *\/\n  .header-nav .nav-item > .nav-link {\n    position: relative;\n    isolation: isolate;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n  }\n  .header-nav .nav-item > .nav-link::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: var(--dd-olive);\n    border-radius: 3px 3px 0 0;\n    transform: scaleY(0);\n    transform-origin: bottom;\n    transition: transform 380ms var(--dd-ease-out);\n  }\n  .site-header .header-nav .nav-item.is-open > .nav-link,\n  .site-header.scrolled .header-nav .nav-item.is-open > .nav-link { color: #ffffff; }\n  .header-nav .nav-item.is-open > .nav-link::before { transform: scaleY(1); }\n\n  .nav-chev {\n    width: 9px;\n    height: 6px;\n    flex: 0 0 auto;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 420ms var(--dd-ease-out);\n  }\n  .nav-item.is-open > .nav-link .nav-chev { transform: rotate(180deg); }\n\n  \/* Panel *\/\n  .nav-sub-wrap {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    padding-top: 4px;           \/* hover bridge between tab and panel *\/\n    min-width: 100%;\n    visibility: hidden;\n    pointer-events: none;\n    transition: visibility 0s linear 240ms;\n    z-index: 5;\n  }\n  .nav-item.is-open > .nav-sub-wrap {\n    visibility: visible;\n    pointer-events: auto;\n    transition-delay: 0s;\n  }\n\n  .nav-sub {\n    margin: 0;\n    padding: 6px 0;\n    list-style: none;\n    min-width: 210px;\n    background: rgba(240, 236, 226, 0.82);\n    -webkit-backdrop-filter: blur(16px) saturate(1.3);\n            backdrop-filter: blur(16px) saturate(1.3);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 0 4px 4px 4px;\n    box-shadow: 0 18px 40px rgba(20, 16, 12, 0.22), 0 2px 6px rgba(20, 16, 12, 0.08);\n    clip-path: inset(0 0 100% 0 round 4px);\n    opacity: 0;\n    transform: translateY(-8px);\n    transition: clip-path 240ms var(--dd-ease-io), opacity 180ms ease, transform 240ms var(--dd-ease-out);\n  }\n  .nav-item.is-open > .nav-sub-wrap .nav-sub {\n    clip-path: inset(0 0 0 0 round 4px);\n    opacity: 1;\n    transform: none;\n    transition: clip-path 560ms var(--dd-ease-out), opacity 300ms ease, transform 560ms var(--dd-ease-out);\n  }\n\n  .nav-sub li {\n    margin: 0;\n    opacity: 0;\n    transform: translateX(-12px);\n    transition: opacity 150ms ease, transform 150ms ease;\n  }\n  .nav-item.is-open .nav-sub li {\n    opacity: 1;\n    transform: none;\n    transition: opacity 420ms ease calc(110ms + var(--i, 0) * 55ms),\n                transform 560ms var(--dd-ease-out) calc(110ms + var(--i, 0) * 55ms);\n  }\n\n  \/* Sub links (override the top-level link look) *\/\n  .site-header .header-nav .nav-sub a {\n    position: relative;\n    isolation: isolate;\n    display: block;\n    padding: 9px 26px 9px 22px;\n    font-size: 16px;\n    line-height: 1.4;\n    font-weight: 400;\n    letter-spacing: 0;\n    text-transform: none;\n    color: var(--dd-ink);\n    white-space: nowrap;\n    transition: color 0.3s ease, padding-left 0.45s var(--dd-ease-out);\n  }\n  .site-header.scrolled .header-nav .nav-sub a { color: var(--dd-ink); }\n  .header-nav .nav-sub a::before {      \/* sliding olive background *\/\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(90deg, rgba(178, 182, 79, 0.28), rgba(178, 182, 79, 0.06));\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s var(--dd-ease-out);\n  }\n  .header-nav .nav-sub a::after {       \/* olive marker *\/\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    width: 3px;\n    height: 56%;\n    background: var(--dd-olive);\n    border-radius: 0 2px 2px 0;\n    transform: translateY(-50%) scaleY(0);\n    transition: transform 0.45s var(--dd-ease-out);\n  }\n  .site-header .header-nav .nav-sub a:hover,\n  .site-header .header-nav .nav-sub a:focus-visible {\n    color: var(--dd-olive-dk);\n    padding-left: 28px;\n    outline: none;\n  }\n  .header-nav .nav-sub a:hover::before,\n  .header-nav .nav-sub a:focus-visible::before { transform: scaleX(1); }\n  .header-nav .nav-sub a:hover::after,\n  .header-nav .nav-sub a:focus-visible::after { transform: translateY(-50%) scaleY(1); }\n\n  \/* No-JS fallback: plain hover \/ focus *\/\n  .site-header:not(.dd-js) .nav-item:hover > .nav-sub-wrap,\n  .site-header:not(.dd-js) .nav-item:focus-within > .nav-sub-wrap { visibility: visible; pointer-events: auto; transition-delay: 0s; }\n  .site-header:not(.dd-js) .nav-item:hover .nav-sub,\n  .site-header:not(.dd-js) .nav-item:focus-within .nav-sub { clip-path: inset(0 0 0 0 round 4px); opacity: 1; transform: none; }\n  .site-header:not(.dd-js) .nav-item:hover .nav-sub li,\n  .site-header:not(.dd-js) .nav-item:focus-within .nav-sub li { opacity: 1; transform: none; }\n\n  @media (max-width: 1024px) {\n    .site-header .header-nav .nav-sub a { font-size: 14px; padding: 8px 22px 8px 18px; }\n    .nav-sub { min-width: 180px; }\n    .header-nav .nav-item > .nav-link { gap: 5px; }\n  }\n\n  \/* \u2500\u2500 Mobile drawer accordion \u2500\u2500 *\/\n  .header-nav-drawer .drawer-item { width: 100%; }\n  .header-nav-drawer .drawer-row {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n    border-bottom: 1px solid #e8e8e8;\n  }\n  .header-nav-drawer .drawer-row > a {\n    flex: 1 1 auto;\n    border-bottom: 0;\n    padding-left: 44px;            \/* balances the toggle so the label stays centred *\/\n  }\n  .header-nav-drawer .drawer-toggle {\n    all: unset;\n    box-sizing: border-box;\n    flex: 0 0 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #382e2d;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .header-nav-drawer .drawer-toggle:focus-visible { outline: 2px solid var(--dd-olive); outline-offset: -4px; }\n  .header-nav-drawer .drawer-toggle .nav-chev { width: 12px; height: 8px; }\n  .drawer-item.is-open .drawer-toggle .nav-chev { transform: rotate(180deg); }\n\n  .header-nav-drawer .drawer-sub {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 480ms var(--dd-ease-out);\n  }\n  .drawer-item.is-open .drawer-sub { grid-template-rows: 1fr; }\n  .header-nav-drawer .drawer-sub-inner { overflow: hidden; min-height: 0; background: #f6f3ec; }\n  .header-nav-drawer .drawer-sub a {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.04em;\n    text-transform: none;\n    color: #6a6b6c;\n    padding: 11px 0;\n    border-bottom: 1px solid #ece8de;\n    opacity: 0;\n    transform: translateY(-8px);\n    transition: opacity 0.25s ease, transform 0.25s ease, color 0.2s;\n  }\n  .drawer-item.is-open .drawer-sub a {\n    opacity: 1;\n    transform: none;\n    transition: opacity 0.4s ease calc(120ms + var(--k, 0) * 50ms),\n                transform 0.5s var(--dd-ease-out) calc(120ms + var(--k, 0) * 50ms),\n                color 0.2s;\n  }\n  .header-nav-drawer .drawer-sub a:hover { color: var(--dd-olive-dk); }\n  .header-nav-drawer .drawer-sub a:last-child { border-bottom: 0; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .header-nav .nav-item > .nav-link::before,\n    .nav-chev, .nav-sub, .nav-sub li, .nav-sub a, .nav-sub a::before, .nav-sub a::after,\n    .drawer-sub, .drawer-sub a { transition-duration: 0.01ms !important; transition-delay: 0s !important; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MARKETING KIT BUTTON\n     Hover: amber fill sweeps in from the left (exits to the right),\n     label rolls up to reveal a dark copy, border warms, soft glow.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .site-header {\n    --mk-amber: #e8a317;\n    --mk-ink:   #1f1a19;\n  }\n\n  .site-header a.mk-btn {\n    --mk-fg:   #ffffff;\n    --mk-line: #ffffff;\n    position: relative;\n    isolation: isolate;\n    display: inline-block;\n    flex-shrink: 0;\n    margin-left: 16px;\n    padding: 11px 22px;\n    font-family: 'Lato', Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    text-decoration: none;\n    white-space: nowrap;\n    background: transparent;\n    border: 1px solid var(--mk-line);\n    border-radius: 0;\n    overflow: hidden;\n    transition: border-color 0.5s var(--dd-ease-out),\n                box-shadow 0.6s var(--dd-ease-out),\n                transform 0.3s ease;\n  }\n  .site-header.scrolled a.mk-btn {\n    --mk-fg:   #382e2d;\n    --mk-line: #382e2d;\n  }\n\n  \/* Amber fill *\/\n  .mk-btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: var(--mk-amber);\n    transform: scaleX(0);\n    transform-origin: right center;\n    transition: transform 560ms var(--dd-ease-io);\n  }\n\n  \/* Label roll *\/\n  .mk-btn .mk-label {\n    position: relative;\n    display: block;\n    overflow: hidden;\n  }\n  .mk-btn .mk-txt {\n    position: relative;\n    display: block;\n    color: var(--mk-fg);\n    transition: transform 520ms var(--dd-ease-out);\n  }\n  .mk-btn .mk-txt::after {\n    content: attr(data-text);\n    position: absolute;\n    left: 0;\n    top: 100%;\n    color: var(--mk-ink);\n  }\n\n  \/* Hover \/ keyboard focus *\/\n  .site-header a.mk-btn:hover,\n  .site-header a.mk-btn:focus-visible {\n    border-color: var(--mk-amber);\n    box-shadow: 0 10px 26px rgba(232, 163, 23, 0.32);\n  }\n  .mk-btn:hover::before,\n  .mk-btn:focus-visible::before {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n  .mk-btn:hover .mk-txt,\n  .mk-btn:focus-visible .mk-txt { transform: translateY(-100%); }\n  .site-header a.mk-btn:focus-visible { outline: 2px solid var(--mk-amber); outline-offset: 3px; }\n  .site-header a.mk-btn:active { transform: scale(0.97); }\n\n  \/* Smaller laptops \u2014 slimmer button so the nav keeps its room *\/\n  @media (max-width: 1500px) {\n    .site-header a.mk-btn {\n      margin-left: 8px;\n      padding: 9px 15px;\n      letter-spacing: 0.1em;\n    }\n  }\n\n  \/* Tablet \u2014 compact *\/\n  @media (max-width: 1024px) {\n    .site-header a.mk-btn {\n      margin-left: 8px;\n      padding: 8px 12px;\n      font-size: 10px;\n      line-height: 12px;\n      letter-spacing: 0.1em;\n    }\n  }\n\n  \/* Mobile drawer \u2014 full-width, dark outline *\/\n  .header-nav-drawer a.mk-btn {\n    --mk-fg:   #382e2d;\n    --mk-line: #382e2d;\n    display: block;\n    width: 100%;\n    margin: 18px 0 0;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 16px;\n    letter-spacing: 0.14em;\n    border: 1px solid var(--mk-line);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mk-btn, .mk-btn::before, .mk-btn .mk-txt { transition-duration: 0.01ms !important; }\n  }\n<\/style>\n\n\n<header id=\"site-header\" class=\"site-header\">\n  <div class=\"header-inner\">\n    <a href=\"https:\/\/mauritiussugar.mu\/\" class=\"header-logo\">\n      <img decoding=\"async\" class=\"logo-light\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/03\/logo-line-16@2x.png\" alt=\"Mauritius Sugar Syndicate\" \/>\n      <img decoding=\"async\" class=\"logo-dark\"  src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/07\/logo-line-16@3x.png\" alt=\"Mauritius Sugar Syndicate\" \/>\n    <\/a>\n\n    <!-- Desktop nav -->\n    <nav class=\"header-nav\" aria-label=\"Main\">\n      <div class=\"nav-item has-sub\">\n        <a href=\"https:\/\/mauritiussugar.mu\/mss\/\" class=\"nav-link\" aria-haspopup=\"true\" aria-expanded=\"false\">MSS<svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/a>\n        <div class=\"nav-sub-wrap\">\n          <ul class=\"nav-sub\">\n          <li style=\"--i:0\"><a href=\"https:\/\/mauritiussugar.mu\/our-history\/\">Our History<\/a><\/li>\n          <li style=\"--i:1\"><a href=\"https:\/\/mauritiussugar.mu\/mss\/\">Who We Are<\/a><\/li>\n          <li style=\"--i:2\"><a href=\"https:\/\/mauritiussugar.mu\/our-engagement\/\">Our Engagement<\/a><\/li>\n          <li style=\"--i:3\"><a href=\"https:\/\/mauritiussugar.mu\/our-team\/\">Our Team<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"nav-item has-sub\">\n        <a href=\"https:\/\/mauritiussugar.mu\/the-land-of-mauritian-sugar\/\" class=\"nav-link\" aria-haspopup=\"true\" aria-expanded=\"false\">The Land of Mauritian Sugar<svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/a>\n        <div class=\"nav-sub-wrap\">\n          <ul class=\"nav-sub\">\n          <li style=\"--i:0\"><a href=\"https:\/\/mauritiussugar.mu\/the-growers\/\">The Growers<\/a><\/li>\n          <li style=\"--i:1\"><a href=\"https:\/\/mauritiussugar.mu\/the-millers\/\">The Millers<\/a><\/li>\n          <li style=\"--i:2\"><a href=\"https:\/\/mauritiussugar.mu\/the-terroir\/\">The Terroir<\/a><\/li>\n          <li style=\"--i:3\"><a href=\"https:\/\/mauritiussugar.mu\/our-savoir-faire\/\">Our Savoir Faire<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/mauritiussugar.mu\/products-j\/\">Our Products<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/our-clients\/\">Our Clients<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/sustainability\/\">Sustainability<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/payments-to-producers\/\">Payments to Producers<\/a>\n      <a href=\"https:\/\/blog.mauritiussugar.mu\/\">Media &amp; News<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/contact-us\/\">Contact Us<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/the-library\/\" class=\"mk-btn\"><span class=\"mk-label\"><span class=\"mk-txt\" data-text=\"Marketing Kit\">Marketing Kit<\/span><\/span><\/a>\n    <\/nav>\n\n    <!-- Hamburger button (mobile only) -->\n    <button class=\"header-menu-btn\" id=\"menu-btn\" aria-label=\"Open menu\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/div>\n\n  <!-- Mobile drawer -->\n  <nav class=\"header-nav-drawer\" id=\"nav-drawer\" aria-label=\"Mobile\">\n    <div class=\"drawer-item has-sub\">\n      <div class=\"drawer-row\">\n        <a href=\"https:\/\/mauritiussugar.mu\/mss\/\">MSS<\/a>\n        <button type=\"button\" class=\"drawer-toggle\" aria-expanded=\"false\" aria-label=\"Show MSS submenu\"><svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/button>\n      <\/div>\n      <div class=\"drawer-sub\"><div class=\"drawer-sub-inner\">\n          <a href=\"https:\/\/mauritiussugar.mu\/our-history\/\">Our History<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/mss\/\">Who We Are<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/our-engagement\/\">Our Engagement<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/our-team\/\">Our Team<\/a>\n      <\/div><\/div>\n    <\/div>\n    <div class=\"drawer-item has-sub\">\n      <div class=\"drawer-row\">\n        <a href=\"https:\/\/mauritiussugar.mu\/the-land-of-mauritian-sugar\/\">The Land of Mauritian Sugar<\/a>\n        <button type=\"button\" class=\"drawer-toggle\" aria-expanded=\"false\" aria-label=\"Show The Land of Mauritian Sugar submenu\"><svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/button>\n      <\/div>\n      <div class=\"drawer-sub\"><div class=\"drawer-sub-inner\">\n          <a href=\"https:\/\/mauritiussugar.mu\/the-growers\/\">The Growers<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/the-millers\/\">The Millers<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/the-terroir\/\">The Terroir<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/our-savoir-faire\/\">Our Savoir Faire<\/a>\n      <\/div><\/div>\n    <\/div>\n    <a href=\"https:\/\/mauritiussugar.mu\/products-j\/\">Our Products<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/our-clients\/\">Our Clients<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/sustainability\/\">Sustainability<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/payments-to-producers\/\">Payments to Producers<\/a>\n    <a href=\"https:\/\/blog.mauritiussugar.mu\/\">Media &amp; News<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/contact-us\/\">Contact Us<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/marketing-kit\/\" class=\"mk-btn\"><span class=\"mk-label\"><span class=\"mk-txt\" data-text=\"Marketing Kit\">Marketing Kit<\/span><\/span><\/a>\n  <\/nav>\n<\/header>\n\n<script>\n  const header   = document.getElementById('site-header');\n  const menuBtn  = document.getElementById('menu-btn');\n\n  \/\/ Scroll behaviour\n  window.addEventListener('scroll', () => {\n    header.classList.toggle('scrolled', window.scrollY > 10);\n  }, { passive: true });\n\n  \/\/ Hamburger toggle\n  menuBtn.addEventListener('click', () => {\n    header.classList.toggle('menu-open');\n    const isOpen = header.classList.contains('menu-open');\n    menuBtn.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');\n    document.body.style.overflow = isOpen ? 'hidden' : '';\n  });\n\n  \/\/ Close drawer when a link is clicked\n  document.getElementById('nav-drawer').querySelectorAll('a').forEach(link => {\n    link.addEventListener('click', () => {\n      header.classList.remove('menu-open');\n      document.body.style.overflow = '';\n    });\n  });\n<\/script>\n\n<script>\n\/* Dropdown behaviour (desktop hover \/ keyboard \/ touch, and the mobile accordion) *\/\n(function () {\n  var hdr = document.getElementById('site-header');\n  if (!hdr || hdr.getAttribute('data-dd')) return;\n  hdr.setAttribute('data-dd', '1');\n  hdr.classList.add('dd-js');\n\n  var items = [].slice.call(hdr.querySelectorAll('.header-nav .nav-item.has-sub'));\n  var noHover = function () { return window.matchMedia('(hover: none)').matches; };\n\n  function setOpen(it, on) {\n    clearTimeout(it._t);\n    it.classList.toggle('is-open', on);\n    it.querySelector('.nav-link').setAttribute('aria-expanded', on ? 'true' : 'false');\n  }\n  function open(it) { items.forEach(function (o) { if (o !== it) setOpen(o, false); }); setOpen(it, true); }\n\n  items.forEach(function (it) {\n    var link = it.querySelector('.nav-link');\n    var sub = [].slice.call(it.querySelectorAll('.nav-sub a'));\n\n    it.addEventListener('mouseenter', function () { if (!noHover()) open(it); });\n    it.addEventListener('mouseleave', function () {\n      if (noHover()) return;\n      clearTimeout(it._t);\n      it._t = setTimeout(function () { setOpen(it, false); }, 180);\n    });\n    it.addEventListener('focusin', function () { if (it._skip) { it._skip = false; return; } open(it); });\n    it.addEventListener('focusout', function (e) { if (!it.contains(e.relatedTarget)) setOpen(it, false); });\n    it.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape') { setOpen(it, false); if (document.activeElement !== link) { it._skip = true; link.focus(); } }\n      else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        var i = sub.indexOf(document.activeElement);\n        (sub[i + 1] || sub[0]).focus();\n      } else if (e.key === 'ArrowUp' && sub.indexOf(document.activeElement) > -1) {\n        e.preventDefault();\n        var j = sub.indexOf(document.activeElement);\n        (j > 0 ? sub[j - 1] : link).focus();\n      }\n    });\n    \/* Touch screens with the desktop menu (tablets): first tap opens, second tap follows the link *\/\n    link.addEventListener('click', function (e) {\n      if (noHover() && !it.classList.contains('is-open')) { e.preventDefault(); open(it); }\n    });\n  });\n  document.addEventListener('click', function (e) {\n    items.forEach(function (it) { if (!it.contains(e.target)) setOpen(it, false); });\n  });\n\n  \/* Mobile drawer accordion *\/\n  [].forEach.call(hdr.querySelectorAll('.drawer-item.has-sub'), function (item) {\n    var btn = item.querySelector('.drawer-toggle');\n    [].forEach.call(item.querySelectorAll('.drawer-sub a'), function (a, k) { a.style.setProperty('--k', k); });\n    btn.addEventListener('click', function () {\n      var on = !item.classList.contains('is-open');\n      item.classList.toggle('is-open', on);\n      btn.setAttribute('aria-expanded', on ? 'true' : 'false');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f45d6e e-con-full e-flex e-con e-parent\" data-id=\"3f45d6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b2f30 elementor-widget elementor-widget-html\" data-id=\"f2b2f30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MSS Our Team: 01 Hero (standalone snippet, paste into one Elementor HTML widget) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mss-hero{\n  --ease-out:cubic-bezier(0.16,1,0.3,1);\n  --ease-std:cubic-bezier(0.4,0,0.2,1);\n  --ease-io:cubic-bezier(0.65,0,0.35,1);\n  position:relative;\n  overflow:hidden;\n  background:#ffffff;\n  color:#382f2d;\n  font-family:'Lato',sans-serif;\n  font-size:14px;\n  line-height:24.5px;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n.mss-hero *,.mss-hero *::before,.mss-hero *::after{box-sizing:border-box}\n.mss-hero h1,.mss-hero p,.mss-hero figure{margin:0;padding:0}\n.mss-hero img{display:block;max-width:100%}\n\n.mss-hero .hero{position:relative;height:clamp(680px,86vh,950px);overflow:hidden;background:#2b2b2b}\n.mss-hero .hero__media{position:absolute;left:0;right:0;top:-120px;height:calc(100% + 120px)}\n.mss-hero .hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}\n.mss-hero.js .hero__img{\n  transform:scale(1.08);\n  transition:transform 1800ms var(--ease-out);\n  will-change:transform;\n}\n.mss-hero.js.is-ready .hero__img{transform:scale(1)}\n.mss-hero .hero__mask{\n  position:absolute;inset:0;pointer-events:none;\n  background:url(\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Mask-Group-26@2x.png\") no-repeat 50% 100%\/contain;\n}\n.mss-hero.js .hero__mask{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity 1000ms var(--ease-out) 300ms,transform 1000ms var(--ease-out) 300ms;\n}\n.mss-hero.js.is-ready .hero__mask{opacity:1;transform:none}\n\n@media (max-width:1024px){.mss-hero .hero{height:560px}}\n\/* Mobile: the fixed menu (bookmark strip + logo row, about 104px) sits over the top of the hero,\n   so the hero is taller and the photo is anchored to the people instead of being shifted by the parallax offset *\/\n@media (max-width:768px){\n  .mss-hero .hero{height:440px}\n  .mss-hero .hero__media{top:0;height:100%}\n  .mss-hero .hero__img{object-position:50% 30%}\n}\n@media (max-width:480px){.mss-hero .hero{height:420px}}\n\n@media (prefers-reduced-motion:reduce){\n  .mss-hero.js .hero__img,.mss-hero.js .hero__mask{transform:none;opacity:1;transition:none}\n}\n<\/style>\n\n<div class=\"mss-hero\">\n  <section class=\"hero\" aria-label=\"Our team\">\n    <div class=\"hero__media\">\n      <img class=\"hero__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/COVER-1.jpg\" alt=\"\" fetchpriority=\"high\" decoding=\"async\">\n    <\/div>\n    <div class=\"hero__mask\" aria-hidden=\"true\"><\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var root = document.querySelector('.mss-hero');\n  if (!root || root.getAttribute('data-init')) return;\n  root.setAttribute('data-init', '1');\n  root.classList.add('js');\n\n  \/* Break out of the boxed Elementor container: full viewport width, and start at the very\n     top of the page so the hero sits underneath the fixed, transparent menu. *\/\n  \/* Elementor containers (or the theme) often clip their children with overflow:hidden, which\n     cuts off the part of the hero that was pulled up and leaves a white band. Release those clips. *\/\n  function unclip() {\n    for (var el = root.parentElement; el && el !== document.body && el !== document.documentElement; el = el.parentElement) {\n      var cs = getComputedStyle(el);\n      if (cs.overflowX !== 'visible' || cs.overflowY !== 'visible') el.style.setProperty('overflow', 'visible', 'important');\n      if (cs.clipPath && cs.clipPath !== 'none') el.style.setProperty('clip-path', 'none', 'important');\n      if (cs.contain && \/paint|strict|content\/.test(cs.contain)) el.style.setProperty('contain', 'none', 'important');\n    }\n  }\n  function bleed() {\n    unclip();\n    root.style.marginLeft = '0px';\n    root.style.marginTop = '0px';\n    root.style.width = document.documentElement.clientWidth + 'px';\n    var r = root.getBoundingClientRect();\n    root.style.marginLeft = (-r.left) + 'px';\n    var top = r.top + window.pageYOffset;\n    if (top > 0 && top < 800) root.style.marginTop = (-top) + 'px';\n  }\n  bleed();\n  window.addEventListener('load', bleed);\n  window.addEventListener('resize', bleed, { passive: true });\n  if (document.fonts && document.fonts.ready) document.fonts.ready.then(bleed);\n  setTimeout(bleed, 400);\n  setTimeout(bleed, 1500);\n  setTimeout(bleed, 3500);\n  \/* Re-measure whenever Elementor shifts the layout above the hero *\/\n  if (window.ResizeObserver) {\n    var bleedQueued = false;\n    new ResizeObserver(function () {\n      if (bleedQueued) return;\n      bleedQueued = true;\n      requestAnimationFrame(function () { bleedQueued = false; bleed(); });\n    }).observe(document.body);\n  }\n\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var hero = root.querySelector('.hero');\n  var heroImg = root.querySelector('.hero__img');\n  var media = root.querySelector('.hero__media');\n\n  \/* Page-load intro *\/\n  function ready() {\n    requestAnimationFrame(function () {\n      requestAnimationFrame(function () { root.classList.add('is-ready'); });\n    });\n  }\n  if (heroImg.complete) {\n    ready();\n  } else {\n    heroImg.addEventListener('load', ready, { once: true });\n    heroImg.addEventListener('error', ready, { once: true });\n    setTimeout(ready, 2500);\n  }\n  heroImg.addEventListener('transitionend', function () {\n    heroImg.style.willChange = 'auto';\n  }, { once: true });\n\n  \/* Parallax (desktop only, only while visible) *\/\n  if (!reduce && 'IntersectionObserver' in window) {\n    var heroVisible = true, ticking = false;\n    new IntersectionObserver(function (es) {\n      heroVisible = es[0].isIntersecting;\n    }).observe(hero);\n\n    var update = function () {\n      ticking = false;\n      if (!heroVisible) return;\n      if (window.innerWidth <= 768) { media.style.transform = ''; return; }\n      var y = Math.min(Math.max(window.pageYOffset * 0.25, 0), 120);\n      media.style.transform = 'translate3d(0,' + y + 'px,0)';\n    };\n    window.addEventListener('scroll', function () {\n      if (!ticking) { ticking = true; requestAnimationFrame(update); }\n    }, { passive: true });\n    window.addEventListener('resize', update, { passive: true });\n    update();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e75905 e-con-full e-flex e-con e-parent\" data-id=\"1e75905\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ca6a72 elementor-widget elementor-widget-html\" data-id=\"1ca6a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MSS Our Team: 02 The Essence of Our Success (standalone snippet, paste into one Elementor HTML widget) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mss-essence{\n  --ease-out:cubic-bezier(0.16,1,0.3,1);\n  --ease-std:cubic-bezier(0.4,0,0.2,1);\n  --ease-io:cubic-bezier(0.65,0,0.35,1);\n  position:relative;\n  overflow:hidden;\n  background:#ffffff;\n  color:#382f2d;\n  font-family:'Lato',sans-serif;\n  font-size:14px;\n  line-height:24.5px;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n.mss-essence *,.mss-essence *::before,.mss-essence *::after{box-sizing:border-box}\n.mss-essence h1,.mss-essence p,.mss-essence figure{margin:0;padding:0}\n.mss-essence img{display:block;max-width:100%}\n\n\/* Scroll reveal (content stays visible if JS fails) *\/\n.mss-essence.js .reveal{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity 800ms var(--ease-out) var(--d,0ms),transform 800ms var(--ease-out) var(--d,0ms);\n}\n.mss-essence.js .reveal.is-in{opacity:1;transform:none}\n\n.mss-essence .essence{padding:50px 20px}\n.mss-essence .essence__inner{max-width:770px;margin:0 auto;text-align:center}\n.mss-essence .essence h1{\n  position:relative;\n  padding-bottom:22px;\n  color:#0c1115;\n  font-size:24px;line-height:31.2px;font-weight:700;\n}\n.mss-essence .essence h1::after{\n  content:\"\";position:absolute;left:50%;bottom:8px;\n  width:48px;height:2px;margin-left:-24px;background:#e3b156;\n}\n.mss-essence.js .essence h1::after{\n  transform:scaleX(0);transform-origin:center;\n  transition:transform 700ms var(--ease-out) calc(var(--d,0ms) + 200ms);\n}\n.mss-essence.js .essence h1.is-in::after{transform:scaleX(1)}\n.mss-essence .essence p{max-width:545px;margin:0 auto;color:#382f2d;font-size:14px;line-height:24.5px;text-align:center}\n\n@media (max-width:480px){\n  .mss-essence .essence{padding:40px 16px}\n  .mss-essence .essence h1{font-size:22px;line-height:28.6px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mss-essence.js .reveal{opacity:1;transform:none;transition:none}\n  .mss-essence.js .essence h1::after{transform:none;transition:none}\n}\n<\/style>\n\n<div class=\"mss-essence\">\n  <section class=\"essence\">\n    <div class=\"essence__inner\">\n      <h1 class=\"reveal io\" style=\"--d:0ms\">The Essence of Our Success<\/h1>\n      <p class=\"reveal io\" style=\"--d:90ms\">Our people are the essence of our success. As a dynamic team, we strive to continually adapt our approach to meet the ever-evolving needs of our clients and stakeholders. We are armed with extensive experience and a thorough knowledge of the sugar cane industry. It is our complementary set of skills, combined with tenacity and passion, that allows us to provide our clients with first-class services. At the Mauritius Sugar Syndicate, we are committed to nurturing a culture of transparency, trust, and respect, with a view to building sustainable partnerships.<\/p>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var root = document.querySelector('.mss-essence');\n  if (!root || root.getAttribute('data-init')) return;\n  root.setAttribute('data-init', '1');\n  root.classList.add('js');\n\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var observed = [].slice.call(root.querySelectorAll('.io'));\n\n  if (reduce || !('IntersectionObserver' in window)) {\n    observed.forEach(function (el) { el.classList.add('is-in'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) {\n        e.target.classList.add('is-in');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' });\n  observed.forEach(function (el) { io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10f2591 e-con-full e-flex e-con e-parent\" data-id=\"10f2591\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abcd35c elementor-widget elementor-widget-html\" data-id=\"abcd35c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MSS Our Team: 03 Executive Committee banner (standalone snippet, paste into one Elementor HTML widget) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mss-banner-exec{\n  --ease-out:cubic-bezier(0.16,1,0.3,1);\n  --ease-std:cubic-bezier(0.4,0,0.2,1);\n  --ease-io:cubic-bezier(0.65,0,0.35,1);\n  position:relative;\n  overflow:hidden;\n  background:#ffffff;\n  color:#382f2d;\n  font-family:'Lato',sans-serif;\n  font-size:14px;\n  line-height:24.5px;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n.mss-banner-exec *,.mss-banner-exec *::before,.mss-banner-exec *::after{box-sizing:border-box}\n.mss-banner-exec h1,.mss-banner-exec p,.mss-banner-exec figure{margin:0;padding:0}\n.mss-banner-exec img{display:block;max-width:100%}\n\n.mss-banner-exec .banner{\n  position:relative;overflow:hidden;\n  display:flex;align-items:center;justify-content:center;\n  height:150px;background:#3b3a24;\n}\n.mss-banner-exec .banner__bg{position:absolute;inset:0;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}\n.mss-banner-exec.js .banner__bg{transform:scale(1.12);transition:transform 1400ms var(--ease-out)}\n.mss-banner-exec.js .banner.is-in .banner__bg{transform:scale(1)}\n.mss-banner-exec .banner__title{\n  position:relative;z-index:1;padding:0 20px;\n  color:#ffffff;text-align:center;\n  font-size:24px;line-height:31.2px;font-weight:700;\n  text-shadow:0 1px 3px rgba(0,0,0,0.3);\n}\n.mss-banner-exec .mask{display:block;overflow:hidden;padding-bottom:4px}\n.mss-banner-exec .mask__in{display:block}\n.mss-banner-exec.js .mask__in{transform:translateY(110%);transition:transform 900ms var(--ease-out) 150ms}\n.mss-banner-exec.js .banner.is-in .mask__in{transform:none}\n\n@media (max-width:480px){\n  .mss-banner-exec .banner{height:120px}\n  .mss-banner-exec .banner__title{font-size:22px;line-height:28.6px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mss-banner-exec.js .banner__bg,.mss-banner-exec.js .mask__in{transform:none;transition:none}\n}\n<\/style>\n\n<div class=\"mss-banner-exec\">\n  <section class=\"banner io\">\n    <div class=\"banner__bg\" style=\"background-image:url('https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/EXECUTIVE-COMMITEE.jpg')\"><\/div>\n    <h1 class=\"banner__title\"><span class=\"mask\"><span class=\"mask__in\">Executive Committee<\/span><\/span><\/h1>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var root = document.querySelector('.mss-banner-exec');\n  if (!root || root.getAttribute('data-init')) return;\n  root.setAttribute('data-init', '1');\n  root.classList.add('js');\n\n  \/* Break out of the boxed Elementor container: full viewport width *\/\n  function unclip() {\n    for (var el = root.parentElement; el && el !== document.body && el !== document.documentElement; el = el.parentElement) {\n      var cs = getComputedStyle(el);\n      if (cs.overflowX !== 'visible' || cs.overflowY !== 'visible') el.style.setProperty('overflow', 'visible', 'important');\n      if (cs.clipPath && cs.clipPath !== 'none') el.style.setProperty('clip-path', 'none', 'important');\n      if (cs.contain && \/paint|strict|content\/.test(cs.contain)) el.style.setProperty('contain', 'none', 'important');\n    }\n  }\n  function bleed() {\n    unclip();\n    root.style.marginLeft = '0px';\n    root.style.width = document.documentElement.clientWidth + 'px';\n    root.style.marginLeft = (-root.getBoundingClientRect().left) + 'px';\n  }\n  bleed();\n  window.addEventListener('load', bleed);\n  window.addEventListener('resize', bleed, { passive: true });\n  if (document.fonts && document.fonts.ready) document.fonts.ready.then(bleed);\n\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var observed = [].slice.call(root.querySelectorAll('.io'));\n\n  if (reduce || !('IntersectionObserver' in window)) {\n    observed.forEach(function (el) { el.classList.add('is-in'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) {\n        e.target.classList.add('is-in');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' });\n  observed.forEach(function (el) { io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-105d785 e-con-full e-flex e-con e-parent\" data-id=\"105d785\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8364c16 elementor-widget elementor-widget-html\" data-id=\"8364c16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MSS Our Team: 04 Executive Committee cards (standalone snippet, paste into one Elementor HTML widget) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mss-exec{\n  --ease-out:cubic-bezier(0.16,1,0.3,1);\n  --ease-std:cubic-bezier(0.4,0,0.2,1);\n  --ease-io:cubic-bezier(0.65,0,0.35,1);\n  position:relative;\n  overflow:hidden;\n  background:#ffffff;\n  color:#382f2d;\n  font-family:'Lato',sans-serif;\n  font-size:14px;\n  line-height:24.5px;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n.mss-exec *,.mss-exec *::before,.mss-exec *::after{box-sizing:border-box}\n.mss-exec h1,.mss-exec p,.mss-exec figure{margin:0;padding:0}\n.mss-exec img{display:block;max-width:100%}\n\n\/* Scroll reveal (content stays visible if JS fails) *\/\n.mss-exec.js .reveal{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity 800ms var(--ease-out) var(--d,0ms),transform 800ms var(--ease-out) var(--d,0ms);\n}\n.mss-exec.js .reveal.is-in{opacity:1;transform:none}\n\n.mss-exec .container{max-width:1140px;margin:0 auto;padding:0 28px}\n.mss-exec .team{padding:48px 0}\n.mss-exec .grid{display:grid;gap:16px;padding:15px 0}\n.mss-exec .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}\n.mss-exec .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}\n\n\/* Team card *\/\n.mss-exec .card{\n  position:relative;aspect-ratio:1\/1;overflow:hidden;isolation:isolate;\n  background:#e9e6df;outline:none;\n}\n.mss-exec .card:focus-visible{outline:2px solid #0c1115;outline-offset:3px}\n.mss-exec .card__img{\n  width:100%;height:100%;object-fit:cover;object-position:50% 25%;\n  transition:transform 700ms var(--ease-out);\n}\n.mss-exec .card__cap{\n  position:absolute;inset:0;\n  display:flex;flex-direction:column;justify-content:center;align-items:center;\n  padding:20px;text-align:center;background:var(--c);\n  opacity:0;clip-path:inset(100% 0 0 0);\n  transition:opacity 250ms var(--ease-std),clip-path 250ms var(--ease-std);\n}\n.mss-exec .card__name,.mss-exec .card__pos{\n  display:block;color:#ffffff;\n  text-shadow:0 1px 2px rgba(0,0,0,0.35);\n  opacity:0;transform:translateY(16px);\n  transition:opacity 250ms var(--ease-std),transform 250ms var(--ease-std);\n}\n.mss-exec .card__name{margin-bottom:6px;font-size:16px;line-height:24px;font-weight:700}\n.mss-exec .card__pos{font-size:14px;line-height:21px;font-weight:400}\n\n\/* Keyboard focus and tap-open share the hover look *\/\n.mss-exec .card:focus-visible .card__img{transform:scale(1.06)}\n.mss-exec .card:focus-visible .card__cap,\n.mss-exec .card.is-active .card__cap{\n  opacity:1;clip-path:inset(0);\n  transition:opacity 500ms var(--ease-std),clip-path 600ms var(--ease-io);\n}\n.mss-exec .card:focus-visible .card__name,\n.mss-exec .card.is-active .card__name{\n  opacity:1;transform:none;\n  transition:opacity 450ms var(--ease-out) 120ms,transform 450ms var(--ease-out) 120ms;\n}\n.mss-exec .card:focus-visible .card__pos,\n.mss-exec .card.is-active .card__pos{\n  opacity:1;transform:none;\n  transition:opacity 450ms var(--ease-out) 200ms,transform 450ms var(--ease-out) 200ms;\n}\n\n\/* Mouse hover *\/\n@media (hover:hover) and (pointer:fine){\n  .mss-exec .card{cursor:pointer}\n  .mss-exec .card:hover .card__img{transform:scale(1.06)}\n  .mss-exec .card:hover .card__cap{\n    opacity:1;clip-path:inset(0);\n    transition:opacity 500ms var(--ease-std),clip-path 600ms var(--ease-io);\n  }\n  .mss-exec .card:hover .card__name{\n    opacity:1;transform:none;\n    transition:opacity 450ms var(--ease-out) 120ms,transform 450ms var(--ease-out) 120ms;\n  }\n  .mss-exec .card:hover .card__pos{\n    opacity:1;transform:none;\n    transition:opacity 450ms var(--ease-out) 200ms,transform 450ms var(--ease-out) 200ms;\n  }\n}\n\n\/* Touch: compact caption bar, tap to expand *\/\n@media (hover:none){\n  .mss-exec .card{cursor:pointer;-webkit-tap-highlight-color:transparent}\n  .mss-exec .card:focus-visible .card__img{transform:none}\n  .mss-exec .card__cap,\n  .mss-exec .card:focus-visible .card__cap,\n  .mss-exec .card.is-active .card__cap{\n    opacity:1;clip-path:none;\n    justify-content:flex-start;\n    padding:10px 12px;\n    background:rgba(var(--rgb),0.9);\n    transform:translateY(calc(100% - 80px));\n    transition:transform 500ms var(--ease-out),padding 500ms var(--ease-out),background-color 300ms var(--ease-std);\n  }\n  .mss-exec .card__name,\n  .mss-exec .card__pos,\n  .mss-exec .card:focus-visible .card__name,\n  .mss-exec .card:focus-visible .card__pos,\n  .mss-exec .card.is-active .card__name,\n  .mss-exec .card.is-active .card__pos{\n    opacity:1;transform:none;transition:none;\n  }\n  .mss-exec .card__name{margin-bottom:2px;font-size:14px;line-height:21px}\n  .mss-exec .card__pos{font-size:12px;line-height:18px}\n  .mss-exec .card.is-active .card__cap{\n    transform:none;\n    padding-top:calc(50% - 36px);\n    background:var(--c);\n  }\n}\n\n\/* Responsive *\/\n@media (max-width:768px){.mss-exec .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:480px){\n  .mss-exec .container{padding:0 16px}\n  .mss-exec .grid--2,\n  .mss-exec .grid--3{grid-template-columns:minmax(0,1fr);max-width:400px;margin:0 auto}\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion:reduce){\n  .mss-exec.js .reveal{opacity:1;transform:none;transition:none}\n  .mss-exec .card__img,\n  .mss-exec .card:hover .card__img,\n  .mss-exec .card:focus-visible .card__img{transform:none;transition:none}\n  .mss-exec .card__cap,\n  .mss-exec .card:hover .card__cap,\n  .mss-exec .card:focus-visible .card__cap,\n  .mss-exec .card.is-active .card__cap{\n    clip-path:none;transition:opacity 150ms linear;\n  }\n  .mss-exec .card__name,.mss-exec .card__pos,\n  .mss-exec .card:hover .card__name,.mss-exec .card:hover .card__pos,\n  .mss-exec .card:focus-visible .card__name,.mss-exec .card:focus-visible .card__pos,\n  .mss-exec .card.is-active .card__name,.mss-exec .card.is-active .card__pos{\n    transform:none;opacity:1;transition:none;\n  }\n}\n<\/style>\n\n<div class=\"mss-exec\">\n  <section class=\"team\">\n    <div class=\"container\">\n      <div class=\"grid grid--2\">\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#e3b156;--rgb:227,177,86\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2025\/09\/Sachin-Sookna.jpg\" alt=\"Portrait of Sachin Sookna\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Mr. Sachin Sookna<\/span><span class=\"card__pos\">President<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#b2b64f;--rgb:178,182,79\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/10\/Option-2-scaled.jpg\" alt=\"Portrait of Jacques Marrier d&rsquo;Unienville\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Mr. Jacques Marrier d&rsquo;Unienville, G.O.S.K.<\/span><span class=\"card__pos\">Vice President<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var root = document.querySelector('.mss-exec');\n  if (!root || root.getAttribute('data-init')) return;\n  root.setAttribute('data-init', '1');\n  root.classList.add('js');\n\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var observed = [].slice.call(root.querySelectorAll('.io'));\n\n  \/* Stagger delay per cell: column x 90ms + row x 60ms *\/\n  function setGridDelays() {\n    [].slice.call(root.querySelectorAll('.grid')).forEach(function (grid) {\n      var cols = getComputedStyle(grid).gridTemplateColumns.split(' ').length || 1;\n      [].slice.call(grid.children).forEach(function (cell, i) {\n        var d = (i % cols) * 90 + Math.floor(i \/ cols) * 60;\n        cell.style.setProperty('--d', d + 'ms');\n      });\n    });\n  }\n  setGridDelays();\n  var rt;\n  window.addEventListener('resize', function () {\n    clearTimeout(rt);\n    rt = setTimeout(setGridDelays, 150);\n  }, { passive: true });\n\n  \/* Scroll reveal *\/\n  if (reduce || !('IntersectionObserver' in window)) {\n    observed.forEach(function (el) { el.classList.add('is-in'); });\n  } else {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          e.target.classList.add('is-in');\n          io.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' });\n    observed.forEach(function (el) { io.observe(el); });\n  }\n\n  \/* Touch devices: tap a card to open it, tap another to close the first *\/\n  if (window.matchMedia('(hover: none)').matches) {\n    var cards = [].slice.call(root.querySelectorAll('.card'));\n    var toggle = function (card) {\n      var wasOpen = card.classList.contains('is-active');\n      cards.forEach(function (c) {\n        c.classList.remove('is-active');\n        c.setAttribute('aria-expanded', 'false');\n      });\n      if (!wasOpen) {\n        card.classList.add('is-active');\n        card.setAttribute('aria-expanded', 'true');\n      }\n    };\n    cards.forEach(function (card) {\n      card.setAttribute('role', 'button');\n      card.setAttribute('aria-expanded', 'false');\n      card.addEventListener('click', function () { toggle(card); });\n      card.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(card); }\n      });\n    });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f2fc69 e-con-full e-flex e-con e-parent\" data-id=\"3f2fc69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3a545 elementor-widget elementor-widget-html\" data-id=\"8d3a545\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MSS Our Team: 05 Management Team banner (standalone snippet, paste into one Elementor HTML widget) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mss-banner-mgmt{\n  --ease-out:cubic-bezier(0.16,1,0.3,1);\n  --ease-std:cubic-bezier(0.4,0,0.2,1);\n  --ease-io:cubic-bezier(0.65,0,0.35,1);\n  position:relative;\n  overflow:hidden;\n  background:#ffffff;\n  color:#382f2d;\n  font-family:'Lato',sans-serif;\n  font-size:14px;\n  line-height:24.5px;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n.mss-banner-mgmt *,.mss-banner-mgmt *::before,.mss-banner-mgmt *::after{box-sizing:border-box}\n.mss-banner-mgmt h1,.mss-banner-mgmt p,.mss-banner-mgmt figure{margin:0;padding:0}\n.mss-banner-mgmt img{display:block;max-width:100%}\n\n.mss-banner-mgmt .banner{\n  position:relative;overflow:hidden;\n  display:flex;align-items:center;justify-content:center;\n  height:150px;background:#3b3a24;\n}\n.mss-banner-mgmt .banner__bg{position:absolute;inset:0;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}\n.mss-banner-mgmt.js .banner__bg{transform:scale(1.12);transition:transform 1400ms var(--ease-out)}\n.mss-banner-mgmt.js .banner.is-in .banner__bg{transform:scale(1)}\n.mss-banner-mgmt .banner__title{\n  position:relative;z-index:1;padding:0 20px;\n  color:#ffffff;text-align:center;\n  font-size:24px;line-height:31.2px;font-weight:700;\n  text-shadow:0 1px 3px rgba(0,0,0,0.3);\n}\n.mss-banner-mgmt .mask{display:block;overflow:hidden;padding-bottom:4px}\n.mss-banner-mgmt .mask__in{display:block}\n.mss-banner-mgmt.js .mask__in{transform:translateY(110%);transition:transform 900ms var(--ease-out) 150ms}\n.mss-banner-mgmt.js .banner.is-in .mask__in{transform:none}\n\n@media (max-width:480px){\n  .mss-banner-mgmt .banner{height:120px}\n  .mss-banner-mgmt .banner__title{font-size:22px;line-height:28.6px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mss-banner-mgmt.js .banner__bg,.mss-banner-mgmt.js .mask__in{transform:none;transition:none}\n}\n<\/style>\n\n<div class=\"mss-banner-mgmt\">\n  <section class=\"banner io\">\n    <div class=\"banner__bg\" style=\"background-image:url('https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Molasses.png')\"><\/div>\n    <h1 class=\"banner__title\"><span class=\"mask\"><span class=\"mask__in\">Management Team<\/span><\/span><\/h1>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var root = document.querySelector('.mss-banner-mgmt');\n  if (!root || root.getAttribute('data-init')) return;\n  root.setAttribute('data-init', '1');\n  root.classList.add('js');\n\n  \/* Break out of the boxed Elementor container: full viewport width *\/\n  function unclip() {\n    for (var el = root.parentElement; el && el !== document.body && el !== document.documentElement; el = el.parentElement) {\n      var cs = getComputedStyle(el);\n      if (cs.overflowX !== 'visible' || cs.overflowY !== 'visible') el.style.setProperty('overflow', 'visible', 'important');\n      if (cs.clipPath && cs.clipPath !== 'none') el.style.setProperty('clip-path', 'none', 'important');\n      if (cs.contain && \/paint|strict|content\/.test(cs.contain)) el.style.setProperty('contain', 'none', 'important');\n    }\n  }\n  function bleed() {\n    unclip();\n    root.style.marginLeft = '0px';\n    root.style.width = document.documentElement.clientWidth + 'px';\n    root.style.marginLeft = (-root.getBoundingClientRect().left) + 'px';\n  }\n  bleed();\n  window.addEventListener('load', bleed);\n  window.addEventListener('resize', bleed, { passive: true });\n  if (document.fonts && document.fonts.ready) document.fonts.ready.then(bleed);\n\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var observed = [].slice.call(root.querySelectorAll('.io'));\n\n  if (reduce || !('IntersectionObserver' in window)) {\n    observed.forEach(function (el) { el.classList.add('is-in'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) {\n        e.target.classList.add('is-in');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' });\n  observed.forEach(function (el) { io.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8551fc e-con-full e-flex e-con e-parent\" data-id=\"e8551fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1da727f elementor-widget elementor-widget-html\" data-id=\"1da727f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MSS Our Team: 06 Management Team cards (standalone snippet, paste into one Elementor HTML widget) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mss-mgmt{\n  --ease-out:cubic-bezier(0.16,1,0.3,1);\n  --ease-std:cubic-bezier(0.4,0,0.2,1);\n  --ease-io:cubic-bezier(0.65,0,0.35,1);\n  position:relative;\n  overflow:hidden;\n  background:#ffffff;\n  color:#382f2d;\n  font-family:'Lato',sans-serif;\n  font-size:14px;\n  line-height:24.5px;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n.mss-mgmt *,.mss-mgmt *::before,.mss-mgmt *::after{box-sizing:border-box}\n.mss-mgmt h1,.mss-mgmt p,.mss-mgmt figure{margin:0;padding:0}\n.mss-mgmt img{display:block;max-width:100%}\n\n\/* Scroll reveal (content stays visible if JS fails) *\/\n.mss-mgmt.js .reveal{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity 800ms var(--ease-out) var(--d,0ms),transform 800ms var(--ease-out) var(--d,0ms);\n}\n.mss-mgmt.js .reveal.is-in{opacity:1;transform:none}\n\n.mss-mgmt .container{max-width:1140px;margin:0 auto;padding:0 28px}\n.mss-mgmt .team{padding:33px 0 60px}\n.mss-mgmt .grid{display:grid;gap:16px;padding:15px 0}\n.mss-mgmt .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}\n.mss-mgmt .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}\n\n\/* Team card *\/\n.mss-mgmt .card{\n  position:relative;aspect-ratio:1\/1;overflow:hidden;isolation:isolate;\n  background:#e9e6df;outline:none;\n}\n.mss-mgmt .card:focus-visible{outline:2px solid #0c1115;outline-offset:3px}\n.mss-mgmt .card__img{\n  width:100%;height:100%;object-fit:cover;object-position:50% 25%;\n  transition:transform 700ms var(--ease-out);\n}\n.mss-mgmt .card__cap{\n  position:absolute;inset:0;\n  display:flex;flex-direction:column;justify-content:center;align-items:center;\n  padding:20px;text-align:center;background:var(--c);\n  opacity:0;clip-path:inset(100% 0 0 0);\n  transition:opacity 250ms var(--ease-std),clip-path 250ms var(--ease-std);\n}\n.mss-mgmt .card__name,.mss-mgmt .card__pos{\n  display:block;color:#ffffff;\n  text-shadow:0 1px 2px rgba(0,0,0,0.35);\n  opacity:0;transform:translateY(16px);\n  transition:opacity 250ms var(--ease-std),transform 250ms var(--ease-std);\n}\n.mss-mgmt .card__name{margin-bottom:6px;font-size:16px;line-height:24px;font-weight:700}\n.mss-mgmt .card__pos{font-size:14px;line-height:21px;font-weight:400}\n\n\/* Keyboard focus and tap-open share the hover look *\/\n.mss-mgmt .card:focus-visible .card__img{transform:scale(1.06)}\n.mss-mgmt .card:focus-visible .card__cap,\n.mss-mgmt .card.is-active .card__cap{\n  opacity:1;clip-path:inset(0);\n  transition:opacity 500ms var(--ease-std),clip-path 600ms var(--ease-io);\n}\n.mss-mgmt .card:focus-visible .card__name,\n.mss-mgmt .card.is-active .card__name{\n  opacity:1;transform:none;\n  transition:opacity 450ms var(--ease-out) 120ms,transform 450ms var(--ease-out) 120ms;\n}\n.mss-mgmt .card:focus-visible .card__pos,\n.mss-mgmt .card.is-active .card__pos{\n  opacity:1;transform:none;\n  transition:opacity 450ms var(--ease-out) 200ms,transform 450ms var(--ease-out) 200ms;\n}\n\n\/* Mouse hover *\/\n@media (hover:hover) and (pointer:fine){\n  .mss-mgmt .card{cursor:pointer}\n  .mss-mgmt .card:hover .card__img{transform:scale(1.06)}\n  .mss-mgmt .card:hover .card__cap{\n    opacity:1;clip-path:inset(0);\n    transition:opacity 500ms var(--ease-std),clip-path 600ms var(--ease-io);\n  }\n  .mss-mgmt .card:hover .card__name{\n    opacity:1;transform:none;\n    transition:opacity 450ms var(--ease-out) 120ms,transform 450ms var(--ease-out) 120ms;\n  }\n  .mss-mgmt .card:hover .card__pos{\n    opacity:1;transform:none;\n    transition:opacity 450ms var(--ease-out) 200ms,transform 450ms var(--ease-out) 200ms;\n  }\n}\n\n\/* Touch: compact caption bar, tap to expand *\/\n@media (hover:none){\n  .mss-mgmt .card{cursor:pointer;-webkit-tap-highlight-color:transparent}\n  .mss-mgmt .card:focus-visible .card__img{transform:none}\n  .mss-mgmt .card__cap,\n  .mss-mgmt .card:focus-visible .card__cap,\n  .mss-mgmt .card.is-active .card__cap{\n    opacity:1;clip-path:none;\n    justify-content:flex-start;\n    padding:10px 12px;\n    background:rgba(var(--rgb),0.9);\n    transform:translateY(calc(100% - 80px));\n    transition:transform 500ms var(--ease-out),padding 500ms var(--ease-out),background-color 300ms var(--ease-std);\n  }\n  .mss-mgmt .card__name,\n  .mss-mgmt .card__pos,\n  .mss-mgmt .card:focus-visible .card__name,\n  .mss-mgmt .card:focus-visible .card__pos,\n  .mss-mgmt .card.is-active .card__name,\n  .mss-mgmt .card.is-active .card__pos{\n    opacity:1;transform:none;transition:none;\n  }\n  .mss-mgmt .card__name{margin-bottom:2px;font-size:14px;line-height:21px}\n  .mss-mgmt .card__pos{font-size:12px;line-height:18px}\n  .mss-mgmt .card.is-active .card__cap{\n    transform:none;\n    padding-top:calc(50% - 36px);\n    background:var(--c);\n  }\n}\n\n\/* Responsive *\/\n@media (max-width:768px){.mss-mgmt .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:480px){\n  .mss-mgmt .container{padding:0 16px}\n  .mss-mgmt .grid--2,\n  .mss-mgmt .grid--3{grid-template-columns:minmax(0,1fr);max-width:400px;margin:0 auto}\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion:reduce){\n  .mss-mgmt.js .reveal{opacity:1;transform:none;transition:none}\n  .mss-mgmt .card__img,\n  .mss-mgmt .card:hover .card__img,\n  .mss-mgmt .card:focus-visible .card__img{transform:none;transition:none}\n  .mss-mgmt .card__cap,\n  .mss-mgmt .card:hover .card__cap,\n  .mss-mgmt .card:focus-visible .card__cap,\n  .mss-mgmt .card.is-active .card__cap{\n    clip-path:none;transition:opacity 150ms linear;\n  }\n  .mss-mgmt .card__name,.mss-mgmt .card__pos,\n  .mss-mgmt .card:hover .card__name,.mss-mgmt .card:hover .card__pos,\n  .mss-mgmt .card:focus-visible .card__name,.mss-mgmt .card:focus-visible .card__pos,\n  .mss-mgmt .card.is-active .card__name,.mss-mgmt .card.is-active .card__pos{\n    transform:none;opacity:1;transition:none;\n  }\n}\n<\/style>\n\n<div class=\"mss-mgmt\">\n  <section class=\"team\">\n    <div class=\"container\">\n      <div class=\"grid grid--3\">\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#b2b64f;--rgb:178,182,79\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2023\/09\/Devesh.jpg\" alt=\"Portrait of Devesh Dukhira\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Devesh Dukhira<\/span><span class=\"card__pos\">Chief Executive Officer<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#b2b64f;--rgb:178,182,79\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2025\/05\/Goboodun-Sanjaye_.jpg\" alt=\"Portrait of Goboodun Sanjaye\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Goboodun Sanjaye<\/span><span class=\"card__pos\">Head of Quality and Compliance<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#e3b156;--rgb:227,177,86\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/01\/Mr.-Preetam-Appadu_BW.jpg\" alt=\"Portrait of Preetam Appadu\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Preetam Appadu<\/span><span class=\"card__pos\">Chief Operating Officer<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#b2b64f;--rgb:178,182,79\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/DSC05157.jpg\" alt=\"Portrait of Khemraj Jhurry\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Khemraj Jhurry<\/span><span class=\"card__pos\">Performance and Procurement Manager<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#788043;--rgb:120,128,67\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2025\/02\/RAJ-Picture-1-scaled-e1740478628762.jpg\" alt=\"Portrait of Raj Puddoo\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Mr. Raj Puddoo<\/span><span class=\"card__pos\">Chief Finance Officer (CFO)<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"cell reveal io\">\n          <figure class=\"card\" tabindex=\"0\" style=\"--c:#e3b156;--rgb:227,177,86\">\n            <img loading=\"lazy\" class=\"card__img\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/05\/Jerome.jpg\" alt=\"Portrait of J&eacute;r&ocirc;me de Peyrolle\" width=\"600\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n            <figcaption class=\"card__cap\"><span class=\"card__name\">Mr. J&eacute;r&ocirc;me de Peyrolle<\/span><span class=\"card__pos\">EU Market Sales &amp; Marketing Executive<\/span><\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var root = document.querySelector('.mss-mgmt');\n  if (!root || root.getAttribute('data-init')) return;\n  root.setAttribute('data-init', '1');\n  root.classList.add('js');\n\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var observed = [].slice.call(root.querySelectorAll('.io'));\n\n  \/* Stagger delay per cell: column x 90ms + row x 60ms *\/\n  function setGridDelays() {\n    [].slice.call(root.querySelectorAll('.grid')).forEach(function (grid) {\n      var cols = getComputedStyle(grid).gridTemplateColumns.split(' ').length || 1;\n      [].slice.call(grid.children).forEach(function (cell, i) {\n        var d = (i % cols) * 90 + Math.floor(i \/ cols) * 60;\n        cell.style.setProperty('--d', d + 'ms');\n      });\n    });\n  }\n  setGridDelays();\n  var rt;\n  window.addEventListener('resize', function () {\n    clearTimeout(rt);\n    rt = setTimeout(setGridDelays, 150);\n  }, { passive: true });\n\n  \/* Scroll reveal *\/\n  if (reduce || !('IntersectionObserver' in window)) {\n    observed.forEach(function (el) { el.classList.add('is-in'); });\n  } else {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          e.target.classList.add('is-in');\n          io.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' });\n    observed.forEach(function (el) { io.observe(el); });\n  }\n\n  \/* Touch devices: tap a card to open it, tap another to close the first *\/\n  if (window.matchMedia('(hover: none)').matches) {\n    var cards = [].slice.call(root.querySelectorAll('.card'));\n    var toggle = function (card) {\n      var wasOpen = card.classList.contains('is-active');\n      cards.forEach(function (c) {\n        c.classList.remove('is-active');\n        c.setAttribute('aria-expanded', 'false');\n      });\n      if (!wasOpen) {\n        card.classList.add('is-active');\n        card.setAttribute('aria-expanded', 'true');\n      }\n    };\n    cards.forEach(function (card) {\n      card.setAttribute('role', 'button');\n      card.setAttribute('aria-expanded', 'false');\n      card.addEventListener('click', function () { toggle(card); });\n      card.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(card); }\n      });\n    });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5445ee e-con-full e-flex e-con e-parent\" data-id=\"a5445ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-029c262 elementor-widget elementor-widget-html\" data-id=\"029c262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;600;700;900&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  .footer-org-name {\n    font-size: 18px;\n    font-weight: 900;\n    color: #382e2d;\n    margin-bottom: 14px;\n  }\n\n  .footer-top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    background: #e8e8e8;\n    padding: 40px 60px 0 60px;\n    font-family: 'Lato', Arial, sans-serif;\n  }\n\n  .footer-left {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .footer-address-contact {\n    display: flex;\n    gap: 80px;\n  }\n\n  .footer-address p,\n  .footer-contact-block p {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: #382e2d;\n    line-height: 0.7;\n  }\n\n  .footer-contact-block {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .footer-contact-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: #382e2d;\n    margin-bottom: 2px;\n  }\n\n  .footer-socials {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    margin-top: 22px;\n    margin-bottom: 30px;\n  }\n\n  .footer-socials a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #382e2d;\n    text-decoration: none;\n    transition: opacity .2s;\n  }\n\n  .footer-socials a:hover { opacity: .6; }\n\n  .footer-socials svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .footer-logo {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .footer-logo img {\n    height: 100px;\n    width: auto;\n  }\n\n  .footer-divider {\n    border: none;\n    border-top: 1px solid #c8c8c8;\n    margin: 0 60px;\n  }\n\n  .footer-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 60px 18px 60px;\n    background: #e8e8e8;\n    font-family: 'Lato', Arial, sans-serif;\n  }\n\n  .footer-copyright {\n    font-size: 10px;\n    color: #555;\n  }\n\n  .footer-links {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 4px 0;\n  }\n\n  .footer-links a {\n    font-size: 12px;\n    color: #1a1a1a;\n    text-decoration: none;\n    font-weight: 600;\n  }\n\n  .footer-links a:hover { text-decoration: underline; }\n\n  .footer-links span {\n    font-size: 10px;\n    color: #888;\n    margin: 0 6px;\n  }\n\n  \/* \u2500\u2500 Tablet (max 900px) \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .footer-top {\n      flex-direction: column;\n      gap: 30px;\n      padding: 30px 30px 0 30px;\n    }\n\n    .footer-logo {\n      align-self: flex-start;\n    }\n\n    .footer-logo img {\n      height: 80px;\n    }\n\n    .footer-divider {\n      margin: 0 30px;\n    }\n\n    .footer-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 14px 30px 18px 30px;\n    }\n  }\n\n  \/* \u2500\u2500 Mobile (max 600px) \u2500\u2500 *\/\n  @media (max-width: 600px) {\n    .footer-top {\n      padding: 24px 20px 0 20px;\n    }\n\n    .footer-org-name {\n      font-size: 15px;\n    }\n\n    .footer-address-contact {\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .footer-address p,\n    .footer-contact-block p {\n      font-size: 12px;\n      line-height: 1.6;\n    }\n\n    .footer-logo img {\n      height: 65px;\n    }\n\n    .footer-divider {\n      margin: 0 20px;\n    }\n\n    .footer-bottom {\n      padding: 14px 20px 18px 20px;\n      gap: 8px;\n    }\n\n    .footer-copyright {\n      font-size: 10px;\n    }\n\n    .footer-links a {\n      font-size: 11px;\n    }\n  }\n<\/style>\n\n<div class=\"footer-top\">\n  <div class=\"footer-left\">\n    <p class=\"footer-org-name\">Mauritius Sugar Syndicate<\/p>\n\n    <div class=\"footer-address-contact\">\n      <div class=\"footer-address\">\n        <p>7th floor, Medine Mews,<\/p>\n        <p>Chauss\u00e9e Street,<\/p>\n        <p>Port Louis, MAURITIUS<\/p>\n      <\/div>\n      <div class=\"footer-contact-block\">\n        <p class=\"footer-contact-label\">Get in touch:<\/p>\n        <p>+ (230) 212 08 14<\/p>\n        <p>+ (230) 212 08 15<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-socials\">\n      <a href=\"https:\/\/www.facebook.com\/mauritiussugar\" aria-label=\"Facebook\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/mauritiussugar\/\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n          <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.linkedin.com\/company\/mauritius-sugar\" aria-label=\"LinkedIn\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/>\n          <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/>\n          <circle cx=\"4\" cy=\"4\" r=\"2\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/07\/Logo-2.png\" alt=\"Mauritius Sugar Syndicate\" \/>\n  <\/div>\n<\/div>\n\n<hr class=\"footer-divider\" \/>\n\n<div class=\"footer-bottom\">\n  <p class=\"footer-copyright\">Mauritius Sugar Syndicate \u00a9 2021<\/p>\n  <nav class=\"footer-links\" aria-label=\"Legal links\">\n    <a href=\"https:\/\/mauritiussugar.mu\/legal\">Legal Terms<\/a>\n    <span>|<\/span>\n    <a href=\"https:\/\/mauritiussugar.mu\/data-privacy-policy\">Data Privacy Policy<\/a>\n    <span>|<\/span>\n    <a href=\"https:\/\/mauritiussugar.mu\/cookies-policy\">Cookies Policy<\/a>\n  <\/nav>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MSS Our History Who We Are Our Engagement Our Team The Land of Mauritian Sugar The Growers The Millers The Terroir Our Savoir Faire Our Products Our Clients Sustainability Payments to Producers Media &amp; News Contact Us Marketing Kit MSS Our History Who We Are Our Engagement Our Team The Land of Mauritian Sugar The [&hellip;]<\/p>\n","protected":false},"author":443,"featured_media":3353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","tve_updated_post":"","tve_custom_css":"","tve_user_custom_css":"","tve_globals":{},"tcb2_ready":0,"tcb_editor_enabled":0,"tve_landing_page":"","_tve_header":"","_tve_footer":""},"class_list":["post-3590","page","type-page","status-publish","has-post-thumbnail","hentry","post-wrapper","thrv_wrapper"],"acf":[],"_links":{"self":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages\/3590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/users\/443"}],"replies":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/comments?post=3590"}],"version-history":[{"count":41,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages\/3590\/revisions"}],"predecessor-version":[{"id":3653,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages\/3590\/revisions\/3653"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/media?parent=3590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}