:root{--accent: #0a7c67;--bg: #ffffff}body{background-color:var(--bg);margin:0;padding-top:0;font-family:Inter,sans-serif;color:#000;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.sticky-header{position:relative;width:100%;padding-bottom:10px}main{position:relative;padding-top:0;padding-bottom:clamp(4rem,10vw,8rem)}.storyline{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:100%;pointer-events:none;z-index:0}.timeline,.dot{display:none}.icon{font-size:2rem;color:#ddd;transition:color .3s ease;margin-right:1rem;z-index:1}.icon.active{color:var(--accent)}.chapter{display:flex;align-items:center;justify-content:space-between;margin:clamp(4rem,10vw,8rem) auto;max-width:1100px;padding:0 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;position:relative;z-index:1;opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.chapter-media{flex:0 0 clamp(150px,25vw,300px);padding:0 1rem}.chapter-media img{width:100%;height:auto;border-radius:8px}.chapter-content{flex:1;padding:0 1rem}.chapter-title{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:1rem}.chapter-body{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6}.visible{opacity:1;transform:none}.chapter:last-child{margin-bottom:clamp(8rem,20vw,12rem)}@media (min-width: 769px){.timeline{display:block}.storyline path{stroke-width:5.2}.chapter:nth-child(odd){flex-direction:row;text-align:left}.chapter:nth-child(2n){flex-direction:row-reverse;text-align:right}}@media (max-width: 768px){.chapter{flex-direction:column;text-align:center;padding:80px 20px}.chapter-media,.chapter-content{padding:0}}@media (prefers-reduced-motion: reduce){.chapter{transition:none}}