:root{--industrial-charcoal: #1f2937;--industrial-dark-gray: #374151;--industrial-medium-gray: #4b5563;--industrial-steel-blue: #5f85a8;--industrial-rust: #b35d2c;--industrial-light-gray: #d1d5db;--industrial-off-white: #f3f4f6;--text-on-dark: #f3f4f6;--text-on-light: #1f2937;--gradient-industrial-dark: linear-gradient(135deg, var(--industrial-charcoal), var(--industrial-medium-gray));--gradient-industrial-accent: linear-gradient(135deg, var(--industrial-steel-blue), var(--industrial-rust));--gradient-industrial-subtle: linear-gradient(135deg, var(--industrial-medium-gray) 0%, var(--industrial-dark-gray) 100%)}body{background-color:var(--industrial-off-white)}main#main-content{background:var(--gradient-industrial-accent);position:relative;z-index:1;padding:0}.about-page{overflow-x:hidden}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:auto}.story-section{padding-top:3rem;background:transparent}.timeline-section{padding-bottom:6rem;background:transparent;position:relative;z-index:0}.timeline{position:relative;max-width:900px;margin:2rem auto}.timeline:before{content:"";position:absolute;width:10px;background:var(--industrial-steel-blue);top:-50px;bottom:0;left:50%;margin-left:-5px;opacity:1;z-index:0;border-radius:5px}.timeline-item{padding:2rem 0;position:relative}.timeline-content{position:relative;width:45%;background:var(--industrial-charcoal);padding:2rem;border-radius:12px;border:1px solid var(--industrial-medium-gray);color:var(--text-on-dark);box-shadow:0 5px 15px #0003}.timeline-item:nth-child(odd) .timeline-content{left:0;text-align:right}.timeline-item:nth-child(2n) .timeline-content{left:55%}.timeline-icon{position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:var(--industrial-steel-blue);color:var(--text-on-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.timeline-item:nth-child(odd) .timeline-icon{left:calc(50% - 25px);transform:translate(-100%,-50%)}.timeline-item:nth-child(2n) .timeline-icon{left:calc(50% + 25px);transform:translateY(-50%)}.timeline-item:nth-child(odd) .timeline-content.fade-in{transform:translate(-50px)}.timeline-item:nth-child(2n) .timeline-content.fade-in{transform:translate(50px)}.timeline-year{font-size:1.5rem;font-weight:700;color:var(--industrial-steel-blue);margin-bottom:.5rem}.timeline-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-on-dark)}.timeline-section .section-title,.timeline-section .section-subtitle{color:var(--text-on-dark)}.timeline-section .section-header{padding-top:6rem}.values-section .section-title,.values-section .section-subtitle,.team-section .section-title,.team-section .section-subtitle{color:var(--text-on-dark)}.values-section{padding-bottom:6rem;background:transparent}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.value-card{background:var(--industrial-medium-gray);padding:2.5rem;border-radius:12px;text-align:center;border:1px solid var(--industrial-steel-blue);box-shadow:0 5px 15px #0003;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000004d}.value-icon{width:70px;height:70px;background:var(--industrial-steel-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--text-on-dark)}.value-title{font-size:1.25rem;font-weight:700;color:var(--text-on-dark);margin-bottom:1rem}.team-section{padding-bottom:6rem;background:transparent}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.team-card{background:var(--industrial-medium-gray);border-radius:12px;overflow:hidden;text-align:center;border:1px solid var(--industrial-steel-blue);box-shadow:0 5px 15px #0003;transition:transform .3s ease,box-shadow .3s ease}.team-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000004d}.team-image-placeholder{height:280px;background:var(--industrial-charcoal);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--industrial-steel-blue)}.team-info{padding:1.5rem}.team-name{font-size:1.25rem;font-weight:700;color:var(--text-on-dark)}.team-role{color:var(--industrial-steel-blue);font-weight:600;margin-bottom:1rem}.cta-section{padding:0;padding-bottom:2rem;background:transparent;color:var(--text-on-dark);text-align:center}.cta-button{display:inline-flex;align-items:center;gap:.75rem;background:var(--industrial-charcoal);color:var(--text-on-dark);padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid var(--industrial-steel-blue);box-shadow:0 5px 15px #0000004d}.cta-button:hover{background:var(--industrial-dark-gray);transform:translateY(-3px);box-shadow:0 8px 25px #0006;color:var(--text-on-dark)}@media(max-width:768px){.timeline:before{display:none}.timeline-item{padding-left:0;max-width:90%;margin:0 auto}.timeline-content{width:100%;left:auto!important;text-align:center!important;padding:1.5rem}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{left:0;transform:translate(0)}.timeline-icon{left:50%;top:1.5rem;transform:translate(-50%);z-index:1}.values-grid,.team-grid{grid-template-columns:1fr}.value-card,.team-card{margin-bottom:1.5rem}}.fade-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translate(0)}
