.about-us-page{background:var(--white);flex-direction:column;min-height:100vh;display:flex}.about-hero{background:linear-gradient(180deg,var(--bg-subtle)0%,var(--white)100%);text-align:center;padding:190px 80px 30px}.hero-content{max-width:700px;margin:0 auto}.hero-title-about{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400}.hero-ornament{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ornament-line{background:linear-gradient(90deg,transparent,var(--accent-color),transparent);width:60px;height:1px}.ornament-diamond{background:var(--accent-color);width:8px;height:8px;transform:rotate(45deg)}.hero-subtitle-about{font-family:var(--font-body);color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.section-container-about{max-width:900px;margin:0 auto;padding:0 40px}.section-header-about{text-align:center;margin-bottom:48px}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400}.section-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:1rem;line-height:1.7}.about-intro{padding:80px 0}.intro-content{text-align:center}.intro-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:24px;font-size:1.35rem;font-weight:600}.intro-text{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:16px;font-size:1.05rem;line-height:1.9}.intro-text:last-child{margin-bottom:0}.about-supplier{padding:0 0 80px}.supplier-card{background:var(--bg-subtle);border:1px solid var(--border-light);text-align:center;border-radius:20px;padding:48px}.supplier-icon{background:var(--white);width:122px;height:122px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:0 4px 15px #0000000d}.supplier-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:600}.supplier-text{font-family:var(--font-body);color:var(--text-secondary);max-width:600px;margin:0 auto 28px;font-size:1rem;line-height:1.8}.supplier-benefits{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.supplier-benefit{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;display:flex}.supplier-benefit svg{color:#10b981;flex-shrink:0}.about-values{background:var(--white);padding:40px 0}.values-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.value-card{background:var(--white);border:1px solid var(--border-light);text-align:center;border-radius:16px;padding:32px;transition:all .3s}.value-card:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.value-icon{background:var(--bg-subtle);width:56px;height:56px;color:var(--accent-color);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 20px;transition:all .3s;display:flex}.value-card:hover .value-icon{background:var(--text-primary);color:var(--white)}.value-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:10px;font-size:1.1rem;font-weight:600}.value-description{font-family:var(--font-body);color:var(--text-secondary);font-size:.95rem;line-height:1.7}.about-mission{background:var(--bg-subtle);padding:80px 0}.mission-content{text-align:center;max-width:700px;margin:0 auto}.mission-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-block}.mission-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400}.mission-text{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:36px;font-size:1.05rem;line-height:1.9}.mission-audience{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.audience-item{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.audience-item svg{color:var(--accent-color)}.about-closing{background:var(--white);padding:100px 0}.closing-content{text-align:center;max-width:600px;margin:0 auto}.closing-icon{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 28px;display:flex}.closing-text{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:36px;font-size:1.15rem;line-height:1.9}.closing-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.about-us-page .btn{font-family:var(--font-body);border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.about-us-page .btn-primary-about{background:var(--text-primary);color:var(--white);box-shadow:0 4px 15px #00000026}.about-us-page .btn-primary-about:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.about-us-page .btn-primary-about svg{transition:transform .3s}.about-us-page .btn-primary-about:hover svg{transform:translate(4px)}.about-us-page .btn-secondary{background:var(--white);color:var(--text-primary);border:2px solid var(--border-color)}.about-us-page .btn-secondary:hover{border-color:var(--text-primary);background:var(--bg-subtle)}@media (max-width:768px){.about-hero{padding:120px 24px 60px}.section-container-about{padding:0 24px}.about-intro,.about-supplier,.about-values,.about-mission{padding:60px 0}.about-closing{padding:80px 0}.supplier-card{padding:32px 24px}.supplier-benefits{flex-direction:column;align-items:center;gap:16px}.values-grid{grid-template-columns:1fr;gap:16px}.value-card{padding:28px 24px}.mission-audience{flex-direction:column;gap:20px}.closing-actions{flex-direction:column}.about-us-page .btn{justify-content:center;width:100%}}@media (max-width:480px){.about-hero{padding:100px 16px 48px}.section-container-about{padding:0 16px}.hero-subtitle-about,.intro-text,.supplier-text,.mission-text{font-size:1rem}.closing-icon{width:64px;height:64px}.closing-icon svg{width:32px;height:32px}}