#lamoringa-landing { background:#f7f8f4; color:#173b2d; }
#lamoringa-landing .bg-grain { display:none; }
#lamoringa-landing .reveal { opacity:1; transform:none; }
#lamoringa-landing header { background:#f7f8f4; backdrop-filter:none; }
#lamoringa-landing #kontak { background:#FBF7F0; }
.lm-home { --lm-olive:#526c3b; --lm-lime:#d8ed85; padding:16px; }
.lm-home a { text-decoration:none; }
.lm-home a:focus-visible { outline:3px solid #526c3b; outline-offset:5px; }
.lm-home svg { width:18px; height:18px; flex-shrink:0; stroke-width:1.75; }
.lm-panel { max-width:1408px; margin:24px auto 0; background:#fff; border-radius:20px; padding:clamp(40px,5vw,76px); }
.lm-label { font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#526c3b; }
.lm-home h2 { font-size:clamp(2rem,3.25vw,3.6rem); line-height:1.15; margin:0; letter-spacing:-.03em; text-wrap:balance; }
.lm-home h3 { line-height:1.3; text-wrap:balance; }
.lm-button { display:inline-flex; gap:24px; align-items:center; justify-content:space-between; border-radius:10px; padding:15px 22px; font-size:14px; font-weight:500; transition:background .25s; }
.lm-button--green { color:#fff; background:var(--lm-olive); }
.lm-button--green:hover { background:#365325; }
.lm-quiet-link { display:inline-flex; align-items:center; gap:10px; font-size:13px; color:#344c2c; }
.lm-products { display:grid; grid-template-columns:minmax(220px,.9fr) 2.5fr; gap:35px; align-items:center; }
.lm-label { margin:0 0 20px; }
.lm-products__intro>p:not(.lm-label) { color:#52634a; line-height:1.7; margin-top:23px; max-width:250px; }
.lm-text-link { display:inline-flex; gap:24px; align-items:center; padding:10px 0; border-bottom:1px solid #8da28f; font-size:13px; font-weight:500; }
.lm-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.lm-product { min-width:0; position:relative; overflow:hidden; border-radius:14px; background:#e6ebe2; aspect-ratio: .57; }
.lm-product>img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.lm-product:hover>img { transform:scale(1.025); }
.lm-product__copy { position:absolute; inset:45% 0 0; display:flex; flex-direction:column; justify-content:end; padding:20px; background:linear-gradient(transparent,#15311fef); color:#fff; }
.lm-product h3 { margin:0; font-size:clamp(1rem,1.5vw,1.4rem); }
.lm-product p { font-size:12px; line-height:1.6; color:#f0f4e7; margin-top:10px; }
.lm-product__copy>svg { margin-top:15px; }
.lm-section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:36px; }
.lm-section-heading>p { color:#52634a; font-size:15px; }
.lm-moments-grid,.lm-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.lm-moment-image { overflow:hidden; height:390px; border-radius:14px; background:#ecf1e6; }
.lm-moment-image>img { width:100%; height:100%; object-fit:cover; display:block; }
.lm-moment-image--tea>img { object-position:50% center; }
.lm-moments h3 { font-size:19px; margin:22px 0 8px; }
.lm-moments article>p { color:#52634a; font-size:14px; line-height:1.7; max-width:310px; }
.lm-story { display:grid; grid-template-columns:1.1fr .9fr; padding:0; overflow:hidden; background:#e8eee5; }
.lm-story__image { min-height:490px; }
.lm-story__image img { width:100%; height:100%; object-fit:cover; display:block; }
.lm-story__content { padding:clamp(32px,5vw,76px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.lm-story__content>p:not(.lm-label) { max-width:350px; margin:25px 0; line-height:1.8; color:#40553b; }
.lm-journal { margin-bottom:32px; }
.lm-journal-item__link { position:relative; display:block; }
.lm-journal-item img { width:100%; aspect-ratio:1.5; object-fit:cover; border-radius:14px; display:block; }
.lm-journal-item__date { display:block; margin-top:20px; font-size:12px; color:#526b5c; }
.lm-journal h3 { margin:8px 0 0; padding-right:25px; font-size:20px; }
.lm-journal-item__arrow { position:absolute; bottom:0; right:0; }
@media (max-width:1100px) {
 .lm-products { grid-template-columns:1fr; }
 .lm-products__intro { max-width:600px; }
 .lm-product { aspect-ratio:.8; }
 .lm-moment-image { height:300px; }
}
@media (max-width:767px) {
 .lm-home { padding:8px; }
 .lm-panel { padding:40px 20px; margin-top:16px; border-radius:16px; }
 .lm-section-heading { align-items:start; flex-direction:column; gap:15px; }
 .lm-product-grid { grid-template-columns:1fr; gap:16px; }
 .lm-product { aspect-ratio:auto; height:210px; display:grid; grid-template-columns:1fr 1fr; background:#f1f5eb; }
 .lm-product>img { object-fit:cover; }
 .lm-product__copy { position:static; background:none; color:#173b2d; padding:20px; justify-content:center; }
 .lm-product h3 { font-size:17px; }
 .lm-product p { color:#40553b; font-size:12px; }
 .lm-product__copy>svg { width:16px; }
 .lm-moments-grid,.lm-journal-grid { grid-template-columns:1fr; gap:30px; }
 .lm-moment-image { height:360px; }
 .lm-moment-image--tea { height:280px; }
 .lm-moments h3 { margin-top:18px; }
 .lm-story { grid-template-columns:1fr; padding:0; }
 .lm-story__image { min-height:0; height:310px; }
 .lm-story__content { padding:40px 20px; }
 .lm-journal h3 { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) { .lm-home *, .lm-home *::before,.lm-home *::after { transition:none!important; scroll-behavior:auto!important; } }
.lm-home>section { scroll-margin-top:88px; }
@media(max-width:420px) {
 #lamoringa-landing header nav a.absolute { left:43%; }
 #lamoringa-landing header nav a.absolute .font-serif { font-size:13px; letter-spacing:.12em; }
 #lamoringa-landing header nav a.absolute [data-i18n="brand.country"] { font-size:8px; letter-spacing:.18em; }
}
@media(max-width:360px) { #lamoringa-landing header nav a.absolute { left:40%; } }
/* Selected retail partners, sourced from the Markets page. */
.lm-retail-logos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:510px; margin-top:30px; }
.lm-retail-logos__item { display:flex; align-items:center; justify-content:center; background:#fff; border-radius:10px; min-width:0; height:65px; padding:12px 16px; }
.lm-retail-logos img { display:block; width:100%; height:100%; object-fit:contain; }
.lm-retail-logos img[alt="AEON Store"] { transform:scale(1.25); }
.lm-retail-logos img[alt="Ranch Market"] { transform:scale(1.15); }
.lm-shopping { max-width:1408px; margin:24px auto 32px; min-height:800px; position:relative; isolation:isolate; background:#dce8d6; border-radius:20px; overflow:hidden; }
.lm-shopping__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.lm-shopping::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#e8f0e3ed,#e8f0e330 65%),linear-gradient(0deg,#e8f0e3 0%,#e8f0e3d9 22%,transparent 48%); }
.lm-shopping__content { min-height:800px; padding:65px clamp(24px,5vw,76px) 42px; display:flex; flex-direction:column; }
.lm-home .lm-shopping h2 { max-width:720px; font-size:clamp(2.5rem,4.7vw,4.8rem); line-height:1.15; }
.lm-shopping__bottom { margin-top:auto; padding-top:250px; }
.lm-shopping__actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:16px; }
.lm-shopping__actions .lm-button { border-radius:100px; min-height:54px; padding-inline:28px; }
.lm-shopping__shopee { background:#fff; color:#173b2d; }
.lm-shopping__shopee>svg:first-child { color:#c54820; }
.lm-retail-logos--banner { grid-template-columns:repeat(6,minmax(0,1fr)); max-width:1000px; margin:32px auto 0; gap:14px; }
.lm-retail-logos--banner .lm-retail-logos__item { height:70px; }
@media(max-width:1000px) { .lm-retail-logos--banner { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:600px; } }
@media(max-width:767px) {
 .lm-retail-logos { gap:8px; margin-top:24px; }
 .lm-retail-logos__item { height:56px; padding:10px; }
 .lm-shopping { margin-top:16px; border-radius:16px; min-height:850px; }
 .lm-shopping__content { min-height:850px; padding:42px 20px 28px; }
 .lm-home .lm-shopping h2 { font-size:clamp(2rem,8vw,3rem); text-align:center; }
 .lm-shopping__photo { object-position:65% center; }
 .lm-shopping::before { background:linear-gradient(180deg,#e8f0e3ee,transparent 30%,transparent 46%,#e8f0e3e6 65%,#e8f0e3 85%); }
 .lm-shopping__bottom { padding-top:300px; }
 .lm-shopping__actions { flex-direction:column; gap:12px; }
 .lm-shopping__actions .lm-button { justify-content:center; width:100%; gap:16px; }
 .lm-retail-logos--banner { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .lm-retail-logos--banner .lm-retail-logos__item { height:55px; }
}
@media(max-width:767px) {
 .lm-shopping__photo { top:155px; height:430px; object-position:72% center; }
 .lm-shopping::before { background:linear-gradient(180deg,#e8f0e3 0%,#e8f0e3 12%,transparent 24%,transparent 53%,#e8f0e3ef 68%,#e8f0e3 85%); }
}
@media(max-width:767px) { .lm-shopping__photo { mask-image:linear-gradient(180deg,transparent,#000 15%,#000 88%,transparent); -webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 88%,transparent); } }

/* Drip Tea showcase: mirrors the editable FigCraft section below the hero. */
.lm-seduhan {
  position: relative;
  max-width: 1408px;
  margin: 24px auto 0;
  overflow: hidden;
  border-radius: 24px;
  color: #163f2b;
  background:
    radial-gradient(ellipse at 97% 0%, #deebbc 0, transparent 43%),
    radial-gradient(ellipse at 0% 100%, #e6efcf 0, transparent 42%),
    #faf9f2;
}
.lm-seduhan__container { position: relative; aspect-ratio: 1408 / 900; }
.lm-seduhan__intro { position: absolute; left: 5.398%; top: 6.222%; width: 64%; }
#lamoringa-landing .lm-tea-headline {
  margin: 0;
  font-family: var(--lm-font-heading);
  font-size: clamp(32px, 3.889vw, 56px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
  text-wrap: initial;
}
.lm-tea-headline__dark { display: block; color: #103c25; }
.lm-tea-headline__green {
  display: block;
  margin-top: 5px;
  font-size: clamp(38px, 4.444vw, 64px);
  line-height: 1.16;
  color: #60972b;
}
.lm-tea-desc {
  max-width: 650px;
  margin: 20px 0 0;
  font: 400 clamp(15px, 1.389vw, 20px)/1.6 var(--lm-font-body);
  text-wrap: pretty;
}
.lm-tea-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 58px;
  margin-top: 28px;
  padding: 14px 28px;
  border-radius: 999px;
  background: #103d27;
  color: #fff;
  font: 500 clamp(15px, 1.25vw, 18px)/1.4 var(--lm-font-ui);
  transition: background-color .2s ease;
}
.lm-tea-btn:hover { background: #265a36; }
.lm-seduhan__visual { position: absolute; left: 12.074%; top: 36.667%; width: 60.369%; height: 66.667%; }
.lm-seduhan__visual img { display: block; width: 100%; height: 100%; object-fit: contain; }
.lm-seduhan__benefits { position: absolute; left: 66.761%; top: 50%; width: 28.409%; }
#lamoringa-landing .lm-tea-benefits-title {
  margin: 0;
  font: 700 clamp(24px, 2.5vw, 36px)/1.2 var(--lm-font-heading);
  letter-spacing: -.025em;
  color: #103c25;
  text-wrap: initial;
}
.lm-tea-pill-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  margin-top: 23px;
  padding: 5px 28px;
  border: 1.2px solid #62952d;
  border-radius: 999px;
  color: #5a8c29;
  font: 700 clamp(20px, 1.806vw, 26px)/1.25 var(--lm-font-heading);
}
.lm-tea-benefits-subtitle { margin: 14px 0 0; font: 400 clamp(17px, 1.528vw, 22px)/1.4 var(--lm-font-body); }
.lm-tea-rosette-list { display: grid; gap: 20px; margin: 41px 0 0; padding: 0; list-style: none; }
.lm-tea-rosette-list li { display: flex; align-items: flex-start; gap: 14px; font: 400 clamp(15px, 1.389vw, 20px)/1.4 var(--lm-font-body); }
.lm-tea-rosette-list li::before {
  content: '';
  flex: 0 0 19px;
  height: 19px;
  margin-top: 4px;
  background: #699b32;
  clip-path: polygon(50% 0%,57% 13%,69% 4%,71% 20%,85% 15%,83% 31%,96% 31%,87% 44%,100% 50%,87% 57%,96% 69%,80% 71%,85% 85%,69% 83%,69% 96%,56% 87%,50% 100%,43% 87%,31% 96%,29% 80%,15% 85%,17% 69%,4% 69%,13% 56%,0% 50%,13% 43%,4% 31%,20% 29%,15% 15%,31% 17%,31% 4%,44% 13%);
}
@media (min-width: 1001px) and (max-width: 1200px) {
  .lm-tea-pill-badge { min-height: 42px; margin-top: 16px; }
  .lm-tea-rosette-list { margin-top: 28px; gap: 14px; }
  .lm-tea-btn { min-height: 52px; }
}
@media (min-width: 641px) and (max-width: 1000px) {
  .lm-seduhan { max-width: 736px; margin-top: 20px; }
  .lm-seduhan__container { aspect-ratio: 736 / 800; min-height: 800px; }
  .lm-seduhan__intro { left: 4.348%; top: 5%; width: 91%; }
  #lamoringa-landing .lm-tea-headline { font-size: clamp(34px, 5.469vw, 42px); }
  .lm-tea-headline__green { font-size: clamp(40px, 6.25vw, 48px); margin-top: 6px; }
  .lm-tea-desc { font-size: 17px; max-width: 610px; margin-top: 21px; }
  .lm-tea-btn { font-size: 16px; min-height: 52px; margin-top: 30px; padding-block: 13px; }
  .lm-seduhan__visual { left: -3.397%; top: 43.5%; width: 66.576%; height: 50%; }
  .lm-seduhan__benefits { left: 58.696%; top: 52.5%; width: 38.043%; }
  #lamoringa-landing .lm-tea-benefits-title { max-width: 200px; font-size: 28px; }
  .lm-tea-pill-badge { font-size: 22px; min-height: 42px; padding-inline: 24px; margin-top: 20px; }
  .lm-tea-benefits-subtitle { font-size: 17px; margin-top: 12px; }
  .lm-tea-rosette-list { gap: 17px; margin-top: 34px; }
  .lm-tea-rosette-list li { font-size: 15px; gap: 12px; }
  .lm-tea-rosette-list li::before { flex-basis: 16px; height: 16px; margin-top: 3px; }
}
@media (max-width: 640px) {
  .lm-seduhan { margin-top: 16px; border-radius: 20px; }
  .lm-seduhan__container { aspect-ratio: auto; padding: 36px 22px 76px; }
  .lm-seduhan__intro, .lm-seduhan__visual, .lm-seduhan__benefits { position: static; width: auto; height: auto; }
  #lamoringa-landing .lm-tea-headline { font-size: 30px; letter-spacing: -.025em; }
  .lm-tea-headline__dark { max-width: 280px; }
  .lm-tea-headline__green { font-size: 34px; margin-top: 6px; }
  .lm-tea-desc { font-size: 14.5px; line-height: 1.6; margin-top: 20px; }
  .lm-tea-btn { min-height: 52px; font-size: 16px; margin-top: 40px; padding: 13px 28px; }
  .lm-seduhan__visual { width: calc(100% + 90px); aspect-ratio: 420 / 332; margin: 7px -45px 0; }
  .lm-seduhan__benefits { margin: 11px 2px 0; }
  #lamoringa-landing .lm-tea-benefits-title { font-size: 26px; }
  .lm-tea-pill-badge { min-height: 42px; font-size: 22px; margin-top: 23px; padding: 5px 24px; }
  .lm-tea-benefits-subtitle { font-size: 17px; margin-top: 12px; }
  .lm-tea-rosette-list { margin-top: 30px; gap: 20px; }
  .lm-tea-rosette-list li { font-size: 16px; gap: 12px; }
  .lm-tea-rosette-list li::before { flex-basis: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) { .lm-tea-btn { transition: none; } }

/* Revised desktop hero, adapted from the user's current FigCraft layout. */
.lm-hero {
  max-width: 1408px;
  aspect-ratio: 1408 / 874;
  margin: auto;
  position: relative;
  isolation: isolate;
  border-radius: 20px;
  overflow: hidden;
  background: #f0f4e7;
}
.lm-hero__image { position: absolute; inset: 0; z-index: -1; background: url('../images/home/moringa-mist.webp') center / cover; }
.lm-hero__content { position: absolute; inset: 0; }
.lm-hero__mobile-break { display: none; }
.lm-hero__signature {
  position: absolute;
  left: 5.256%; top: 30.778%;
  margin: 0;
  color: #617547;
  font: 700 clamp(14px, 1.25vw, 18px)/1.35 var(--lm-font-body);
}
.lm-hero h1 {
  position: absolute;
  left: 4.972%; top: 33.524%;
  width: 47.585%;
  margin: 0;
  font: 700 clamp(42px, 5.417vw, 78px)/1.14 var(--lm-font-heading);
  color: #18271b;
  letter-spacing: -.02em;
  text-wrap: initial;
}
.lm-hero__intro {
  position: absolute;
  left: 5.256%; top: 56.407%;
  width: 30.54%; margin: 0;
  color: #40553b;
  font: 400 clamp(16px, 1.389vw, 20px)/1.4 var(--lm-font-body);
}
.lm-hero__actions { position: absolute; left: 5.256%; top: 79.519%; display: flex; align-items: center; gap: 32px; }
.lm-hero .lm-button { min-width: 197px; min-height: 52px; padding: 14px 22px; gap: 14px; font: 400 16px/1.4 var(--lm-font-ui); background: #577542; }
.lm-hero .lm-button:hover { background: #365325; }
.lm-hero .lm-quiet-link { font: 400 15px/1.4 var(--lm-font-ui); gap: 16px; }
.lm-hero__actions svg { width: 14px; height: 14px; }
.lm-hero__origin { position: absolute; left: 5.256%; top: 88.215%; width: 350px; margin: 0; color: #344c2c; font: 400 15px/1.35 var(--lm-font-body); }
@media (min-width: 641px) and (max-width: 1000px) {
  .lm-hero { max-width: 736px; aspect-ratio: 736 / 740; min-height: 740px; }
  .lm-hero__image { background-image: linear-gradient(90deg,#f8f9f6dd,#f8f9f68c 50%,transparent),url('../images/home/moringa-mist.webp'); }
  .lm-hero__signature { left: 4.348%; top: 25.405%; font-size: 14px; }
  .lm-hero h1 { left: 4.348%; top: 30%; width: 87%; font-size: 48px; line-height: 1.167; }
  .lm-hero__intro { left: 4.348%; top: 48.514%; width: 400px; max-width: 86%; font-size: 16px; line-height: 1.5; }
  .lm-hero__actions { left: 4.348%; top: 73.514%; gap: 20px; }
  .lm-hero .lm-button { min-width: 184px; min-height: 48px; font-size: 15px; padding-block: 12px; }
  .lm-hero .lm-quiet-link { font-size: 14px; }
  .lm-hero__origin { left: 4.348%; top: 82.973%; font-size: 14px; }
}
@media (max-width: 640px) {
  .lm-hero__mobile-break { display: initial; }
  .lm-hero { aspect-ratio: 374 / 790; min-height: 790px; border-radius: 20px; }
  .lm-hero__image { background-image: linear-gradient(180deg,#f8f9f6f2,#f8f9f6cc 50%,#f8f9f64d),url('../images/home/moringa-mist.webp'); background-position: 65% center; }
  .lm-hero__signature { left: 5.615%; top: 25.316%; max-width: 89%; font-size: 13px; }
  .lm-hero h1 { left: 5.08%; top: 29.62%; width: calc(100% - 38px); max-width: 340px; font-size: 40px; line-height: 1.2; }
  .lm-hero__intro { left: 5.615%; top: 50.886%; width: calc(100% - 42px); font-size: 16px; line-height: 1.5; }
  .lm-hero__actions { left: 5.615%; right: 5.615%; top: 70.633%; gap: 20px; flex-wrap: wrap; row-gap: 16px; }
  .lm-hero .lm-button { min-width: 190px; min-height: 48px; padding: 12px 20px; font-size: 15px; }
  .lm-hero .lm-quiet-link { font-size: 13px; gap: 12px; }
  .lm-hero__origin { left: 5.615%; top: 80.253%; width: calc(100% - 42px); font-size: 14px; }
}
@media (max-width: 359px) {
  .lm-hero h1 { font-size: 34px; }
  .lm-hero__actions { gap: 12px; }
  .lm-hero .lm-button { min-width: 0; padding-inline: 14px; font-size: 13px; }
  .lm-hero .lm-quiet-link { font-size: 12px; gap: 6px; }
}


/* Hide only local dev helper pill; keep AI Mori chat bubble visible */
#lm-local-dev-pill {
  display: none !important;
}