{"id":27,"date":"2021-10-19T03:51:32","date_gmt":"2021-10-19T03:51:32","guid":{"rendered":"https:\/\/hara.thembaydev.com\/demo-rtl\/?page_id=27"},"modified":"2026-09-09T13:05:44","modified_gmt":"2026-09-09T13:05:44","slug":"about-us","status":"publish","type":"page","link":"https:\/\/karoudxperfume.com\/ar\/about-us\/","title":{"rendered":"\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f81de6f e-con-full e-flex e-con e-parent\" data-id=\"f81de6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e776f3 elementor-widget elementor-widget-html\" data-id=\"7e776f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KAROUDX ABOUT \u2014 Paste this complete block inside an Elementor HTML Widget -->\n<section class=\"kx-about\" aria-label=\"About Karoudx\">\n  <div class=\"kx-about__progress\" aria-hidden=\"true\"><span><\/span><\/div>\n\n  <header class=\"kx-hero\">\n    <div class=\"kx-hero__media\" aria-hidden=\"true\"><\/div>\n    <div class=\"kx-hero__veil\" aria-hidden=\"true\"><\/div>\n    <div class=\"kx-hero__glow\" aria-hidden=\"true\"><\/div>\n    <div class=\"kx-hero__grain\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"kx-shell kx-hero__content\">\n      <p class=\"kx-eyebrow kx-reveal\">ABOUT KAROUDX <span>OUR STORY<\/span><\/p>\n      <h1 class=\"kx-hero__title\" aria-label=\"From Nature to Memory\">\n        <span class=\"kx-title-line\"><i>From Nature<\/i><\/span>\n        <span class=\"kx-title-line kx-title-line--gold\"><i>to Memory<\/i><\/span>\n      <\/h1>\n      <p class=\"kx-hero__copy kx-reveal\">\n        An olfactory journey celebrating the beauty of Malaysian oud\u2014from the details\n        of its origin and species to the final impression that lingers long in the memory.\n      <\/p>\n      <a class=\"kx-btn kx-magnetic kx-reveal\" href=\"\/shop-2\/\">\n        <span>Explore Our Collection<\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"kx-scroll\" aria-hidden=\"true\">\n      <span>DISCOVER THE STORY<\/span><i><\/i>\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"kx-story kx-section\">\n      <div class=\"kx-shell kx-story__grid\">\n        <figure class=\"kx-story__visual kx-reveal\">\n          <div class=\"kx-story__frame\">\n            <img decoding=\"async\" src=\"https:\/\/karoudxperfume.com\/wp-content\/uploads\/2026\/04\/100216406.webp\"\n                 alt=\"Pure oud oil from the Karoudx collection\" loading=\"lazy\">\n          <\/div>\n          <figcaption>\n            <strong>KAROUDX<\/strong>\n            <span>Details that create an unforgettable presence<\/span>\n          <\/figcaption>\n        <\/figure>\n\n        <div class=\"kx-story__content\">\n          <p class=\"kx-kicker kx-reveal\">OUR STORY<\/p>\n          <h2 class=\"kx-heading kx-reveal\">When Oud Becomes<br><em>an Experience<\/em><\/h2>\n          <p class=\"kx-body kx-reveal\">\n            Karoudx is a destination for oud lovers and those drawn to fragrances with\n            genuine character. We carefully select agarwood, pure oud oils and concentrated\n            perfumes, presenting every experience with clear details about its origin,\n            species and olfactory profile.\n          <\/p>\n          <p class=\"kx-body kx-reveal\">\n            We do not seek a fleeting scent. We seek a journey that begins with the first\n            note, unfolds with quiet depth and leaves a distinctive trail that stays with\n            you and reflects your taste.\n          <\/p>\n          <div class=\"kx-signature kx-reveal\">\n            <span><\/span>\n            <p>Nature's authenticity, expressed in a contemporary way.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"kx-values kx-section\" aria-labelledby=\"kx-values-title\">\n      <div class=\"kx-values__orb kx-values__orb--one\" aria-hidden=\"true\"><\/div>\n      <div class=\"kx-values__orb kx-values__orb--two\" aria-hidden=\"true\"><\/div>\n      <div class=\"kx-shell\">\n        <p class=\"kx-kicker kx-reveal\">WHAT SETS US APART<\/p>\n        <h2 class=\"kx-heading kx-reveal\" id=\"kx-values-title\">Small Details.<br><em>A Remarkable Difference.<\/em><\/h2>\n\n        <div class=\"kx-values__grid\">\n          <article class=\"kx-card kx-reveal\">\n            <span class=\"kx-card__number\">01<\/span>\n            <div class=\"kx-card__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 48 48\"><path d=\"M24 42c10-7 15-15 15-24C31 18 25 12 24 5c-1 7-7 13-15 13 0 9 5 17 15 24Z\"\/><path d=\"M24 14v19M17 23l7 6 7-6\"\/><\/svg>\n            <\/div>\n            <h3>Source Transparency<\/h3>\n            <p>Origin and species are essential to understanding the unique character of every oud.<\/p>\n          <\/article>\n\n          <article class=\"kx-card kx-reveal\">\n            <span class=\"kx-card__number\">02<\/span>\n            <div class=\"kx-card__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 48 48\"><path d=\"M24 5c9 11 14 18 14 25a14 14 0 1 1-28 0c0-7 5-14 14-25Z\"\/><path d=\"M18 31c1 4 4 6 8 7\"\/><\/svg>\n            <\/div>\n            <h3>Considered Selection<\/h3>\n            <p>We look for balance, depth and evolution\u2014not simply a striking first impression.<\/p>\n          <\/article>\n\n          <article class=\"kx-card kx-reveal\">\n            <span class=\"kx-card__number\">03<\/span>\n            <div class=\"kx-card__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 48 48\"><path d=\"M8 28c8-16 24-16 32 0-8 16-24 16-32 0Z\"\/><circle cx=\"24\" cy=\"28\" r=\"6\"\/><path d=\"M24 5v8M10 11l6 6M38 11l-6 6\"\/><\/svg>\n            <\/div>\n            <h3>A Sensory Experience<\/h3>\n            <p>Precise descriptions of each note help you find the scent closest to your taste.<\/p>\n          <\/article>\n\n          <article class=\"kx-card kx-reveal\">\n            <span class=\"kx-card__number\">04<\/span>\n            <div class=\"kx-card__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 48 48\"><path d=\"m24 5 5.5 11.5L42 18l-9 8.5L35 39l-11-6-11 6 2-12.5L6 18l12.5-1.5L24 5Z\"\/><\/svg>\n            <\/div>\n            <h3>Worth Collecting<\/h3>\n            <p>Distinctive selections for fragrance enthusiasts and oud collectors seeking rarity.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"kx-journey kx-section\" aria-labelledby=\"kx-journey-title\">\n      <div class=\"kx-shell\">\n        <div class=\"kx-journey__intro\">\n          <p class=\"kx-kicker kx-reveal\">THE JOURNEY OF SCENT<\/p>\n          <h2 class=\"kx-heading kx-reveal\" id=\"kx-journey-title\">From the Heart of the Forest<br><em>to Your Presence<\/em><\/h2>\n        <\/div>\n\n        <div class=\"kx-timeline\">\n          <span class=\"kx-timeline__track\" aria-hidden=\"true\"><i><\/i><\/span>\n\n          <article class=\"kx-step kx-reveal\">\n            <span class=\"kx-step__dot\"><\/span>\n            <small>STAGE ONE<\/small>\n            <h3>Discovery<\/h3>\n            <p>The story begins in diverse agarwood habitats, where each place gives every species its own signature.<\/p>\n          <\/article>\n\n          <article class=\"kx-step kx-reveal\">\n            <span class=\"kx-step__dot\"><\/span>\n            <small>STAGE TWO<\/small>\n            <h3>Selection<\/h3>\n            <p>We explore every layer\u2014the opening, heart and base\u2014and how the fragrance evolves over time.<\/p>\n          <\/article>\n\n          <article class=\"kx-step kx-reveal\">\n            <span class=\"kx-step__dot\"><\/span>\n            <small>STAGE THREE<\/small>\n            <h3>Experience<\/h3>\n            <p>A fragrance reaches you with its origin intact, leaving room for you to create your own memories.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"kx-quote kx-section\">\n      <div class=\"kx-quote__image\" aria-hidden=\"true\"><\/div>\n      <div class=\"kx-quote__shade\" aria-hidden=\"true\"><\/div>\n      <div class=\"kx-shell kx-quote__content\">\n        <svg class=\"kx-quote__mark kx-reveal\" viewBox=\"0 0 80 60\" aria-hidden=\"true\"><path d=\"M7 52V31C7 13 18 5 34 4v10c-8 2-12 6-13 13h13v25H7Zm39 0V31C46 13 57 5 73 4v10c-8 2-12 6-13 13h13v25H46Z\"\/><\/svg>\n        <blockquote class=\"kx-reveal\">True fragrance does more than fill a space.<br><em>It leaves a memory behind.<\/em><\/blockquote>\n      <\/div>\n    <\/section>\n\n    <section class=\"kx-cta kx-section\">\n      <div class=\"kx-shell kx-cta__inner kx-reveal\">\n        <div>\n          <p class=\"kx-kicker\">BEGIN YOUR JOURNEY<\/p>\n          <h2>Discover the oud that feels like you.<\/h2>\n        <\/div>\n        <a class=\"kx-btn kx-btn--light kx-magnetic\" href=\"\/shop-2\/\">\n          <span>Shop Now<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/section>\n  <\/main>\n<\/section>\n\n<style>\n  @import url(\"https:\/\/cdn.salla.network\/fonts\/pingarlt.css?v=2.0.5\");\n\n  .kx-about {\n    --kx-green: #002929;\n    --kx-green-2: #073b36;\n    --kx-green-3: #0b4942;\n    --kx-gold: #c9ad68;\n    --kx-gold-light: #ead9a8;\n    --kx-ivory: #f5f1e8;\n    --kx-ink: #102824;\n    --kx-white: #fff;\n    width: 100vw;\n    margin-inline: calc(50% - 50vw);\n    overflow: clip;\n    color: var(--kx-white);\n    background: var(--kx-green);\n    font-family: \"PingARLT\", \"IBM Plex Sans Arabic\", Arial, sans-serif;\n    text-align: start;\n    isolation: isolate;\n  }\n  .kx-about, .kx-about * { box-sizing: border-box; }\n  .kx-about a { color: inherit; text-decoration: none; }\n  .kx-about img { display: block; width: 100%; }\n  .kx-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }\n  .kx-section { position: relative; }\n\n  .kx-about__progress {\n    position: fixed; inset: 0 0 auto; height: 3px; z-index: 999;\n    background: rgba(255,255,255,.06); pointer-events: none;\n  }\n  .kx-about__progress span {\n    display: block; width: 100%; height: 100%; background: var(--kx-gold);\n    transform: scaleX(0); transform-origin: left center; will-change: transform;\n  }\n\n  .kx-hero { min-height: 92svh; display: grid; align-items: center; position: relative; overflow: hidden; }\n  .kx-hero__media, .kx-hero__veil, .kx-hero__grain, .kx-hero__glow { position: absolute; inset: 0; }\n  .kx-hero__media {\n    inset: -4%;\n    background: url(\"https:\/\/karoudxperfume.com\/wp-content\/uploads\/2026\/04\/2826-scaled.jpg\") center\/cover no-repeat;\n    animation: kxHeroBreath 14s ease-in-out infinite alternate;\n    will-change: transform;\n  }\n  .kx-hero__veil { background: linear-gradient(270deg, rgba(0,41,41,.30), rgba(0,41,41,.78) 58%, rgba(0,25,25,.96)); }\n  .kx-hero__grain {\n    opacity: .11; mix-blend-mode: soft-light;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'\/%3E%3C\/svg%3E\");\n  }\n  .kx-hero__glow {\n    inset: auto; width: 460px; height: 460px; border-radius: 50%;\n    left: var(--kx-x, 32%); top: var(--kx-y, 36%); translate: -50% -50%;\n    background: radial-gradient(circle, rgba(201,173,104,.20), transparent 67%);\n    filter: blur(12px); transition: right .25s ease-out, top .25s ease-out;\n  }\n  .kx-hero__content { position: relative; z-index: 2; padding-block: 120px 90px; }\n  .kx-eyebrow, .kx-kicker {\n    margin: 0 0 20px; color: var(--kx-gold-light); font-size: 13px;\n    font-weight: 600; letter-spacing: .13em;\n  }\n  .kx-eyebrow { display: flex; align-items: center; gap: 16px; }\n  .kx-eyebrow::before { content: \"\"; width: 44px; height: 1px; background: var(--kx-gold); }\n  .kx-eyebrow span { color: rgba(255,255,255,.55); font-size: 10px; letter-spacing: .22em; }\n  .kx-hero__title { margin: 0; font-weight: 300; font-size: clamp(58px, 8.5vw, 126px); line-height: .93; letter-spacing: -.045em; }\n  .kx-title-line { display: block; overflow: hidden; padding-bottom: .1em; }\n  .kx-title-line i { display: block; font-style: normal; transform: translateY(115%); animation: kxTitleIn 1.15s cubic-bezier(.2,.75,.2,1) forwards .15s; }\n  .kx-title-line:nth-child(2) i { animation-delay: .32s; }\n  .kx-title-line--gold { color: var(--kx-gold); }\n  .kx-hero__copy { max-width: 620px; margin: 30px 0 34px; color: rgba(255,255,255,.78); font-size: clamp(16px, 1.5vw, 20px); line-height: 1.9; }\n  .kx-btn {\n    min-height: 54px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 28px;\n    border: 1px solid var(--kx-gold); color: var(--kx-white); background: rgba(0,41,41,.25);\n    font-size: 14px; font-weight: 600; transition: color .35s, background .35s, transform .2s; backdrop-filter: blur(6px);\n  }\n  .kx-btn svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .35s; transform: none; }\n  .kx-btn:hover { background: var(--kx-gold); color: var(--kx-green); }\n  .kx-btn:hover svg { transform: translateX(5px); }\n  .kx-scroll { position: absolute; z-index: 2; inset-inline-start: 28px; bottom: 28px; display: flex; align-items: center; gap: 12px; rotate: -90deg; transform-origin: left bottom; color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: .14em; }\n  .kx-scroll i { display: block; width: 50px; height: 1px; background: rgba(255,255,255,.25); overflow: hidden; }\n  .kx-scroll i::after { content: \"\"; display: block; width: 50%; height: 100%; background: var(--kx-gold); animation: kxScroll 1.8s ease-in-out infinite; }\n\n  .kx-story { padding: 145px 0; background: var(--kx-ivory); color: var(--kx-ink); }\n  .kx-story__grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(50px, 8vw, 110px); align-items: center; }\n  .kx-story__visual { margin: 0; position: relative; }\n  .kx-story__frame { position: relative; overflow: hidden; aspect-ratio: 4\/5; background: #ddd7cb; }\n  .kx-story__frame::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.32), transparent 65%); transform: translateX(120%); transition: transform 1s ease; }\n  .kx-story__visual:hover .kx-story__frame::after { transform: translateX(-120%); }\n  .kx-story__frame img { height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }\n  .kx-story__visual:hover img { transform: scale(1.035); }\n  .kx-story__visual figcaption { position: absolute; inset-inline-start: -28px; bottom: 35px; width: min(330px, 76%); padding: 22px 26px; background: var(--kx-green); color: white; box-shadow: 0 24px 60px rgba(0,41,41,.18); }\n  .kx-story__visual figcaption strong { display: block; color: var(--kx-gold); font-size: 12px; letter-spacing: .24em; }\n  .kx-story__visual figcaption span { display: block; margin-top: 7px; font-size: 15px; }\n  .kx-story .kx-kicker, .kx-journey .kx-kicker { color: #967b3b; }\n  .kx-heading { margin: 0 0 30px; color: inherit; font-size: clamp(42px, 5vw, 72px); line-height: 1.12; font-weight: 300; letter-spacing: -.035em; }\n  .kx-heading em { color: var(--kx-gold); font-style: normal; }\n  .kx-body { margin: 0 0 18px; color: rgba(16,40,36,.72); font-size: 16px; line-height: 2; }\n  .kx-signature { display: flex; align-items: center; gap: 16px; margin-top: 35px; color: var(--kx-green); font-weight: 600; }\n  .kx-signature span { width: 58px; height: 1px; background: var(--kx-gold); }\n  .kx-signature p { margin: 0; }\n\n  .kx-values { padding: 135px 0 145px; background: var(--kx-green); overflow: hidden; }\n  .kx-values__orb { position: absolute; border: 1px solid rgba(201,173,104,.18); border-radius: 50%; }\n  .kx-values__orb::after { content: \"\"; position: absolute; inset: 12%; border: inherit; border-radius: inherit; }\n  .kx-values__orb--one { width: 420px; height: 420px; left: -180px; top: -170px; animation: kxSpin 30s linear infinite; }\n  .kx-values__orb--two { width: 270px; height: 270px; right: -110px; bottom: -90px; animation: kxSpin 24s linear infinite reverse; }\n  .kx-values__grid { margin-top: 62px; display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid rgba(255,255,255,.12); }\n  .kx-card { position: relative; min-height: 360px; padding: 38px 28px; border-inline-start: 1px solid rgba(255,255,255,.12); transition: transform .45s cubic-bezier(.2,.7,.2,1), background .45s; overflow: hidden; }\n  .kx-card:first-child { border-inline-start: 0; }\n  .kx-card::before { content: \"\"; position: absolute; inset: 0; opacity: 0; background: linear-gradient(145deg, rgba(201,173,104,.18), transparent 58%); transition: opacity .45s; }\n  .kx-card:hover { transform: translateY(-10px); background: var(--kx-green-2); }\n  .kx-card:hover::before { opacity: 1; }\n  .kx-card__number { position: absolute; top: 22px; inset-inline-start: 24px; color: rgba(255,255,255,.22); font-size: 12px; letter-spacing: .18em; }\n  .kx-card__icon { width: 58px; height: 58px; margin: 38px 0 62px; display: grid; place-items: center; border: 1px solid rgba(201,173,104,.42); border-radius: 50%; transition: transform .45s, background .45s; }\n  .kx-card:hover .kx-card__icon { transform: rotate(-8deg) scale(1.08); background: rgba(201,173,104,.1); }\n  .kx-card__icon svg { width: 29px; fill: none; stroke: var(--kx-gold); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }\n  .kx-card h3 { margin: 0 0 14px; color: white; font-size: 23px; font-weight: 400; }\n  .kx-card p { margin: 0; color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.85; }\n\n  .kx-journey { padding: 145px 0; background: var(--kx-ivory); color: var(--kx-ink); }\n  .kx-journey__intro { max-width: 600px; }\n  .kx-timeline { --kx-line: 0%; position: relative; margin-top: 80px; padding-inline-start: 55px; display: grid; grid-template-columns: repeat(3,1fr); gap: 45px; }\n  .kx-timeline__track { position: absolute; inset-inline-start: 10px; top: 7px; bottom: 8px; width: 1px; background: rgba(0,41,41,.16); }\n  .kx-timeline__track i { display: block; width: 2px; height: var(--kx-line); background: var(--kx-gold); transition: height .12s linear; }\n  .kx-step { position: relative; padding: 30px; background: rgba(255,255,255,.52); border: 1px solid rgba(0,41,41,.1); }\n  .kx-step__dot { position: absolute; inset-inline-start: -51px; top: 40px; width: 12px; height: 12px; border: 2px solid var(--kx-gold); border-radius: 50%; background: var(--kx-ivory); box-shadow: 0 0 0 7px var(--kx-ivory); }\n  .kx-step small { color: #967b3b; font-size: 11px; letter-spacing: .09em; }\n  .kx-step h3 { margin: 12px 0; color: var(--kx-green); font-size: 25px; font-weight: 400; }\n  .kx-step p { margin: 0; color: rgba(16,40,36,.67); font-size: 14px; line-height: 1.9; }\n\n  .kx-quote { min-height: 650px; display: grid; place-items: center; overflow: hidden; }\n  .kx-quote__image, .kx-quote__shade { position: absolute; inset: 0; }\n  .kx-quote__image { background: url(\"https:\/\/karoudxperfume.com\/wp-content\/uploads\/2021\/09\/front-view-rectangular-cologne-bottle-branch-rotten-wood-yellow-background-copy-place-scaled.jpg\") center\/cover no-repeat; background-attachment: fixed; }\n  .kx-quote__shade { background: linear-gradient(rgba(0,34,33,.78), rgba(0,23,23,.9)); }\n  .kx-quote__content { position: relative; z-index: 1; text-align: center; }\n  .kx-quote__mark { width: 55px; fill: var(--kx-gold); opacity: .9; }\n  .kx-quote blockquote { margin: 30px auto 0; color: white; font-size: clamp(36px, 5.4vw, 76px); line-height: 1.4; font-weight: 300; }\n  .kx-quote blockquote em { color: var(--kx-gold-light); font-style: normal; }\n\n  .kx-cta { padding: 90px 0; background: var(--kx-gold); color: var(--kx-green); }\n  .kx-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }\n  .kx-cta .kx-kicker { color: rgba(0,41,41,.63); margin-bottom: 10px; }\n  .kx-cta h2 { margin: 0; color: var(--kx-green); font-size: clamp(32px,4vw,56px); font-weight: 400; }\n  .kx-btn--light { border-color: var(--kx-green); color: var(--kx-green); background: transparent; }\n  .kx-btn--light:hover { color: white; background: var(--kx-green); }\n\n  .kx-reveal { opacity: 0; transform: translateY(34px); transition: opacity .85s ease, transform .85s cubic-bezier(.2,.75,.2,1); }\n  .kx-reveal.kx-visible { opacity: 1; transform: none; }\n  .kx-values__grid .kx-reveal:nth-child(2), .kx-timeline .kx-reveal:nth-of-type(2) { transition-delay: .1s; }\n  .kx-values__grid .kx-reveal:nth-child(3), .kx-timeline .kx-reveal:nth-of-type(3) { transition-delay: .2s; }\n  .kx-values__grid .kx-reveal:nth-child(4) { transition-delay: .3s; }\n\n  @keyframes kxTitleIn { to { transform: translateY(0); } }\n  @keyframes kxHeroBreath { from { transform: scale(1.02); } to { transform: scale(1.09); } }\n  @keyframes kxScroll { 0% { transform: translateX(-110%); } 50%,100% { transform: translateX(210%); } }\n  @keyframes kxSpin { to { transform: rotate(360deg); } }\n\n\n  html[dir=\"rtl\"] .kx-about__progress span { transform-origin: right center; }\n  html[dir=\"rtl\"] .kx-btn svg { transform: scaleX(-1); }\n  html[dir=\"rtl\"] .kx-btn:hover svg { transform: scaleX(-1) translateX(-5px); }\n  html[dir=\"rtl\"] .kx-hero__veil { background: linear-gradient(90deg, rgba(0,41,41,.30), rgba(0,41,41,.78) 58%, rgba(0,25,25,.96)); }\n  @media (max-width: 980px) {\n    .kx-story__grid { grid-template-columns: 1fr; }\n    .kx-story__visual { width: min(650px, 92%); }\n    .kx-values__grid { grid-template-columns: repeat(2,1fr); }\n    .kx-card:nth-child(3) { border-inline-start: 0; border-top: 1px solid rgba(255,255,255,.12); }\n    .kx-card:nth-child(4) { border-top: 1px solid rgba(255,255,255,.12); }\n    .kx-timeline { grid-template-columns: 1fr; }\n    .kx-quote__image { background-attachment: scroll; }\n  }\n  @media (max-width: 620px) {\n    .kx-shell { width: min(100% - 28px, 1180px); }\n    .kx-hero { min-height: 82svh; }\n    .kx-hero__content { padding-block: 100px 70px; }\n    .kx-hero__title { font-size: clamp(49px, 16vw, 76px); }\n    .kx-hero__veil { background: linear-gradient(rgba(0,41,41,.38), rgba(0,30,30,.94) 72%); }\n    .kx-scroll { display: none; }\n    .kx-story, .kx-values, .kx-journey { padding-block: 90px; }\n    .kx-story__visual { width: calc(100% - 14px); }\n    .kx-story__visual figcaption { inset-inline-start: -14px; bottom: 20px; }\n    .kx-heading { font-size: 42px; }\n    .kx-values__grid { grid-template-columns: 1fr; margin-top: 45px; }\n    .kx-card { min-height: 300px; border-inline-start: 0; border-top: 1px solid rgba(255,255,255,.12); }\n    .kx-card:first-child { border-top: 0; }\n    .kx-card__icon { margin-bottom: 40px; }\n    .kx-timeline { margin-top: 50px; padding-inline-start: 38px; gap: 24px; }\n    .kx-step__dot { inset-inline-start: -34px; }\n    .kx-quote { min-height: 540px; }\n    .kx-cta__inner { align-items: flex-start; flex-direction: column; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .kx-about *, .kx-about *::before, .kx-about *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }\n    .kx-reveal { opacity: 1; transform: none; }\n  }\n<\/style>\n\n<script>\n(() => {\n  const root = document.querySelector('.kx-about');\n  if (!root || root.dataset.ready) return;\n  root.dataset.ready = 'true';\n\n  const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const reveals = root.querySelectorAll('.kx-reveal');\n\n  if (!reduced && 'IntersectionObserver' in window) {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('kx-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.13, rootMargin: '0px 0px -6% 0px' });\n    reveals.forEach((item) => observer.observe(item));\n  } else {\n    reveals.forEach((item) => item.classList.add('kx-visible'));\n  }\n\n  const progress = root.querySelector('.kx-about__progress span');\n  const timeline = root.querySelector('.kx-timeline');\n  const updateScroll = () => {\n    const rect = root.getBoundingClientRect();\n    const distance = Math.max(1, root.offsetHeight - innerHeight);\n    const value = Math.min(1, Math.max(0, -rect.top \/ distance));\n    if (progress) progress.style.transform = `scaleX(${value})`;\n\n    if (timeline) {\n      const lineRect = timeline.getBoundingClientRect();\n      const lineValue = Math.min(1, Math.max(0, (innerHeight * .78 - lineRect.top) \/ (lineRect.height || 1)));\n      timeline.style.setProperty('--kx-line', `${lineValue * 100}%`);\n    }\n  };\n  addEventListener('scroll', updateScroll, { passive: true });\n  addEventListener('resize', updateScroll, { passive: true });\n  updateScroll();\n\n  const hero = root.querySelector('.kx-hero');\n  if (hero && !reduced && matchMedia('(pointer:fine)').matches) {\n    hero.addEventListener('pointermove', (event) => {\n      const box = hero.getBoundingClientRect();\n      hero.style.setProperty('--kx-x', `${((event.clientX - box.left) \/ box.width) * 100}%`);\n      hero.style.setProperty('--kx-y', `${((event.clientY - box.top) \/ box.height) * 100}%`);\n    });\n\n    root.querySelectorAll('.kx-magnetic').forEach((button) => {\n      button.addEventListener('pointermove', (event) => {\n        const box = button.getBoundingClientRect();\n        button.style.transform = `translate(${(event.clientX - box.left - box.width \/ 2) * .11}px, ${(event.clientY - box.top - box.height \/ 2) * .15}px)`;\n      });\n      button.addEventListener('pointerleave', () => { button.style.transform = ''; });\n    });\n  }\n})();\n<\/script>\n\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>ABOUT KAROUDX OUR STORY From Nature to Memory An olfactory journey celebrating the beauty of Malaysian oud\u2014from the details of<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":10,"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":29532,"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/pages\/27\/revisions\/29532"}],"wp:attachment":[{"href":"https:\/\/karoudxperfume.com\/ar\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}