{"id":1284,"date":"2026-08-04T16:00:19","date_gmt":"2026-08-04T16:00:19","guid":{"rendered":"https:\/\/sampanandleaf.com\/?page_id=1284"},"modified":"2026-08-05T02:24:22","modified_gmt":"2026-08-05T02:24:22","slug":"our-story","status":"publish","type":"page","link":"https:\/\/sampanandleaf.com\/id\/our-story\/","title":{"rendered":"our story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1284\" class=\"elementor elementor-1284\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-826f6bd e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"826f6bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e1c458 elementor-widget elementor-widget-html\" data-id=\"9e1c458\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&family=DM+Sans:wght@400;500&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,400&display=swap');\n#j_story_page#j_story_page{container-type:inline-size;width:100%;max-width:none;min-width:0;margin:0;padding:0;background:#faf8f5;isolation:isolate;font-size:16px!important;line-height:normal!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}\n#j_story_page#j_story_page .sampan-page :where(h1,h2,h3,p,blockquote,ul,li,span,label,input,textarea,button,a,cite,strong,b,figcaption){font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;text-align:inherit!important;text-decoration:inherit!important;color:inherit!important}\n#j_story_page#j_story_page{--s-gold:#b8960c;--s-gold-light:#d4af37;--s-charcoal:#1c1c1c;--s-black:#111;--s-warm:#faf8f5;--s-brown:#4a4035;--s-muted:#8c8070;--s-line:#e0d8ce;--s-display:\"Cormorant Garamond\",Georgia,serif;--s-body:\"DM Sans\",Arial,sans-serif;--s-fraunces:\"Fraunces\",Georgia,serif}\n#j_story_page#j_story_page{scroll-behavior:smooth}\n#j_story_page#j_story_page{margin:0!important;background:var(--s-warm)}\n#j_story_page#j_story_page .sampan-page,#j_story_page#j_story_page .sampan-page *{box-sizing:border-box}\n#j_story_page#j_story_page .sampan-page{width:100%;min-height:100vh;overflow:hidden;background:var(--s-warm);color:var(--s-charcoal)!important;font-family:var(--s-body)!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;-webkit-font-smoothing:antialiased}\n#j_story_page#j_story_page .sampan-page img{display:block;max-width:100%}\n#j_story_page#j_story_page .sampan-page a{color:inherit!important;text-decoration:none!important}\n#j_story_page#j_story_page .sampan-page h1,#j_story_page#j_story_page .sampan-page h2,#j_story_page#j_story_page .sampan-page h3,#j_story_page#j_story_page .sampan-page p,#j_story_page#j_story_page .sampan-page blockquote,#j_story_page#j_story_page .sampan-page ul{margin:0!important}\n#j_story_page#j_story_page .sampan-page button,#j_story_page#j_story_page .sampan-page input,#j_story_page#j_story_page .sampan-page textarea{font:inherit!important}\n#j_story_page#j_story_page .s_container{width:100%;max-width:1440px;margin:0 auto!important;padding:0 24px}\n#j_story_page#j_story_page .s_max1280{max-width:1280px}#j_story_page#j_story_page .s_max1152{max-width:1152px}#j_story_page#j_story_page .s_max1024{max-width:1024px}#j_story_page#j_story_page .s_max896{max-width:896px}#j_story_page#j_story_page .s_max768{max-width:768px}#j_story_page#j_story_page .s_max672{max-width:672px}\n#j_story_page#j_story_page .s_section96{padding:96px 0}#j_story_page#j_story_page .s_section80{padding:80px 0}#j_story_page#j_story_page .s_white{background:#fff}#j_story_page#j_story_page .s_warm{background:var(--s-warm)}#j_story_page#j_story_page .s_dark{background:var(--s-charcoal);color:#fff!important}\n#j_story_page#j_story_page .s_label{font:400 12px\/16px var(--s-body)!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:var(--s-gold)!important}\n#j_story_page#j_story_page .s_dark .s_label{color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .s_title{font:300 48px\/1.25 var(--s-display)!important;letter-spacing:0!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .s_dark .s_title{color:#fff!important}\n#j_story_page#j_story_page .s_body{font:400 14px\/1.625 var(--s-body)!important;letter-spacing:0!important;color:var(--s-brown)!important}\n#j_story_page#j_story_page .s_dark .s_body{color:rgba(255,255,255,.65)!important}\n#j_story_page#j_story_page .s_divider{width:48px;height:1px;background:var(--s-gold)}\n#j_story_page#j_story_page .s_divider.wide{width:64px}#j_story_page#j_story_page .s_divider.center{margin-left:auto!important;margin-right:auto!important}\n#j_story_page#j_story_page .s_fade{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);animation:s_fade_safety .7s cubic-bezier(.23,1,.32,1) 1.4s forwards}\n#j_story_page#j_story_page .s_fade.s_visible{opacity:1;transform:translateY(0);animation:none}\n@keyframes s_fade_safety{to{opacity:1;transform:translateY(0)}}\n#j_story_page#j_story_page .s_delay80{transition-delay:80ms}#j_story_page#j_story_page .s_delay100{transition-delay:100ms}#j_story_page#j_story_page .s_delay120{transition-delay:120ms}#j_story_page#j_story_page .s_delay150{transition-delay:150ms}#j_story_page#j_story_page .s_delay200{transition-delay:200ms}#j_story_page#j_story_page .s_delay240{transition-delay:240ms}#j_story_page#j_story_page .s_delay300{transition-delay:300ms}\n\n#j_story_page#j_story_page .story_hero{position:relative;display:flex;align-items:flex-end;min-height:60vh;overflow:hidden;background:var(--s-black)}\n#j_story_page#j_story_page .story_hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.3}\n#j_story_page#j_story_page .story_hero_content{position:relative;z-index:1;width:100%;padding:160px 96px 64px}\n#j_story_page#j_story_page .story_hero .s_label{margin-bottom:20px!important;color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .story_hero h1{margin:0!important;font:300 clamp(40px,6vw,80px)\/1.25 var(--s-fraunces)!important;letter-spacing:0!important;color:#fff!important}\n#j_story_page#j_story_page .story_hero .s_divider{width:64px;margin-top:32px!important}\n#j_story_page#j_story_page .story_intro_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:start;margin:0 auto!important}\n#j_story_page#j_story_page .story_portrait{position:relative;max-width:320px;margin:0!important}\n#j_story_page#j_story_page .story_portrait:before,#j_story_page#j_story_page .story_portrait:after{content:\"\";position:absolute;width:48px;height:48px;z-index:2}\n#j_story_page#j_story_page .story_portrait:before{left:-12px;top:-12px;border-left:2px solid var(--s-gold);border-top:2px solid var(--s-gold)}\n#j_story_page#j_story_page .story_portrait:after{right:-12px;bottom:-12px;border-right:2px solid var(--s-gold);border-bottom:2px solid var(--s-gold)}\n#j_story_page#j_story_page .story_portrait img{position:relative;z-index:1;width:100%;filter:grayscale(100%) contrast(1.15) brightness(1.02)}\n#j_story_page#j_story_page .story_portrait figcaption{position:relative;z-index:1;background:var(--s-charcoal);padding:12px 20px}\n#j_story_page#j_story_page .story_portrait_name{font:italic 400 14px\/20px var(--s-display)!important;color:rgba(255,255,255,.8)!important}\n#j_story_page#j_story_page .story_portrait_meta{margin-top:2px!important;font:400 10px\/14px var(--s-body)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--s-gold)!important}\n#j_story_page#j_story_page .story_copy .s_label{margin-bottom:16px!important}#j_story_page#j_story_page .story_copy h2{margin-bottom:20px!important;font:300 36px\/1.25 var(--s-display)!important}\n#j_story_page#j_story_page .story_copy .s_divider{margin-bottom:32px!important}\n#j_story_page#j_story_page .story_copy_text{display:grid;gap:20px}\n#j_story_page#j_story_page .story_copy_text p{font:400 14px\/1.9 var(--s-body)!important;color:var(--s-brown)!important}\n#j_story_page#j_story_page .story_copy_text strong{font-weight:500!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .story_kingdom{padding:64px 24px;text-align:center!important;background:var(--s-warm)}\n#j_story_page#j_story_page .story_kingdom .s_label{margin-bottom:16px!important;letter-spacing:.4em!important}\n#j_story_page#j_story_page .story_kingdom h2{font:300 60px\/1.25 var(--s-fraunces)!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .story_kingdom .s_divider{width:64px;margin:24px auto 0!important}\n#j_story_page#j_story_page .story_plantation{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden}\n#j_story_page#j_story_page .story_plantation>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(15%) contrast(1.12) brightness(.9)}\n#j_story_page#j_story_page .story_plantation:after{content:\"\";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.7) 100%)}\n#j_story_page#j_story_page .story_plantation_caption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 96px 40px}\n#j_story_page#j_story_page .story_plantation_caption>div{max-width:768px}\n#j_story_page#j_story_page .story_plantation_caption h2{margin-bottom:8px!important;font:italic 400 20px\/28px var(--s-display)!important;color:rgba(255,255,255,.9)!important}\n#j_story_page#j_story_page .story_plantation_caption p{max-width:576px;font:400 14px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.6)!important}\n#j_story_page#j_story_page .story_timeline_head{text-align:center!important;margin-bottom:64px!important}\n#j_story_page#j_story_page .story_timeline_head .s_label{margin-bottom:16px!important}\n#j_story_page#j_story_page .story_timeline_head h2{font:300 36px\/40px var(--s-fraunces)!important}\n#j_story_page#j_story_page .story_timeline_head .s_divider{margin:24px auto 0!important}\n#j_story_page#j_story_page .story_timeline_list{display:grid}\n#j_story_page#j_story_page .story_timeline_item{position:relative;display:grid;grid-template-columns:20px 1fr;gap:32px;padding-bottom:48px}\n#j_story_page#j_story_page .story_timeline_item:not(:last-child):after{content:\"\";position:absolute;left:9px;top:28px;bottom:0;width:1px;background:rgba(184,150,12,.25)}\n#j_story_page#j_story_page .story_dot{position:relative;z-index:1;width:20px;height:20px;margin-top:4px!important;border:2px solid var(--s-gold);border-radius:50%;background:var(--s-charcoal)}\n#j_story_page#j_story_page .story_time_meta{display:flex;align-items:baseline;gap:12px;margin-bottom:4px!important}\n#j_story_page#j_story_page .story_year{font:400 20px\/28px var(--s-display)!important;color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .story_place{font:400 10px\/14px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:rgba(255,255,255,.4)!important}\n#j_story_page#j_story_page .story_timeline_item p{font:400 14px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.65)!important}\n#j_story_page#j_story_page .story_health_head{text-align:center!important;margin-bottom:64px!important}\n#j_story_page#j_story_page .story_health_head .s_label{margin-bottom:16px!important}\n#j_story_page#j_story_page .story_health_head .s_title{margin-bottom:24px!important;font-family:var(--s-fraunces)!important}\n#j_story_page#j_story_page .story_health_head .s_divider{width:64px;margin:0 auto!important}\n#j_story_page#j_story_page .story_pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--s-line)}\n#j_story_page#j_story_page .story_pillar{padding:40px;min-height:100%}\n#j_story_page#j_story_page .story_pillar_wrap:not(:last-child){border-right:1px solid var(--s-line)}\n#j_story_page#j_story_page .story_stat{margin-bottom:16px!important;font:300 48px\/1 var(--s-display)!important;color:var(--s-gold)!important}\n#j_story_page#j_story_page .story_pillar h3{margin-bottom:16px!important;font:400 12px\/1.375 var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .story_pillar .s_divider{width:32px;margin-bottom:20px!important}\n#j_story_page#j_story_page .story_pillar p:last-child{font:400 14px\/1.625 var(--s-body)!important;color:var(--s-brown)!important}\n#j_story_page#j_story_page .story_mission_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}\n#j_story_page#j_story_page .story_mission_copy .s_label{margin-bottom:20px!important}#j_story_page#j_story_page .story_mission_copy h2{margin-bottom:24px!important;font:300 36px\/1.25 var(--s-fraunces)!important;color:#fff!important}\n#j_story_page#j_story_page .story_mission_copy .s_divider{margin-bottom:24px!important}#j_story_page#j_story_page .story_mission_copy p{font:400 14px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.65)!important}\n#j_story_page#j_story_page .story_mission_point{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}\n#j_story_page#j_story_page .story_check{flex:none;margin-top:2px!important;font:400 20px\/28px var(--s-display)!important;color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .story_mission_point h3{margin-bottom:4px!important;font:400 12px\/16px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#fff!important}\n#j_story_page#j_story_page .story_mission_point p{font:400 14px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.5)!important}\n#j_story_page#j_story_page .story_founder{text-align:center!important}\n#j_story_page#j_story_page .story_founder .s_label{margin-bottom:24px!important}\n#j_story_page#j_story_page .story_founder blockquote{margin-bottom:32px!important;font:italic 400 30px\/1.625 var(--s-display)!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .story_founder .s_divider{width:60px;margin:0 auto 24px!important}\n#j_story_page#j_story_page .story_founder_name{font:400 18px\/28px var(--s-display)!important}\n#j_story_page#j_story_page .story_founder_meta{margin-top:4px!important;font:400 12px\/16px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--s-muted)!important}\n\n#j_story_page#j_story_page .why_hero{position:relative;display:flex;align-items:flex-end;min-height:70vh;overflow:hidden;background:linear-gradient(135deg,var(--s-charcoal),#0d0d0d)}\n#j_story_page#j_story_page .why_hero_char{position:absolute;right:80px;top:50%;transform:translateY(-50%);font:300 352px\/1 var(--s-display)!important;color:rgba(255,255,255,.03)!important;user-select:none}\n#j_story_page#j_story_page .why_hero_content{position:relative;z-index:1;width:100%;max-width:1024px;padding:160px 96px 80px}\n#j_story_page#j_story_page .why_hero .s_label{margin-bottom:20px!important;color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .why_hero h1{margin-bottom:24px!important;font:300 clamp(44.8px,6vw,88px)\/1.25 var(--s-display)!important;color:#fff!important}\n#j_story_page#j_story_page .why_hero .s_divider{width:64px;margin-bottom:24px!important}\n#j_story_page#j_story_page .why_hero p:last-child{max-width:576px;font:400 16px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.6)!important}\n#j_story_page#j_story_page .why_longevity_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start;margin-bottom:64px!important}\n#j_story_page#j_story_page .why_stats{border:1px solid var(--s-line)}\n#j_story_page#j_story_page .why_stat{display:flex;align-items:center;gap:32px;padding:32px}\n#j_story_page#j_story_page .why_stat:not(:last-child){border-bottom:1px solid var(--s-line)}\n#j_story_page#j_story_page .why_stat strong{width:96px;flex:none;font:300 48px\/1 var(--s-display)!important;color:var(--s-gold)!important}\n#j_story_page#j_story_page .why_stat span{font:400 12px\/1.375 var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .why_longevity_copy .s_label{margin-bottom:16px!important}#j_story_page#j_story_page .why_longevity_copy .s_title{margin-bottom:24px!important}\n#j_story_page#j_story_page .why_longevity_copy .s_divider{margin-bottom:24px!important}#j_story_page#j_story_page .why_longevity_copy>.s_body{margin-bottom:24px!important}\n#j_story_page#j_story_page .why_longevity_copy blockquote{padding:4px 0 4px 20px;border-left:2px solid var(--s-gold)}\n#j_story_page#j_story_page .why_longevity_copy blockquote p{font:italic 400 14px\/1.625 var(--s-body)!important;color:var(--s-brown)!important}\n#j_story_page#j_story_page .why_yumcha{position:relative;max-height:520px;overflow:hidden}\n#j_story_page#j_story_page .why_yumcha img{width:100%;max-height:520px;object-fit:cover;object-position:center}\n#j_story_page#j_story_page .why_yumcha:after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(28,28,28,.45),transparent 50%,transparent 80%,rgba(28,28,28,.15))}\n#j_story_page#j_story_page .why_yumcha figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:32px 40px;font:400 10px\/14px var(--s-body)!important;letter-spacing:.25em!important;text-transform:uppercase!important;color:rgba(255,255,255,.7)!important}\n#j_story_page#j_story_page .why_compare_head{text-align:center!important;margin-bottom:64px!important}\n#j_story_page#j_story_page .why_compare_head .s_label{margin-bottom:16px!important}#j_story_page#j_story_page .why_compare_head .s_title{margin-bottom:24px!important}#j_story_page#j_story_page .why_compare_head .s_divider{width:64px;margin:0 auto 24px!important}\n#j_story_page#j_story_page .why_compare_head .s_body{max-width:672px;margin:auto!important;color:rgba(255,255,255,.6)!important}\n#j_story_page#j_story_page .why_compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:896px;margin:auto!important;border:1px solid rgba(255,255,255,.1)}\n#j_story_page#j_story_page .why_compare_card{padding:40px}#j_story_page#j_story_page .why_compare_card:first-child{border-right:1px solid rgba(255,255,255,.1)}\n#j_story_page#j_story_page .why_compare_title{display:flex;align-items:center;gap:12px;margin-bottom:24px!important}\n#j_story_page#j_story_page .why_compare_title span{font-size:24px!important;line-height:32px!important}#j_story_page#j_story_page .why_compare_title h3{font:400 12px\/16px var(--s-body)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:rgba(255,255,255,.4)!important}\n#j_story_page#j_story_page .why_compare_card.tea .why_compare_title h3{color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .why_points{display:grid;gap:16px;padding:0;list-style:none}\n#j_story_page#j_story_page .why_points li{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}\n#j_story_page#j_story_page .why_points b{margin-top:2px!important;font:400 14px\/20px var(--s-body)!important;color:rgba(248,113,113,.6)!important}\n#j_story_page#j_story_page .why_compare_card.tea .why_points b{color:var(--s-gold-light)!important}\n#j_story_page#j_story_page .why_points span{font:400 14px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.5)!important}\n#j_story_page#j_story_page .why_compare_card.tea .why_points span{color:rgba(255,255,255,.8)!important}\n#j_story_page#j_story_page .why_science_head{margin-bottom:64px!important}#j_story_page#j_story_page .why_science_head .s_label{margin-bottom:16px!important}#j_story_page#j_story_page .why_science_head .s_title{margin-bottom:24px!important}#j_story_page#j_story_page .why_science_head .s_divider{margin-bottom:24px!important}\n#j_story_page#j_story_page .why_science_head .s_body{max-width:672px}\n#j_story_page#j_story_page .why_science_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--s-line)}\n#j_story_page#j_story_page .why_science_card{padding:40px;background:#fff}\n#j_story_page#j_story_page .why_science_card:nth-child(odd){border-right:1px solid var(--s-line)}\n#j_story_page#j_story_page .why_science_card:nth-child(-n+2){border-bottom:1px solid var(--s-line)}\n#j_story_page#j_story_page .why_science_icon{display:block;margin-bottom:16px!important;font-size:30px!important;line-height:36px!important}\n#j_story_page#j_story_page .why_science_card h3{margin-bottom:12px!important;font:400 12px\/16px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .why_science_card .s_divider{width:24px;margin-bottom:16px!important}\n#j_story_page#j_story_page .why_science_card p{font:400 14px\/1.625 var(--s-body)!important;color:var(--s-brown)!important}\n#j_story_page#j_story_page .why_mission_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center}\n#j_story_page#j_story_page .why_mission_copy .s_label{margin-bottom:20px!important}#j_story_page#j_story_page .why_mission_copy .s_title{margin-bottom:24px!important}#j_story_page#j_story_page .why_mission_copy .s_divider{margin-bottom:24px!important}#j_story_page#j_story_page .why_mission_copy .s_body{margin-bottom:40px!important}\n#j_story_page#j_story_page .why_cta{display:inline-block;padding:16px 32px;border:1px solid var(--s-gold-light);font:400 14px\/20px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#fff!important;transition:background-color .3s,color .3s}\n#j_story_page#j_story_page .why_cta:hover,#j_story_page#j_story_page .why_cta:focus-visible{background:var(--s-gold-light);color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .why_badges{border:1px solid rgba(255,255,255,.1)}\n#j_story_page#j_story_page .why_badge{display:grid;grid-template-columns:28px 1fr;gap:20px;padding:24px}\n#j_story_page#j_story_page .why_badge:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}\n#j_story_page#j_story_page .why_badge_icon{font-size:24px!important;line-height:32px!important}#j_story_page#j_story_page .why_badge h3{margin-bottom:4px!important;font:400 12px\/16px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#fff!important}\n#j_story_page#j_story_page .why_badge p{font:400 12px\/1.625 var(--s-body)!important;color:rgba(255,255,255,.4)!important}\n\n#j_story_page#j_story_page .contact_hero{padding:128px 24px 64px;background:#fff;text-align:center!important}\n#j_story_page#j_story_page .contact_hero .s_label{margin-bottom:12px!important}#j_story_page#j_story_page .contact_hero h1{margin-bottom:16px!important;font:300 60px\/1 var(--s-display)!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .contact_hero .s_divider{width:64px;margin:0 auto 24px!important}#j_story_page#j_story_page .contact_hero p:last-child{max-width:448px;margin:auto!important;font:400 14px\/1.625 var(--s-body)!important;color:var(--s-muted)!important}\n#j_story_page#j_story_page .contact_body{padding:80px 0;background:var(--s-warm)}\n#j_story_page#j_story_page .contact_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin:auto!important}\n#j_story_page#j_story_page .contact_info{display:grid;gap:40px}#j_story_page#j_story_page .contact_info h2{margin-bottom:12px!important;font:400 24px\/32px var(--s-display)!important}\n#j_story_page#j_story_page .contact_info .s_divider{width:32px;margin-bottom:20px!important}#j_story_page#j_story_page .contact_info .s_body{line-height:1.625!important}\n#j_story_page#j_story_page .contact_info h3{margin-bottom:8px!important;font:400 12px\/16px var(--s-body)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--s-gold)!important}\n#j_story_page#j_story_page .contact_info_block p{font:400 14px\/20px var(--s-body)!important;color:var(--s-brown)!important}\n#j_story_page#j_story_page .contact_quote{padding-left:20px;border-left:2px solid var(--s-gold)}\n#j_story_page#j_story_page .contact_quote p{font:italic 400 18px\/1.625 var(--s-display)!important;color:var(--s-charcoal)!important}\n#j_story_page#j_story_page .contact_quote cite{display:block;margin-top:8px!important;font:normal 400 12px\/16px var(--s-body)!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--s-muted)!important}\n#j_story_page#j_story_page .contact_form{display:grid;gap:24px}#j_story_page#j_story_page .contact_form_row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}\n#j_story_page#j_story_page .contact_field label{display:block;margin-bottom:8px!important;font:400 12px\/16px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--s-muted)!important}\n#j_story_page#j_story_page .contact_field input,#j_story_page#j_story_page .contact_field textarea{display:block;width:100%;border:1px solid var(--s-line);border-radius:0;outline:0;background:#fff;padding:12px 16px;font:400 14px\/20px var(--s-body)!important;color:var(--s-charcoal)!important;transition:border-color .15s}\n#j_story_page#j_story_page .contact_field input:focus,#j_story_page#j_story_page .contact_field textarea:focus{border-color:var(--s-gold)}\n#j_story_page#j_story_page .contact_field textarea{min-height:144px;resize:none}\n#j_story_page#j_story_page .contact_submit{width:100%;border:0;border-radius:0;background:var(--s-charcoal);padding:16px 32px;font:400 14px\/20px var(--s-body)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#fff!important;cursor:pointer;transition:background-color .3s,transform .15s}\n#j_story_page#j_story_page .contact_submit:hover,#j_story_page#j_story_page .contact_submit:focus-visible{background:var(--s-gold)}#j_story_page#j_story_page .contact_submit:active{transform:scale(.98)}\n#j_story_page#j_story_page .contact_success{display:none;min-height:100%;padding:64px 0;text-align:center!important;align-content:center}\n#j_story_page#j_story_page .contact_success.s_show{display:grid}#j_story_page#j_story_page .contact_success .s_divider{margin:0 auto 24px!important}#j_story_page#j_story_page .contact_success h2{margin-bottom:12px!important;font:400 24px\/32px var(--s-display)!important}\n#j_story_page#j_story_page .contact_success .short{width:32px;margin-bottom:16px!important}#j_story_page#j_story_page .contact_success p{max-width:320px;margin:auto!important;font:400 14px\/1.625 var(--s-body)!important;color:var(--s-muted)!important}\n\n@container (min-width:1024px){#j_story_page#j_story_page .s_container{padding-left:48px;padding-right:48px}}\n@container (max-width:1023px){\n  #j_story_page#j_story_page .s_container{padding-left:24px;padding-right:24px}\n  #j_story_page#j_story_page .story_hero_content,#j_story_page#j_story_page .why_hero_content{padding-left:64px;padding-right:64px}\n  #j_story_page#j_story_page .story_plantation_caption{padding-left:64px;padding-right:64px}\n  #j_story_page#j_story_page .story_intro_grid,#j_story_page#j_story_page .why_longevity_grid,#j_story_page#j_story_page .why_mission_grid,#j_story_page#j_story_page .contact_grid{grid-template-columns:1fr}\n  #j_story_page#j_story_page .story_intro_grid{gap:80px}#j_story_page#j_story_page .story_portrait{margin-left:auto!important;margin-right:auto!important}\n  #j_story_page#j_story_page .why_longevity_grid{gap:64px}#j_story_page#j_story_page .why_mission_grid{gap:80px}#j_story_page#j_story_page .contact_grid{gap:64px}\n}\n@container (max-width:767px){\n  #j_story_page#j_story_page .s_title{font-size:36px!important}#j_story_page#j_story_page .s_section96{padding:96px 0}\n  #j_story_page#j_story_page .story_hero_content,#j_story_page#j_story_page .why_hero_content{padding-left:32px;padding-right:32px}\n  #j_story_page#j_story_page .story_hero_content{padding-bottom:64px}#j_story_page#j_story_page .why_hero_content{padding-bottom:80px}\n  #j_story_page#j_story_page .story_hero h1{font-size:40px!important}#j_story_page#j_story_page .story_kingdom h2{font-size:36px!important}\n  #j_story_page#j_story_page .story_plantation_caption{padding:0 32px 40px}#j_story_page#j_story_page .story_plantation_caption h2{font-size:18px!important}\n  #j_story_page#j_story_page .story_health_head .s_title{font-size:36px!important}#j_story_page#j_story_page .story_pillars{grid-template-columns:1fr}\n  #j_story_page#j_story_page .story_pillar_wrap:not(:last-child){border-right:0;border-bottom:1px solid var(--s-line)}\n  #j_story_page#j_story_page .story_mission_grid{grid-template-columns:1fr;gap:64px}#j_story_page#j_story_page .story_founder blockquote{font-size:24px!important}\n  #j_story_page#j_story_page .why_hero_char{right:32px;font-size:288px!important}#j_story_page#j_story_page .why_hero h1{font-size:44.8px!important}\n  #j_story_page#j_story_page .why_compare{grid-template-columns:1fr}#j_story_page#j_story_page .why_compare_card:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}\n  #j_story_page#j_story_page .why_science_grid{grid-template-columns:1fr}#j_story_page#j_story_page .why_science_card:nth-child(odd){border-right:0}#j_story_page#j_story_page .why_science_card:not(:last-child){border-bottom:1px solid var(--s-line)}\n  #j_story_page#j_story_page .why_mission_grid{grid-template-columns:1fr;gap:80px}\n  #j_story_page#j_story_page .contact_hero h1{font-size:48px!important}#j_story_page#j_story_page .contact_grid{grid-template-columns:1fr}\n}\n@container (max-width:479px){\n  #j_story_page#j_story_page .s_container{padding-left:24px;padding-right:24px}#j_story_page#j_story_page .s_section96{padding:96px 0}\n  #j_story_page#j_story_page .story_hero_content,#j_story_page#j_story_page .why_hero_content{padding-left:32px;padding-right:32px;padding-top:160px}\n  #j_story_page#j_story_page .story_copy h2,#j_story_page#j_story_page .story_timeline_head h2,#j_story_page#j_story_page .story_mission_copy h2{font-size:30px!important}\n  #j_story_page#j_story_page .story_portrait{max-width:320px}#j_story_page#j_story_page .story_kingdom{padding-left:24px;padding-right:24px}\n  #j_story_page#j_story_page .story_plantation{min-height:600px}#j_story_page#j_story_page .story_timeline_item{gap:24px}\n  #j_story_page#j_story_page .story_pillar,#j_story_page#j_story_page .why_science_card,#j_story_page#j_story_page .why_compare_card{padding:40px}\n  #j_story_page#j_story_page .why_hero p:last-child{font-size:14px!important}#j_story_page#j_story_page .why_stat{gap:24px;padding:32px 24px}#j_story_page#j_story_page .why_stat strong{width:80px}\n  #j_story_page#j_story_page .why_yumcha figcaption{padding:24px}#j_story_page#j_story_page .why_mission_copy .s_title{font-size:36px!important}\n  #j_story_page#j_story_page .contact_hero{padding-left:24px;padding-right:24px}#j_story_page#j_story_page .contact_body{padding:80px 0}\n  #j_story_page#j_story_page .contact_form_row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}\n}\n@media(prefers-reduced-motion:reduce){#j_story_page#j_story_page{scroll-behavior:auto}#j_story_page#j_story_page .s_fade{opacity:1;transform:none;transition:none}}\n<\/style>\n<div id=\"j_story_page\" class=\"j_sampan_elementor_host\">\n<main class=\"sampan-page story_page\">\n  <section class=\"story_hero\" aria-labelledby=\"j_story_page_story-hero-title\">\n    <img decoding=\"async\" src=\"https:\/\/sampanandleaf.com\/wp-content\/uploads\/2026\/08\/story_banner_f7dfb3a5-scaled.png\" alt=\"Tea plantation at dawn\">\n    <div class=\"story_hero_content\">\n      <p class=\"s_label\">Our Heritage<\/p>\n      <h1 id=\"j_story_page_story-hero-title\">A Sampan,<br>A Leaf,<br>A Legacy.<\/h1>\n      <div class=\"s_divider\"><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s_section96 s_white\" aria-labelledby=\"j_story_page_story-beginning-title\">\n    <div class=\"s_container s_max1024\">\n      <div class=\"story_intro_grid\">\n        <div class=\"s_fade\">\n          <figure class=\"story_portrait\">\n            <img decoding=\"async\" src=\"https:\/\/sampanandleaf.com\/wp-content\/uploads\/2026\/08\/realgrandpa_d4cff174.jpeg\" alt=\"Lim Keng Soan - Our Legacy, 1925\">\n            <figcaption>\n              <p class=\"story_portrait_name\">Lim Keng Soan<\/p>\n              <p class=\"story_portrait_meta\">Founder of PT. Tjikondang \u00b7 EST. 1925<\/p>\n            <\/figcaption>\n          <\/figure>\n        <\/div>\n        <div class=\"story_copy s_fade s_delay150\">\n          <p class=\"s_label\">The Beginning<\/p>\n          <h2 id=\"j_story_page_story-beginning-title\">From Anxi to the World<\/h2>\n          <div class=\"s_divider\"><\/div>\n          <div class=\"story_copy_text\">\n            <p>In 1925, <strong>Lim Keng Soan<\/strong> left Anxi, China \u2014 the tea capital \u2014 with little more than resilience and a dream. Anxi is the birthplace of Tie Guan Yin, one of the world's most celebrated oolongs, and it was here that his love of tea was first cultivated.<\/p>\n            <p>Sailing south by sampan, he crossed open seas with nothing but courage and conviction. He planted tea in Singapore, built a thriving business in Jakarta, and created a legacy that would span generations and continents.<\/p>\n            <p>His hands knew the weight of tea leaves. His eyes knew the colour of a perfect brew. His spirit knew that every journey \u2014 no matter how uncertain \u2014 begins with a single, courageous step.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"story_kingdom\" aria-labelledby=\"j_story_page_story-kingdom-title\">\n    <div class=\"s_fade\">\n      <p class=\"s_label\">The Kingdom<\/p>\n      <h2 id=\"j_story_page_story-kingdom-title\">A Tea Kingdom<br>Built by Hand<\/h2>\n      <div class=\"s_divider\"><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"story_plantation\" aria-label=\"Historic tea plantation\">\n    <img decoding=\"async\" src=\"https:\/\/sampanandleaf.com\/wp-content\/uploads\/2026\/08\/realplantation_93f57c4e.jpeg\" alt=\"The tea plantation - Jakarta, circa 1930s\">\n    <div class=\"story_plantation_caption\">\n      <div>\n        <h2>The Tea Plantation, Jakarta \u00b7 Circa 1930s<\/h2>\n        <p>Workers spreading freshly harvested leaves across the courtyard to dry in the tropical sun. From this courtyard, tea found its way into homes across Southeast Asia.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s_section96 s_dark\" aria-labelledby=\"j_story_page_story-journey-title\">\n    <div class=\"s_container s_max768\">\n      <div class=\"story_timeline_head s_fade\">\n        <p class=\"s_label\">The Journey<\/p>\n        <h2 id=\"j_story_page_story-journey-title\">Three Generations<\/h2>\n        <div class=\"s_divider\"><\/div>\n      <\/div>\n      <div class=\"story_timeline_list\">\n        <article class=\"story_timeline_item s_fade\">\n          <span class=\"story_dot\" aria-hidden=\"true\"><\/span>\n          <div>\n            <div class=\"story_time_meta\"><span class=\"story_year\">1925<\/span><span class=\"story_place\">Anxi, China<\/span><\/div>\n            <p>Lim Keng Soan departs his homeland, the tea capital of the world, carrying nothing but courage and craft.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"story_timeline_item s_fade s_delay100\">\n          <span class=\"story_dot\" aria-hidden=\"true\"><\/span>\n          <div>\n            <div class=\"story_time_meta\"><span class=\"story_year\">1930s<\/span><span class=\"story_place\">Singapore<\/span><\/div>\n            <p>He plants roots in Singapore, establishing his first tea business along the trade routes of Southeast Asia.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"story_timeline_item s_fade s_delay200\">\n          <span class=\"story_dot\" aria-hidden=\"true\"><\/span>\n          <div>\n            <div class=\"story_time_meta\"><span class=\"story_year\">1940s<\/span><span class=\"story_place\">Jakarta, Indonesia<\/span><\/div>\n            <p>The tea kingdom grows. A plantation is built. Workers dry leaves in the tropical sun. A legacy takes root.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"story_timeline_item s_fade s_delay300\">\n          <span class=\"story_dot\" aria-hidden=\"true\"><\/span>\n          <div>\n            <div class=\"story_time_meta\"><span class=\"story_year\">Today<\/span><span class=\"story_place\">Hong Kong<\/span><\/div>\n            <p>His granddaughter Ning continues the journey. Sampan &amp; Leaf is born \u2014 a tribute in every cup.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s_section96 s_warm\" aria-labelledby=\"j_story_page_story-health-title\">\n    <div class=\"s_container s_max1152\">\n      <div class=\"story_health_head s_fade\">\n        <p class=\"s_label\">Why Tea<\/p>\n        <h2 class=\"s_title\" id=\"j_story_page_story-health-title\">The Benefits Are Real.<br>The Heritage Is Ancient.<\/h2>\n        <div class=\"s_divider\"><\/div>\n      <\/div>\n      <div class=\"story_pillars\">\n        <div class=\"story_pillar_wrap s_fade\">\n          <article class=\"story_pillar\">\n            <p class=\"story_stat\">#1<\/p>\n            <h3>World's Longest Life Expectancy<\/h3>\n            <div class=\"s_divider\"><\/div>\n            <p>Hong Kong consistently ranks first globally for longevity. Tea is not a trend here \u2014 it is a centuries-old daily ritual, woven into every meal, every gathering, every moment of rest.<\/p>\n          <\/article>\n        <\/div>\n        <div class=\"story_pillar_wrap s_fade s_delay100\">\n          <article class=\"story_pillar\">\n            <p class=\"story_stat\">\u8336<\/p>\n            <h3>Tea is to Chinese Culture What Coffee is to the West<\/h3>\n            <div class=\"s_divider\"><\/div>\n            <p>Just as Americans reach for coffee every morning, the Chinese world reaches for tea. It is the same daily ritual \u2014 but with a fundamentally different relationship with the body. Tea nourishes. It does not punish.<\/p>\n          <\/article>\n        <\/div>\n        <div class=\"story_pillar_wrap s_fade s_delay200\">\n          <article class=\"story_pillar\">\n            <p class=\"story_stat\">\u70cf\u9f8d<\/p>\n            <h3>Oolong &amp; Digestion \u2014 Documented for Centuries<\/h3>\n            <div class=\"s_divider\"><\/div>\n            <p>Oolong's ability to aid digestion is not a wellness marketing claim \u2014 it is a fact embedded in Hong Kong culture. Every dim sum table carries a pot of oolong for a reason. Science has since confirmed what generations already knew.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s_section80 s_dark\" aria-labelledby=\"j_story_page_story-mission-title\">\n    <div class=\"s_container s_max896\">\n      <div class=\"story_mission_grid s_fade\">\n        <div class=\"story_mission_copy\">\n          <p class=\"s_label\">Our Mission<\/p>\n          <h2 id=\"j_story_page_story-mission-title\">Keep the Good.<br>Remove the Bad.<\/h2>\n          <div class=\"s_divider\"><\/div>\n          <p>SAMPAN &amp; LEAF was built on a simple truth: the daily ritual of tea and coffee should nourish you, not deplete you. Our products carry every benefit of the ancient tea tradition \u2014 the calm, the focus, the digestion support \u2014 while eliminating the caffeine overload that modern life has normalised.<\/p>\n        <\/div>\n        <div>\n          <article class=\"story_mission_point\">\n            <span class=\"story_check\" aria-hidden=\"true\">\u2713<\/span>\n            <div><h3>Ancient wisdom<\/h3><p>Centuries of tea culture, distilled into every sachet.<\/p><\/div>\n          <\/article>\n          <article class=\"story_mission_point\">\n            <span class=\"story_check\" aria-hidden=\"true\">\u2713<\/span>\n            <div><h3>EU certified quality<\/h3><p>Every product meets the world's strictest food safety standards.<\/p><\/div>\n          <\/article>\n          <article class=\"story_mission_point\">\n            <span class=\"story_check\" aria-hidden=\"true\">\u2713<\/span>\n            <div><h3>No caffeine overload<\/h3><p>The same ritual. The same comfort. Without the crash.<\/p><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s_section96 s_white\" aria-labelledby=\"j_story_page_story-founder-title\">\n    <div class=\"s_container s_max672 story_founder s_fade\">\n      <p class=\"s_label\">A Note from the Founder<\/p>\n      <blockquote id=\"j_story_page_story-founder-title\">\"Sampan &amp; Leaf is my grandfather's tribute \u2014 a brand that carries forward his spirit of craftsmanship, migration, and quiet strength. Every cup is a story steeped in heritage.\"<\/blockquote>\n      <div class=\"s_divider\"><\/div>\n      <p class=\"story_founder_name\">Ning<\/p>\n      <p class=\"story_founder_meta\">Founder, Sampan &amp; Leaf \u00b7 Hong Kong<\/p>\n    <\/div>\n  <\/section>\n<\/main>\n<\/div>\n<script>\n(()=>{\n  const boot=()=>{\n    const root=document.getElementById(\"j_story_page\");\n    if(!root||root.dataset.jSampanReady)return;\n    root.dataset.jSampanReady=\"true\";\n    const items=[...root.querySelectorAll(\".s_fade\")];\n    const revealPassed=()=>items.forEach(item=>{\n      if(!item.classList.contains(\"s_visible\")&&item.getBoundingClientRect().top<=window.innerHeight*.94)item.classList.add(\"s_visible\");\n    });\n    if(!(\"IntersectionObserver\" in window))items.forEach(item=>item.classList.add(\"s_visible\"));\n    else{\n      const observer=new IntersectionObserver(entries=>entries.forEach(entry=>{\n        if(!entry.isIntersecting)return;\n        entry.target.classList.add(\"s_visible\");\n        observer.unobserve(entry.target);\n      }),{threshold:.08});\n      items.forEach(item=>observer.observe(item));\n    }\n    window.addEventListener(\"scroll\",revealPassed,{passive:true});\n    revealPassed();\n    const form=root.querySelector(\"[data-contact-form]\");\n    const success=root.querySelector(\"[data-contact-success]\");\n    form?.addEventListener(\"submit\",event=>{\n      event.preventDefault();\n      form.hidden=true;\n      success?.classList.add(\"s_show\");\n      success?.focus();\n    });\n  };\n  if(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",boot,{once:true});\n  else boot();\n})();\n<\/script>\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>Our Heritage A Sampan,A Leaf,A Legacy. Lim Keng Soan Founder of PT. Tjikondang \u00b7 EST. 1925 The Beginning From Anxi<\/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-1284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/pages\/1284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/comments?post=1284"}],"version-history":[{"count":10,"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/pages\/1284\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/pages\/1284\/revisions\/1304"}],"wp:attachment":[{"href":"https:\/\/sampanandleaf.com\/id\/wp-json\/wp\/v2\/media?parent=1284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}