.ab-hero {
    color: #f4f1ea;
    background:
        radial-gradient(480px 280px at var(--mx, 30%) var(--my, 40%), rgba(244, 201, 45, .12), transparent 62%),
        #0c0e12;
    padding-bottom: 0;
}

.ab-hero .gw-kicker { color: #e4b423; }
.ab-hero .gw-lead { color: #ddd6cb; }
.ab-hero h1 { max-width: 16ch; }

.ab-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 54px;
    border-top: 1px solid rgba(244, 201, 45, .45);
}

.ab-split article {
    padding: 32px 8vw 40px;
}

.ab-split article + article {
    background: #171b22;
    border-left: 1px solid rgba(244, 201, 45, .45);
}

.ab-split span {
    display: block;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #e4b423;
}

.ab-split p {
    margin: 0;
    max-width: 36ch;
    font-size: 20px !important;
    line-height: 1.45 !important;
    color: #f4f1ea !important;
    font-weight: 300;
}

.ab-fail {
    background: #f4efe6;
    color: #1c1915;
    padding: 88px 0 72px !important;
}

.ab-fail .gw-kicker,
.ab-talk .gw-kicker,
.ab-faq .gw-kicker { color: #8a6420; }

.ab-fail h2,
.ab-talk h2,
.ab-estate h2,
.ab-faq h2 {
    margin: 0 0 14px;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.ab-fail p { font-weight: 300; line-height: 1.7; max-width: 62ch; }

.ab-fail-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 36px;
    align-items: start;
}

.ab-pair { display: grid; gap: 14px; }

.ab-paper {
    background: #fffdf8;
    padding: 22px 22px 8px;
    box-shadow: 0 12px 30px rgba(40, 24, 8, .08);
}

.ab-paper-ink {
    background: #14181f;
    color: #f4f1ea;
}

.ab-paper h3 { margin: 0 0 8px; font-size: 26px; font-weight: 500; }
.ab-paper-ink h3 { color: #f5c400; }

.ab-paper li {
    margin: 0 0 12px;
    padding-left: 14px;
    border-left: 2px solid #e4b423;
    line-height: 1.45;
}

.ab-talk {
    background: #ebe4d6;
    color: #1c1915;
    padding: 88px 0 72px !important;
}

.ab-rail {
    list-style: none;
    margin: 28px 0 0;
    padding: 0 0 0 28px;
    border-left: 2px solid #1c1915;
}

.ab-rail li {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 8px;
    padding: 0 0 26px;
}

.ab-rail span { font-size: 18px; color: #8a6420; }
.ab-rail p { margin: 0; font-weight: 300; line-height: 1.6; font-size: 18px !important; }

.ab-estate {
    background: #121820;
    color: #f4f1ea;
    padding: 88px 0 72px !important;
}

.ab-estate-inner {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 28px;
    align-items: start;
}

.ab-stamp {
    justify-self: start;
    margin: 8px 0 0;
    padding: 14px 10px;
    border: 2px solid #e4b423;
    color: #e4b423 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .16em;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(-8deg);
}

.ab-estate p { font-weight: 300; line-height: 1.7; color: #ddd6cb; max-width: 62ch; }

.ab-faq {
    background: #f7f3ea;
    color: #1c1915;
    padding: 88px 0 72px !important;
}

@media (max-width: 900px) {
    .ab-split,
    .ab-fail-grid,
    .ab-estate-inner { grid-template-columns: 1fr; }
    .ab-split article { padding: 28px 0; }
    .ab-split article + article { border-left: 0; border-top: 1px solid rgba(244, 201, 45, .45); }
    .ab-stamp { transform: none; }
}
