/* Manifesto: centred statement on a tinted field with perspective hairlines and floating chips */
.manifesto-sec { overflow: hidden; background: var(--bg-2); }
.manifesto-sec > .wrap { z-index: 1; }
.manifesto-sec .label { text-align: center; }

/* Perspective grid: horizontal rules plus a fan of lines converging on the top-centre vanishing point */
.persp {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.45;
  background:
    repeating-conic-gradient(from 90deg at 50% -20%, var(--line) 0 0.25deg, transparent 0.25deg 7deg),
    repeating-linear-gradient(180deg, var(--line) 0 1px, transparent 1px 44px);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 35%, #000 80%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 35%, #000 80%, transparent);
}

.manifesto-wrap { max-width: 900px; margin: 18px auto 0; text-align: center; }
.manifesto { font-size: clamp(28px, 4.2vw, 52px); line-height: 1.15; font-weight: 300; letter-spacing: -0.04em; }
.manifesto em { font-style: normal; color: var(--text-3); }
.manifesto-wrap .lead { max-width: 36em; margin: 24px auto 0; color: var(--text-2); font-size: 17px; }

/* Floating chips: decorative only, anchored to the empty margins; flow is hidden on narrow screens */
.chips-f { position: absolute; inset: 0; pointer-events: none; }
.chip-f {
  position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px;
  border: 1px solid var(--line-2); background: var(--white); font: 400 12px var(--mono); color: var(--text-2); white-space: nowrap;
}
.chip-f::before { content: ""; width: 8px; height: 8px; background: var(--block-3); }
.chip-f--1 { left: 3%; top: 18%; } .chip-f--2 { left: 6%; top: 36%; } .chip-f--3 { left: 2%; top: 54%; }
.chip-f--4 { right: 4%; top: 16%; } .chip-f--5 { right: 6%; top: 34%; } .chip-f--6 { right: 3%; top: 52%; }
.chip-f--7, .chip-f--8 { display: none; }
.chip-f--2::before, .chip-f--5::before { background: var(--block-1); }
.chip-f--4::before, .chip-f--7::before { background: var(--block-4); }

/* Pillars: three hairline cells under the statement */
.pillars--row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 56px; background: var(--line-2); border: 1px solid var(--line-2); }
.pillars--row .pillar { padding: 24px; border: 0; border-radius: 0; background: var(--white); }
.pillar .n { font: 400 12px var(--mono); color: var(--accent); }
.pillar h3 { font-size: 19px; margin: 8px 0 6px; line-height: 1.25; font-weight: 400; }
.pillar p { color: var(--text-2); font-size: 14.5px; }

@media (max-width: 1360px) { .chips-f { display: none; } }
@media (max-width: 800px) { .pillars--row { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .pillar p, .manifesto-wrap .lead { font-size: 16px; } }