.nok-about-hero{background:var(--gradient-primary);padding:180px 0 80px;position:relative;overflow:hidden}.nok-about-hero h1{color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.nok-about-hero p{color:rgba(255,255,255,.8);font-size:1.05rem;max-width:600px;position:relative;z-index:1}.nok-vision-block{background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:var(--spacing-xl);text-align:center}.nok-vision-block blockquote{font-size:1.25rem;font-weight:600;color:var(--brand-primary-dark);font-style:italic;max-width:700px;margin:0 auto;line-height:1.5}.nok-milestone{position:relative;text-align:center;padding:var(--spacing-md)}.nok-milestone-year{font-size:.8rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.06em}.nok-milestone h3{font-size:1rem;font-weight:600;margin:var(--spacing-xs) 0}.nok-milestone p{font-size:.85rem;color:var(--brand-text);line-height:1.5;margin-bottom:0}.nok-milestone-line{height:2px;background:var(--brand-border);position:relative;margin:var(--spacing-lg) 0}.nok-milestone-dot{width:12px;height:12px;background:var(--brand-primary);border-radius:50%;position:absolute;top:-5px}@media (max-width:768px){.nok-about-hero{padding:150px 0 var(--spacing-lg) 0}.nok-about-hero h1{font-size:1.75rem}}