.about-hero{display:flex;height:100vh;position:relative;overflow:hidden;background:#0d0d0d}.hero-side{flex:1;position:relative;display:flex;align-items:flex-end;padding:3rem;color:#fff;overflow:hidden}.hero-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-url);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transform:scaleX(1);transition:transform .5s ease,filter .5s ease}.hero-side.flip-bg:before{transform:scaleX(-1)}.hero-side:hover:before{transform:scale(1.05);filter:brightness(1.05)}.hero-side.flip-bg:hover:before{transform:scaleX(-1) scale(1.05);filter:brightness(1.05)}.hero-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0003);z-index:2}.hero-content{position:relative;z-index:3;max-width:90%}.hero-content h2{font-weight:700;font-size:2rem}.hero-content p{margin:.5rem 0 1rem;color:#ccc}.hero-content .btn{border-radius:30px;padding:.5rem 1.5rem}.hero-divider{position:absolute;top:0;bottom:0;left:50%;width:6px;background:linear-gradient(to bottom,transparent,#e63946,transparent);transform:skew(-6deg);z-index:3}.hero-divider span{position:absolute;top:50%;left:-40px;transform:rotate(-90deg) translateY(-50%);color:#aaa;font-size:.9rem;letter-spacing:2px}.about-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f0ff2;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-content{text-align:center;max-width:600px;color:#ddd}.info-box{display:none}.info-box.active{display:block}@media (max-width: 768px){.about-hero{flex-direction:column;height:auto}.hero-divider{display:none}.hero-side{min-height:60vh}}.about-story{background:#0d0d0d;color:#eee;position:relative;overflow:hidden}.about-story .section-title{font-weight:700;color:#fff;position:relative;display:inline-block}.about-story .section-title:after{content:"";display:block;width:60px;height:3px;background:#e63946;margin:.5rem auto 0;border-radius:2px}.story-box{position:relative;padding:2rem;background:#141414d9;border-radius:20px;color:#ddd;font-size:1.15rem;line-height:1.8;text-align:left;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.story-box:hover{transform:translateY(-6px);box-shadow:0 0 25px #e639464d}.story-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#e63946,#ff7676,#e63946);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGlow 6s linear infinite}.story-box p{position:relative;padding-left:1rem}.story-box p:before{content:"";position:absolute;top:.6rem;left:0;width:4px;height:70%;background:#e63946;border-radius:2px}.about-mission{background:#0d0d0d;color:#eee;position:relative;overflow:hidden}.about-mission .section-title{font-weight:700;color:#fff;position:relative;display:inline-block}.about-mission .section-title:after{content:"";display:block;width:60px;height:3px;background:#e63946;margin:.5rem auto 0;border-radius:2px}.mission-box{position:relative;padding:2.5rem;background:#141414d9;border-radius:20px;color:#ddd;font-size:1.15rem;line-height:1.8;text-align:left;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.mission-box:hover{transform:translateY(-6px);box-shadow:0 0 25px #e639464d}.mission-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#e63946,#ff7676,#e63946);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGlow 6s linear infinite}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mission-box p{position:relative;padding-left:1.5rem}.mission-box p:before{content:"✦";position:absolute;left:0;top:.2rem;color:#e63946;font-size:1rem}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in:nth-child(1){transition-delay:.2s}.fade-in:nth-child(2){transition-delay:.4s}
