/* =========================================================
   PAGE 29 · ЗА LEKCIJA
   EDITORIAL MANIFESTO
   ========================================================= */

.about-page{padding:42px 0 96px}
.about-shell{
  width:min(var(--container),calc(100% - (var(--gutter) * 2)));
  margin-inline:auto;
}
.about-kicker{
  display:block;
  color:#6B655D;
  font-size:14px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.section-rule{
  margin-top:94px;
  padding-top:30px;
  border-top:2px solid var(--ink);
}

/* C127 · Hero */
.about-hero{
  padding:58px 0 82px;
  border-bottom:1px solid rgba(21,21,21,.18);
}
.about-hero h1{
  margin:12px 0 20px;
  max-width:1050px;
  font-size:clamp(72px,7.7vw,96px);
  line-height:.88;
  letter-spacing:-.075em;
  font-weight:900;
}
.about-hero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:17px;
  line-height:1.58;
}
.hero-link{
  min-height:48px;
  margin-top:26px;
  display:inline-flex;
  align-items:center;
  font-size:14px;
  font-weight:900;
  border-bottom:1px solid rgba(21,21,21,.28);
}

/* C128 · Problem contrast */
.problem-split{
  margin-top:92px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  background:var(--ink);
  color:var(--paper);
}
.problem-main{
  min-height:390px;
  padding:44px 42px 40px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(244,240,231,.15);
}
.problem-main .about-kicker{color:rgba(244,240,231,.46)}
.problem-main h2{
  margin:14px 0 0;
  max-width:690px;
  font-size:clamp(42px,4.7vw,58px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:900;
}
.problem-main .problem-line{
  width:74px;
  height:5px;
  background:var(--red);
}
.problem-context{
  padding:44px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.problem-context strong{
  display:block;
  margin-bottom:12px;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.03em;
}
.problem-context p{
  margin:0;
  color:rgba(244,240,231,.64);
  font-size:16px;
  line-height:1.6;
}

/* C129 · Mission */
.mission{
  margin-top:96px;
  position:relative;
  padding-left:28px;
}
.mission::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:5px;height:100%;
  background:var(--cobalt);
}
.mission h2{
  margin:10px 0 0;
  max-width:990px;
  font-size:clamp(42px,4.8vw,54px);
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:900;
}
.mission p{
  margin:18px 0 0;
  max-width:760px;
  color:var(--muted);
  font-size:16px;
}
.mission p + p{
  margin-top:14px;
  max-width:800px;
  color:#4F4A44;
  font-weight:650;
}

/* C130 · Principles */
.principles-head{
  max-width:760px;
  margin-bottom:28px;
}
.principles-head h2{
  margin:8px 0 10px;
  font-size:44px;
  line-height:.98;
  letter-spacing:-.05em;
}
.principles-head p{
  margin:0;
  color:var(--muted);
  font-size:16px;
}
.principles-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.principle{
  min-height:210px;
  padding:26px 24px 22px;
  border-right:1px solid rgba(21,21,21,.17);
  border-bottom:1px solid rgba(21,21,21,.17);
}
.principle:nth-child(3n){border-right:0}
.principle:nth-child(n+4){border-bottom:0}
.principle-index{
  color:#847D73;
  font-size:14px;
  font-weight:900;
  letter-spacing:.1em;
}
.principle h3{
  margin:18px 0 9px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.04em;
}
.principle p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

/* C131 · Four-format mission strip */
.world-proof{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.world-proof-row{
  min-height:180px;
  padding:22px 18px 18px;
  border-right:1px solid rgba(21,21,21,.17);
  position:relative;
}
.world-proof-row:last-child{border-right:0}
.world-proof-row::before{
  content:"";
  position:absolute;
  top:-2px;left:0;
  width:46px;height:5px;
  background:var(--ink);
}
.world-proof-row[data-world="lessons"]::before{background:var(--red)}
.world-proof-row[data-world="courses"]::before{background:var(--cobalt)}
.world-proof-row[data-world="kids"]::before{background:var(--lavender)}
.world-proof-row[data-world="deep"]::before{background:var(--ink)}
.world-proof-row[data-world="challenges"]::before{background:var(--lime)}
.world-proof-row strong{
  display:block;
  margin-top:7px;
  font-size:17px;
}
.world-proof-row p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
}
.world-proof-cta{
  margin-top:18px;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  font-size:14px;
  font-weight:900;
  border-bottom:1px solid rgba(21,21,21,.26);
}

/* C132 · Learner promise rail */
.promise-rail{
  border-top:2px solid var(--ink);
}
.promise-row{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:36px;
  padding:22px 0;
  border-bottom:1px solid rgba(21,21,21,.17);
}
.promise-row strong{
  font-size:16px;
}
.promise-row p{
  margin:0;
  max-width:700px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

/* C133 · Trust */
.trust-block{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:44px;
  padding:38px 0;
  border-top:2px solid var(--ink);
  border-bottom:1px solid rgba(21,21,21,.18);
}
.trust-block h2{
  margin:8px 0 0;
  font-size:38px;
  line-height:1;
  letter-spacing:-.045em;
}
.trust-points{
  display:grid;
  gap:0;
}
.trust-point{
  padding:17px 0;
  border-bottom:1px solid rgba(21,21,21,.14);
}
.trust-point:first-child{padding-top:0}
.trust-point:last-child{border-bottom:0;padding-bottom:0}
.trust-point strong{
  display:block;
  margin-bottom:5px;
  font-size:14px;
}
.trust-point p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}
.trust-link{
  margin-top:20px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  font-size:14px;
  font-weight:850;
  border-bottom:1px solid rgba(21,21,21,.24);
}

/* C134 · Optional origin / human block */
.origin-block{
  display:none;
  margin-top:80px;
  border-top:2px solid var(--ink);
  border-bottom:1px solid rgba(21,21,21,.18);
}
.origin-block.is-visible{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
}
.origin-block.is-visible.no-image{
  grid-template-columns:1fr;
}
.origin-visual{
  min-height:320px;
  background:#E8E1D5;
  border-right:1px solid rgba(21,21,21,.16);
  overflow:hidden;
}
.origin-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.origin-copy{
  padding:34px 36px;
}
.origin-copy h2{
  margin:8px 0 12px;
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
}
.origin-copy p{
  margin:0;
  max-width:650px;
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
}

/* C135 · Final belief */
.final-belief{
  margin-top:96px;
  min-height:330px;
  padding:48px 44px;
  background:var(--ink);
  color:var(--paper);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:end;
  position:relative;
}
.final-belief::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:78px;height:5px;
  background:var(--red);
}
.final-belief h2{
  margin:9px 0 12px;
  max-width:880px;
  font-size:clamp(46px,5vw,62px);
  line-height:.95;
  letter-spacing:-.058em;
}
.final-belief p{
  margin:0;
  color:rgba(244,240,231,.62);
  font-size:16px;
}
.final-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.final-primary,
.final-secondary,
.final-tertiary{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-size:14px;
  font-weight:900;
}
.final-primary{
  background:var(--red);
  color:#fff;
}
.final-secondary{
  border:1px solid rgba(244,240,231,.36);
}
.final-tertiary{
  color:rgba(244,240,231,.72);
  border-bottom:1px solid rgba(244,240,231,.22);
}

