{"id":31,"date":"2023-04-20T11:47:35","date_gmt":"2023-04-20T11:47:35","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/furniture2-elementor\/?page_id=31"},"modified":"2026-08-07T18:27:06","modified_gmt":"2026-08-07T18:27:06","slug":"about-us","status":"publish","type":"page","link":"https:\/\/mafasa.shivamdev.in\/?page_id=31","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-15989cd e-flex e-con-boxed e-con e-parent\" data-id=\"15989cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd1c16c elementor-widget elementor-widget-html\" data-id=\"fd1c16c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mafasa-about-hero\">\r\n\r\n    <div class=\"mafasa-about-overlay\"><\/div>\r\n\r\n    <div class=\"mafasa-about-hero-content\">\r\n\r\n        <span class=\"mafasa-about-kicker\">\r\n            THE HOUSE OF MAFASA\r\n        <\/span>\r\n\r\n        <h1>\r\n            The Art of<br>\r\n            <span>Presence<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"mafasa-about-line\"><\/div>\r\n\r\n        <p>\r\n            MAFASA was created for those who believe fragrance is more\r\n            than a scent. It is character, confidence, memory and the\r\n            quiet impression you leave behind.\r\n        <\/p>\r\n\r\n        <a href=\"#our-story\" class=\"mafasa-about-button\">\r\n            DISCOVER OUR STORY\r\n            <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"mafasa-about-scroll\">\r\n        <span><\/span>\r\n        SCROLL TO EXPLORE\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   MAFASA PREMIUM ABOUT HERO\r\n   ========================================= *\/\r\n\r\n.mafasa-about-hero {\r\n    position: relative;\r\n    width: 100vw;\r\n    min-height: 760px;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background-image: url(\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/08\/about_hero-.png\");\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n\r\n    color: #fff;\r\n\r\n    font-family: inherit;\r\n}\r\n\r\n\r\n\/* -----------------------------------------\r\n   LUXURY DARK OVERLAY\r\n   ----------------------------------------- *\/\r\n\r\n.mafasa-about-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,0.88) 0%,\r\n            rgba(0,0,0,0.72) 35%,\r\n            rgba(0,0,0,0.34) 68%,\r\n            rgba(0,0,0,0.55) 100%\r\n        );\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* subtle cinematic vignette *\/\r\n\r\n.mafasa-about-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 72% 50%,\r\n            transparent 15%,\r\n            rgba(0,0,0,0.20) 55%,\r\n            rgba(0,0,0,0.62) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* -----------------------------------------\r\n   CONTENT\r\n   ----------------------------------------- *\/\r\n\r\n.mafasa-about-hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: min(650px, 90%);\r\n\r\n    margin-left: clamp(30px, 9vw, 150px);\r\n\r\n    padding: 80px 0;\r\n}\r\n\r\n\r\n\/* small luxury label *\/\r\n\r\n.mafasa-about-kicker {\r\n    display: block;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    color: #d1ad70;\r\n\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* heading *\/\r\n\r\n.mafasa-about-hero h1 {\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-family: inherit;\r\n    font-size: clamp(52px, 6vw, 92px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n\/* gold emphasis *\/\r\n\r\n.mafasa-about-hero h1 span {\r\n    color: #d2ad6b;\r\n}\r\n\r\n\r\n\/* decorative line *\/\r\n\r\n.mafasa-about-line {\r\n    width: 65px;\r\n    height: 1px;\r\n\r\n    margin: 34px 0 30px;\r\n\r\n    background: #d2ad6b;\r\n}\r\n\r\n\r\n\/* paragraph *\/\r\n\r\n.mafasa-about-hero p {\r\n    width: min(520px, 100%);\r\n\r\n    margin: 0 0 38px;\r\n\r\n    color: rgba(255,255,255,0.78);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* -----------------------------------------\r\n   BUTTON\r\n   ----------------------------------------- *\/\r\n\r\n.mafasa-about-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 26px;\r\n\r\n    padding: 16px 23px;\r\n\r\n    border: 1px solid rgba(210,173,107,0.75);\r\n\r\n    color: #fff !important;\r\n\r\n    background: rgba(0,0,0,0.18);\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: inherit;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        border-color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.mafasa-about-button span {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.mafasa-about-button:hover {\r\n    background: #d2ad6b;\r\n    border-color: #d2ad6b;\r\n\r\n    color: #080808 !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.mafasa-about-button:hover span {\r\n    transform: translateX(6px);\r\n}\r\n\r\n\r\n\/* -----------------------------------------\r\n   SCROLL INDICATOR\r\n   ----------------------------------------- *\/\r\n\r\n.mafasa-about-scroll {\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    right: 38px;\r\n    bottom: 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    color: rgba(255,255,255,0.55);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 9px;\r\n    letter-spacing: 2.5px;\r\n\r\n    writing-mode: vertical-rl;\r\n}\r\n\r\n.mafasa-about-scroll span {\r\n    width: 1px;\r\n    height: 45px;\r\n\r\n    background: linear-gradient(\r\n        to bottom,\r\n        #d2ad6b,\r\n        transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LARGE TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .mafasa-about-hero {\r\n        min-height: 680px;\r\n    }\r\n\r\n    .mafasa-about-hero-content {\r\n        margin-left: 7vw;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mafasa-about-hero {\r\n\r\n        min-height: 680px;\r\n\r\n        align-items: flex-end;\r\n\r\n        background-position: center center;\r\n    }\r\n\r\n\r\n    .mafasa-about-overlay {\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(0,0,0,0.25) 0%,\r\n                rgba(0,0,0,0.50) 35%,\r\n                rgba(0,0,0,0.91) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .mafasa-about-hero::after {\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                transparent 30%,\r\n                rgba(0,0,0,0.45) 70%,\r\n                rgba(0,0,0,0.75) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .mafasa-about-hero-content {\r\n\r\n        width: calc(100% - 50px);\r\n\r\n        margin: 0 auto;\r\n\r\n        padding: 70px 0 75px;\r\n    }\r\n\r\n\r\n    .mafasa-about-kicker {\r\n\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 9px;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n\r\n    .mafasa-about-hero h1 {\r\n\r\n        font-size: clamp(48px, 13vw, 68px);\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    .mafasa-about-line {\r\n\r\n        margin: 25px 0;\r\n    }\r\n\r\n\r\n    .mafasa-about-hero p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n\r\n    .mafasa-about-scroll {\r\n        display: none;\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: 480px) {\r\n\r\n    .mafasa-about-hero {\r\n\r\n        min-height: 620px;\r\n\r\n        background-position: 58% center;\r\n    }\r\n\r\n\r\n    .mafasa-about-hero-content {\r\n\r\n        width: calc(100% - 40px);\r\n\r\n        padding-bottom: 55px;\r\n    }\r\n\r\n\r\n    .mafasa-about-hero h1 {\r\n\r\n        font-size: 46px;\r\n\r\n        line-height: 1;\r\n    }\r\n\r\n\r\n    .mafasa-about-hero p {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.75;\r\n    }\r\n\r\n\r\n    .mafasa-about-button {\r\n\r\n        padding: 15px 19px;\r\n\r\n        gap: 18px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-c674ef2 e-flex e-con-boxed e-con e-parent\" data-id=\"c674ef2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91dd012 elementor-widget elementor-widget-html\" data-id=\"91dd012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mafasa-about-story\">\r\n\r\n    <div class=\"mafasa-story-inner\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"mafasa-story-copy\">\r\n\r\n            <span class=\"mafasa-story-label\">\r\n                N\u00b0 01 \u2014 OUR STORY\r\n            <\/span>\r\n\r\n            <h2>\r\n                Born from restraint.<br>\r\n                <em>Made to be remembered.<\/em>\r\n            <\/h2>\r\n\r\n            <div class=\"mafasa-story-rule\"><\/div>\r\n\r\n            <p class=\"mafasa-story-lead\">\r\n                MAFASA began with a simple belief: fragrance should feel\r\n                like a second skin, not a statement shouted from across\r\n                the room.\r\n            <\/p>\r\n\r\n            <p class=\"mafasa-story-text\">\r\n                Every fragrance is created around character, balance and\r\n                presence. From the first note to the final dry down,\r\n                each composition is designed to evolve naturally on skin\r\n                and become part of the person wearing it.\r\n            <\/p>\r\n\r\n            <a href=\"\/shop\/\" class=\"mafasa-story-link\">\r\n                EXPLORE THE COLLECTION\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT IMAGE -->\r\n        <div class=\"mafasa-story-visual\">\r\n\r\n            <div class=\"mafasa-story-image-frame\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/08\/about_hero-.png\"\r\n                    alt=\"MAFASA fragrance\">\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mafasa-story-image-meta\">\r\n                <span>MAFASA<\/span>\r\n                <span>EST. 2026<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- STATS -->\r\n    <div class=\"mafasa-story-stats\">\r\n\r\n        <div class=\"mafasa-story-stat\">\r\n            <strong>10<\/strong>\r\n            <span>SIGNATURE SCENTS<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mafasa-story-stat\">\r\n            <strong>100 ML<\/strong>\r\n            <span>FULL SIZE BOTTLE<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mafasa-story-stat\">\r\n            <strong>EDP<\/strong>\r\n            <span>EAU DE PARFUM<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mafasa-story-stat\">\r\n            <strong>2026<\/strong>\r\n            <span>THE HOUSE OF MAFASA<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   MAFASA \u2014 ABOUT STORY\r\n   ========================================= *\/\r\n\r\n.mafasa-about-story {\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: #f5f2ec;\r\n\r\n    color: #111;\r\n\r\n    font-family: inherit;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN GRID\r\n   ========================================= *\/\r\n\r\n.mafasa-story-inner {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 0 auto;\r\n\r\n    min-height: 720px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n\r\n    gap: clamp(60px, 9vw, 150px);\r\n\r\n    align-items: center;\r\n\r\n    padding: 110px 0 95px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n   ========================================= *\/\r\n\r\n.mafasa-story-copy {\r\n\r\n    max-width: 570px;\r\n\r\n    padding-left: clamp(0px, 2vw, 35px);\r\n}\r\n\r\n\r\n.mafasa-story-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 30px;\r\n\r\n    color: #9d7b47;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.mafasa-story-copy h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #151515;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: clamp(42px, 4.4vw, 68px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n.mafasa-story-copy h2 em {\r\n\r\n    color: #8c6d42;\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.mafasa-story-rule {\r\n\r\n    width: 55px;\r\n\r\n    height: 1px;\r\n\r\n    margin: 34px 0 30px;\r\n\r\n    background: #b29363;\r\n}\r\n\r\n\r\n.mafasa-story-lead {\r\n\r\n    max-width: 530px;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: #333;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.8;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n.mafasa-story-text {\r\n\r\n    max-width: 500px;\r\n\r\n    margin: 0 0 38px;\r\n\r\n    color: #77736c;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.9;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LINK\r\n   ========================================= *\/\r\n\r\n.mafasa-story-link {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 22px;\r\n\r\n    color: #171717 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    border-bottom: 1px solid #b29363;\r\n\r\n    padding-bottom: 10px;\r\n\r\n    transition: all .35s ease;\r\n}\r\n\r\n\r\n.mafasa-story-link span {\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n\r\n.mafasa-story-link:hover {\r\n\r\n    color: #9d7b47 !important;\r\n}\r\n\r\n\r\n.mafasa-story-link:hover span {\r\n\r\n    transform: translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n   ========================================= *\/\r\n\r\n.mafasa-story-visual {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 620px;\r\n\r\n    justify-self: end;\r\n}\r\n\r\n\r\n.mafasa-story-image-frame {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 590px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ddd7cd;\r\n}\r\n\r\n\r\n.mafasa-story-image-frame::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,0.02),\r\n            rgba(0,0,0,0.18)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.mafasa-story-image-frame img {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transition: transform 1.2s cubic-bezier(.2,.6,.2,1);\r\n}\r\n\r\n\r\n.mafasa-story-visual:hover\r\n.mafasa-story-image-frame img {\r\n\r\n    transform: scale(1.025);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE META\r\n   ========================================= *\/\r\n\r\n.mafasa-story-image-meta {\r\n\r\n    position: absolute;\r\n\r\n    right: -1px;\r\n\r\n    bottom: -1px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n    padding: 15px 20px;\r\n\r\n    background: #f5f2ec;\r\n\r\n    color: #777;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.mafasa-story-image-meta span:first-child {\r\n\r\n    color: #151515;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STATS\r\n   ========================================= *\/\r\n\r\n.mafasa-story-stats {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    border-top: 1px solid #d8d1c5;\r\n\r\n}\r\n\r\n\r\n.mafasa-story-stat {\r\n\r\n    min-height: 125px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 20px 35px;\r\n\r\n    border-right: 1px solid #d8d1c5;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.mafasa-story-stat:first-child {\r\n\r\n    padding-left: 0;\r\n}\r\n\r\n\r\n.mafasa-story-stat:last-child {\r\n\r\n    border-right: 0;\r\n}\r\n\r\n\r\n.mafasa-story-stat strong {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #1a1a1a;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 25px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n\r\n.mafasa-story-stat span {\r\n\r\n    color: #969087;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .mafasa-story-inner {\r\n\r\n        width: 90%;\r\n\r\n        gap: 50px;\r\n\r\n        padding: 85px 0;\r\n    }\r\n\r\n\r\n    .mafasa-story-image-frame {\r\n\r\n        height: 520px;\r\n    }\r\n\r\n\r\n    .mafasa-story-copy h2 {\r\n\r\n        font-size: 48px;\r\n    }\r\n\r\n\r\n    .mafasa-story-stats {\r\n\r\n        width: 90%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mafasa-story-inner {\r\n\r\n        width: 100%;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 55px;\r\n\r\n        padding: 70px 25px 65px;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .mafasa-story-copy {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    .mafasa-story-label {\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n\r\n    .mafasa-story-copy h2 {\r\n\r\n        font-size: clamp(40px, 12vw, 54px);\r\n\r\n        line-height: 1.02;\r\n\r\n        letter-spacing: -1.3px;\r\n    }\r\n\r\n\r\n    .mafasa-story-rule {\r\n\r\n        margin: 27px 0 25px;\r\n    }\r\n\r\n\r\n    .mafasa-story-lead {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.8;\r\n    }\r\n\r\n\r\n    .mafasa-story-text {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.8;\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .mafasa-story-visual {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n    }\r\n\r\n\r\n    .mafasa-story-image-frame {\r\n\r\n        height: 500px;\r\n    }\r\n\r\n\r\n    .mafasa-story-image-meta {\r\n\r\n        padding: 12px 15px;\r\n\r\n        gap: 15px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .mafasa-story-stats {\r\n\r\n        width: 100%;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        border-top: 1px solid #d8d1c5;\r\n    }\r\n\r\n\r\n    .mafasa-story-stat {\r\n\r\n        min-height: 105px;\r\n\r\n        padding: 20px;\r\n\r\n        border-right: 1px solid #d8d1c5;\r\n\r\n        border-bottom: 1px solid #d8d1c5;\r\n    }\r\n\r\n\r\n    .mafasa-story-stat:first-child {\r\n\r\n        padding-left: 20px;\r\n    }\r\n\r\n\r\n    .mafasa-story-stat:nth-child(2) {\r\n\r\n        border-right: 0;\r\n    }\r\n\r\n\r\n    .mafasa-story-stat:nth-child(3) {\r\n\r\n        border-right: 1px solid #d8d1c5;\r\n    }\r\n\r\n\r\n    .mafasa-story-stat:nth-child(4) {\r\n\r\n        border-right: 0;\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: 420px) {\r\n\r\n    .mafasa-story-inner {\r\n\r\n        padding-left: 20px;\r\n\r\n        padding-right: 20px;\r\n    }\r\n\r\n\r\n    .mafasa-story-image-frame {\r\n\r\n        height: 430px;\r\n    }\r\n\r\n\r\n    .mafasa-story-copy h2 {\r\n\r\n        font-size: 39px;\r\n    }\r\n\r\n\r\n    .mafasa-story-stat strong {\r\n\r\n        font-size: 21px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-f29fa17 e-flex e-con-boxed e-con e-parent\" data-id=\"f29fa17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40e8dc7 elementor-widget elementor-widget-html\" data-id=\"40e8dc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mafasa-philosophy\">\r\n\r\n    <div class=\"mafasa-philosophy-inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"mafasa-philosophy-header\">\r\n\r\n            <div class=\"mafasa-philosophy-label\">\r\n                THE MAFASA PHILOSOPHY\r\n            <\/div>\r\n\r\n            <h2>\r\n                Less noise.<br>\r\n                <span>More presence.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                We believe the finest fragrances don't need to announce\r\n                themselves. They evolve quietly, settle naturally, and\r\n                become part of the person wearing them.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PHILOSOPHY ITEMS -->\r\n        <div class=\"mafasa-philosophy-grid\">\r\n\r\n            <!-- 01 -->\r\n            <div class=\"mafasa-philosophy-item\">\r\n\r\n                <div class=\"mafasa-philosophy-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"mafasa-philosophy-content\">\r\n\r\n                    <span>THE ART OF CREATION<\/span>\r\n\r\n                    <h3>Craft<\/h3>\r\n\r\n                    <p>\r\n                        Thoughtfully composed fragrances built around\r\n                        balance, depth and character. Every note has\r\n                        a reason to be there.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mafasa-philosophy-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 02 -->\r\n            <div class=\"mafasa-philosophy-item\">\r\n\r\n                <div class=\"mafasa-philosophy-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"mafasa-philosophy-content\">\r\n\r\n                    <span>THE ART OF IDENTITY<\/span>\r\n\r\n                    <h3>Character<\/h3>\r\n\r\n                    <p>\r\n                        Distinctive scent profiles designed to complement\r\n                        your individual presence, never overpower it.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mafasa-philosophy-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 03 -->\r\n            <div class=\"mafasa-philosophy-item\">\r\n\r\n                <div class=\"mafasa-philosophy-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"mafasa-philosophy-content\">\r\n\r\n                    <span>THE ART OF MEMORY<\/span>\r\n\r\n                    <h3>Lasting Impression<\/h3>\r\n\r\n                    <p>\r\n                        Fragrances created to evolve beautifully from\r\n                        the first spray to the final dry down.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mafasa-philosophy-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM STATEMENT -->\r\n        <div class=\"mafasa-philosophy-bottom\">\r\n\r\n            <span>\r\n                MAFASA \/ THE HOUSE OF FRAGRANCE\r\n            <\/span>\r\n\r\n            <span>\r\n                EST. 2026\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   MAFASA PHILOSOPHY\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy {\r\n\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: #090909;\r\n\r\n    color: #fff;\r\n\r\n    font-family: inherit;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-inner {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 125px 0 55px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 0.65fr 1.5fr 1fr;\r\n\r\n    gap: 50px;\r\n\r\n    align-items: end;\r\n\r\n    padding-bottom: 95px;\r\n\r\n    border-bottom: 1px solid #292929;\r\n}\r\n\r\n\r\n.mafasa-philosophy-label {\r\n\r\n    align-self: start;\r\n\r\n    padding-top: 12px;\r\n\r\n    color: #c6a36b;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.mafasa-philosophy-header h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #f5f3ee;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: clamp(48px, 5.2vw, 78px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n.mafasa-philosophy-header h2 span {\r\n\r\n    color: #c6a36b;\r\n}\r\n\r\n\r\n.mafasa-philosophy-header p {\r\n\r\n    max-width: 390px;\r\n\r\n    margin: 0;\r\n\r\n    color: #858585;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    margin-top: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ITEM\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-item {\r\n\r\n    position: relative;\r\n\r\n    min-height: 390px;\r\n\r\n    padding: 48px 45px 45px 0;\r\n\r\n    border-right: 1px solid #292929;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition:\r\n        background .4s ease,\r\n        padding .4s ease;\r\n}\r\n\r\n\r\n.mafasa-philosophy-item + .mafasa-philosophy-item {\r\n\r\n    padding-left: 45px;\r\n}\r\n\r\n\r\n.mafasa-philosophy-item:last-child {\r\n\r\n    border-right: 0;\r\n\r\n    padding-right: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NUMBER\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-number {\r\n\r\n    color: #c6a36b;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 12px;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    margin-bottom: 75px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-content span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #666;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n.mafasa-philosophy-content h3 {\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: #f4f2ed;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 30px;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n\r\n.mafasa-philosophy-content p {\r\n\r\n    max-width: 320px;\r\n\r\n    margin: 0;\r\n\r\n    color: #858585;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PLUS\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-arrow {\r\n\r\n    position: absolute;\r\n\r\n    right: 35px;\r\n\r\n    bottom: 42px;\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border: 1px solid #353535;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #c6a36b;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 300;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.mafasa-philosophy-item:hover\r\n.mafasa-philosophy-arrow {\r\n\r\n    background: #c6a36b;\r\n\r\n    color: #090909;\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM\r\n   ========================================= *\/\r\n\r\n.mafasa-philosophy-bottom {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: center;\r\n\r\n    padding-top: 27px;\r\n\r\n    border-top: 1px solid #292929;\r\n\r\n    color: #555;\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .mafasa-philosophy-inner {\r\n\r\n        width: 90%;\r\n\r\n        padding-top: 95px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-header {\r\n\r\n        grid-template-columns: 0.6fr 1.4fr;\r\n\r\n        gap: 35px;\r\n\r\n        padding-bottom: 70px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-header p {\r\n\r\n        grid-column: 2;\r\n\r\n        margin-top: -20px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item {\r\n\r\n        min-height: 380px;\r\n\r\n        padding-right: 30px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item + .mafasa-philosophy-item {\r\n\r\n        padding-left: 30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mafasa-philosophy-inner {\r\n\r\n        width: 100%;\r\n\r\n        padding: 75px 25px 40px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-header {\r\n\r\n        display: block;\r\n\r\n        padding-bottom: 55px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-label {\r\n\r\n        margin-bottom: 25px;\r\n\r\n        padding-top: 0;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-header h2 {\r\n\r\n        font-size: clamp(45px, 13vw, 62px);\r\n\r\n        letter-spacing: -1.8px;\r\n\r\n        line-height: 1;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-header p {\r\n\r\n        margin-top: 30px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.85;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-grid {\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item {\r\n\r\n        min-height: auto;\r\n\r\n        padding: 38px 45px 45px 0;\r\n\r\n        border-right: 0;\r\n\r\n        border-bottom: 1px solid #292929;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item + .mafasa-philosophy-item {\r\n\r\n        padding-left: 0;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item:last-child {\r\n\r\n        padding-right: 45px;\r\n\r\n        border-bottom: 0;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-number {\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-content h3 {\r\n\r\n        font-size: 28px;\r\n\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-content p {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.8;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-arrow {\r\n\r\n        right: 5px;\r\n\r\n        bottom: 42px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-bottom {\r\n\r\n        padding-top: 25px;\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 1.8px;\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: 420px) {\r\n\r\n    .mafasa-philosophy-inner {\r\n\r\n        padding-left: 20px;\r\n\r\n        padding-right: 20px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-header h2 {\r\n\r\n        font-size: 44px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item {\r\n\r\n        padding-right: 40px;\r\n    }\r\n\r\n\r\n    .mafasa-philosophy-item:last-child {\r\n\r\n        padding-right: 40px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-8af5121 e-flex e-con-boxed e-con e-parent\" data-id=\"8af5121\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d34906 elementor-widget elementor-widget-html\" data-id=\"2d34906\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mafasa-ingredients\">\r\n\r\n    <div class=\"mafasa-ingredients-inner\">\r\n\r\n        <!-- LEFT VISUAL -->\r\n        <div class=\"mafasa-ingredients-visual\">\r\n\r\n            <div class=\"mafasa-ingredients-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/08\/about_hero-.png\"\r\n                    alt=\"MAFASA fragrance ingredients\">\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mafasa-ingredients-caption\">\r\n                <span>THE MAFASA PALETTE<\/span>\r\n                <span>01 \u2014 05<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT CONTENT -->\r\n        <div class=\"mafasa-ingredients-content\">\r\n\r\n            <span class=\"mafasa-ingredients-label\">\r\n                THE ART OF INGREDIENTS\r\n            <\/span>\r\n\r\n            <h2>\r\n                Every note<br>\r\n                <em>has a purpose.<\/em>\r\n            <\/h2>\r\n\r\n            <div class=\"mafasa-ingredients-line\"><\/div>\r\n\r\n            <p class=\"mafasa-ingredients-intro\">\r\n                From luminous citrus and fresh aquatic accords to delicate\r\n                florals, refined woods and warm amber, MAFASA fragrances\r\n                are built around carefully balanced scent profiles.\r\n            <\/p>\r\n\r\n\r\n            <!-- INGREDIENT LIST -->\r\n\r\n            <div class=\"mafasa-note-list\">\r\n\r\n                <div class=\"mafasa-note\">\r\n\r\n                    <span class=\"mafasa-note-number\">01<\/span>\r\n\r\n                    <div class=\"mafasa-note-name\">\r\n                        <strong>CITRUS<\/strong>\r\n                        <small>Bright \/ Energising<\/small>\r\n                    <\/div>\r\n\r\n                    <span class=\"mafasa-note-arrow\">\u2197<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mafasa-note\">\r\n\r\n                    <span class=\"mafasa-note-number\">02<\/span>\r\n\r\n                    <div class=\"mafasa-note-name\">\r\n                        <strong>FLORAL<\/strong>\r\n                        <small>Soft \/ Elegant<\/small>\r\n                    <\/div>\r\n\r\n                    <span class=\"mafasa-note-arrow\">\u2197<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mafasa-note\">\r\n\r\n                    <span class=\"mafasa-note-number\">03<\/span>\r\n\r\n                    <div class=\"mafasa-note-name\">\r\n                        <strong>WOODY<\/strong>\r\n                        <small>Warm \/ Refined<\/small>\r\n                    <\/div>\r\n\r\n                    <span class=\"mafasa-note-arrow\">\u2197<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mafasa-note\">\r\n\r\n                    <span class=\"mafasa-note-number\">04<\/span>\r\n\r\n                    <div class=\"mafasa-note-name\">\r\n                        <strong>AQUATIC<\/strong>\r\n                        <small>Clean \/ Refreshing<\/small>\r\n                    <\/div>\r\n\r\n                    <span class=\"mafasa-note-arrow\">\u2197<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mafasa-note\">\r\n\r\n                    <span class=\"mafasa-note-number\">05<\/span>\r\n\r\n                    <div class=\"mafasa-note-name\">\r\n                        <strong>AMBER<\/strong>\r\n                        <small>Rich \/ Sensual<\/small>\r\n                    <\/div>\r\n\r\n                    <span class=\"mafasa-note-arrow\">\u2197<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM STATEMENT -->\r\n\r\n    <div class=\"mafasa-ingredients-bottom\">\r\n\r\n        <span>CRAFTED WITH INTENTION<\/span>\r\n\r\n        <div class=\"mafasa-bottom-line\"><\/div>\r\n\r\n        <span>MAFASA \/ 2026<\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   MAFASA \u2014 ART OF INGREDIENTS\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients {\r\n\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: #f5f2ec;\r\n\r\n    color: #151515;\r\n\r\n    font-family: inherit;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-inner {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    min-height: 760px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 110px 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n\r\n    gap: clamp(60px, 9vw, 145px);\r\n\r\n    align-items: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-visual {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 650px;\r\n}\r\n\r\n\r\n.mafasa-ingredients-image {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 610px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ded8ce;\r\n}\r\n\r\n\r\n.mafasa-ingredients-image::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,0.02),\r\n            rgba(0,0,0,0.18)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.mafasa-ingredients-image img {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform 1.2s cubic-bezier(.2,.6,.2,1);\r\n}\r\n\r\n\r\n.mafasa-ingredients-visual:hover\r\n.mafasa-ingredients-image img {\r\n\r\n    transform: scale(1.025);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE CAPTION\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-caption {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    bottom: 0;\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n\r\n    padding: 16px 20px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: rgba(245,242,236,0.94);\r\n\r\n    color: #77736c;\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 2.2px;\r\n}\r\n\r\n\r\n.mafasa-ingredients-caption span:first-child {\r\n\r\n    color: #191919;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 560px;\r\n}\r\n\r\n\r\n.mafasa-ingredients-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    color: #9b7846;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\r\n.mafasa-ingredients-content h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #171717;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: clamp(50px, 5vw, 76px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n.mafasa-ingredients-content h2 em {\r\n\r\n    color: #9b7846;\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GOLD LINE\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-line {\r\n\r\n    width: 55px;\r\n\r\n    height: 1px;\r\n\r\n    margin: 32px 0 28px;\r\n\r\n    background: #b29363;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INTRO\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-intro {\r\n\r\n    max-width: 510px;\r\n\r\n    margin: 0 0 42px;\r\n\r\n    color: #77736c;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NOTES\r\n   ========================================= *\/\r\n\r\n.mafasa-note-list {\r\n\r\n    width: 100%;\r\n\r\n    border-top: 1px solid #d5cec2;\r\n}\r\n\r\n\r\n.mafasa-note {\r\n\r\n    position: relative;\r\n\r\n    min-height: 70px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 55px 1fr 30px;\r\n\r\n    align-items: center;\r\n\r\n    border-bottom: 1px solid #d5cec2;\r\n\r\n    transition:\r\n        padding .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n\r\n.mafasa-note:hover {\r\n\r\n    padding-left: 10px;\r\n\r\n    background: rgba(255,255,255,0.35);\r\n}\r\n\r\n\r\n\/* number *\/\r\n\r\n.mafasa-note-number {\r\n\r\n    color: #a38a64;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n\/* name *\/\r\n\r\n.mafasa-note-name {\r\n\r\n    display: flex;\r\n\r\n    align-items: baseline;\r\n\r\n    gap: 15px;\r\n}\r\n\r\n\r\n.mafasa-note-name strong {\r\n\r\n    color: #202020;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.mafasa-note-name small {\r\n\r\n    color: #99938a;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* arrow *\/\r\n\r\n.mafasa-note-arrow {\r\n\r\n    color: #9b7846;\r\n\r\n    font-size: 16px;\r\n\r\n    opacity: .65;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        opacity .35s ease;\r\n}\r\n\r\n\r\n.mafasa-note:hover\r\n.mafasa-note-arrow {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translate(4px,-3px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM\r\n   ========================================= *\/\r\n\r\n.mafasa-ingredients-bottom {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 0 28px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n    color: #999289;\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n.mafasa-bottom-line {\r\n\r\n    flex: 1;\r\n\r\n    height: 1px;\r\n\r\n    background: #d5cec2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .mafasa-ingredients-inner {\r\n\r\n        width: 90%;\r\n\r\n        gap: 55px;\r\n\r\n        padding: 90px 0;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-image {\r\n\r\n        height: 540px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-content h2 {\r\n\r\n        font-size: 52px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-bottom {\r\n\r\n        width: 90%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mafasa-ingredients-inner {\r\n\r\n        width: 100%;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 60px;\r\n\r\n        padding: 75px 25px 55px;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-visual {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n\r\n        order: 1;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n\r\n        order: 2;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-image {\r\n\r\n        height: 470px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-label {\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-content h2 {\r\n\r\n        font-size: clamp(44px, 12vw, 60px);\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-line {\r\n\r\n        margin: 27px 0;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-intro {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.85;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n\r\n    .mafasa-note {\r\n\r\n        min-height: 68px;\r\n\r\n        grid-template-columns: 40px 1fr 25px;\r\n    }\r\n\r\n\r\n    .mafasa-note-name {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 4px;\r\n    }\r\n\r\n\r\n    .mafasa-note-name strong {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .mafasa-note-name small {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-bottom {\r\n\r\n        width: calc(100% - 50px);\r\n\r\n        margin: 0 auto;\r\n\r\n        padding-bottom: 25px;\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 1.8px;\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: 420px) {\r\n\r\n    .mafasa-ingredients-inner {\r\n\r\n        padding-left: 20px;\r\n\r\n        padding-right: 20px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-image {\r\n\r\n        height: 410px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-content h2 {\r\n\r\n        font-size: 43px;\r\n    }\r\n\r\n\r\n    .mafasa-note-name small {\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .mafasa-ingredients-bottom {\r\n\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-227b829 e-flex e-con-boxed e-con e-parent\" data-id=\"227b829\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9af5c0 elementor-widget elementor-widget-html\" data-id=\"b9af5c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mafasa-families\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"mafasa-families-head\">\r\n\r\n        <div class=\"mafasa-families-title\">\r\n\r\n            <span class=\"mafasa-families-eyebrow\">\r\n                FIND YOUR SIGNATURE\r\n            <\/span>\r\n\r\n            <h2>\r\n                Fragrance<br>\r\n                <em>Families<\/em>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mafasa-families-intro\">\r\n            <p>\r\n                Explore the world of MAFASA through five distinctive\r\n                fragrance families. Find the character that feels\r\n                unmistakably yours.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- GRID -->\r\n    <div class=\"mafasa-family-grid\">\r\n\r\n\r\n        <!-- AQUATIC -->\r\n        <a\r\n            href=\"\/product-attribute\/fragrance-notes\/aquatic\/\"\r\n            class=\"mafasa-family mafasa-family-aquatic\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/07\/Aquatic.png\"\r\n                alt=\"Aquatic fragrance family\"\r\n            >\r\n\r\n            <div class=\"mafasa-family-overlay\"><\/div>\r\n\r\n            <div class=\"mafasa-family-content\">\r\n\r\n                <span class=\"mafasa-family-number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <div>\r\n                    <span class=\"mafasa-family-label\">\r\n                        FRAGRANCE NOTE\r\n                    <\/span>\r\n\r\n                    <h3>Aquatic<\/h3>\r\n\r\n                    <p>\r\n                        Clean \/ Refreshing\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"mafasa-family-arrow\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- FLORAL -->\r\n        <a\r\n            href=\"\/product-attribute\/fragrance-notes\/floral\/\"\r\n            class=\"mafasa-family mafasa-family-floral\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/07\/Floral.png\"\r\n                alt=\"Floral fragrance family\"\r\n            >\r\n\r\n            <div class=\"mafasa-family-overlay\"><\/div>\r\n\r\n            <div class=\"mafasa-family-content\">\r\n\r\n                <span class=\"mafasa-family-number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <div>\r\n                    <span class=\"mafasa-family-label\">\r\n                        FRAGRANCE NOTE\r\n                    <\/span>\r\n\r\n                    <h3>Floral<\/h3>\r\n\r\n                    <p>\r\n                        Soft \/ Elegant\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"mafasa-family-arrow\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- FRESH -->\r\n        <a\r\n            href=\"\/product-attribute\/fragrance-notes\/fresh\/\"\r\n            class=\"mafasa-family mafasa-family-fresh\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/07\/Fresh.png\"\r\n                alt=\"Fresh fragrance family\"\r\n            >\r\n\r\n            <div class=\"mafasa-family-overlay\"><\/div>\r\n\r\n            <div class=\"mafasa-family-content\">\r\n\r\n                <span class=\"mafasa-family-number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <div>\r\n                    <span class=\"mafasa-family-label\">\r\n                        FRAGRANCE NOTE\r\n                    <\/span>\r\n\r\n                    <h3>Fresh<\/h3>\r\n\r\n                    <p>\r\n                        Crisp \/ Airy\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"mafasa-family-arrow\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- WOODY -->\r\n        <a\r\n            href=\"\/product-attribute\/fragrance-notes\/woody\/\"\r\n            class=\"mafasa-family mafasa-family-woody\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/07\/Woody.png\"\r\n                alt=\"Woody fragrance family\"\r\n            >\r\n\r\n            <div class=\"mafasa-family-overlay\"><\/div>\r\n\r\n            <div class=\"mafasa-family-content\">\r\n\r\n                <span class=\"mafasa-family-number\">\r\n                    04\r\n                <\/span>\r\n\r\n                <div>\r\n                    <span class=\"mafasa-family-label\">\r\n                        FRAGRANCE NOTE\r\n                    <\/span>\r\n\r\n                    <h3>Woody<\/h3>\r\n\r\n                    <p>\r\n                        Warm \/ Refined\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"mafasa-family-arrow\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ORIENTAL -->\r\n        <a\r\n            href=\"\/product-attribute\/fragrance-notes\/oriental\/\"\r\n            class=\"mafasa-family mafasa-family-oriental\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/mafasa.shivamdev.in\/wp-content\/uploads\/2026\/07\/Oriental.png\"\r\n                alt=\"Oriental fragrance family\"\r\n            >\r\n\r\n            <div class=\"mafasa-family-overlay\"><\/div>\r\n\r\n            <div class=\"mafasa-family-content\">\r\n\r\n                <span class=\"mafasa-family-number\">\r\n                    05\r\n                <\/span>\r\n\r\n                <div>\r\n                    <span class=\"mafasa-family-label\">\r\n                        FRAGRANCE NOTE\r\n                    <\/span>\r\n\r\n                    <h3>Oriental<\/h3>\r\n\r\n                    <p>\r\n                        Rich \/ Sensual\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"mafasa-family-arrow\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FOOTER -->\r\n    <div class=\"mafasa-families-footer\">\r\n\r\n        <span>\r\n            EXPLORE THE WORLD OF MAFASA\r\n        <\/span>\r\n\r\n        <div class=\"mafasa-footer-line\"><\/div>\r\n\r\n        <span>\r\n            05 SIGNATURE FAMILIES\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   MAFASA FRAGRANCE FAMILIES\r\n   ========================================================= *\/\r\n\r\n.mafasa-families {\r\n\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    padding: 65px 0 25px;\r\n\r\n    background: #090909;\r\n\r\n    color: #fff;\r\n\r\n    font-family: inherit;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.mafasa-families-head {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 0 auto 35px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 50px;\r\n}\r\n\r\n\r\n.mafasa-families-eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #c6a36b;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\r\n.mafasa-families-title h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: clamp(38px, 4vw, 60px);\r\n\r\n    line-height: .95;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n.mafasa-families-title h2 em {\r\n\r\n    color: #c6a36b;\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.mafasa-families-intro {\r\n\r\n    max-width: 370px;\r\n}\r\n\r\n\r\n.mafasa-families-intro p {\r\n\r\n    margin: 0;\r\n\r\n    color: #858585;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.7;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.mafasa-family-grid {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    grid-template-rows: 1fr 1fr;\r\n\r\n    gap: 7px;\r\n\r\n    height: 600px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POSITIONS\r\n   ========================================================= *\/\r\n\r\n.mafasa-family-aquatic {\r\n\r\n    grid-column: 1;\r\n\r\n    grid-row: 1;\r\n}\r\n\r\n\r\n.mafasa-family-floral {\r\n\r\n    grid-column: 1;\r\n\r\n    grid-row: 2;\r\n}\r\n\r\n\r\n.mafasa-family-fresh {\r\n\r\n    grid-column: 2;\r\n\r\n    grid-row: 1;\r\n}\r\n\r\n\r\n.mafasa-family-woody {\r\n\r\n    grid-column: 2;\r\n\r\n    grid-row: 2;\r\n}\r\n\r\n\r\n.mafasa-family-oriental {\r\n\r\n    grid-column: 3;\r\n\r\n    grid-row: 1 \/ 3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.mafasa-family {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #111;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   IMPORTANT:\r\n   CONTAIN = COMPLETE 1030x1526 IMAGE VISIBLE\r\n   ========================================================= *\/\r\n\r\n.mafasa-family img {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: contain;\r\n\r\n    object-position: center center;\r\n\r\n    background: #111;\r\n\r\n    transition:\r\n        transform .8s cubic-bezier(.2,.6,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE HOVER\r\n   ========================================================= *\/\r\n\r\n.mafasa-family:hover img {\r\n\r\n    transform: scale(1.025);\r\n\r\n    filter: brightness(1.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRADIENT\r\n   ========================================================= *\/\r\n\r\n.mafasa-family-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0,0,0,0) 35%,\r\n            rgba(0,0,0,.12) 55%,\r\n            rgba(0,0,0,.90) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.mafasa-family-content {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    z-index: 3;\r\n\r\n    padding: 17px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 24px 1fr 28px;\r\n\r\n    align-items: end;\r\n\r\n    gap: 8px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.mafasa-family-number {\r\n\r\n    align-self: start;\r\n\r\n    color: #c6a36b;\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.mafasa-family-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: rgba(255,255,255,.58);\r\n\r\n    font-size: 7px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.8px;\r\n}\r\n\r\n\r\n.mafasa-family-content h3 {\r\n\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: clamp(22px, 2.3vw, 34px);\r\n\r\n    line-height: .95;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n.mafasa-family-content p {\r\n\r\n    margin: 5px 0 0;\r\n\r\n    color: rgba(255,255,255,.68);\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n   ========================================================= *\/\r\n\r\n.mafasa-family-arrow {\r\n\r\n    width: 28px;\r\n\r\n    height: 28px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255,255,255,.45);\r\n\r\n    color: #fff;\r\n\r\n    font-size: 12px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.mafasa-family:hover .mafasa-family-arrow {\r\n\r\n    background: #c6a36b;\r\n\r\n    border-color: #c6a36b;\r\n\r\n    color: #090909;\r\n\r\n    transform: translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.mafasa-families-footer {\r\n\r\n    width: min(1380px, 88%);\r\n\r\n    margin: 17px auto 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    color: #555;\r\n\r\n    font-size: 7px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.mafasa-footer-line {\r\n\r\n    flex: 1;\r\n\r\n    height: 1px;\r\n\r\n    background: #242424;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .mafasa-family-grid {\r\n\r\n        height: 540px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mafasa-families {\r\n\r\n        padding: 55px 0 25px;\r\n    }\r\n\r\n\r\n    .mafasa-families-head {\r\n\r\n        width: calc(100% - 30px);\r\n\r\n        margin-bottom: 25px;\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .mafasa-families-title h2 {\r\n\r\n        font-size: 42px;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    .mafasa-families-intro {\r\n\r\n        margin-top: 18px;\r\n    }\r\n\r\n\r\n    .mafasa-family-grid {\r\n\r\n        width: calc(100% - 20px);\r\n\r\n        height: auto;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        grid-template-rows: auto auto auto;\r\n\r\n        gap: 5px;\r\n    }\r\n\r\n\r\n    .mafasa-family {\r\n\r\n        height: auto;\r\n\r\n        aspect-ratio: 1030 \/ 1526;\r\n    }\r\n\r\n\r\n    .mafasa-family-aquatic {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 1;\r\n    }\r\n\r\n\r\n    .mafasa-family-fresh {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 1;\r\n    }\r\n\r\n\r\n    .mafasa-family-floral {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 2;\r\n    }\r\n\r\n\r\n    .mafasa-family-woody {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 2;\r\n    }\r\n\r\n\r\n    .mafasa-family-oriental {\r\n\r\n        grid-column: 1 \/ 3;\r\n\r\n        grid-row: 3;\r\n    }\r\n\r\n\r\n    .mafasa-family img {\r\n\r\n        object-fit: contain;\r\n    }\r\n\r\n\r\n    .mafasa-family-content {\r\n\r\n        padding: 12px;\r\n\r\n        grid-template-columns: 18px 1fr 25px;\r\n\r\n        gap: 5px;\r\n    }\r\n\r\n\r\n    .mafasa-family-content h3 {\r\n\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    .mafasa-family-content p {\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .mafasa-family-arrow {\r\n\r\n        width: 25px;\r\n\r\n        height: 25px;\r\n    }\r\n\r\n\r\n    .mafasa-families-footer {\r\n\r\n        width: calc(100% - 20px);\r\n\r\n        margin-top: 14px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-6213b86 e-flex e-con-boxed e-con e-parent\" data-id=\"6213b86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95c2287 elementor-widget elementor-widget-html\" data-id=\"95c2287\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     MAFASA \u2014 FINAL CTA\r\n     ========================================================= -->\r\n\r\n<section class=\"mafasa-final-cta\">\r\n\r\n    <div class=\"mafasa-final-cta-inner\">\r\n\r\n        <!-- KICKER -->\r\n        <span class=\"mafasa-final-kicker\">\r\n            THE HOUSE OF MAFASA\r\n        <\/span>\r\n\r\n\r\n        <!-- MAIN HEADING -->\r\n        <h2>\r\n            Find the fragrance<br>\r\n            <em>that becomes yours.<\/em>\r\n        <\/h2>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n        <p>\r\n            Explore the MAFASA collection and discover a signature\r\n            created to become part of your presence, your memory,\r\n            and your story.\r\n        <\/p>\r\n\r\n\r\n        <!-- CTA BUTTON -->\r\n        <a\r\n            href=\"\/shop\/\"\r\n            class=\"mafasa-final-button\"\r\n        >\r\n\r\n            <span>\r\n                EXPLORE THE COLLECTION\r\n            <\/span>\r\n\r\n            <span class=\"mafasa-final-arrow\">\r\n                \u2197\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- BOTTOM META -->\r\n        <div class=\"mafasa-final-meta\">\r\n\r\n            <span>\r\n                MAFASA \/ EST. 2026\r\n            <\/span>\r\n\r\n            <span>\r\n                EAU DE PARFUM\r\n            <\/span>\r\n\r\n            <span>\r\n                CRAFTED WITH INTENTION\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   MAFASA FINAL CTA\r\n   ========================================================= *\/\r\n\r\n.mafasa-final-cta {\r\n\r\n    width: 100%;\r\n\r\n    background: #f5f3ee;\r\n\r\n    color: #111;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 120px 40px 70px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* TOP EDITORIAL LINE *\/\r\n\r\n.mafasa-final-cta::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 40px;\r\n\r\n    right: 40px;\r\n\r\n    height: 1px;\r\n\r\n    background: rgba(0,0,0,0.14);\r\n\r\n}\r\n\r\n\r\n\/* INNER *\/\r\n\r\n.mafasa-final-cta-inner {\r\n\r\n    width: min(1100px, 100%);\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n   ========================================================= *\/\r\n\r\n.mafasa-final-kicker {\r\n\r\n    display: block;\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 0.28em;\r\n\r\n    font-weight: 500;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    color: #666;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.mafasa-final-cta h2 {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(48px, 6vw, 92px);\r\n\r\n    line-height: 0.95;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -0.045em;\r\n\r\n}\r\n\r\n\r\n.mafasa-final-cta h2 em {\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.mafasa-final-cta p {\r\n\r\n    max-width: 570px;\r\n\r\n    margin: 34px auto 42px;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.8;\r\n\r\n    color: #666;\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n   ========================================================= *\/\r\n\r\n.mafasa-final-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 45px;\r\n\r\n    min-width: 245px;\r\n\r\n    padding: 17px 20px 17px 24px;\r\n\r\n    background: #111;\r\n\r\n    color: #fff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 0.18em;\r\n\r\n    font-weight: 500;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        transform 0.35s ease,\r\n        gap 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.mafasa-final-button:hover {\r\n\r\n    background: #292929;\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-3px);\r\n\r\n    gap: 58px;\r\n\r\n}\r\n\r\n\r\n\/* ARROW *\/\r\n\r\n.mafasa-final-arrow {\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 300;\r\n\r\n    transition:\r\n        transform 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.mafasa-final-button:hover\r\n.mafasa-final-arrow {\r\n\r\n    transform: translate(3px, -3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM META\r\n   ========================================================= *\/\r\n\r\n.mafasa-final-meta {\r\n\r\n    margin-top: 95px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 30px;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 0.18em;\r\n\r\n    color: #777;\r\n\r\n}\r\n\r\n\r\n.mafasa-final-meta span:first-child {\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n.mafasa-final-meta span:nth-child(2) {\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.mafasa-final-meta span:last-child {\r\n\r\n    text-align: right;\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    .mafasa-final-cta {\r\n\r\n        padding: 100px 30px 60px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-cta h2 {\r\n\r\n        font-size: clamp(48px, 8vw, 72px);\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-meta {\r\n\r\n        margin-top: 75px;\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: 767px) {\r\n\r\n    .mafasa-final-cta {\r\n\r\n        padding: 82px 22px 45px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-cta::before {\r\n\r\n        left: 22px;\r\n\r\n        right: 22px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-kicker {\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 0.22em;\r\n\r\n        margin-bottom: 22px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-cta h2 {\r\n\r\n        font-size:\r\n            clamp(\r\n                42px,\r\n                12vw,\r\n                60px\r\n            );\r\n\r\n        line-height: 0.98;\r\n\r\n        letter-spacing: -0.04em;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-cta p {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.7;\r\n\r\n        margin:\r\n            28px auto\r\n            34px;\r\n\r\n        max-width: 420px;\r\n\r\n    }\r\n\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .mafasa-final-button {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 330px;\r\n\r\n        min-width: 0;\r\n\r\n        box-sizing: border-box;\r\n\r\n        padding:\r\n            16px\r\n            18px\r\n            16px\r\n            20px;\r\n\r\n        gap: 25px;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-button:hover {\r\n\r\n        gap: 25px;\r\n\r\n        transform: none;\r\n\r\n    }\r\n\r\n\r\n    \/* META *\/\r\n\r\n    .mafasa-final-meta {\r\n\r\n        margin-top: 60px;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 13px;\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-meta span {\r\n\r\n        text-align: center !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .mafasa-final-cta {\r\n\r\n        padding:\r\n            70px\r\n            18px\r\n            38px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-cta h2 {\r\n\r\n        font-size: 40px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-cta p {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .mafasa-final-button {\r\n\r\n        max-width: 100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>THE HOUSE OF MAFASA The Art of Presence MAFASA was created for those who believe fragrance is more than a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":24,"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":11761,"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions\/11761"}],"wp:attachment":[{"href":"https:\/\/mafasa.shivamdev.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}