.about-section{padding:4rem 0 6rem;background:rgba(243,243,243,.3)}.about-container{max-width:1300px;margin:0 auto;padding:0 1rem}.about-content{max-width:80rem;margin:0 auto}.about-header{text-align:center;margin-bottom:3rem;opacity:0;transform:translateY(2rem);transition:all 1s ease}.about-header--visible{opacity:1;transform:translateY(0)}.about-title{font-size:3rem;font-weight:700;color:#1b1b1b;margin-bottom:.75rem;text-wrap:balance}.about-subtitle{font-size:1.25rem;color:#6b7280;text-wrap:balance}.timeline{position:relative}.timeline__line{position:absolute;left:2rem;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline__items{display:flex;flex-direction:column;gap:2rem}.timeline__item{display:flex;gap:1rem;align-items:flex-start;opacity:0;transform:translateY(2rem);transition:all .7s ease}.timeline__item--visible{opacity:1;transform:translateY(0)}.timeline__dot-mobile{flex-shrink:0;width:1rem;height:1rem;border-radius:50%;background:#105c92;border:4px solid white;z-index:10}.timeline__dot-desktop{display:none}.timeline__content{flex:1}.timeline__year{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background:#105c92;color:white;font-weight:700;font-size:.875rem;margin-bottom:.5rem;transition:transform .3s ease}.timeline__year:hover{transform:scale(1.1)}.timeline__title{font-size:1.25rem;font-weight:700;color:#1b1b1b;margin-bottom:.25rem}.timeline__description{font-size:.875rem;color:#6b7280}.timeline__spacer{display:none}@media (min-width:768px){.about-section{padding:6rem 0}.about-header{margin-bottom:4rem}.about-title{font-size:3.75rem;margin-bottom:1rem}.about-subtitle{font-size:1.5rem}.timeline__line{left:50%;transform:translateX(-50%)}.timeline__items{gap:3rem}.timeline__item{gap:2rem;align-items:center}.timeline__item--left{flex-direction:row}.timeline__item--right{flex-direction:row-reverse}.timeline__dot-mobile{display:none}.timeline__dot-desktop{display:block;width:1rem;height:1rem;border-radius:50%;background:#105c92;border:4px solid white;z-index:10;transition:transform .3s ease}.timeline__dot-desktop:hover{transform:scale(1.5)}.timeline__content{flex:1}.timeline__content--left{text-align:right}.timeline__content--right{text-align:left}.timeline__year{padding:.5rem 1rem;font-size:1rem}.timeline__title{font-size:1.5rem;margin-bottom:.5rem}.timeline__description{font-size:1rem}.timeline__spacer{display:block;flex:1}}@media (max-width:767px){.about-section{padding:3rem 0 4rem}.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.timeline__line{left:.5rem}.timeline__dot-mobile{margin-left:-.5rem}}