.about-hero{background:var(--color-bg-primary);text-align:center;justify-content:center;align-items:center;padding:140px 0 100px;display:flex;position:relative;overflow:hidden}.about-hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.about-hero-glow{background:radial-gradient(circle,#c4123026 0%,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-hero-inner{z-index:1;max-width:800px;position:relative}.about-eyebrow{color:var(--color-brand-red);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);background:#c412301a;border:1px solid #c4123033;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-flex}.about-eyebrow:before{content:"";background:var(--color-brand-red);width:6px;height:6px;box-shadow:0 0 10px var(--color-brand-red);border-radius:50%;display:block}.about-title{font-family:var(--font-display);color:#fff;text-shadow:0 4px 20px #00000080;margin-bottom:24px;font-size:clamp(48px,8vw,96px);line-height:1.1}.about-title span{color:var(--color-brand-red)}.about-subtitle{color:var(--color-text-muted);font-size:clamp(16px,2vw,20px);line-height:1.6}.about-story{background:var(--color-bg-primary);padding:80px 0}.about-story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-section-title{color:#fff;margin-bottom:24px;font-size:clamp(28px,4vw,42px);font-weight:800;position:relative}.about-section-title span{color:var(--color-brand-red)}.about-section-title--center{text-align:center;margin-bottom:48px}.about-story-text p{color:var(--color-text-muted);margin-bottom:16px;font-size:16px;line-height:1.8}.about-story-stats{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about-stat-card{border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(10px);transition:all var(--transition-base);background:#ffffff05;padding:40px 24px;position:relative;overflow:hidden}.about-stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-brand-red), transparent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.about-stat-card:hover{background:#c412300d;border-color:#c412304d;transform:translateY(-5px)}.about-stat-card:hover:before{opacity:1}.about-stat-num{font-family:var(--font-display);color:var(--color-brand-red);text-shadow:0 0 20px #c4123066;margin-bottom:8px;font-size:56px;line-height:1;display:block}.about-stat-label{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:15px;font-weight:600}.about-stores{background:var(--color-bg-secondary);padding:100px 0;position:relative}.about-stores-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.store-card{border-radius:var(--radius-2xl);aspect-ratio:4/5;flex-direction:column;justify-content:flex-end;padding:32px;text-decoration:none;display:flex;position:relative;overflow:hidden}.store-card-bg{z-index:1;transition:opacity var(--transition-base);background:linear-gradient(#0000 0%,#0003 50%,#000000e6 100%);position:absolute;inset:0}.store-card-img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;inset:0}.store-card:hover .store-card-img{transform:scale(1.05)}.store-card:hover .store-card-bg{background:linear-gradient(#0000 0%,#0006 40%,#c41230e6 100%)}.store-card-content{z-index:2;transition:transform var(--transition-base);position:relative;transform:translateY(20px)}.store-card:hover .store-card-content{transform:translateY(0)}.store-card h3{color:#fff;margin-bottom:8px;font-size:28px;font-weight:800}.store-card p{color:#fffc;opacity:0;transition:opacity var(--transition-base);margin-bottom:16px;font-size:15px;line-height:1.6}.store-card:hover p{opacity:1}.store-card-link{color:#fff;text-transform:uppercase;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.store-card-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.store-card:hover .store-card-link svg{transform:translate(4px)}[dir=rtl] .store-card:hover .store-card-link svg{transform:translate(-4px)}.about-services{background:var(--color-bg-primary);padding:100px 0}.about-services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;align-items:flex-start;padding:32px 24px;display:flex}.service-card:hover{border-color:var(--color-brand-red);box-shadow:var(--shadow-red-glow);transform:translateY(-4px)}.service-icon-wrap{border-radius:var(--radius-lg);width:64px;height:64px;color:var(--color-brand-red);background:#c412301a;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-icon-wrap svg{width:32px;height:32px}.service-card h3{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700}.service-card p{color:var(--color-text-muted);font-size:14px;line-height:1.6}.about-social{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark);padding:100px 0;overflow:hidden}.social-marquee{gap:24px;width:max-content;padding:20px 0;animation:40s linear infinite scroll;display:flex}.social-marquee:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}html[dir=rtl] .social-marquee{animation:40s linear infinite scroll-rtl}@keyframes scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.social-card{border-radius:var(--radius-xl);background:var(--color-bg-primary);border:1px solid var(--color-border-dark);width:300px;height:400px;position:relative;overflow:hidden}.social-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.social-card:hover img{transform:scale(1.05)}.social-card-overlay{background:linear-gradient(#0000 50%,#000c 100%);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.social-card-icon{-webkit-backdrop-filter:blur(8px);color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.social-card-icon svg{width:20px;height:20px}.social-card-text{color:#fff;font-size:15px;font-weight:600;line-height:1.4}.about-values{background:var(--color-bg-primary);padding:100px 0}.about-values-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.about-value-card{border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;padding:40px 24px}.about-value-card:hover{background:#c4123005;border-color:#c4123066;transform:translateY(-4px)}.about-value-icon{margin-bottom:20px;font-size:40px;display:inline-block}.about-value-card h3{color:#fff;margin-bottom:12px;font-size:18px;font-weight:700}.about-value-card p{color:var(--color-text-muted);font-size:14px;line-height:1.6}.about-cta{background:var(--color-bg-secondary);padding:120px 0;position:relative;overflow:hidden}.about-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#c412301a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-cta-inner{z-index:1;text-align:center;max-width:600px;margin:0 auto;position:relative}.about-cta h2{font-family:var(--font-display);color:#fff;margin-bottom:24px;font-size:clamp(40px,5vw,64px);line-height:1.1}.about-cta p{color:var(--color-text-muted);margin-bottom:40px;font-size:18px;line-height:1.7}.about-cta-actions{justify-content:center;gap:16px;display:flex}@media (width<=1024px){.about-stores-grid,.about-services-grid,.about-values-grid{grid-template-columns:repeat(2,1fr)}.about-story-grid{grid-template-columns:1fr;gap:48px}}@media (width<=768px){.about-stores-grid,.about-services-grid{grid-template-columns:1fr}.about-cta-actions{flex-direction:column}.about-cta-actions .btn{justify-content:center;width:100%}}@media (width<=640px){.about-story-stats,.about-values-grid{grid-template-columns:1fr}.store-card{aspect-ratio:16/9}}[data-theme=light] .about-hero,[data-theme=light] .about-story,[data-theme=light] .about-services,[data-theme=light] .about-values{background:var(--color-bg-light)}[data-theme=light] .about-stores,[data-theme=light] .about-social,[data-theme=light] .about-cta{background:var(--color-bg-white)}[data-theme=light] .about-title,[data-theme=light] .about-section-title,[data-theme=light] .service-card h3,[data-theme=light] .about-value-card h3,[data-theme=light] .about-cta h2{color:var(--color-text-dark)}[data-theme=light] .about-subtitle,[data-theme=light] .about-story-text p,[data-theme=light] .service-card p,[data-theme=light] .about-value-card p,[data-theme=light] .about-cta p{color:var(--color-text-meta)}[data-theme=light] .about-stat-card,[data-theme=light] .service-card,[data-theme=light] .social-card,[data-theme=light] .about-value-card{background:var(--color-bg-white);border-color:var(--color-border-light)}[data-theme=light] .about-stat-label{color:var(--color-text-dark)}[data-theme=light] .store-card h3{color:#fff}.about-ticker{z-index:2;background:#c4123014;border-top:1px solid #c4123026;border-bottom:1px solid #c4123026;margin:0;padding:14px 0;position:relative;overflow:hidden}.about-ticker--inverted{background:#ffffff05;border-color:#ffffff0f}.about-ticker-track{align-items:center;gap:0;width:max-content;animation:30s linear infinite ticker-ltr;display:flex}.about-ticker-track--rtl{animation:30s linear infinite ticker-rtl}.about-ticker-track span{white-space:nowrap;color:#fff;letter-spacing:.04em;text-transform:uppercase;padding:0 20px;font-size:15px;font-weight:700;display:inline-block}.about-ticker--inverted .about-ticker-track span{color:var(--color-text-muted)}.about-ticker-dot{color:var(--color-brand-red)!important;letter-spacing:0!important;padding:0 4px!important;font-size:10px!important}.about-ticker--inverted .about-ticker-dot{color:#fff3!important}@keyframes ticker-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.about-ticker:hover .about-ticker-track{animation-play-state:paused}[data-theme=light] .about-ticker{background:#c412300a}[data-theme=light] .about-ticker-track span{color:var(--color-text-dark)}
