/* CitraDesa narrative — works as readable content without JavaScript. */
.brand-story{background:#032f20;color:#ecf8ef;padding:6.5rem 1.25rem;overflow:hidden}
.brand-story-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5rem;align-items:start}
.story-intro{position:sticky;top:7rem;padding-top:1rem}.story-kicker{display:inline-flex;gap:.5rem;align-items:center;color:#8fe0a7;font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.story-kicker:before{content:'';width:8px;height:8px;border-radius:99px;background:#57d17c;box-shadow:0 0 0 5px #57d17c22}.story-intro h2{font-size:clamp(2.2rem,4vw,4.35rem);line-height:1.04;letter-spacing:-.055em;margin:1rem 0 1.25rem;color:white}.story-intro h2 em{font-style:normal;color:#8fe0a7}.story-intro p{max-width:32rem;color:#c4decb;line-height:1.8}.story-progress{display:flex;gap:.45rem;margin-top:2rem}.story-progress i{width:1.4rem;height:3px;background:#43795b;border-radius:99px}.story-progress i:first-child{background:#8fe0a7}
.story-chapters{display:grid;gap:1rem}.story-chapter{position:relative;min-height:13rem;border:1px solid #ffffff1f;border-radius:1.4rem;padding:1.7rem 1.7rem 1.6rem;background:linear-gradient(135deg,#0b5337,#063d2a);box-shadow:0 18px 45px #00180d55;transition:transform .5s ease,border-color .5s ease,background .5s ease}.story-chapter:hover,.story-chapter.active{transform:translateX(-.55rem);border-color:#8fe0a788;background:linear-gradient(135deg,#116a45,#074a30)}.story-number{display:block;color:#8fe0a7;font-size:.74rem;font-weight:900;letter-spacing:.15em}.story-chapter h3{font-size:1.5rem;letter-spacing:-.035em;color:#fff;margin:.65rem 0}.story-chapter p{margin:0;max-width:32rem;line-height:1.65;color:#c9e2d0}.story-symbol{position:absolute;right:1.5rem;bottom:1.35rem;width:3.4rem;height:3.4rem;object-fit:contain;opacity:.82}.story-chapter.final{background:linear-gradient(135deg,#116b45,#0b8c50)}.story-chapter.final .story-symbol{width:5rem;height:5rem;bottom:1rem}
@media(max-width:850px){.brand-story{padding:4.5rem 1.25rem}.brand-story-inner{grid-template-columns:1fr;gap:2.5rem}.story-intro{position:static}.story-chapter{min-height:auto}.story-chapter:hover,.story-chapter.active{transform:none}}