/* Responsive */
@media(max-width:1100px){
  .world-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .world-proof-row:nth-child(3){border-right:0}
  .world-proof-row:nth-child(-n+3){border-bottom:1px solid rgba(21,21,21,.17)}
}
@media(max-width:959px){
  .problem-split{grid-template-columns:1fr}
  .problem-main{
    min-height:320px;
    border-right:0;
    border-bottom:1px solid rgba(244,240,231,.15);
  }
  .principles-grid{grid-template-columns:1fr 1fr}
  .principle:nth-child(3n){border-right:1px solid rgba(21,21,21,.17)}
  .principle:nth-child(2n){border-right:0}
  .principle:nth-child(n+4){border-bottom:1px solid rgba(21,21,21,.17)}
  .principle:nth-child(n+5){border-bottom:0}
  .trust-block{grid-template-columns:1fr}
}
@media(max-width:760px){
  .world-proof{grid-template-columns:1fr 1fr}
  .world-proof-row:nth-child(3){border-right:1px solid rgba(21,21,21,.17)}
  .world-proof-row:nth-child(2n){border-right:0}
  .world-proof-row:nth-child(-n+2){border-bottom:1px solid rgba(21,21,21,.17)}
  .world-proof-row:last-child{grid-column:auto;border-right:0}
  .promise-row{grid-template-columns:1fr;gap:6px}
  .origin-block.is-visible,
  .origin-block.is-visible.no-image{grid-template-columns:1fr}
  .origin-visual{border-right:0;border-bottom:1px solid rgba(21,21,21,.16)}
  .final-belief{grid-template-columns:1fr}
}
@media(max-width:620px){
  .about-page{padding-top:22px;padding-bottom:72px}
  .about-hero{
    padding:34px 0 54px;
  }
  .about-hero h1{
    font-size:49px;
    line-height:.93;
  }
  .about-hero p{font-size:16px}

  .problem-split{margin-top:64px}
  .problem-main,
  .problem-context{padding:28px 22px}
  .problem-main{min-height:270px}
  .problem-main h2{font-size:36px}

  .mission{margin-top:64px;padding-left:20px}
  .mission h2{font-size:34px}
  .mission p{font-size:16px}

  .section-rule{margin-top:66px}
  .principles-head h2{font-size:34px}
  .principles-grid{grid-template-columns:1fr}
  .principle{
    min-height:0;
    padding:22px 0;
    border-right:0!important;
    border-bottom:1px solid rgba(21,21,21,.17)!important;
  }
  .principle:last-child{border-bottom:0!important}
  .principle h3{font-size:22px}

  .world-proof{grid-template-columns:1fr}
  .world-proof-row{
    min-height:0;
    padding:20px 0;
    border-right:0!important;
    border-bottom:1px solid rgba(21,21,21,.17)!important;
  }
  .world-proof-row:last-child{border-bottom:0!important}
  .world-proof-row::before{width:40px}

  .promise-row{padding:18px 0}
  .trust-block{gap:24px;padding:28px 0}
  .trust-block h2{font-size:31px}

  .origin-copy{padding:28px 22px}
  .origin-copy h2{font-size:31px}

  .final-belief{
    margin-top:68px;
    min-height:0;
    padding:34px 22px;
  }
  .final-belief h2{font-size:40px}
  .final-actions{display:grid}
  .final-primary,.final-secondary,.final-tertiary{width:100%}
}

