{"id":8435,"date":"2026-09-02T13:44:18","date_gmt":"2026-09-02T10:44:18","guid":{"rendered":"https:\/\/lamiascosmetics.com\/about-us\/"},"modified":"2026-09-13T20:23:14","modified_gmt":"2026-09-13T17:23:14","slug":"about-us","status":"publish","type":"page","link":"https:\/\/lamiascosmetics.com\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LAMIA'S \u2014 ABOUT PAGE\n   Astra + Gutenberg\n   Soft \/ Feminine \/ Luxury\n   Uses existing global Lamia's variables\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   01. REMOVE ASTRA \/ GUTENBERG PAGE SPACING\n   Scoped only to the page containing .lamias-about-page\n   ========================================================== *\/\n\nbody:has(.lamias-about-page) .site-content {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\nbody:has(.lamias-about-page) .site-content > .ast-container,\nbody:has(.lamias-about-page) #content > .ast-container,\nbody:has(.lamias-about-page) .ast-container {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody:has(.lamias-about-page) #primary,\nbody:has(.lamias-about-page) .content-area,\nbody:has(.lamias-about-page) .site-main,\nbody:has(.lamias-about-page) main#main {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody:has(.lamias-about-page) article,\nbody:has(.lamias-about-page) article.page,\nbody:has(.lamias-about-page) .ast-article-single {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: transparent !important;\n\n    box-shadow: none !important;\n}\n\nbody:has(.lamias-about-page) .entry-content {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody:has(.lamias-about-page) .entry-content > * {\n    max-width: none !important;\n}\n\nbody:has(.lamias-about-page) .wp-block-html {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\/* Hide Astra default page title *\/\n\nbody:has(.lamias-about-page) .entry-header {\n    display: none !important;\n}\n\n\n\/* Remove possible block spacing *\/\n\nbody:has(.lamias-about-page) .entry-content > .wp-block-html {\n    margin-block: 0 !important;\n}\n\n\n\/* ==========================================================\n   02. PAGE ROOT\n   ========================================================== *\/\n\n.lamias-about-page {\n    direction: ltr;\n\n    position: relative;\n\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n    padding: 0;\n\n    overflow-x: clip;\n\n    background: var(--lamia-bg);\n\n    color: var(--lamia-text);\n\n    font-family: var(--lamia-font-arabic);\n\n    isolation: isolate;\n}\n\n\n.lamias-about-page *,\n.lamias-about-page *::before,\n.lamias-about-page *::after {\n    box-sizing: border-box;\n}\n\n\n.lamias-about-page h1,\n.lamias-about-page h2,\n.lamias-about-page h3,\n.lamias-about-page p {\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   03. MAIN INNER CONTAINER\n   ========================================================== *\/\n\n.lamias-about-inner {\n    position: relative;\n\n    z-index: 2;\n\n    width: min(\n        1320px,\n        calc(100% - 40px)\n    );\n\n    margin-inline: auto;\n}\n\n\n\/* ==========================================================\n   04. COMMON TYPOGRAPHY\n   ========================================================== *\/\n\n.lamias-about-eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    width: fit-content;\n\n    margin-bottom: 14px;\n\n    color: var(--lamia-primary);\n\n    font-family: var(--lamia-font-display);\n\n    font-size: 13px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: 0.12em;\n\n    direction: ltr;\n}\n\n\n.lamias-about-eyebrow::after {\n    content: \"\";\n\n    display: block;\n\n    width: 40px;\n    height: 1px;\n\n    background: var(--lamia-primary);\n\n    opacity: 0.7;\n}\n\n\n.lamias-about-heading {\n    color: var(--lamia-secondary);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        30px,\n        3.2vw,\n        46px\n    );\n\n    font-weight: 600;\n\n    line-height: 1.45;\n\n    letter-spacing: -0.02em;\n}\n\n\n.lamias-about-copy {\n    color: var(--lamia-muted);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        15.5px,\n        1.15vw,\n        17px\n    );\n\n    font-weight: 400;\n\n    line-height: 2;\n}\n\n\n.lamias-about-copy strong {\n    color: var(--lamia-secondary);\n\n    font-weight: 700;\n}\n\n\n\/* ==========================================================\n   05. HERO\n   ========================================================== *\/\n\n.lamias-about-hero {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    width: 100%;\n\n    min-height: 430px;\n\n    padding-block:\n        clamp(54px, 6vw, 76px);\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 10% 20%,\n            rgba(232, 206, 208, 0.38),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 88% 80%,\n            rgba(196, 150, 152, 0.11),\n            transparent 28%\n        ),\n        linear-gradient(\n            135deg,\n            var(--lamia-bg) 0%,\n            var(--lamia-white) 55%,\n            var(--lamia-light) 135%\n        );\n}\n\n\n.lamias-about-hero::before {\n    content: \"L\";\n\n    position: absolute;\n\n    top: 50%;\n\n    inset-inline-start: 1.5%;\n\n    transform: translateY(-50%);\n\n    color: rgba(143, 95, 99, 0.035);\n\n    font-family: var(--lamia-font-display);\n\n    font-size: clamp(\n        240px,\n        28vw,\n        470px\n    );\n\n    font-weight: 500;\n\n    line-height: 0.75;\n\n    pointer-events: none;\n}\n\n\n.lamias-about-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 220px;\n    height: 220px;\n\n    inset-inline-end: -100px;\n\n    bottom: -110px;\n\n    border-radius: 50%;\n\n    border:\n        1px solid\n        rgba(196, 150, 152, 0.18);\n\n    box-shadow:\n        0 0 0 45px\n        rgba(232, 206, 208, 0.06),\n        0 0 0 90px\n        rgba(232, 206, 208, 0.035);\n\n    pointer-events: none;\n}\n\n\n.lamias-about-hero-content {\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 830px;\n\n    margin-inline-start: auto;\n}\n\n\n.lamias-about-title {\n    max-width: 800px;\n\n    color: var(--lamia-secondary);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        40px,\n        5.2vw,\n        68px\n    );\n\n    font-weight: 600;\n\n    line-height: 1.35;\n\n    letter-spacing: -0.04em;\n}\n\n\n.lamias-about-hero-text {\n    max-width: 720px;\n\n    margin-top: 20px !important;\n\n    color: var(--lamia-muted);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        16px,\n        1.35vw,\n        19px\n    );\n\n    line-height: 2;\n}\n\n\n.lamias-about-hero-text strong {\n    color: var(--lamia-secondary);\n\n    font-weight: 700;\n}\n\n\n.lamias-about-tagline {\n    position: relative;\n\n    display: inline-block;\n\n    margin-top: 24px;\n\n    padding-top: 16px;\n\n    color: var(--lamia-secondary);\n\n    font-family: var(--lamia-font-display);\n\n    font-size: clamp(\n        17px,\n        1.6vw,\n        21px\n    );\n\n    font-style: italic;\n    font-weight: 500;\n\n    line-height: 1.5;\n\n    direction: ltr;\n}\n\n\n.lamias-about-tagline::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 50px;\n    height: 1px;\n\n    background: var(--lamia-primary);\n}\n\n\n\/* ==========================================================\n   06. STORY\n   ========================================================== *\/\n\n.lamias-about-story {\n    position: relative;\n\n    width: 100%;\n\n    padding-block:\n        clamp(54px, 6vw, 78px);\n\n    background: var(--lamia-white);\n}\n\n\n.lamias-about-story-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(240px, 0.68fr)\n        minmax(0, 1.32fr);\n\n    gap: clamp(\n        36px,\n        5vw,\n        74px\n    );\n\n    align-items: start;\n}\n\n\n.lamias-about-story-heading {\n    padding-top: 8px;\n}\n\n\n.lamias-about-story-content {\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        clamp(25px, 2.8vw, 36px);\n\n    border:\n        1px solid\n        rgba(231, 216, 217, 0.82);\n\n    border-radius: var(--lamia-radius-lg);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(252, 249, 247, 0.95),\n            rgba(244, 232, 233, 0.32)\n        );\n\n    box-shadow: var(--lamia-shadow-sm);\n}\n\n\n.lamias-about-story-content::before {\n    content: \"L\";\n\n    position: absolute;\n\n    left: 18px;\n    top: -38px;\n\n    color:\n        rgba(143, 95, 99, 0.055);\n\n    font-family: var(--lamia-font-display);\n\n    font-size: 145px;\n\n    line-height: 1;\n\n    pointer-events: none;\n}\n\n\n.lamias-about-story-content\n.lamias-about-copy {\n    position: relative;\n\n    z-index: 1;\n}\n\n\n.lamias-about-story-content\n.lamias-about-copy\n+\n.lamias-about-copy {\n    margin-top: 15px;\n}\n\n\n.lamias-about-highlight {\n    position: relative;\n\n    z-index: 1;\n\n    margin-top: 23px;\n\n    padding:\n        17px 20px;\n\n    border-inline-start:\n        2px solid\n        var(--lamia-primary);\n\n    border-radius:\n        var(--lamia-radius-sm);\n\n    background:\n        rgba(232, 206, 208, 0.26);\n\n    color: var(--lamia-secondary);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        16px,\n        1.3vw,\n        18px\n    );\n\n    font-weight: 700;\n\n    line-height: 1.9;\n}\n\n\n\/* ==========================================================\n   07. VALUES \u2014 HORIZONTAL CARDS + CENTERED CONTENT\n   ========================================================== *\/\n\n.lamias-about-values {\n    position: relative;\n\n    width: 100%;\n\n    padding-block:\n        clamp(50px, 5vw, 68px);\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--lamia-bg) 0%,\n            rgba(244, 232, 233, 0.52) 100%\n        );\n\n    border-block:\n        1px solid rgba(231, 216, 217, 0.68);\n}\n\n\n\/* Heading *\/\n\n.lamias-about-values-head {\n    margin-bottom: 30px;\n}\n\n\n\/* ==========================================================\n   GRID\n   Desktop = 4 cards in one row\n   ========================================================== *\/\n\n.lamias-about-values-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 14px;\n\n    width: 100%;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lamias-about-value {\n    position: relative;\n\n    width: 100%;\n\n    min-height: 175px;\n\n    display: flex !important;\n\n    align-items: center !important;\n    justify-content: center !important;\n\n    padding:\n        36px 20px\n        24px !important;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(143, 95, 99, 0.12);\n\n    border-radius:\n        var(--lamia-radius-md);\n\n    background:\n        rgba(255, 255, 255, 0.72);\n\n    box-shadow:\n        0 7px 24px\n        rgba(89, 55, 58, 0.04);\n\n    text-align: center !important;\n\n    transition:\n        transform var(--lamia-transition),\n        box-shadow var(--lamia-transition),\n        border-color var(--lamia-transition),\n        background var(--lamia-transition);\n}\n\n\n\/* ==========================================================\n   DECORATIVE CORNER\n   ========================================================== *\/\n\n.lamias-about-value::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -45px;\n    inset-inline-start: -45px;\n\n    width: 105px;\n    height: 105px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(232, 206, 208, 0.30);\n\n    pointer-events: none;\n\n    transition:\n        transform var(--lamia-transition);\n}\n\n\n\/* ==========================================================\n   NUMBER\n   ========================================================== *\/\n\n.lamias-value-number {\n    position: absolute !important;\n\n    top: 16px;\n    inset-inline-start: 19px;\n\n    z-index: 2;\n\n    color:\n        rgba(143, 95, 99, 0.42);\n\n    font-family:\n        var(--lamia-font-display);\n\n    font-size: 14px;\n    font-weight: 500;\n\n    line-height: 1;\n\n    direction: ltr;\n}\n\n\n\/* ==========================================================\n   CONTENT WRAPPER\n   ========================================================== *\/\n\n.lamias-about-value > div {\n    position: relative;\n\n    z-index: 2;\n\n    width: 100%;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center !important;\n    justify-content: center !important;\n\n    text-align: center !important;\n}\n\n\n\/* ==========================================================\n   ENGLISH TITLE\n   ========================================================== *\/\n\n.lamias-value-title {\n    width: 100%;\n\n    margin:\n        0 0 9px !important;\n\n    padding: 0 !important;\n\n    color:\n        var(--lamia-secondary);\n\n    font-family:\n        var(--lamia-font-display);\n\n    font-size:\n        clamp(23px, 1.8vw, 29px);\n\n    font-weight: 500;\n\n    line-height: 1.25;\n\n    direction: ltr;\n\n    text-align: center !important;\n}\n\n\n\/* ==========================================================\n   ARABIC DESCRIPTION\n   ========================================================== *\/\n\n.lamias-value-text {\n    width: 100%;\n\n    max-width: 290px;\n\n    margin: 0 auto !important;\n\n    padding: 0 !important;\n\n    color:\n        var(--lamia-muted);\n\n    font-family:\n        var(--lamia-font-arabic);\n\n    font-size: 14.5px;\n    font-weight: 400;\n\n    line-height: 1.8;\n\n    text-align: center !important;\n}\n\n\n\/* ==========================================================\n   HOVER\n   ========================================================== *\/\n\n@media (hover: hover) {\n\n    .lamias-about-value:hover {\n        transform: translateY(-5px);\n\n        border-color:\n            rgba(143, 95, 99, 0.22);\n\n        background:\n            rgba(255, 255, 255, 0.92);\n\n        box-shadow:\n            var(--lamia-shadow-md);\n    }\n\n\n    .lamias-about-value:hover::before {\n        transform: scale(1.18);\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n   2 CARDS PER ROW\n   ========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .lamias-about-values-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 12px;\n    }\n\n\n    .lamias-about-value {\n        min-height: 155px;\n\n        padding:\n            34px 18px\n            21px !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ONE WIDE HORIZONTAL CARD PER ROW\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .lamias-about-values {\n        padding-block:\n            42px;\n    }\n\n\n    .lamias-about-values-head {\n        margin-bottom: 22px;\n    }\n\n\n    .lamias-about-values-grid {\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n\n    .lamias-about-value {\n        min-height: 135px !important;\n\n        padding:\n            31px 18px\n            18px !important;\n\n        border-radius:\n            20px;\n    }\n\n\n    .lamias-value-number {\n        top: 14px;\n        inset-inline-start: 17px;\n\n        font-size: 13px;\n    }\n\n\n    .lamias-value-title {\n        margin-bottom:\n            6px !important;\n\n        font-size: 24px;\n    }\n\n\n    .lamias-value-text {\n        max-width: 100%;\n\n        font-size: 14px;\n\n        line-height: 1.7;\n    }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n   ========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .lamias-about-value {\n        min-height: 128px !important;\n\n        padding:\n            30px 15px\n            17px !important;\n    }\n\n\n    .lamias-value-title {\n        font-size: 23px;\n    }\n\n\n    .lamias-value-text {\n        font-size: 13.5px;\n    }\n\n}\n\/* ==========================================================\n   08. RITUAL\n   ========================================================== *\/\n\n.lamias-about-ritual {\n    position: relative;\n\n    width: 100%;\n\n    padding-block:\n        clamp(56px, 6vw, 80px);\n\n    background: var(--lamia-white);\n}\n\n\n.lamias-about-ritual-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.15fr)\n        minmax(280px, 0.85fr);\n\n    gap: clamp(\n        40px,\n        6vw,\n        85px\n    );\n\n    align-items: center;\n}\n\n\n.lamias-about-ritual-copy\n.lamias-about-heading {\n    margin-bottom: 19px;\n}\n\n\n.lamias-about-ritual-copy\n.lamias-about-copy\n+\n.lamias-about-copy {\n    margin-top: 13px;\n}\n\n\n.lamias-about-ritual-card {\n    position: relative;\n\n    width: min(390px, 100%);\n\n    min-height: 330px;\n\n    margin-inline: auto;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    overflow: hidden;\n\n    border-radius:\n        46% 46% 34% 34% \/\n        30% 30% 38% 38%;\n\n    background:\n        linear-gradient(\n            145deg,\n            var(--lamia-accent),\n            var(--lamia-light) 58%,\n            var(--lamia-bg)\n        );\n\n    box-shadow:\n        0 20px 55px\n        rgba(89, 55, 58, 0.09);\n}\n\n\n.lamias-about-ritual-card::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 16px;\n\n    border:\n        1px solid\n        rgba(255, 255, 255, 0.72);\n\n    border-radius: inherit;\n}\n\n\n.lamias-about-ritual-card::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 100px;\n    height: 100px;\n\n    left: -30px;\n    bottom: -30px;\n\n    border-radius: 50%;\n\n    border:\n        1px solid\n        rgba(143, 95, 99, 0.12);\n}\n\n\n.lamias-about-ritual-quote {\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 280px;\n\n    padding: 24px;\n\n    color: var(--lamia-secondary);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        19px,\n        2vw,\n        24px\n    );\n\n    font-weight: 600;\n\n    line-height: 1.8;\n\n    text-align: center;\n}\n\n\n.lamias-about-ritual-en {\n    display: block;\n\n    margin-top: 13px;\n\n    color:\n        rgba(143, 95, 99, 0.66);\n\n    font-family: var(--lamia-font-display);\n\n    font-size: 12px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.13em;\n\n    direction: ltr;\n}\n\n\n\/* ==========================================================\n   09. WHY LAMIA'S\n   ========================================================== *\/\n\n.lamias-about-why {\n    position: relative;\n\n    width: 100%;\n\n    padding-block:\n        clamp(58px, 6vw, 82px);\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--lamia-secondary) 0%,\n            #7D4F53 100%\n        );\n}\n\n\n.lamias-about-why::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 400px;\n    height: 400px;\n\n    left: -190px;\n    bottom: -260px;\n\n    border-radius: 50%;\n\n    border:\n        1px solid\n        rgba(255, 255, 255, 0.08);\n\n    box-shadow:\n        0 0 0 50px\n        rgba(255, 255, 255, 0.018),\n        0 0 0 100px\n        rgba(255, 255, 255, 0.012);\n}\n\n\n.lamias-about-why-grid {\n    position: relative;\n\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(240px, 0.68fr)\n        minmax(0, 1.32fr);\n\n    gap: clamp(\n        36px,\n        5vw,\n        74px\n    );\n\n    align-items: start;\n}\n\n\n.lamias-about-why\n.lamias-about-eyebrow {\n    color:\n        rgba(255, 255, 255, 0.62);\n}\n\n\n.lamias-about-why\n.lamias-about-eyebrow::after {\n    background:\n        rgba(255, 255, 255, 0.36);\n}\n\n\n.lamias-about-why\n.lamias-about-heading {\n    color: var(--lamia-white);\n}\n\n\n.lamias-about-why\n.lamias-about-copy {\n    color:\n        rgba(255, 255, 255, 0.78);\n}\n\n\n.lamias-about-why\n.lamias-about-copy strong {\n    color: var(--lamia-white);\n}\n\n\n.lamias-about-why-content\n.lamias-about-copy\n+\n.lamias-about-copy {\n    margin-top: 13px;\n}\n\n\n.lamias-about-why-final {\n    margin-top: 23px;\n\n    padding-top: 20px;\n\n    border-top:\n        1px solid\n        rgba(255, 255, 255, 0.15);\n}\n\n\n.lamias-about-why-label {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color:\n        rgba(255, 255, 255, 0.54);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: 13px;\n}\n\n\n.lamias-about-why-statement {\n    max-width: 650px;\n\n    color: var(--lamia-white);\n\n    font-family: var(--lamia-font-arabic);\n\n    font-size: clamp(\n        18px,\n        1.7vw,\n        22px\n    );\n\n    font-weight: 600;\n\n    line-height: 1.85;\n}\n\n\n\/* ==========================================================\n   10. SIGNATURE\n   ========================================================== *\/\n\n.lamias-about-signature {\n    position: relative;\n\n    width: 100%;\n\n    padding-block: 38px;\n\n    text-align: center;\n\n    background: var(--lamia-bg);\n}\n\n\n.lamias-about-logo-word {\n    color: var(--lamia-secondary);\n\n    font-family: var(--lamia-font-display);\n\n    font-size: clamp(\n        40px,\n        4.5vw,\n        58px\n    );\n\n    font-weight: 500;\n\n    font-style: italic;\n\n    line-height: 1;\n\n    direction: ltr;\n}\n\n\n.lamias-about-logo-line {\n    width: 35px;\n    height: 1px;\n\n    margin:\n        15px auto 0;\n\n    background: var(--lamia-primary);\n}\n\n\n\/* ==========================================================\n   11. SCROLL ANIMATIONS\n   Content remains visible if JavaScript is unavailable.\n   ========================================================== *\/\n\n.lamias-reveal {\n    opacity: 1;\n\n    transform: none;\n}\n\n\n\/* JS enables animations only when it successfully runs *\/\n\n.lamias-about-page.lamias-js-ready\n.lamias-reveal {\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity 0.75s\n        cubic-bezier(.2, .7, .2, 1),\n\n        transform 0.75s\n        cubic-bezier(.2, .7, .2, 1);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-reveal.is-visible {\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-reveal-left {\n    transform:\n        translateX(-24px);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-reveal-left.is-visible {\n    transform:\n        translateX(0);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-reveal-right {\n    transform:\n        translateX(24px);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-reveal-right.is-visible {\n    transform:\n        translateX(0);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-about-value.lamias-reveal {\n    transform:\n        translateY(24px)\n        scale(0.985);\n}\n\n\n.lamias-about-page.lamias-js-ready\n.lamias-about-value.lamias-reveal.is-visible {\n    transform:\n        translateY(0)\n        scale(1);\n}\n\n\n.lamias-delay-1 {\n    transition-delay: 0.07s !important;\n}\n\n\n.lamias-delay-2 {\n    transition-delay: 0.14s !important;\n}\n\n\n.lamias-delay-3 {\n    transition-delay: 0.21s !important;\n}\n\n\n\/* ==========================================================\n   12. TABLET\n   ========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .lamias-about-inner {\n        width:\n            calc(100% - 32px);\n    }\n\n\n    .lamias-about-story-grid,\n    .lamias-about-why-grid {\n        grid-template-columns:\n            minmax(220px, 0.75fr)\n            minmax(0, 1.25fr);\n\n        gap: 34px;\n    }\n\n\n    .lamias-about-values-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n\n    .lamias-about-value {\n        min-height: 190px;\n    }\n\n\n    .lamias-about-ritual-grid {\n        gap: 34px;\n    }\n\n}\n\n\n\/* ==========================================================\n   13. MOBILE\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .lamias-about-inner {\n        width:\n            calc(100% - 26px);\n    }\n\n\n    \/* HERO *\/\n\n    .lamias-about-hero {\n        min-height: auto;\n\n        padding-block:\n            43px 48px;\n    }\n\n\n    .lamias-about-hero::before {\n        inset-inline-start: -20px;\n\n        font-size: 260px;\n    }\n\n\n    .lamias-about-hero::after {\n        width: 150px;\n        height: 150px;\n    }\n\n\n    .lamias-about-title {\n        font-size:\n            clamp(35px, 10vw, 45px);\n    }\n\n\n    .lamias-about-hero-text {\n        margin-top:\n            16px !important;\n\n        font-size: 15.5px;\n\n        line-height: 1.95;\n    }\n\n\n    .lamias-about-tagline {\n        margin-top: 21px;\n\n        font-size: 16px;\n    }\n\n\n    \/* COMMON *\/\n\n    .lamias-about-heading {\n        font-size: 29px;\n    }\n\n\n    .lamias-about-copy {\n        font-size: 15px;\n\n        line-height: 1.95;\n    }\n\n\n    \/* STORY *\/\n\n    .lamias-about-story {\n        padding-block:\n            44px;\n    }\n\n\n    .lamias-about-story-grid {\n        grid-template-columns: 1fr;\n\n        gap: 22px;\n    }\n\n\n    .lamias-about-story-heading {\n        padding-top: 0;\n    }\n\n\n    .lamias-about-story-content {\n        padding:\n            21px 18px;\n\n        border-radius:\n            var(--lamia-radius-md);\n    }\n\n\n    .lamias-about-highlight {\n        margin-top: 19px;\n\n        padding:\n            15px 16px;\n    }\n\n\n    \/* VALUES *\/\n\n    .lamias-about-values {\n        padding-block:\n            44px;\n    }\n\n\n    .lamias-about-values-head {\n        margin-bottom: 23px;\n    }\n\n\n    .lamias-about-values-grid {\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n\n    .lamias-about-value {\n        min-height: 162px;\n\n        padding: 20px 18px;\n    }\n\n\n    \/* RITUAL *\/\n\n    .lamias-about-ritual {\n        padding-block:\n            45px;\n    }\n\n\n    .lamias-about-ritual-grid {\n        grid-template-columns: 1fr;\n\n        gap: 29px;\n    }\n\n\n    .lamias-about-ritual-card {\n        width: min(\n            310px,\n            92%\n        );\n\n        min-height: 305px;\n    }\n\n\n    \/* WHY *\/\n\n    .lamias-about-why {\n        padding-block:\n            47px;\n    }\n\n\n    .lamias-about-why-grid {\n        grid-template-columns: 1fr;\n\n        gap: 22px;\n    }\n\n\n    \/* SIGNATURE *\/\n\n    .lamias-about-signature {\n        padding-block: 31px;\n    }\n\n\n    \/* Mobile animation should be more subtle *\/\n\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal-left,\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal-right {\n        transform:\n            translateY(18px);\n    }\n\n\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal-left.is-visible,\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal-right.is-visible {\n        transform:\n            translateY(0);\n    }\n\n}\n\n\n\/* ==========================================================\n   14. SMALL MOBILE\n   ========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .lamias-about-inner {\n        width:\n            calc(100% - 22px);\n    }\n\n\n    .lamias-about-hero {\n        padding-block:\n            39px 44px;\n    }\n\n\n    .lamias-about-title {\n        font-size: 35px;\n    }\n\n\n    .lamias-about-story-content {\n        padding:\n            19px 16px;\n    }\n\n}\n\n\n\/* ==========================================================\n   15. ACCESSIBILITY\n   ========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .lamias-about-page\n    .lamias-reveal,\n\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal,\n\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal-left,\n\n    .lamias-about-page.lamias-js-ready\n    .lamias-reveal-right,\n\n    .lamias-about-page.lamias-js-ready\n    .lamias-about-value.lamias-reveal {\n\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n    }\n\n}\n\/*\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    \"use strict\";\n\n\n    function initLamiasAboutAnimations() {\n\n        const page =\n            document.querySelector(\n                \".lamias-about-page\"\n            );\n\n\n        if (!page) {\n            return;\n        }\n\n\n        const items =\n            page.querySelectorAll(\n                \".lamias-reveal\"\n            );\n\n\n        if (!items.length) {\n            return;\n        }\n\n\n        \/* =====================================================\n           Reduced Motion\n           ===================================================== *\/\n\n        const prefersReducedMotion =\n            window.matchMedia &&\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches;\n\n\n        if (prefersReducedMotion) {\n\n            items.forEach(function (item) {\n\n                item.classList.add(\n                    \"is-visible\"\n                );\n\n            });\n\n\n            return;\n        }\n\n\n\n        \/* =====================================================\n           Enable animation mode only after JS is confirmed\n           ===================================================== *\/\n\n        page.classList.add(\n            \"lamias-js-ready\"\n        );\n\n\n\n        \/* =====================================================\n           Intersection Observer\n           ===================================================== *\/\n\n        if (\"IntersectionObserver\" in window) {\n\n\n            const observer =\n                new IntersectionObserver(\n\n                    function (\n                        entries,\n                        currentObserver\n                    ) {\n\n                        entries.forEach(\n                            function (entry) {\n\n                                if (\n                                    entry.isIntersecting\n                                ) {\n\n                                    entry.target\n                                        .classList\n                                        .add(\n                                            \"is-visible\"\n                                        );\n\n\n                                    currentObserver\n                                        .unobserve(\n                                            entry.target\n                                        );\n\n                                }\n\n                            }\n                        );\n\n                    },\n\n\n                    {\n                        threshold: 0.12,\n\n                        rootMargin:\n                            \"0px 0px -30px 0px\"\n                    }\n\n                );\n\n\n\n            items.forEach(\n                function (item) {\n\n                    observer.observe(item);\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           Fallback for old browsers\n           ===================================================== *\/\n\n        else {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n        }\n\n    }\n\n\n\n    \/* =========================================================\n       DOM READY\n       ========================================================= *\/\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initLamiasAboutAnimations\n        );\n\n    }\n\n    else {\n\n        initLamiasAboutAnimations();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"lamias-about-page\">\n\n\n    <!-- ======================================================\n         01 \u2014 HERO\n    ======================================================= -->\n\n    <section class=\"lamias-about-hero\">\n\n        <div class=\"lamias-about-inner\">\n\n            <div class=\"lamias-about-hero-content\">\n\n                <div class=\"lamias-about-eyebrow lamias-reveal\">\n                    01\n                <\/div>\n\n\n                <h1 class=\"lamias-about-title lamias-reveal lamias-delay-1\">\n                    Care, Your Way\n                <\/h1>\n\n\n                <p class=\"lamias-about-hero-text lamias-reveal lamias-delay-2\">\n\n                    At <strong>Lamia\u2019s<\/strong>, we believe true beauty\n                    isn\u2019t about perfection. It\u2019s about understanding your needs\n                    and choosing the care that truly suits you.\n\n                <\/p>\n\n\n                <div class=\"lamias-about-tagline lamias-reveal lamias-delay-3\">\n                    Natural care. Thoughtfully made for you.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- ======================================================\n         02 \u2014 STORY\n    ======================================================= -->\n\n    <section class=\"lamias-about-story\">\n\n        <div class=\"lamias-about-inner\">\n\n            <div class=\"lamias-about-story-grid\">\n\n\n                <div class=\"lamias-about-story-heading lamias-reveal lamias-reveal-right\">\n\n                    <div class=\"lamias-about-eyebrow\">\n                        02\n                    <\/div>\n\n                    <h2 class=\"lamias-about-heading\">\n                        It Started with a Simple Idea\u2026\n                    <\/h2>\n\n                <\/div>\n\n\n\n                <div class=\"lamias-about-story-content lamias-reveal lamias-reveal-left lamias-delay-1\">\n\n                    <p class=\"lamias-about-copy\">\n\n                        Self-care should be an experience you enjoy,\n                        not just another task to check off.\n\n                    <\/p>\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        That\u2019s how <strong>Lamia\u2019s<\/strong> began\u2014\n                        an Egyptian care brand built on the belief that you deserve\n                        products that bring together\n                        <strong>\n                            quality ingredients, effective formulas, and a feel-good experience\n                            every time you use them.\n                        <\/strong>\n\n                    <\/p>\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        As the idea grew, so did our passion for creating products\n                        that help you care for your hair, skin, and body,\n                        making your care routine a gentle, enjoyable part of your day.\n\n                        Today, every product from <strong>Lamia\u2019s<\/strong>\n                        carries the same idea forward:\n\n                    <\/p>\n\n\n                    <div class=\"lamias-about-highlight\">\n\n                        care that understands you and suits you,\n                        so you can enjoy your self-care rituals even more.\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- ======================================================\n         03 \u2014 VALUES\n    ======================================================= -->\n\n    <section class=\"lamias-about-values\">\n\n        <div class=\"lamias-about-inner\">\n\n\n            <div class=\"lamias-about-values-head\">\n\n                <div class=\"lamias-about-eyebrow lamias-reveal\">\n                    03\n                <\/div>\n\n\n                <h2 class=\"lamias-about-heading lamias-reveal lamias-delay-1\">\n                    What We Believe In\n                <\/h2>\n\n            <\/div>\n\n\n\n            <div class=\"lamias-about-values-grid\">\n\n\n                <!-- Nature -->\n\n                <article class=\"lamias-about-value lamias-reveal\">\n\n                    <span class=\"lamias-value-number\">\n                        01\n                    <\/span>\n\n\n                    <div>\n\n                        <h3 class=\"lamias-value-title\">\n                            Nature\n                        <\/h3>\n\n                        <p class=\"lamias-value-text\">\n                            Thoughtfully selected, nature-inspired ingredients.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n\n                <!-- Quality -->\n\n                <article class=\"lamias-about-value lamias-reveal lamias-delay-1\">\n\n                    <span class=\"lamias-value-number\">\n                        02\n                    <\/span>\n\n\n                    <div>\n\n                        <h3 class=\"lamias-value-title\">\n                            Quality\n                        <\/h3>\n\n                        <p class=\"lamias-value-text\">\n                            We care about detail and quality in every product.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n\n                <!-- Effectiveness -->\n\n                <article class=\"lamias-about-value lamias-reveal lamias-delay-2\">\n\n                    <span class=\"lamias-value-number\">\n                        03\n                    <\/span>\n\n\n                    <div>\n\n                        <h3 class=\"lamias-value-title\">\n                            Effectiveness\n                        <\/h3>\n\n                        <p class=\"lamias-value-text\">\n                            More than beautiful products\u2014care with purpose and results.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n\n                <!-- Self Care -->\n\n                <article class=\"lamias-about-value lamias-reveal lamias-delay-3\">\n\n                    <span class=\"lamias-value-number\">\n                        04\n                    <\/span>\n\n\n                    <div>\n\n                        <h3 class=\"lamias-value-title\">\n                            Self-Care\n                        <\/h3>\n\n                        <p class=\"lamias-value-text\">\n\n                            Self-care isn\u2019t a luxury,\n                            it\u2019s part of loving yourself.\n\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- ======================================================\n         04 \u2014 RITUAL\n    ======================================================= -->\n\n    <section class=\"lamias-about-ritual\">\n\n        <div class=\"lamias-about-inner\">\n\n            <div class=\"lamias-about-ritual-grid\">\n\n\n                <div class=\"lamias-about-ritual-copy lamias-reveal lamias-reveal-right\">\n\n                    <div class=\"lamias-about-eyebrow\">\n                        04\n                    <\/div>\n\n\n                    <h2 class=\"lamias-about-heading\">\n                        We Create More Than Products\u2026\n                    <\/h2>\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        We create\n                        <strong>\n                            small rituals of self-care.\n                        <\/strong>\n\n                    <\/p>\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        A quiet moment at the end of the day.<br\/>\n\n                        A routine you enjoy and look forward to.<br\/>\n\n                        And the feeling of giving yourself the care\n                        you deserve.\n\n                    <\/p>\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        That\u2019s why, at\n                        <strong>Lamia\u2019s<\/strong>\n                        we make every detail\u2014from the formula to the way\n                        you experience the product\u2014part of a journey\n                        that feels made\n                        <strong>for you.<\/strong>\n\n                    <\/p>\n\n                <\/div>\n\n\n\n                <div class=\"lamias-about-ritual-card lamias-reveal lamias-reveal-left lamias-delay-1\">\n\n                    <div class=\"lamias-about-ritual-quote\">\n\n                        Small rituals\n                        <br\/>\n                        of self-care\n\n                        <span class=\"lamias-about-ritual-en\">\n                            YOUR DAILY RITUAL\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- ======================================================\n         05 \u2014 WHY LAMIA'S\n    ======================================================= -->\n\n    <section class=\"lamias-about-why\">\n\n        <div class=\"lamias-about-inner\">\n\n            <div class=\"lamias-about-why-grid\">\n\n\n                <div class=\"lamias-reveal lamias-reveal-right\">\n\n                    <div class=\"lamias-about-eyebrow\">\n                        05\n                    <\/div>\n\n\n                    <h2 class=\"lamias-about-heading\">\n                        Why Lamia\u2019s?\n                    <\/h2>\n\n                <\/div>\n\n\n\n                <div class=\"lamias-about-why-content lamias-reveal lamias-reveal-left lamias-delay-1\">\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        Because we bring together\n                        <strong>the spirit of natural care<\/strong>\n                        with a modern understanding of your skin and hair needs.\n\n                    <\/p>\n\n\n                    <p class=\"lamias-about-copy\">\n\n                        We carefully select our ingredients,\n                        develop every product with a clear purpose,\n                        and put women\u2019s experience at the heart of every decision.\n\n                    <\/p>\n\n\n                    <div class=\"lamias-about-why-final\">\n\n                        <span class=\"lamias-about-why-label\">\n                            Simply:\n                        <\/span>\n\n\n                        <p class=\"lamias-about-why-statement\">\n\n                            beautiful products, thoughtfully selected ingredients,\n                            and an experience worth making part of your routine.\n\n                        <\/p>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- ======================================================\n         SIGNATURE\n    ======================================================= -->\n\n    <section class=\"lamias-about-signature\">\n\n        <div class=\"lamias-about-logo-word lamias-reveal\">\n            Lamia\u2019s\n        <\/div>\n\n\n        <div class=\"lamias-about-logo-line lamias-reveal lamias-delay-1\">\n        <\/div>\n\n    <\/section>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>01 Care, Your Way At Lamia\u2019s, we believe true beauty isn\u2019t about perfection. It\u2019s about understanding your needs and choosing the care that truly suits you. Natural care. Thoughtfully made for you. 02 It Started with a Simple Idea\u2026 Self-care should be an experience you enjoy, not just another task to check off. That\u2019s how [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/pages\/8435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/comments?post=8435"}],"version-history":[{"count":3,"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/pages\/8435\/revisions"}],"predecessor-version":[{"id":8502,"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/pages\/8435\/revisions\/8502"}],"wp:attachment":[{"href":"https:\/\/lamiascosmetics.com\/en\/wp-json\/wp\/v2\/media?parent=8435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}