.grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; height: 100%; }
.stack { display: flex; flex-direction: column; gap: 28px; }
.cover-mark { position: absolute; right: 84px; top: 72px; width: 180px; height: 180px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; font-family: var(--font-mono); color: var(--accent); }
.rule { height: 1px; background: var(--line); width: 100%; }
.big-number { font-family: var(--font-display); font-size: 170px; line-height: .85; letter-spacing: -.07em; color: var(--accent); }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 22px; }
.card { border: 1px solid var(--line); padding: 28px; background: rgba(255,255,255,.35); min-height: 210px; }
.card .num { font-family: var(--font-mono); color: var(--accent); margin-bottom: 30px; }
.timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 54px; }
.step { border-top: 3px solid var(--accent); padding-top: 20px; }
.quote { font-family: var(--font-display); font-size: 70px; line-height: 1.08; letter-spacing: -.035em; max-width: 1250px; }
.caption { font-family: var(--font-mono); color: var(--muted); font-size: 14px; line-height: 1.5; }
.visual-block { min-height: 500px; border: 1px solid var(--line); background: repeating-linear-gradient(135deg, rgba(23,20,17,.05), rgba(23,20,17,.05) 8px, transparent 8px, transparent 18px); display: grid; place-items: center; color: var(--muted); font-family: var(--font-mono); text-align: center; padding: 30px; }
.matrix { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 18px; height: 560px; }
.matrix > div { border: 1px solid var(--line); padding: 24px; }