/* ABOUT / HAKKIMIZDA page additions */

.nav-links a.active{ color:var(--ink); position:relative }
.nav-links a.active::after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px;
  background:var(--red);
}

.ab-hero{
  position:relative; overflow:hidden;
  padding: clamp(40px, 6vw, 90px) var(--pad) clamp(60px, 8vw, 120px);
  border-bottom:1px solid var(--line);
}
.ab-hero-inner{
  position:relative; z-index:2;
  max-width: var(--maxw); margin:0 auto;
  padding-top: 24px;
}
.ab-crumbs{
  display:flex; gap:10px; align-items:center;
  font-family:var(--f-mono); font-size:11px; letter-spacing:.14em;
  color:var(--ink-3); margin-bottom:18px;
}
.ab-crumbs a{ color:var(--ink-2) }
.ab-crumbs a:hover{ color:var(--ink) }
.c-here{ color:var(--red-3) }
.ab-hero-title{
  font-family:var(--f-display); font-weight:400;
  font-size: clamp(72px, 14vw, 240px); line-height:.85;
  letter-spacing:-.01em; text-transform:uppercase;
  margin-top:14px;
}
.ab-hero-title .outline{
  color:transparent;
  -webkit-text-stroke: 2px var(--ink);
}
.ab-hero-lede{
  max-width:60ch; margin-top:28px;
  color:var(--ink-2); font-size:18px; line-height:1.6;
}

/* MANIFESTO */
.mani{ background:var(--bg); border-bottom:1px solid var(--line)}
.mani-grid{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns: 1fr 1fr; gap:0;
  border:1px solid var(--line); background:var(--panel);
}
.mani-card{
  padding:36px 32px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex; flex-direction:column; gap:16px;
  transition: background .2s;
}
.mani-card:nth-child(2){ border-right:0 }
.mani-card:nth-child(3), .mani-card:nth-child(4){ border-bottom:0 }
.mani-card:nth-child(4){ border-right:0 }
.mani-card:hover{ background:#181818 }
.m-ix{
  font-family:var(--f-display); font-size:40px; color:var(--red-3);
  line-height:1; letter-spacing:.02em;
}
.mani-card h3{
  font-family:var(--f-display); font-weight:400;
  font-size: clamp(32px, 3vw, 44px); line-height:.95;
  letter-spacing:.005em; text-transform:uppercase;
  padding-bottom:14px; border-bottom:1px solid var(--line);
}
.mani-card p{ color:var(--ink-2); font-size:15.5px; line-height:1.7 }

/* TIMELINE */
.timeline{ background:var(--bg) }
.tl-grid{
  max-width:var(--maxw); margin:0 auto;
  display:flex; flex-direction:column;
}
.tl-row{
  display:grid; grid-template-columns: 220px 1fr;
  gap:40px; padding:32px 0;
  border-bottom:1px solid var(--line);
}
.tl-row:first-child{ border-top:1px solid var(--line) }
.tl-row.tl-now{ background: linear-gradient(to right, rgba(194,22,28,.14), transparent 60%) }
.tl-year{
  font-family:var(--f-display); font-weight:400;
  font-size: clamp(56px, 7vw, 110px); line-height:1;
  letter-spacing:.005em; color:var(--ink);
  border-right:1px solid var(--line); padding-right:40px;
}
.tl-row.tl-now .tl-year{ color:var(--red-3) }
.tl-body h4{
  font-family:var(--f-ui); font-weight:700; letter-spacing:.14em;
  font-size:14px; color:var(--ink-2); margin-bottom:10px;
  text-transform:uppercase;
}
.tl-body p{ color:var(--ink-2); font-size:16px; line-height:1.6; max-width:60ch }

/* NUMBERS */
.numbers{
  background: #0a0a0a;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding: clamp(60px, 7vw, 100px) var(--pad);
}
.num-grid{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns: repeat(4, 1fr); gap:0;
  border:1px solid var(--line);
}
.nb{
  padding:36px 24px;
  border-right:1px solid var(--line);
  display:flex; flex-direction:column; gap:14px;
  min-height:200px;
}
.nb:last-child{ border-right:0 }
.nb-n{
  font-family:var(--f-display); font-weight:400;
  font-size: clamp(48px, 5vw, 72px); line-height:.95;
  letter-spacing:.005em; color:var(--ink);
}
.nb-l{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.14em;
  color:var(--ink-3); line-height:1.5; margin-top:auto;
}

/* CREDO */
.credo{
  background:
    radial-gradient(circle at 80% 30%, rgba(194,22,28,.25), transparent 50%),
    #0a0a0a;
  position:relative; overflow:hidden;
}
.credo::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0 1px, transparent 1px 14px);
}
.credo-inner{ position:relative; z-index:2; max-width:var(--maxw); margin:0 auto }
.credo-quote{
  font-family:var(--f-display); font-weight:400;
  font-size: clamp(44px, 7vw, 120px); line-height:.95;
  letter-spacing:-.005em; text-transform:uppercase;
  margin-top:14px;
}
.credo-quote .outline{
  color:transparent;
  -webkit-text-stroke: 2px var(--ink);
}
.credo-sign{
  margin-top:36px; padding-top:18px; border-top:1px solid var(--line);
  font-family:var(--f-mono); letter-spacing:.14em;
  display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between;
}
.cs-l{ color:var(--ink-2); font-size:12px }
.cs-s{ color:var(--ink-3); font-size:11px }

/* Responsive */
@media (max-width: 1100px){
  .mani-grid{ grid-template-columns: 1fr }
  .mani-card{ border-right:0 !important; border-bottom:1px solid var(--line) !important }
  .mani-card:last-child{ border-bottom:0 !important }
  .tl-row{ grid-template-columns: 1fr; gap:14px }
  .tl-year{ border-right:0; padding-right:0 }
  .num-grid{ grid-template-columns: repeat(2, 1fr) }
  .nb:nth-child(2){ border-right:0 }
  .nb:nth-child(1), .nb:nth-child(2){ border-bottom:1px solid var(--line) }
}
@media (max-width: 680px){
  .num-grid{ grid-template-columns: 1fr }
  .nb{ border-right:0 !important; border-bottom:1px solid var(--line); min-height:160px }
  .nb:last-child{ border-bottom:0 }
}