/* ============================================================
   ABOUT — editorial split, differentiators grid, journey stats
   ============================================================ */

/* ── EDITORIAL ── */
.editorial{
  display:grid;grid-template-columns:1fr 1fr;min-height:500px;
  border-bottom:1px solid var(--rule);
}
.editorial-visual{background:var(--bg2);position:relative;overflow:hidden}
.editorial-visual img{
  width:100%;height:100%;object-fit:cover;opacity:0.6;
}
.editorial-content{
  padding:80px 64px;display:flex;flex-direction:column;justify-content:center;
}
.editorial-content p{
  font-size:16px;color:var(--text-mid);line-height:1.8;margin-top:24px;max-width:480px;
}

/* ── DIFFERENTIATORS ── */
.diff-section{
  padding:100px 52px;border-bottom:1px solid var(--rule);
}
.diff-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  margin-top:56px;
}
.diff-item{padding:40px 36px;border-right:1px solid var(--rule)}
.diff-item:last-child{border-right:none}
.diff-num{
  font-family:var(--mono);font-size:10px;letter-spacing:0.15em;
  color:var(--accent);margin-bottom:16px;
}
.diff-item h4{
  font-size:16px;font-weight:700;margin-bottom:10px;letter-spacing:-0.01em;
}
.diff-item p{font-size:13px;color:var(--text-dim);line-height:1.7}

/* ── JOURNEY / STATS ── */
.journey{
  padding:100px 52px;border-bottom:1px solid var(--rule);
  text-align:center;
}
.journey-desc{
  font-size:17px;color:var(--text-mid);line-height:1.8;
  max-width:700px;margin:24px auto 56px;
}
.stats-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--rule);
}
.stat-box{
  padding:48px 32px;border-right:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.stat-box:nth-child(3n){border-right:none}
.stat-box:nth-child(n+4){border-bottom:none}
.stat-val{
  font-family:var(--sans);font-size:clamp(40px,4vw,60px);font-weight:800;
  color:var(--text);line-height:1;margin-bottom:8px;letter-spacing:-0.03em;
}
.stat-label{
  font-family:var(--mono);font-size:10px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--text-dim);
}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .editorial{grid-template-columns:1fr}
  .diff-grid{grid-template-columns:repeat(3,1fr)}
  .diff-item:nth-child(3){border-right:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-box:nth-child(2n){border-right:none}
  .stat-box:nth-child(3n){border-right:1px solid var(--rule)}
}
@media(max-width:768px){
  .editorial-content{padding:48px 24px}
  .diff-section{padding:60px 24px}
  .diff-grid{grid-template-columns:1fr;margin-top:32px}
  .diff-item{border-right:none;border-bottom:1px solid var(--rule);padding:32px 24px}
  .diff-item:last-child{border-bottom:none}
  .journey{padding:60px 24px}
  .stats-grid{grid-template-columns:1fr}
  .stat-box{border-right:none!important;padding:36px 24px}
  .editorial-visual{min-height:280px}
  .editorial-visual img{aspect-ratio:16/9}
}
@media(max-width:480px){
  .editorial-content{padding:36px 20px}
  .diff-section{padding:48px 20px}
  .diff-item{padding:28px 20px}
  .diff-item h4{font-size:15px}
  .journey{padding:48px 20px}
  .journey-desc{font-size:15px}
  .stat-box{padding:28px 20px}
  .stat-val{font-size:36px}
}