.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:40px}.section-subtitle{color:var(--view-accent-color);text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;font-size:1rem;font-weight:600;display:block}.section-title{font-family:var(--fc-font-heading);color:#fff;letter-spacing:1px;margin:0;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700}.hero-content{z-index:3;position:relative}.hero-title{letter-spacing:2px;color:#fff;text-shadow:0 10px 20px #0009;margin:0;font-family:Rajdhani,sans-serif;font-size:4rem;font-weight:700;line-height:1.1}.hero-subtitle{color:#f8fafce6;max-width:600px;margin:1rem auto 0;font-size:1.2rem}.hero-overlay{z-index:1;background:linear-gradient(#3b82f61a 0%,#0b0f19cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.custom-shape-divider-bottom{z-index:2;width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden}.custom-shape-divider-bottom svg{width:calc(100% + 1.3px);height:60px;display:block;position:relative}.custom-shape-divider-bottom .shape-fill{fill:var(--view-bg-main)}.content-wrapper{z-index:3;max-width:1000px;margin:0 auto;padding:0 2rem;position:relative}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.content-wrapper{padding:0 1rem}.section-title{font-size:1.8rem}.section-subtitle{letter-spacing:1.5px;font-size:.85rem}}@media (width<=480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.section-title{font-size:1.3rem}.section-header{margin-bottom:30px}}