.timeline{position:relative;max-width:800px;margin:40px auto;padding:20px 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:20px;width:4px;background:var(--spartacus-red);border-radius:2px}.timeline-item{position:relative;margin-bottom:50px;padding-left:60px;animation:fadeInLeft .6s ease-out;animation-fill-mode:both}.timeline-item:nth-child(2n){animation:fadeInRight .6s ease-out;animation-fill-mode:both}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}.timeline-item:nth-child(7){animation-delay:.7s}.timeline-item:nth-child(8){animation-delay:.8s}.timeline-item:nth-child(9){animation-delay:.9s}.timeline-item:nth-child(10){animation-delay:1s}.timeline-item:before{content:"";position:absolute;top:0;left:10px;width:24px;height:24px;border-radius:50%;background:var(--spartacus-red);border:4px solid var(--light-gray);z-index:1;box-shadow:0 0 0 4px #ba131a1a;transition:all .3s ease}.timeline-item:hover:before{transform:scale(1.2);background:var(--spartacus-burgundy);box-shadow:0 0 0 6px #ba131a33}.timeline-content{background:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border-left:3px solid transparent}.timeline-item:hover .timeline-content{transform:translateY(-5px);box-shadow:0 10px 25px #00000026;border-left:3px solid var(--spartacus-red)}.timeline-content h3{margin-bottom:15px;color:var(--spartacus-burgundy);font-size:20px;position:relative;display:inline-block;padding-bottom:8px}.timeline-content h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--spartacus-red);transition:width .3s ease}.timeline-item:hover .timeline-content h3:after{width:100%}.timeline-content p{line-height:1.8}.about-content{display:flex;flex-wrap:wrap;gap:40px;margin:40px 0;align-items:flex-start}.about-text{flex:1;min-width:300px}.about-image{flex:0 0 280px;max-width:280px}.about-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;object-fit:cover;object-position:center;max-height:350px}.about-image img:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px #0003}blockquote{font-style:italic;padding:25px;background:#f8f8f8;border-left:4px solid var(--spartacus-red);margin:0 0 30px;line-height:1.8;border-radius:0 8px 8px 0;box-shadow:0 5px 15px #0000000d;position:relative;transition:all .3s ease}blockquote:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;background:#f3f3f3}blockquote:before{content:'"';position:absolute;top:10px;left:10px;font-size:60px;color:#ba131a1a;font-family:serif}.text-right{text-align:right;font-weight:700;margin-top:15px;color:var(--spartacus-burgundy)}.section.text-center{margin-top:80px;padding:60px 0;background-color:#f8f8f8;border-radius:8px;box-shadow:0 5px 15px #0000000d}.history-image-container{max-width:100%;margin:40px auto;overflow:hidden;border-radius:8px;box-shadow:0 8px 25px #00000026;transition:transform .3s ease,box-shadow .3s ease}.history-image-container:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.history-image{width:100%;height:auto;display:block;transition:transform .5s ease;object-fit:cover}.history-image-container:hover .history-image{transform:scale(1.02)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 992px){.about-content{gap:30px}.about-image{flex:0 0 240px;max-width:240px}}@media (max-width: 768px){.timeline{margin:20px auto}.timeline-content{padding:20px}.timeline-item{padding-left:50px}blockquote{padding:30px 20px 20px}blockquote:before{font-size:40px}.about-content{flex-direction:column}.about-image{flex:0 0 100%;max-width:280px;margin:0 auto;order:1}.about-text{order:2}.history-image-container{margin:30px auto}}@media (max-width: 576px){.timeline:before{left:15px}.timeline-item{padding-left:45px}.timeline-item:before{left:5px;width:20px;height:20px}.about-image{max-width:100%}.about-image img{max-height:300px}}
