/* About Page Styles */
.story-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:50px;align-items:center}
.story-text h2{margin-bottom:8px}
.story-text p{font-size:1rem;line-height:1.9}
.story-visual{display:flex;justify-content:center}
.visual-shape-wrapper{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}
.visual-shape{position:absolute;inset:0;border-radius:50%;background:var(--gradient-primary);opacity:0.15;animation:shapePulse 4s ease-in-out infinite}
.visual-icon{position:absolute;width:160px;height:160px;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.2))}
.visual-text{position:absolute;font-family:var(--font-heading);font-size:4rem;font-weight:800;color:var(--primary);z-index:2;opacity:0.8;text-shadow:0 0 20px rgba(13,148,136,0.2)}
@keyframes shapePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* Mission & Vision */
.mv-card{text-align:center;padding:40px 30px}
.mv-icon{font-size:3rem;margin-bottom:16px}
.mv-card h3{margin-bottom:12px}
.mv-card p{font-size:0.95rem}

/* Feature Cards */
.feature-card{text-align:center;padding:24px;border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-glass);transition:all var(--transition)}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(13,148,136,0.3)}
.fc-icon{font-size:2.5rem;margin-bottom:12px}
.feature-card h4{margin-bottom:8px}
.feature-card p{font-size:0.85rem}

/* Brands */
.about-brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about-brand{display:block;text-decoration:none;padding:24px;text-align:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:3px;color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--bg-glass);transition:all var(--transition);cursor:pointer}
.about-brand:hover{color:var(--brand-color,var(--primary));border-color:var(--brand-color,var(--primary));transform:scale(1.05);box-shadow:0 0 20px rgba(13,148,136,0.15)}

/* Timeline */
.timeline{position:relative;max-width:700px;margin:0 auto;padding:20px 0}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border-glass);transform:translateX(-50%)}
.timeline-item{position:relative;width:50%;padding:0 30px 40px}
.timeline-item.left{left:0;text-align:right}
.timeline-item.right{left:50%;text-align:left}
.timeline-item::after{content:'';position:absolute;top:10px;width:14px;height:14px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 0 10px rgba(13,148,136,0.4)}
.timeline-item.left::after{right:-7px}
.timeline-item.right::after{left:-7px}
.timeline-content{padding:20px}
.timeline-content h4{margin-bottom:8px;font-size:1.05rem}
.timeline-content p{font-size:0.9rem}

/* Values */
.value-card{text-align:center;padding:40px 24px}
.vc-icon{font-size:3rem;margin-bottom:16px}
.value-card h3{margin-bottom:12px}

@media(max-width:768px){
    .story-layout{grid-template-columns:1fr}
    .visual-shape{width:200px;height:200px}
    .about-brands-grid{grid-template-columns:repeat(2,1fr)}
    .timeline::before{left:20px}
    .timeline-item{width:100%;left:0!important;padding-left:50px;text-align:left!important}
    .timeline-item::after{left:13px!important;right:auto!important}
}