/* QA35: readable mission copy and consistent alignment. */
.about-page *{box-sizing:border-box}
.about-page .about-hero h1{font-size:clamp(46px,6vw,80px);line-height:1.02;letter-spacing:-.055em}
.about-page :is(.problem-main,.problem-context,.principle,.world-proof-row,.trust-point){min-width:0}
.about-page :is(.principle p,.world-proof-row p,.trust-point p,.principles-head p,.problem-context p,.mission p,.origin-copy p){font-size:16px;line-height:1.65}
.about-page .problem-main .about-kicker{color:#fff}
.about-page .problem-main{min-height:320px;gap:32px}
.about-page .problem-main h2{font-size:clamp(34px,3.6vw,48px);line-height:1.08}
.about-page .problem-context strong{line-height:1.35}
.about-page .principle h3{line-height:1.2;min-height:2.4em}
.about-page .world-proof-row strong{font-size:20px;line-height:1.3;min-height:2.6em}
.about-page .promise-row{grid-template-columns:48px minmax(0,1fr);gap:24px;align-items:start}
.about-page .promise-row>span{color:var(--muted);font-size:14px;font-weight:800}
.about-page .promise-row strong{font-size:18px;line-height:1.5}
.about-page .origin-block.is-visible{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.about-page .origin-block.is-visible.no-image{grid-template-columns:1fr}
.about-page .final-belief{align-items:center;min-height:0;padding:40px}
.about-page .final-belief .about-kicker,.about-page .final-belief h2{color:#fff}
.about-page .final-belief h2{font-size:clamp(34px,4vw,46px);line-height:1.08;letter-spacing:-.04em}
.about-page .final-belief p{max-width:740px;font-size:16px;line-height:1.65;color:#ffffffd9}
.about-page :is(.final-primary,.final-secondary){font-size:14px;transition:background-color .15s,color .15s,border-color .15s}
.about-page .final-primary:hover{background:#ce2023;color:#fff}
.about-page .final-secondary{color:#fff}
.about-page .final-secondary:hover{background:#ffffff14;border-color:#fff;color:#fff}
.about-page :is(.hero-link,.world-proof-cta,.trust-link):hover{color:var(--red);border-color:var(--red)}
.about-page a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:1100px){.about-page .final-belief{grid-template-columns:1fr}}
@media(max-width:760px){.about-page .origin-block.is-visible{grid-template-columns:1fr}}
@media(max-width:620px){.about-page .about-hero h1{font-size:44px}.about-page .principle h3,.about-page .world-proof-row strong{min-height:0}.about-page .final-belief{padding:32px 22px}.about-page .promise-row{grid-template-columns:30px minmax(0,1fr);gap:16px}}
.about-page .problem-main h2,.about-page .problem-context strong{color:#fff}
.about-page .world-proof-row>span{font-size:14px;font-weight:800;color:var(--muted)}