/* About page styles */
.page-about { background: radial-gradient(circle at 10% 10%, #eef8fb, #ffffff 60%); }
.about-title { letter-spacing: .3px; }
.about-hero .about-hero-media { aspect-ratio: 4/3; background:#f7f8fa; }
.about-list li { margin-bottom:.5rem; }

.timeline { position:relative; margin-left:10px; }
.timeline:before { content:""; position:absolute; left:8px; top:0; bottom:0; width:2px; background:linear-gradient(#ddd, #bbb); }
.timeline-item { position:relative; padding-left:32px; margin-bottom:18px; }
.timeline-dot { position:absolute; left:0; top:.35rem; width:18px; height:18px; border-radius:50%; background:var(--pink-500); box-shadow:0 8px 18px -8px rgba(0,0,0,.25); }
.timeline-content h3 { font-size:1.1rem; margin-bottom:.25rem; }

.brand-tile { min-height:90px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#2d2d35; }

/* Responsive */
@media (max-width: 991.98px){
  .about-hero .about-hero-media { aspect-ratio:16/9; }
}
@media (max-width: 575.98px){
  .about-title { font-size:1.75rem; }
}

/* Customers Slider */
.about-customers { padding: 40px 0 56px; }
.ac-viewport { position: relative; overflow:visible; perspective: 1200px; padding-bottom:64px; }
.ac-track { display:flex; gap: 34px; align-items: stretch; overflow: visible; scroll-behavior: smooth; padding: 8px 0 18px; }
.ac-card { flex: 0 0 calc(33.333% - 23px); background:#fff; border-radius:26px; box-shadow:0 8px 30px -10px rgba(0,0,0,0.12); overflow:hidden; position:relative; display:flex; flex-direction:column; justify-content:flex-end; transform-origin:center bottom; transition: transform .55s cubic-bezier(.22,.61,.36,1), box-shadow .55s ease, opacity .45s ease, filter .45s ease; }
.ac-media { aspect-ratio: 4/5; overflow:hidden; background:#f6f6f8; }
.ac-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ac-name { text-align:center; padding:10px 12px 14px; color:#6fb3ad; font-weight:700; letter-spacing:.3px; }
.ac-nav { position:absolute; inset:auto 0 8px 0; display:flex; justify-content:space-between; pointer-events:none; z-index:5; }
.ac-arrow { pointer-events:auto; width:44px; height:44px; border-radius:50%; border:2px solid rgba(var(--primary-color-rgb),0.35); background:rgba(255,255,255,0.85); display:flex; align-items:center; justify-content:center; color:var(--primary-color); font-size:1rem; box-shadow:0 8px 30px -10px rgba(0,0,0,0.15); }
.ac-dots { display:flex; gap:8px; justify-content:center; margin-top:8px; }
.ac-dot { width:8px; height:8px; border-radius:8px; background:#cfe6e4; border:none; }
.ac-dot.active { background:#6fb3ad; width:20px; transition:width .25s ease; }

/* 3D states */
.ac-card.is-active { transform: translateY(-8px) scale(1.06); box-shadow:0 22px 55px -16px rgba(0,0,0,0.28); z-index:3; }
.ac-card.is-prev { transform: translateY(-2px) rotateY(9deg) scale(0.94); opacity:.92; z-index:2; }
.ac-card.is-next { transform: translateY(-2px) rotateY(-9deg) scale(0.94); opacity:.92; z-index:2; }
.ac-card.is-prev2 { transform: rotateY(12deg) scale(0.88); opacity:.7; filter:saturate(.9) contrast(.98); z-index:1; }
.ac-card.is-next2 { transform: rotateY(-12deg) scale(0.88); opacity:.7; filter:saturate(.9) contrast(.98); z-index:1; }

@media (max-width: 1199.98px){ .ac-card { flex:0 0 calc(33.333% - 23px); } }
@media (max-width: 991.98px){ .ac-track { gap:26px; } .ac-card { flex:0 0 calc(50% - 13px); } .ac-card.is-active { transform: translateY(-6px) scale(1.04); } .ac-viewport{ padding-bottom:56px; } }
@media (max-width: 575.98px){ .ac-track { gap:18px; } .ac-card { flex:0 0 82%; } .ac-card.is-active { transform: translateY(-4px) scale(1.03); } .ac-viewport{ padding-bottom:48px; } }