/* ===== About page (v2) ===== */
.about{ font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; }
.about h1,.about h2,.about h3{ font-family:inherit; letter-spacing:-0.02em; }
.ab-block{ margin:0 auto 120px; max-width:1080px; }
.ab-head{ max-width:640px; margin:0 0 40px; text-align:left; }
.ab-head h2{ font-size:clamp(28px,4vw,40px); font-weight:700; line-height:1.15; margin-bottom:12px; color:var(--lx-text-strong); }
.ab-head p{ color:var(--lx-muted); font-size:17px; line-height:1.6; }
.ab-link{ color:var(--lx-text-strong); font-weight:600; text-decoration:none; border-bottom:1.5px solid var(--lx-accent); padding-bottom:2px; transition:border-color .2s; }
.ab-link:hover{ border-color:var(--lx-accent-2); }

/* hero */
.ab-hero{ max-width:1080px; margin:0 auto 120px; padding:96px 0 0; text-align:left; }
.ab-hero h1{ font-size:clamp(38px,6.4vw,76px); font-weight:800; line-height:1.04; max-width:15em; margin-bottom:24px; color:var(--lx-text-strong); }
.ab-lead{ font-size:clamp(17px,2vw,20px); line-height:1.6; color:var(--lx-muted); max-width:36em; margin-bottom:32px; }
.ab-hero-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:28px; margin-bottom:72px; }
.ab-facts{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--lx-border); }
.ab-facts > div{ padding:28px 28px 0 0; }
.ab-facts > div + div{ padding-left:28px; border-left:1px solid var(--lx-border); }
.ab-facts dt{ font-size:clamp(30px,4vw,44px); font-weight:700; color:var(--lx-text-strong); line-height:1; margin-bottom:10px; }
.ab-facts dd{ font-size:14.5px; line-height:1.5; color:var(--lx-muted); max-width:16em; margin:0; }

