/* ═══ О БРЕНДЕ (page-o-kompanii) — манифест-страница; грузится только тут ═══ */
.about-intro { max-width: 1100px; margin: 0 auto; text-align: center; padding: 3.4rem 2.4rem 0; }
.about-intro .over { font-family: 'JetBrains Mono', monospace; font-size: .62rem; letter-spacing: .3em; text-transform: uppercase; color: var(--acc2); }
.about-intro .lead { color: var(--sub); margin: 1.1rem auto 0; max-width: 56ch; }
.about-intro .lead b { color: var(--text); }
.about-manifest { padding: 4rem 2.4rem 0; max-width: var(--mw); margin: 0 auto; }
.about-manifest .mf-line { font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; font-size: clamp(1.4rem, .9rem + 2.8vw, 3.4rem); line-height: 1.14; padding: 1.3rem 0; border-bottom: 1px solid var(--line); display: flex; align-items: baseline; gap: 1.8rem; color: var(--mf-dim); position: relative; overflow: hidden; transition: color .5s, padding-left .5s cubic-bezier(.23,1,.32,1); }
.about-manifest .mf-line::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: var(--acc); transform: scaleX(0); transform-origin: left; transition: transform 1.1s cubic-bezier(.65,.01,.05,.99) .15s; }
.about-manifest .mf-line.in { color: var(--text); }
.about-manifest .mf-line.in::after { transform: scaleX(1); }
.about-manifest .mf-line .idx { font-family: 'JetBrains Mono', monospace; font-size: .8rem; color: var(--dim); flex: none; }
.about-manifest .mf-line em { font-style: normal; color: var(--acc); }
.nums { max-width: var(--mw); margin: 5rem auto 0; padding: 0 2.4rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.num { background: var(--bg2); padding: 2rem 1.7rem; }
.num b { display: block; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 2.6rem; line-height: 1; color: var(--acc); }
.num b small { font-size: .45em; color: var(--text); }
.num .l { font-weight: 700; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; margin-top: .7rem; }
.num p { color: var(--dim); font-size: .78rem; margin-top: .35rem; }
.philo { max-width: 1060px; margin: 6rem auto 0; padding: 0 2.4rem; text-align: center; }
.philo .q { font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; font-size: clamp(1.4rem, 1rem + 2vw, 2.6rem); line-height: 1.3; }
.philo .q em { font-style: normal; color: var(--acc); }
.philo .s { margin-top: 1.4rem; font-family: 'JetBrains Mono', monospace; font-size: .62rem; letter-spacing: .3em; color: var(--dim); text-transform: uppercase; }
.ways3 { max-width: var(--mw); margin: 6rem auto 0; padding: 0 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.w3 { border: 1px solid var(--line); background: var(--bg2); padding: 1.7rem 1.5rem; text-decoration: none; color: inherit; transition: border-color .3s, transform .3s cubic-bezier(.23,1,.32,1); display: block; }
.w3:hover { border-color: var(--acc); transform: translateY(-4px); }
.w3 .no { font-family: 'JetBrains Mono', monospace; font-size: .6rem; color: var(--acc); letter-spacing: .22em; }
.w3 b { display: block; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 1.25rem; text-transform: uppercase; margin-top: .6rem; }
.w3 p { color: var(--dim); font-size: .8rem; margin-top: .5rem; }
.w3 .go { display: inline-block; margin-top: .9rem; font-size: .64rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--acc2); }
.strip { max-width: var(--mw); margin: 6rem auto 0; padding: 0 2.4rem; display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.4rem; }
.strip figure { border: 1px solid var(--line); overflow: hidden; margin: 0; position: relative; }
.strip img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/10; }
.strip figcaption { position: absolute; left: 1rem; bottom: .9rem; font-family: 'JetBrains Mono', monospace; font-size: .58rem; letter-spacing: .18em; color: var(--text); background: var(--hd); padding: .4rem .8rem; text-transform: uppercase; }
.about-fin { text-align: center; padding: 6rem 2.4rem 0; }
.about-fin h2 { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; font-size: clamp(1.7rem, 1.3rem + 2.2vw, 3.4rem); line-height: 1.04; }
.about-fin h2 em { font-style: normal; color: var(--acc); }
.about-fin .row { display: flex; justify-content: center; gap: 1rem; margin-top: 1.8rem; flex-wrap: wrap; }
@media (max-width: 1100px) {
  .about-intro, .about-manifest, .philo { padding-left: 1.3rem; padding-right: 1.3rem; }
  .nums { grid-template-columns: 1fr 1fr; padding: 0; margin: 4rem 1.3rem 0; }
  .ways3 { grid-template-columns: 1fr; padding: 0 1.3rem; }
  .strip { grid-template-columns: 1fr; padding: 0 1.3rem; }
}