.about-page{min-height:100vh;background-color:#000;color:#fff}.about-page *{color:#fff}.about-hero-scroll{height:400vh;position:relative}.hero-viewport{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.images-track{position:absolute;display:flex;gap:40px;align-items:center;height:100%;padding:0 150px;z-index:1;will-change:transform}.track-image{flex-shrink:0;border-radius:12px;overflow:hidden}.track-image.tall{width:350px;height:520px}.track-image.wide{width:550px;height:380px}.track-image.square{width:420px;height:420px}.track-image.medium{width:400px;height:480px}.track-image img{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-logo{position:absolute;z-index:10;transition:opacity .3s ease}.about-hero-title{font-size:clamp(80px,15vw,150px);font-weight:700;font-family:Helvetica Neue,sans-serif;color:#fff;text-decoration:none;letter-spacing:-3px;line-height:1}.about-hero-title:hover{opacity:.9}.hero-text-1,.hero-text-2{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;text-align:center;max-width:800px;width:100%;padding:0 40px;transition:opacity .2s ease}.about-hero-subtitle{font-size:clamp(18px,3vw,24px);font-weight:700;font-family:Helvetica Neue,sans-serif;letter-spacing:-.5px;text-align:center;color:#fff}.about-hero-description{font-size:clamp(15px,2.5vw,20px);font-weight:700;font-family:Helvetica Neue,sans-serif;line-height:1.4;text-align:center;color:#fff}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:50px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;animation:bounce 2s infinite;z-index:20}.scroll-indicator:hover{border-color:#fff;background:#ffffff1a}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(10px)}60%{transform:translate(-50%) translateY(5px)}}.about-team{padding:120px 40px;max-width:1200px;margin:0 auto;position:relative;z-index:15}.section-title{font-size:20px;font-weight:500;font-family:Helvetica Neue,sans-serif;margin-bottom:60px;opacity:.9;letter-spacing:-.5px}.team-grid{display:flex;flex-direction:column;gap:180px;max-width:1200px;margin:0 auto}.team-member{display:flex;align-items:flex-start;gap:80px}.team-member.reverse{flex-direction:row-reverse}.team-member.reverse .member-info,.team-member.reverse .member-role{text-align:right}.team-member.reverse .member-contact{justify-content:flex-end}.team-member.reverse .member-description{margin-left:auto}.member-image{width:380px;min-width:380px;height:480px;overflow:hidden;position:relative}.member-photo{width:100%;height:100%;object-fit:cover;object-position:center top}.image-placeholder{width:100%;height:100%;background-color:#c53737}.member-info{padding-top:20px;flex:1}.member-name{font-size:56px;font-weight:700;font-family:Helvetica Neue,sans-serif;margin-bottom:8px;letter-spacing:-2px;color:#fff;line-height:1}.member-role{font-size:14px;font-weight:500;font-family:Helvetica Neue,sans-serif;color:#c53737;margin-bottom:40px;letter-spacing:1px;text-transform:uppercase}.member-description{font-size:17px;font-weight:400;font-family:Helvetica Neue,sans-serif;line-height:1.7;opacity:.9;max-width:520px;margin-bottom:50px;letter-spacing:-.2px;color:#fff}.member-contact{display:flex;align-items:center;gap:25px}.linkedin-btn{display:inline-block;padding:10px 24px;border:1px solid #fff;border-radius:50px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;font-family:Helvetica Neue,sans-serif;transition:all .3s ease}.linkedin-btn:hover{background:#fff;color:#000}.email-link{color:#fff;text-decoration:underline;font-size:15px;font-family:Helvetica Neue,sans-serif;transition:opacity .3s ease}.email-link:hover{opacity:.7}.about-clients{padding:80px 24px;overflow:hidden}.about-clients .section-title{max-width:1024px;margin:0 auto 40px}.clients-marquee{overflow:hidden;width:100%}.clients-track{display:flex;gap:60px;animation:marquee 40s linear infinite}.client-item{flex-shrink:0;width:160px;height:80px;display:flex;align-items:center;justify-content:center}.client-logo{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:opacity .3s ease}.client-logo:hover{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.about-cta{padding:120px 24px;text-align:center;max-width:900px;margin:0 auto}.cta-title{font-size:clamp(40px,8vw,67px);font-weight:700;font-family:Helvetica Neue,sans-serif;margin-bottom:30px;letter-spacing:-.5px;line-height:.95;opacity:.9}.cta-link{color:#fff;text-decoration:underline;transition:opacity .3s ease}.cta-link:hover{opacity:.7}@media(max-width:768px){.about-hero{min-height:80vh;padding:100px 20px 60px}.about-hero-title{font-size:60px;letter-spacing:-2px}.about-hero-subtitle{font-size:16px}.about-hero-description{font-size:14px;margin-bottom:40px}.scroll-indicator{width:50px;height:50px}.floating-images{display:none}.about-team{padding:60px 20px}.section-title{font-size:16px;margin-bottom:40px}.team-grid{gap:60px}.team-member,.team-member.reverse{grid-template-columns:1fr;gap:30px}.team-member.reverse .member-image,.team-member.reverse .member-info{order:unset}.team-member.reverse .member-info{text-align:left}.team-member.reverse .member-contact{justify-content:flex-start}.team-member.reverse .member-description{margin-left:0}.member-image{width:100%;height:280px}.member-name{font-size:20px}.member-description{max-width:100%}.about-clients{padding:60px 20px}.client-item{width:140px;height:70px;font-size:12px}.about-cta{padding:80px 20px}.cta-title{font-size:40px;letter-spacing:-1px}}