/* bento: карточки разного размера и веса */
.bento{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.bento-card{ background:var(--lx-card); border:1px solid var(--lx-border); border-radius:20px; padding:28px; display:flex; flex-direction:column; transition:border-color .2s, transform .2s; }
.bento-card:hover{ border-color:var(--lx-accent); transform:translateY(-2px); }
.bento-card h3{ font-size:20px; font-weight:700; color:var(--lx-text-strong); margin-bottom:10px; }
.bento-card p{ font-size:15px; line-height:1.6; color:var(--lx-muted); }
.bento-shot{ width:100%; margin-top:auto; padding-top:22px; border-radius:10px; display:block; }
.b-social{ grid-column:span 4; min-height:280px; background:radial-gradient(circle at 100% 0%, rgba(59,130,246,0.16), transparent 55%), var(--lx-card); }
.b-social h3{ font-size:26px; }
.b-style{ grid-column:span 2; }
.b-work,.b-orders{ grid-column:span 3; }
.b-music,.b-games,.b-courses,.b-tools{ grid-column:span 2; }
.b-ai{ grid-column:span 4; background:radial-gradient(circle at 0% 100%, rgba(59,130,246,0.12), transparent 55%), var(--lx-card); }

/* блок для авторов: единственный золотой акцент на странице */
.creators{ display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; padding:48px; border-radius:28px; border:1px solid var(--lx-border); background:radial-gradient(circle at 0% 0%, rgba(245,158,11,0.13), transparent 55%), var(--lx-card); }
.creators h2{ font-size:clamp(24px,3vw,32px); font-weight:700; line-height:1.2; margin-bottom:14px; color:var(--lx-text-strong); }
.creators p{ color:var(--lx-muted); font-size:16px; line-height:1.65; margin-bottom:22px; }
.creators .ab-link{ border-color:#f59e0b; }
.creator-tags{ list-style:none; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin:0; padding:0; }
.creator-tags li{ padding:10px 18px; border-radius:999px; border:1px solid var(--lx-border); font-size:15px; font-weight:600; color:var(--lx-text-strong); }

/* партнёры */
.ab-partners{ margin-bottom:120px; text-align:center; }
.ab-partners p{ color:var(--lx-muted); font-size:16px; }
.partner-logos{ display:flex; flex-wrap:wrap; justify-content:center; gap:36px; margin-top:28px; opacity:.7; }
.partner-logos img{ height:32px; width:auto; }

/* маршрут (сжатый таймлайн) */
.route{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:2px solid var(--lx-border); }
.route li{ position:relative; padding:28px 24px 0 0; }
.route li::before{ content:''; position:absolute; top:-7px; left:0; width:12px; height:12px; border-radius:50%; background:var(--lx-accent); box-shadow:0 0 0 4px rgba(59,130,246,0.18); }
.route time{ display:block; font-size:14px; font-weight:600; color:var(--lx-accent-2); margin-bottom:8px; }
.route h3{ font-size:18px; font-weight:700; color:var(--lx-text-strong); margin-bottom:8px; }
.route p{ font-size:14.5px; line-height:1.6; color:var(--lx-muted); }

/* основатель */
.founder-section{ display:grid; grid-template-columns:360px 1fr; gap:56px; align-items:center; }
.founder-photo-wrap{ border-radius:20px; overflow:hidden; border:1px solid var(--lx-border); }
.founder-photo-wrap img{ width:100%; aspect-ratio:1/1; object-fit:cover; object-position:60% center; display:block; }
.founder-info h2{ font-size:30px; font-weight:700; margin-bottom:4px; color:var(--lx-text-strong); }
.founder-role{ color:var(--lx-accent-2); font-weight:600; font-size:15px; margin-bottom:22px; display:block; }
.founder-bio{ list-style:none; display:flex; flex-direction:column; gap:12px; margin:0 0 26px; padding:0; }
.founder-bio li{ font-size:15.5px; line-height:1.6; color:var(--lx-muted); display:flex; gap:16px; }
.founder-bio b{ color:var(--lx-text-strong); min-width:96px; flex-shrink:0; font-weight:600; }
.founder-quote{ margin:0; border-left:3px solid var(--lx-accent); padding-left:18px; font-size:20px; font-weight:600; color:var(--lx-text-strong); }
.founder-quote span{ display:block; margin-top:8px; font-size:14px; font-weight:400; color:var(--lx-muted); }

/* принципы */
.principles{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 56px; }
.principles > div{ padding:28px 0; border-top:1px solid var(--lx-border); }
.principles h3{ font-size:19px; font-weight:700; margin-bottom:8px; color:var(--lx-text-strong); }
.principles p{ font-size:15px; line-height:1.65; color:var(--lx-muted); max-width:30em; }

/* cta */
.about-cta{ text-align:center; max-width:720px; margin:0 auto 100px; padding:64px 32px; border-radius:28px; background:radial-gradient(circle at 50% 0%, rgba(59,130,246,0.14), transparent 60%), var(--lx-card); border:1px solid var(--lx-border); }
.about-cta h2{ font-size:clamp(26px,3.4vw,34px); font-weight:700; line-height:1.2; margin-bottom:12px; color:var(--lx-text-strong); }
.about-cta p{ color:var(--lx-muted); margin-bottom:26px; }

/* планшет */
@media (max-width:900px){
  .bento{ grid-template-columns:repeat(2,1fr); }
  .b-social,.b-style,.b-ai{ grid-column:span 2; min-height:0; }
  .b-work,.b-orders,.b-music,.b-games,.b-courses,.b-tools{ grid-column:span 1; }
  .creators{ grid-template-columns:1fr; padding:36px 28px; }
  .creator-tags{ justify-content:flex-start; }
  .route{ grid-template-columns:repeat(2,1fr); border-top:none; }
  .route li{ border-top:2px solid var(--lx-border); margin-top:0; padding-bottom:24px; }
  .founder-section{ grid-template-columns:1fr; gap:32px; }
  .founder-photo-wrap{ max-width:360px; }
}

/* телефон */
@media (max-width:600px){
  .ab-hero{ padding-top:56px; margin-bottom:80px; }
  .ab-block{ margin-bottom:80px; }
  .ab-facts{ grid-template-columns:1fr; }
  .ab-facts > div,.ab-facts > div + div{ padding:22px 0; border-left:none; border-bottom:1px solid var(--lx-border); }
  .bento{ grid-template-columns:1fr; }
  .bento-card{ grid-column:span 1 !important; }
  .route{ grid-template-columns:1fr; }
  .principles{ grid-template-columns:1fr; }
  .founder-bio li{ flex-direction:column; gap:2px; }
}

@media (prefers-reduced-motion:reduce){
  .bento-card{ transition:none; }
  .bento-card:hover{ transform:none; }
}