/* JPB x LGC — Tentang Kami (scoped under .lgc-about-page for site chrome) */
.lgc-about-page {
    --navy-deep:#0a1120;
    --navy-raise:#0e1729;
    --navy-card:#141f37;
    --line:#212c47;
    --line-soft:#1a2440;
    --gold:#c9a24b;
    --gold-light:#f0d48a;
    --gold-dim:#8a7238;
    --cream:#f6f1e4;
    --muted:#adbddb;
    --muted-dim:#66748f;
    --mood-trust:#101c30;
    --mood-human-a:#101b2d;
    --mood-human-b:#0c1524;
    --mood-legacy:#07090f;
    background:var(--navy-deep);
    color:var(--cream);
    font-family:'Plus Jakarta Sans', sans-serif;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    max-width:100%;
  }
  .lgc-about-page *,
  .lgc-about-page *::before,
  .lgc-about-page *::after{box-sizing:border-box;}
  .lgc-about-page h1,
  .lgc-about-page h2,
  .lgc-about-page h3,
  .lgc-about-page h4{
    font-family:'Fraunces', serif;
    font-weight:500;
    letter-spacing:-0.01em;
    margin:0;
    color:var(--cream); /* beat Bootstrap heading color #1A2A36 */
  }
  .lgc-about-page .hero h1{color:var(--cream); font-weight:600;}
  .lgc-about-page .hero h1 .line:nth-child(2){color:var(--gold-light);}
  .lgc-about-page .section-head h2,
  .lgc-about-page .split h2,
  .lgc-about-page .final-cta h2,
  .lgc-about-page .section-head h2.journey-supporting-headline,
  .lgc-about-page .legacy-headline,
  .lgc-about-page .program h2,
  .lgc-about-page .practitioner-content h2{
    color:var(--cream);
  }
  .lgc-about-page .jpb-main-headline,
  .lgc-about-page .transition h2,
  .lgc-about-page .transition-statement{color:var(--gold-light);}
  .lgc-about-page .final-cta h2 span:nth-child(2){color:var(--gold-light);}
  .lgc-about-page .lgc-abbr,
  .lgc-about-page .lgc-abbr-heading{color:var(--muted);}
  .lgc-about-page a{color:inherit; text-decoration:none;}
  .lgc-about-page img,
  .lgc-about-page .ph{display:block; width:100%; max-width:100%;}
  .lgc-about-page .mono{font-family:'IBM Plex Mono', monospace; letter-spacing:0.14em; text-transform:uppercase;}
  .lgc-about-page .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
  .lgc-about-page .wrap-narrow{max-width:760px; margin:0 auto; padding:0 32px;}
  .lgc-about-page section{position:relative; overflow:hidden; margin:0;}
  .lgc-about-page p{margin:0;}
  @media(max-width:640px){
    .lgc-about-page .wrap,
    .lgc-about-page .wrap-narrow{padding:0 24px;}
    .lgc-about-page .mono{letter-spacing:0.14em;}
    .lgc-about-page .br-desktop{display:none;}
  }
  @media(prefers-reduced-motion: reduce){
    .lgc-about-page *{transition-duration:0.01ms !important; animation-duration:0.01ms !important;}
  }

  /* chapter segmentation system */
  .chapter-marker{
    width:56px; height:2px; margin:0 auto 28px;
    background:linear-gradient(90deg, transparent, var(--gold), transparent);
  }
  .chapter-h2{font-size:clamp(32px,4.6vw,52px); line-height:1.14;}
  .jpb-main-headline{color:var(--gold-light);}
  @media(max-width:600px){
    .chapter-marker{width:44px; margin-bottom:20px;}
    .chapter-h2{font-size:clamp(22px,5.8vw,25px); line-height:1.18; letter-spacing:-0.005em;}
  }

  /* placeholder photo blocks */
  .ph{
    aspect-ratio:16/10; border-radius:18px; position:relative; overflow:hidden;
    background:linear-gradient(155deg, var(--navy-raise), var(--navy-deep));
    border:1px solid rgba(240,212,138,0.14);
    display:flex; align-items:center; justify-content:center;
  }
  .ph::after{
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse at 30% 20%, rgba(201,162,75,0.07), transparent 60%);
  }
  .ph::before{
    content:'Foto Komunitas'; position:absolute; top:16px; left:16px; z-index:2;
    font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-light); background:rgba(10,17,32,0.6); border:1px solid rgba(240,212,138,0.25);
    border-radius:999px; padding:6px 12px;
  }
  .ph span{
    font-family:'Plus Jakarta Sans',sans-serif; font-size:12.5px; letter-spacing:0.01em;
    color:var(--muted-dim); text-align:center; padding:0 28px; position:relative; z-index:1; line-height:1.6;
  }
  /* legacy (kept for other unfilled program slots) */
  .ph.square{aspect-ratio:1/1;}
  .ph.tall{aspect-ratio:3/4;}
  .ph.wide{aspect-ratio:21/9;}

  /* featured single poster (e.g. Be a History Maker) - natural aspect ratio, never cropped */
  .poster-feature-wrap{display:flex; justify-content:center;}
  .poster-feature{
    width:100%; max-width:360px; height:auto; display:block;
    border-radius:18px; border:1px solid rgba(240,212,138,0.16);
    margin-inline:auto;
  }
  @media(max-width:600px){
    .poster-feature{max-width:290px;}
  }

  /* buttons */
  .btn-gold{
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(180deg, var(--gold-light), var(--gold));
    color:var(--navy-deep); font-weight:700; padding:16px 34px; border-radius:999px;
    font-size:15px; box-shadow:0 10px 28px rgba(201,162,75,0.22);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .btn-gold:hover{transform:translateY(-2px); box-shadow:0 14px 34px rgba(201,162,75,0.32);}
  .btn-line{
    display:inline-flex; align-items:center; gap:8px;
    border:1px solid var(--line); color:var(--cream); padding:15px 28px; border-radius:999px;
    font-size:14.5px; transition:border-color .2s ease;
  }
  .btn-line:hover{border-color:var(--gold-dim);}
  .btn-line svg, .btn-gold svg{width:15px; height:15px;}

  /* eyebrow */
  .eyebrow{
    display:inline-flex; align-items:center;
    font-size:11px; color:var(--gold-light); margin-bottom:20px;
  }

  /* HERO */
  .hero{padding:96px 0 64px; text-align:center;}
  .hero .eyebrow{justify-content:center;}
  .hero h1{
    font-size:clamp(34px, 6vw, 66px); line-height:1.06; font-weight:600;
    max-width:920px; margin:0 auto 26px;
  }
  .hero h1 .line{display:block;}
  .hero h1 .line:nth-child(2){color:var(--gold-light);}
  .hero p{max-width:600px; margin:0 auto 40px; color:var(--muted); font-size:17px;}
  .hero-gold{color:var(--gold-light); font-weight:600;}
  .lgc-abbr{color:var(--muted); font-weight:400;}
  .lgc-abbr-heading{font-size:0.62em; color:var(--muted); font-weight:400; vertical-align:middle;}
  .hero .ph{max-width:980px; margin:0 auto;}
  .cta-group{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
  @media(max-width:600px){
    .cta-group{flex-direction:column; gap:12px;}
    .cta-group a{width:100%; justify-content:center; padding:16px 26px; font-size:16.5px; min-height:54px;}
  }
  .hero-photos{
    max-width:980px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:14px;
  }
  .hero-photos img{
    width:100%; height:100%; object-fit:cover; border-radius:18px; display:block;
    aspect-ratio:3/2;
  }
  @media(max-width:700px){
    .hero-photos{grid-template-columns:1fr; gap:12px;}
    .hero-photos img{aspect-ratio:4/3;}
  }
  @media(max-width:600px){
    .hero{padding:48px 0 32px;}
    .hero .eyebrow{font-size:10.5px; margin-bottom:22px; line-height:1.5; text-align:center; padding:0 6px;}
    .hero h1{font-size:clamp(22px, 6.2vw, 26px); line-height:1.1; letter-spacing:-0.005em; margin:0 auto 18px;}
    .hero p{font-size:16.5px; line-height:1.6; margin-bottom:32px;}
  }
  @media(max-width:380px){
    .hero h1{font-size:clamp(20px, 6vw, 23px);}
  }

  /* generic section spacing */
  .section{padding:88px 0;}
  .section.tight{padding:72px 0;}
  .section-head{max-width:640px; margin:0 auto 36px; text-align:center;}
  .section-head.left{margin-left:0; text-align:left;}
  .section-head h2{font-size:clamp(28px,4vw,42px); line-height:1.15; margin-bottom:20px;}
  .section-head p{color:var(--muted); font-size:16.5px;}
  .divider{height:1px; background:linear-gradient(90deg, transparent, var(--line), transparent);}
  @media(max-width:600px){
    .section{padding:56px 0;}
    .section.tight{padding:48px 0;}
    .section-head{margin-bottom:32px;}
    .section-head h2{font-size:clamp(22px,5.8vw,25px); line-height:1.2; letter-spacing:-0.005em;}
    .section-head p{font-size:16.5px; line-height:1.6;}
  }

  /* two column */
  .split{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
  .split > *{min-width:0;}
  @media(max-width:860px){.split{grid-template-columns:1fr; gap:36px;}}
  .split.reverse{direction:rtl;} .split.reverse > *{direction:ltr;}
  .split h2{font-size:clamp(26px,3.6vw,38px); margin-bottom:18px; line-height:1.18;}
  .split p{color:var(--muted); font-size:16px; margin-bottom:14px;}
  .text-emphasis{color:var(--cream); font-weight:500;}
  .hm-desc{font-size:16.5px; line-height:1.65; margin-bottom:18px; max-width:520px;}
  .hm-desc:last-of-type{margin-bottom:22px;}
  @media(max-width:600px){
    .hm-desc{font-size:15.5px; line-height:1.6; margin-bottom:14px;}
    .hm-desc:last-of-type{margin-bottom:18px;}
  }
  .split-list{margin:22px 0 30px; display:flex; flex-direction:column; gap:10px;}
  .split-list div{display:flex; gap:10px; align-items:baseline; font-size:14.5px; color:var(--cream);}
  .split-list div::before{content:'›'; color:var(--gold);}
  @media(max-width:600px){
    .split{gap:24px;}
    .split h2{font-size:clamp(21px,5.8vw,24px); line-height:1.22; letter-spacing:-0.005em; margin-bottom:14px;}
    .split p{font-size:16.5px; line-height:1.6;}
    .split .btn-line{width:100%; justify-content:center; min-height:48px;}
  }

  /* THE DIFFERENCE (transition, single statement) */
  .transition{text-align:center; padding-top:24px; padding-bottom:32px;}
  .transition-statement{
    font-family:'Fraunces',serif; font-weight:500; font-style:normal; color:var(--gold-light);
    font-size:clamp(26px,3.6vw,40px); line-height:1.25; max-width:680px; margin:0 auto;
  }
  .transition p.small{color:var(--muted); font-size:15.5px; max-width:520px; margin:24px auto 0;}
  .transition h2{margin-top:20px; font-size:clamp(28px,4vw,42px); line-height:1.15; color:var(--gold-light);}
  .section-head h2.journey-supporting-headline{font-size:clamp(24px,3.4vw,32px); line-height:1.2; margin-bottom:20px;}
  #journey{padding-top:40px;}
  @media(max-width:600px){
    .transition{padding-top:14px; padding-bottom:32px;}
    .transition-statement{font-size:clamp(23px,7vw,28px); line-height:1.3;}
    .transition p.small{font-size:13.5px; margin-top:16px;}
    .transition h2{font-size:clamp(22px,5.8vw,25px); margin-top:14px;}
    .section-head h2.journey-supporting-headline{font-size:17px; line-height:1.2;}
    #journey{padding-top:24px;}
    .chapter-marker{margin-bottom:16px;}
  }

  /* GROWTH JOURNEY roadmap */
  .journey{position:relative; padding:20px 0 10px;}
  .journey-track{
    display:grid; grid-template-columns:repeat(6,1fr); gap:0; position:relative;
  }
  .journey-track::before{
    content:''; position:absolute; top:22px; left:8%; right:8%; height:1px;
    background:linear-gradient(90deg, transparent, var(--gold-dim) 15%, var(--gold-dim) 85%, transparent);
  }
  .journey-node{text-align:center; padding:0 10px; position:relative;}
  .journey-dot{
    width:12px; height:12px; border-radius:50%; background:var(--gold);
    margin:0 auto 20px; position:relative; z-index:2;
    box-shadow:0 0 0 5px var(--navy-deep), 0 0 16px rgba(201,162,75,0.5);
  }
  .journey-node h4{font-size:14.5px; color:var(--cream); margin-bottom:6px; font-weight:600;}
  .journey-node p{font-size:12px; color:var(--muted-dim);}
  @media(max-width:900px){
    .journey-track{grid-template-columns:1fr; gap:34px;}
    .journey-track::before{left:22px; top:8%; bottom:8%; right:auto; width:1px; height:auto; background:linear-gradient(180deg, transparent, var(--gold-dim) 15%, var(--gold-dim) 85%, transparent);}
    .journey-node{text-align:left; padding-left:46px;}
    .journey-dot{position:absolute; left:17px; top:2px; margin:0;}
  }

  /* program section (photo + text alternating) */
  .program{padding:84px 0; border-top:1px solid var(--line-soft);}
  .program-tag{font-size:11px; color:var(--gold-dim); margin-bottom:10px;}
  .program-index{
    font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--gold-light);
    display:inline-block; margin-bottom:18px;
  }
  @media(max-width:600px){
    .program{padding:52px 0;}
    .program-index{font-size:11px; margin-bottom:14px;}
  }

  /* testimonial - human, minimal */
  .testi-row{display:flex; gap:18px; align-items:flex-start; margin-top:36px; padding-top:28px; border-top:1px solid var(--line-soft);}
  .testi-inline-note{
    margin-top:32px; padding-top:24px; border-top:1px solid var(--line-soft);
    font-size:14px; color:var(--muted-dim); line-height:1.7;
  }
  .testi-inline-note .mono{
    display:block; font-size:10.5px; color:var(--gold-light); margin-bottom:8px;
  }

  /* mentoring carousels */
  .carousel-block{margin-top:56px;}
  .carousel-label{
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-light); margin-bottom:6px;
  }
  .carousel-sub{color:var(--muted); font-size:15px; margin-bottom:22px;}
  .carousel-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
  .carousel-counter{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--muted-dim); letter-spacing:0.04em;}
  .carousel-nav{display:flex; gap:8px;}
  .carousel-btn{
    width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
    background:rgba(255,255,255,0.02); color:var(--cream); font-size:16px; cursor:pointer;
    display:flex; align-items:center; justify-content:center; transition:border-color .2s ease, background .2s ease;
  }
  .carousel-btn:hover{border-color:var(--gold-dim); background:rgba(201,162,75,0.08);}
  .carousel-btn:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

  .carousel-track{
    display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:4px;
  }
  .carousel-track::-webkit-scrollbar{display:none;}
  .carousel-track:focus-visible{outline:2px solid var(--gold); outline-offset:4px;}

  /* poster slides */
  .poster-slide{flex:0 0 34%; min-width:0; scroll-snap-align:start;}
  .poster-media{
    aspect-ratio:1/1; border-radius:16px; position:relative; overflow:hidden;
    background:linear-gradient(155deg, var(--navy-raise), var(--navy-deep));
    border:1px solid rgba(240,212,138,0.14);
    display:flex; align-items:center; justify-content:center;
  }
  .poster-media img{width:100%; height:100%; object-fit:cover; display:block;}
  .poster-media .poster-fallback{
    text-align:center; padding:0 18px; position:relative; z-index:1;
  }
  .poster-media .poster-fallback .tag{
    font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-light); background:rgba(10,17,32,0.6); border:1px solid rgba(240,212,138,0.25);
    border-radius:999px; padding:5px 11px; display:inline-block; margin-bottom:12px;
  }
  .poster-media .poster-fallback .name{font-family:'Fraunces',serif; font-size:15px; color:var(--cream); margin-bottom:4px;}
  .poster-media .poster-fallback .note{font-size:11px; color:var(--muted-dim);}
  .poster-caption{margin-top:10px; font-size:12.5px; color:var(--muted-dim); text-align:center;}
  @media(max-width:1024px){.poster-slide{flex-basis:48%;}}
  @media(max-width:640px){.poster-slide{flex-basis:86%;}}

  /* flyer slides (Practitioner) - 4:5 portrait, distinct from 1:1 posters */
  .flyer-slide{flex:0 0 27%; min-width:0; scroll-snap-align:start;}
  .flyer-media{
    aspect-ratio:4/5; border-radius:16px; position:relative; overflow:hidden;
    background:linear-gradient(155deg, var(--navy-raise), var(--navy-deep));
    border:1px solid rgba(240,212,138,0.14);
    display:flex; align-items:center; justify-content:center;
  }
  .flyer-media img{width:100%; height:100%; object-fit:contain; display:block; background:var(--navy-deep);}
  .flyer-media .flyer-fallback{text-align:center; padding:0 16px; position:relative; z-index:1;}
  .flyer-media .flyer-fallback .tag{
    font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-light); background:rgba(10,17,32,0.6); border:1px solid rgba(240,212,138,0.25);
    border-radius:999px; padding:5px 11px; display:inline-block; margin-bottom:12px;
  }
  .flyer-media .flyer-fallback .name{font-family:'Fraunces',serif; font-size:14px; color:var(--cream); margin-bottom:4px;}
  .flyer-media .flyer-fallback .note{font-size:10.5px; color:var(--muted-dim);}
  .flyer-caption{margin-top:10px; font-size:12px; color:var(--muted-dim); text-align:center;}
  @media(max-width:1024px){.flyer-slide{flex-basis:47%;}}
  @media(max-width:640px){.flyer-slide{flex-basis:76%;}}

  /* BUSINESS OPPORTUNITY NIGHT */
  .bon-section{padding:76px 0;}
  .bon-grid{display:grid; grid-template-columns:1.15fr 1fr; gap:56px; align-items:center;}
  .bon-headline{
    font-size:clamp(28px,3.2vw,40px); line-height:1.15; color:#F5F0E6;
    font-weight:500; margin-bottom:16px;
  }
  .bon-abbr{color:var(--gold-light); font-size:0.75em;}
  .bon-mobile-break{display:none;}
  .bon-tagline{
    font-size:clamp(16px,1.6vw,18px); line-height:1.5; color:#F5F0E6;
    margin-bottom:18px; font-weight:500;
  }
  .bon-body{color:var(--muted); font-size:15.5px; line-height:1.7; margin-bottom:24px; max-width:520px;}
  .bon-schedule{
    display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap;
    border:1px solid rgba(212,168,72,0.3); border-radius:999px;
    padding:12px 22px; background:rgba(212,168,72,0.05);
    font-family:'IBM Plex Mono',monospace; font-size:12.5px; letter-spacing:0.04em;
    color:#F5F0E6;
  }
  .bon-schedule .bon-dot{color:var(--gold-dim);}
  .bon-image-slot{
    width:100%; height:auto; display:block; border-radius:16px;
    border:1px solid rgba(212,168,72,0.22);
    object-fit:contain;
  }
  @media(max-width:900px){
    .bon-grid{grid-template-columns:1fr; gap:40px;}
    .bon-image-wrap{max-width:360px; margin:0 auto;}
  }
  @media(max-width:600px){
    .bon-section{padding:48px 0;}
    .bon-grid{gap:28px;}
    .bon-headline{font-size:clamp(26px,7.5vw,32px); margin-bottom:14px;}
    .bon-mobile-break{display:block;}
    .bon-tagline{font-size:16px; margin-bottom:14px;}
    .bon-body{font-size:15px; margin-bottom:20px;}
    .bon-schedule{font-size:12px; padding:11px 18px; gap:8px;}
    .bon-image-wrap{max-width:280px;}
  }

  /* mentoring documentation carousel section */
  .mentoring-doc-section{padding:64px 0 72px;}
  .mentoring-doc-headline{
    font-family:'Fraunces',serif; font-weight:500; font-style:normal; color:var(--cream);
    font-size:clamp(20px,2.4vw,26px); line-height:1.3; margin-top:6px;
  }
  @media(max-width:600px){
    .mentoring-doc-section{padding:40px 0 56px;}
    .mentoring-doc-headline{font-size:19px;}
  }

  /* testimonial carousel slides */
  .testi-slide{flex:0 0 30%; min-width:0; scroll-snap-align:start;}
  .testi-carousel-card{
    display:flex; flex-direction:column;
    border:1px solid var(--line); border-radius:16px; padding:24px 22px; height:100%;
    background:rgba(255,255,255,0.02);
  }
  .testi-carousel-card .testi-quote{
    font-size:15px; color:var(--muted); font-style:normal; line-height:1.6;
    flex-grow:1; margin-bottom:18px;
  }
  .testi-highlight{font-weight:600; color:var(--cream);}
  .testi-highlight-gold{font-weight:600; color:var(--gold-light);}
  .testi-identity{display:flex; align-items:center; gap:12px; padding-top:16px; border-top:1px solid var(--line-soft);}
  .testi-carousel-card .testi-avatar{flex-shrink:0;}
  .testi-carousel-card .testi-name{font-weight:700; font-size:14px; color:var(--cream); line-height:1.3;}
  .testi-carousel-card .testi-meta{font-size:12.5px; color:var(--muted-dim); margin-top:2px;}
  .testi-carousel-card .testi-person{min-width:0;}
  /* MENTORING TESTIMONIAL CARDS — SUBTLE ALTERNATING TONAL VARIATION
     Warm Ivory > Champagne Cream > Soft Beige Gold > Warm Taupe > Muted Sand
     Setiap tone menggabungkan 4 lapis perbedaan yang sangat halus:
       1. gradient background (dua tone hangat, opacity rendah)
       2. border warm gold dengan opacity berbeda
       3. shadow yang sedikit berbeda kehangatan/kelembutannya
       4. intensitas aksen pada avatar
     Semua tint dipasang di atas navy, jadi warna teks tidak berubah. */
  .testi-carousel-card[class*="testi-tone-"]{
    transition:background 320ms ease, border-color 320ms ease, box-shadow 320ms ease;
  }

  /* 01 — Warm Ivory */
  .testi-carousel-card.testi-tone-1{
    background:linear-gradient(155deg, rgba(245,239,227,0.085), rgba(239,227,204,0.038));
    border-color:rgba(197,166,106,0.26);
    box-shadow:0 10px 26px -18px rgba(184,146,79,0.42);
  }
  .testi-carousel-card.testi-tone-1 .testi-avatar{border-color:rgba(197,166,106,0.34);}

  /* 02 — Champagne Cream */
  .testi-carousel-card.testi-tone-2{
    background:linear-gradient(155deg, rgba(239,227,204,0.062), rgba(231,214,184,0.028));
    border-color:rgba(184,146,79,0.19);
    box-shadow:0 12px 30px -22px rgba(184,146,79,0.30);
  }
  .testi-carousel-card.testi-tone-2 .testi-avatar{border-color:rgba(197,166,106,0.24);}

  /* 03 — Soft Beige Gold (tone paling terasa) */
  .testi-carousel-card.testi-tone-3{
    background:linear-gradient(155deg, rgba(231,214,184,0.105), rgba(226,211,188,0.045));
    border-color:rgba(197,166,106,0.34);
    box-shadow:0 10px 24px -16px rgba(184,146,79,0.50);
  }
  .testi-carousel-card.testi-tone-3 .testi-avatar{border-color:rgba(197,166,106,0.42);}

  /* 04 — Very Light Warm Taupe (tone paling tenang) */
  .testi-carousel-card.testi-tone-4{
    background:linear-gradient(155deg, rgba(232,222,210,0.048), rgba(232,222,210,0.020));
    border-color:rgba(184,146,79,0.14);
    box-shadow:0 14px 32px -24px rgba(10,17,32,0.55);
  }
  .testi-carousel-card.testi-tone-4 .testi-avatar{border-color:rgba(197,166,106,0.18);}

  /* 05 — Muted Sand */
  .testi-carousel-card.testi-tone-5{
    background:linear-gradient(155deg, rgba(226,211,188,0.078), rgba(216,198,170,0.034));
    border-color:rgba(197,166,106,0.29);
    box-shadow:0 11px 28px -19px rgba(184,146,79,0.38);
  }
  .testi-carousel-card.testi-tone-5 .testi-avatar{border-color:rgba(197,166,106,0.30);}

  @media (prefers-reduced-motion: reduce){
    .testi-carousel-card[class*="testi-tone-"]{transition:none;}
  }

  /* BE A HISTORY MAKER — EDITORIAL GOLD SIGNATURE
     Berbeda dari Mentoring: background sengaja dibuat KONSISTEN
     (satu keluarga warm ivory), dan identitas tiap card datang dari
     posisi, bentuk, serta intensitas aksen gold-nya.
       A  garis gold vertikal kiri + quote mark tegas
       B  garis gold horizontal atas + glow lembut
       C  radial gold glow di sudut + quote mark redup
       D  partial gold frame (dua sudut berseberangan)
       E  center signature, quote mark dominan namun subtle */
  .testi-carousel-card.hm-sig{
    position:relative; overflow:hidden; isolation:isolate;
    background:linear-gradient(158deg, rgba(245,239,227,0.052), rgba(242,233,218,0.026));
    border-color:rgba(184,146,79,0.16);
  }
  .testi-carousel-card.hm-sig .testi-quote,
  .testi-carousel-card.hm-sig .testi-identity{position:relative; z-index:1;}
  .testi-carousel-card.hm-sig::before,
  .testi-carousel-card.hm-sig::after{content:''; position:absolute; pointer-events:none; z-index:0;}

  /* STYLE A — LEFT GOLD SIGNATURE */
  .testi-carousel-card.hm-sig-a{padding-left:30px;}
  .testi-carousel-card.hm-sig-a::before{
    left:0; top:18px; bottom:18px; width:2px;
    background:linear-gradient(180deg, rgba(197,166,106,0.72), rgba(184,146,79,0.30), rgba(159,120,56,0.06));
  }
  .testi-carousel-card.hm-sig-a::after{
    content:'\201D'; right:20px; top:2px;
    font-family:'Fraunces',Georgia,serif; font-size:62px; line-height:1;
    color:rgba(197,166,106,0.30);
  }

  /* STYLE B — TOP GOLD LINE */
  .testi-carousel-card.hm-sig-b::before{
    left:22px; right:22px; top:0; height:2px;
    background:linear-gradient(90deg, rgba(159,120,56,0.05), rgba(197,166,106,0.68), rgba(159,120,56,0.05));
  }
  .testi-carousel-card.hm-sig-b::after{
    left:0; right:0; top:0; height:88px;
    background:linear-gradient(180deg, rgba(197,166,106,0.11), rgba(197,166,106,0));
  }

  /* STYLE C — CORNER GOLD GLOW */
  .testi-carousel-card.hm-sig-c::before{
    right:-60px; top:-60px; width:210px; height:210px; border-radius:50%;
    background:radial-gradient(circle, rgba(197,166,106,0.20) 0%, rgba(184,146,79,0.07) 45%, rgba(184,146,79,0) 72%);
  }
  .testi-carousel-card.hm-sig-c::after{
    content:'\201D'; left:20px; top:6px;
    font-family:'Fraunces',Georgia,serif; font-size:54px; line-height:1;
    color:rgba(197,166,106,0.16);
  }

  /* STYLE D — GOLD FRAME DETAIL (top-left + bottom-right) */
  .testi-carousel-card.hm-sig-d::before{
    left:0; top:0; width:52px; height:52px;
    border-top:2px solid rgba(197,166,106,0.55);
    border-left:2px solid rgba(197,166,106,0.55);
    border-top-left-radius:16px;
  }
  .testi-carousel-card.hm-sig-d::after{
    right:0; bottom:0; width:52px; height:52px;
    border-bottom:2px solid rgba(159,120,56,0.42);
    border-right:2px solid rgba(159,120,56,0.42);
    border-bottom-right-radius:16px;
  }

  /* STYLE E — CENTER SIGNATURE */
  .testi-carousel-card.hm-sig-e{padding-top:38px;}
  .testi-carousel-card.hm-sig-e::before{
    content:'\201D'; left:0; right:0; top:-6px; text-align:center;
    font-family:'Fraunces',Georgia,serif; font-size:78px; line-height:1;
    color:rgba(197,166,106,0.17);
  }
  .testi-carousel-card.hm-sig-e::after{
    left:50%; transform:translateX(-50%); top:56px; width:46px; height:1px;
    background:linear-gradient(90deg, rgba(197,166,106,0), rgba(197,166,106,0.52), rgba(197,166,106,0));
  }

  /* Pengulangan pola tidak dibuat identik: putaran kedua sedikit lebih tenang
     agar tidak terbaca mekanis. */
  .testi-slide:nth-child(n+6) .testi-carousel-card.hm-sig-a::after{font-size:56px; color:rgba(197,166,106,0.22);}
  .testi-slide:nth-child(n+6) .testi-carousel-card.hm-sig-b::after{height:70px; background:linear-gradient(180deg, rgba(197,166,106,0.08), rgba(197,166,106,0));}
  .testi-slide:nth-child(n+6) .testi-carousel-card.hm-sig-c::before{right:-70px; top:auto; bottom:-70px;}
  .testi-slide:nth-child(n+6) .testi-carousel-card.hm-sig-d::before{width:44px; height:44px;}
  .testi-slide:nth-child(n+6) .testi-carousel-card.hm-sig-d::after{width:44px; height:44px;}
  .testi-slide:nth-child(n+6) .testi-carousel-card.hm-sig-e::before{font-size:66px; color:rgba(197,166,106,0.13);}

  /* Mobile — aksen dekoratif dikecilkan agar area baca tidak berkurang. */
  @media (max-width:640px){
    .testi-carousel-card.hm-sig-a{padding-left:26px;}
    .testi-carousel-card.hm-sig-a::after{font-size:46px; right:16px;}
    .testi-carousel-card.hm-sig-c::before{width:150px; height:150px; right:-45px; top:-45px;}
    .testi-carousel-card.hm-sig-c::after{font-size:40px;}
    .testi-carousel-card.hm-sig-d::before,
    .testi-carousel-card.hm-sig-d::after{width:38px; height:38px;}
    .testi-carousel-card.hm-sig-e{padding-top:32px;}
    .testi-carousel-card.hm-sig-e::before{font-size:58px;}
    .testi-carousel-card.hm-sig-e::after{top:44px;}
  }
  .testi-carousel-card .testi-meta{letter-spacing:0.01em; line-height:1.35;}
  @media(max-width:1024px){.testi-slide{flex-basis:48%;}}
  @media(max-width:640px){.testi-slide{flex-basis:88%;}}
  @media(max-width:600px){
    .testi-carousel-card{padding:20px 20px;}
    .testi-carousel-card .testi-quote{font-size:16px; line-height:1.65;}
    .testi-carousel-card .testi-name{font-size:15px;}
    .testi-carousel-card .testi-meta{font-size:13px;}
  }

  /* closing card - slide 11 */
  .testi-closing-statement{
    font-family:'Fraunces',serif; font-weight:400; font-style:normal; color:var(--muted);
    font-size:clamp(17px,2vw,19px); line-height:1.65; text-align:center; margin:0;
  }

  .testi-closing-card{
    position:relative; overflow:hidden; text-align:center; align-items:center; justify-content:center;
    background:linear-gradient(160deg, rgba(201,162,75,0.06), rgba(255,255,255,0.02));
    border-color:rgba(240,212,138,0.2);
  }
  .testi-closing-mark{
    font-family:'Fraunces',serif; font-size:64px; line-height:1; color:var(--gold-dim);
    opacity:0.35; margin-bottom:-14px;
  }
  .testi-closing-eyebrow{
    font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-light); margin-bottom:12px;
  }
  .testi-closing-headline{font-family:'Fraunces',serif; font-size:18px; color:var(--cream); line-height:1.3; margin-bottom:12px;}
  .testi-closing-body{font-size:13.5px; color:var(--muted); line-height:1.6; margin-bottom:14px;}
  .testi-closing-small{font-size:12px; color:var(--gold-light); font-style:italic;}
  @media(max-width:600px){
    .testi-closing-mark{font-size:56px;}
    .testi-closing-headline{font-size:17px;}
    .testi-closing-body{font-size:14px;}
  }

  @media(max-width:600px){
    .carousel-block{margin-top:40px;}
    .carousel-sub{font-size:14.5px; margin-bottom:18px;}
  }
  .testi-avatar{width:52px; height:52px; border-radius:50%; flex-shrink:0; background:linear-gradient(160deg,var(--navy-card),var(--navy-raise)); border:1px solid var(--line);}
  .testi-name{font-weight:700; font-size:14.5px; color:var(--cream);}
  .testi-meta{font-size:12.5px; color:var(--muted-dim); margin-bottom:8px;}
  .testi-quote{font-size:15px; color:var(--muted); font-style:normal; line-height:1.7;}

  /* practitioner list */
  .practitioner-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); border-radius:16px; overflow:hidden; margin-top:50px;}
  @media(max-width:760px){.practitioner-grid{grid-template-columns:1fr;}}
  .practitioner-item{background:var(--navy-deep); padding:32px 26px;}
  .practitioner-item h4{font-size:18px; margin-bottom:8px; color:var(--cream);}
  .practitioner-item p{font-size:13.5px; color:var(--muted-dim);}

  /* community gallery - visual heavy */
  .gallery{
    display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:150px; gap:10px; margin-top:50px;
  }
  .gallery .ph{border-radius:12px; height:100%;}
  .gallery img{border-radius:12px; height:100%; width:100%; object-fit:cover; display:block;}
  .gallery .g1{grid-column:span 2; grid-row:span 2;}
  .gallery .g2{grid-column:span 2; grid-row:span 1;}
  .gallery .g3{grid-column:span 1; grid-row:span 1;}
  .gallery .g4{grid-column:span 1; grid-row:span 1;}
  .gallery .g5{grid-column:span 2; grid-row:span 1;}
  @media(max-width:760px){
    .gallery{grid-template-columns:repeat(2,1fr); grid-auto-rows:150px; gap:8px;}
    .gallery .g1,.gallery .g2,.gallery .g5{grid-column:span 2;}
    .gallery .g1{grid-row:span 2;}
  }
  @media(max-width:420px){
    .gallery{grid-auto-rows:170px;}
  }

  /* leadership path (legacy, no longer used but harmless if referenced) */
  .lead-path{display:flex; align-items:center; justify-content:center; gap:0; margin:56px 0; flex-wrap:wrap;}
  .lead-step{text-align:center; padding:0 24px;}
  .lead-step .n{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--gold-dim); margin-bottom:8px;}
  .lead-step h4{font-size:16px; color:var(--muted-dim); font-weight:600;}
  .lead-step.active h4{color:var(--gold-light);}
  .lead-arrow{color:var(--gold-dim); font-size:18px;}
  @media(max-width:760px){.lead-path{flex-direction:column; gap:18px;} .lead-arrow{transform:rotate(90deg);}}

  /* practitioner content (area 03) */
  .practitioner-content{max-width:640px;}

  /* premium "Kenali..." deep-links */
  .kenali-link{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--gold-light); font-weight:600; font-size:15.5px;
    text-decoration:none; padding:6px 0; letter-spacing:0.01em;
    transition:opacity 220ms ease;
  }
  .kenali-link:hover{opacity:0.82;}
  .kenali-link .kenali-arrow{display:inline-block; transition:transform 220ms ease;}
  .kenali-link:hover .kenali-arrow{transform:translateX(5px);}
  .kenali-link-wrap{margin-top:28px;}

  /* CTA "Kenali Produk Kami" — tampil sebagai button, mengikuti .btn-gold
     namun lebih compact agar hierarki di bawah CTA utama tetap terjaga. */
  .kenali-link.kenali-btn,
  .jpb-pillar .kenali-link.kenali-btn{
    background:linear-gradient(180deg, var(--gold-light), var(--gold));
    color:var(--navy-deep); font-weight:700; font-size:14px;
    padding:12px 24px; border-radius:999px;
    box-shadow:0 8px 22px rgba(201,162,75,0.20);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .kenali-link.kenali-btn:hover{
    opacity:1; transform:translateY(-2px); box-shadow:0 12px 28px rgba(201,162,75,0.30);
  }
  @media(max-width:600px){
    .kenali-link.kenali-btn,
    .jpb-pillar .kenali-link.kenali-btn{font-size:13.5px; padding:12px 22px; min-height:44px;}
  }
  .jpb-pillar .kenali-link{margin-top:14px; font-size:14px;}
  @media(max-width:600px){
    .kenali-link{font-size:15px; padding:8px 0; min-height:32px;}
    .kenali-link-wrap{margin-top:24px;}
    .jpb-pillar .kenali-link{margin-top:12px; font-size:13.5px;}
  }

  /* testimonial grid (Section 8) */
  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:50px;}
  @media(max-width:860px){.testi-grid{grid-template-columns:1fr;}}
  .testi-card{border:1px solid var(--line); border-radius:16px; padding:28px 24px; background:rgba(255,255,255,0.012);}
  .testi-card .testi-avatar{margin-bottom:16px;}
  .testi-card .testi-name{font-weight:700; font-size:14.5px; color:var(--cream);}
  .testi-card .testi-meta{font-size:12.5px; color:var(--muted-dim); margin-bottom:12px;}
  .testi-card .testi-quote{font-size:14.5px; color:var(--muted); font-style:normal; line-height:1.7;}

  /* legacy closing narrative */
  .legacy{text-align:center; padding:96px 0 80px;}
  .legacy-headline{
    font-size:clamp(26px,3.8vw,37px); line-height:1.1; color:var(--cream); margin:0 auto 34px; max-width:640px;
  }
  .legacy p.statement{
    font-family:'Plus Jakarta Sans', sans-serif; font-weight:500; color:var(--muted);
    font-size:clamp(16px,2vw,18px); line-height:1.6; max-width:520px; margin:0 auto 10px;
  }
  .legacy p.statement strong{color:var(--gold-light); font-weight:600;}
  @media(max-width:600px){
    .legacy{padding:56px 0 48px;}
    .legacy-headline{font-size:clamp(22px,6vw,26px); margin:0 auto 18px; line-height:1.18; letter-spacing:-0.005em;}
  }

  /* final cta */
  .final-cta{text-align:center; padding:96px 0 80px; border-top:1px solid var(--line-soft);}
  .final-cta h2{font-size:clamp(26px,3.8vw,37px); line-height:1.1; margin-bottom:22px;}
  .final-cta h2 span{display:block;}
  .final-cta h2 span:nth-child(2){color:var(--gold-light);}
  .final-cta .tagline{color:var(--muted); font-size:16px; margin-bottom:40px;}
  @media(max-width:600px){
    .final-cta{padding:56px 0 48px;}
    .final-cta .eyebrow{font-size:10.5px;}
    .final-cta h2{font-size:clamp(22px,6vw,26px); line-height:1.18; letter-spacing:-0.005em; margin-bottom:12px;}
    .final-cta .tagline{font-size:16px; line-height:1.6; margin-bottom:28px;}
  }

  .lgc-about-credit{border-top:1px solid var(--line-soft); padding:44px 0 60px; text-align:center;}
  .footer-logo{font-family:'Fraunces',serif; color:var(--gold-light); font-size:17px; margin-bottom:10px;}
  .lgc-about-credit p{font-size:12.5px; color:var(--muted-dim); max-width:560px; margin:0 auto;}
  .lgc-about-credit .arch{margin-top:26px; font-size:12px; color:var(--muted-dim); display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
  .lgc-about-credit .arch a{color:var(--muted);}
  .lgc-about-credit .arch a:hover{color:var(--gold-light);}
  @media(max-width:600px){
    .lgc-about-credit{padding:40px 0 48px;}
    .lgc-about-credit p{font-size:13.5px; line-height:1.6;}
    .lgc-about-credit .arch{
      flex-direction:column; gap:14px; margin-top:28px; padding-top:24px;
      border-top:1px solid var(--line-soft); font-size:14px;
    }
    .lgc-about-credit .arch a{padding:6px 0; min-height:32px;}
  }
  /* JPB SECTION (scoped) */
  .jpb-pillars{
    display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
    background:var(--line-soft); border:1px solid var(--line-soft); border-radius:16px;
    overflow:hidden; margin:56px 0 0;
  }
  @media(max-width:900px){.jpb-pillars{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.jpb-pillars{grid-template-columns:1fr;}}
  .jpb-pillar{background:var(--navy-deep); padding:34px 26px;}
  .jpb-pillar .jpb-num{
    font-family:'Fraunces',serif; font-weight:400; font-size:32px; letter-spacing:0;
    color:var(--gold-dim); display:block; margin-bottom:14px; line-height:1;
  }
  .jpb-pillar h4{font-size:15.5px; color:var(--cream); margin-bottom:10px; font-weight:600; line-height:1.35; letter-spacing:0.01em;}
  .jpb-pillar p{font-size:13.5px; color:var(--muted); line-height:1.65;}
  @media(max-width:600px){
    .jpb-pillars{margin-top:40px;}
    .jpb-pillar{padding:22px 20px;}
    .jpb-pillar .jpb-num{font-size:26px; margin-bottom:10px;}
    .jpb-pillar h4{font-size:16px;}
    .jpb-pillar p{font-size:14px;}
  }

  .jpb-legal{
    margin-top:90px; padding:70px 40px; border-radius:24px; text-align:center;
    background:var(--mood-trust); position:relative; overflow:hidden;
  }
  #opportunity{padding-bottom:48px;}
  .jpb-legal::before{
    content:''; position:absolute; top:-20%; left:50%; transform:translateX(-50%);
    width:500px; height:300px; background:radial-gradient(ellipse, rgba(240,212,138,0.07), transparent 70%);
    pointer-events:none;
  }
  .jpb-legal > *{position:relative; z-index:1;}
  .jpb-legal h3{
    font-family:'Fraunces',serif; font-weight:500; font-size:clamp(24px,3.6vw,34px);
    line-height:1.32; color:var(--cream); max-width:560px; margin:0 auto 46px;
  }
  .jpb-credentials{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
  .jpb-credential{
    border:1px solid rgba(240,212,138,0.14); border-radius:12px; padding:20px 22px;
    background:rgba(255,255,255,0.03); transition:border-color .2s ease; text-align:left;
  }
  .jpb-credential:hover{border-color:var(--gold-dim);}
  .jpb-credential-name{
    font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.07em;
    text-transform:uppercase; color:var(--gold-light); margin-bottom:8px;
  }
  .jpb-credential-num{font-size:13.5px; color:var(--muted); line-height:1.5; word-break:break-word;}
  @media(max-width:600px){
    .jpb-legal{margin-top:48px; padding:44px 22px;}
    #opportunity{padding-bottom:24px;}
    .jpb-legal h3{font-size:clamp(19px,5.5vw,22px); line-height:1.25; margin-bottom:24px;}
    .jpb-credentials{grid-template-columns:1fr; gap:12px;}
    .jpb-credential{padding:18px 20px;}
    .jpb-credential-num{font-size:13px;}
  }

  .final-cta{position:relative;}
  .final-cta::before{
    content:''; position:absolute; top:-10%; left:50%; transform:translateX(-50%);
    width:600px; height:400px; background:radial-gradient(ellipse, rgba(240,212,138,0.07), transparent 70%);
    pointer-events:none;
  }
  .final-cta .wrap-narrow{position:relative; z-index:1;}
  /* FINAL MOBILE POLISH (360 / 390 / 430px)
     Hanya menyentuh viewport <= 600px. Desktop tidak terpengaruh. */
  @media(max-width:600px){

    /* Kartu testimoni: satu card penuh per layar */
    /* 100% + padding .wrap (24px) = safe margin kiri-kanan, tanpa overflow. */
    .testi-slide{flex-basis:100%;}

    /* Tinggi mengikuti isi masing-masing card.
       Tanpa ini semua card ikut setinggi testimoni terpanjang,
       sehingga card pendek menyisakan ruang kosong besar. */
    #mentoringTestiTrack, #bahmTestiTrack{align-items:flex-start;}

    /* Keterbacaan teks testimoni */
    .testi-carousel-card{padding:20px 18px;}
    .testi-carousel-card .testi-quote{
      font-size:16.5px; line-height:1.58; font-style:normal; margin-bottom:16px;
    }
    .testi-carousel-card .testi-identity{padding-top:14px; gap:12px;}
    .testi-carousel-card .testi-name{font-size:16px; font-weight:700; line-height:1.3;}
    .testi-carousel-card .testi-meta{font-size:14.5px; line-height:1.4;}
    .testi-carousel-card .testi-avatar{width:46px; height:46px;}

    /* Tombol navigasi: target sentuh nyaman (>=44px) */
    .carousel-btn{width:44px; height:44px; font-size:17px;}
    .carousel-nav{gap:10px;}
    .carousel-head{gap:12px;}
    .carousel-counter{font-size:12.5px; white-space:nowrap;}

    /* Swipe lebih nyaman: card tidak menempel ke tepi track */
    .carousel-track{scroll-padding-left:0; gap:14px;}
  }

  /* Layar paling sempit (360px): rapatkan sedikit tanpa membuat sesak. */
  @media(max-width:380px){
    .testi-carousel-card{padding:18px 16px;}
    .testi-carousel-card .testi-quote{font-size:16px;}
    .testi-carousel-card .testi-name{font-size:15.5px;}
    .testi-carousel-card .testi-meta{font-size:14px;}
    .testi-carousel-card .testi-avatar{width:42px; height:42px;}
  }