.about-hero{background:radial-gradient(ellipse at 85% 10%,#a4162390,transparent 55%),linear-gradient(125deg,#0a0b0f,#171015);color:#c9cdd4;padding:78px 0 80px}.about-hero h1{color:#ff7850;font-size:18px;margin-bottom:24px}.about-hero h2{color:#fff;font-size:clamp(32px,4.7vw,56px);line-height:1.3;max-width:900px;margin-bottom:28px}.about-lead{max-width:780px;font-size:19px;line-height:1.9}.about-hero .kicker{color:#b9bec9;letter-spacing:.12em;font-size:12px}.about-story .wrap{max-width:1040px}.about-timeline{list-style:none;margin:42px 0 48px;padding:0}.about-timeline li{display:grid;grid-template-columns:150px 1fr;gap:40px;position:relative;padding:0 0 46px}.about-timeline li:last-child{padding-bottom:0}.about-timeline li>div{border-left:2px solid #f3d6d6;padding-left:32px}.about-timeline h3{font-size:24px;margin-bottom:12px}.about-timeline p{font-size:17px;line-height:1.95;margin:0;color:#586171}.about-year{font-size:34px;font-weight:700;color:#d7141a;line-height:1.2}.about-today{background:#faf3f2;border:1px solid #f0e2df;border-radius:22px;padding:34px}.about-today h2{font-size:28px}.about-today p{font-size:17px;line-height:1.9;margin:16px 0 0}.about-family{background:#f6f7f9}.about-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.about-brands a{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:130px;border:1px solid #e5e7eb;border-radius:18px;padding:24px 18px;background:#fff;color:#647080;overflow-wrap:anywhere;transition:border-color .2s,transform .2s}.about-brands strong{font-size:20px;color:#15171d}.about-brands span{font-size:12px}.about-brands a:hover{border-color:#d7141a;transform:translateY(-3px)}.about-brands a:focus-visible{outline:3px solid #d7141a;outline-offset:3px}.about-contact{text-align:center}.about-contact p{color:#647080;font-size:18px;margin:18px 0 28px}.about-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:900px){.about-brands{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.about-hero{padding:48px 0}.about-lead{font-size:17px}.about-timeline li{grid-template-columns:1fr;gap:14px;padding-bottom:34px}.about-year{font-size:30px}.about-timeline li>div{padding-left:20px}.about-timeline h3{font-size:22px}.about-today{padding:24px}.about-brands{gap:12px}.about-brands a{padding:20px 14px}.about-brands strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.about-brands a{transition:none}}