.toolkit {
        padding: 150px 0 130px;
        position: relative;
        background: var(--paper);
    }

    .toolkit-intro {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0 28px;
        max-width: 760px;
        margin-bottom: 80px;
    }

    .drop-cap {
        font-family: var(--f-body);
        font-size: 1.1rem;
        line-height: 1.7;
        color: var(--ink-text);
        grid-column: 1/-1;
    }

    .drop-cap::first-letter {
        font-family: var(--f-display);
        font-weight: 700;
        font-size: 4.6rem;
        line-height: .8;
        float: left;
        padding: 6px 10px 0 0;
        color: var(--crimson);
    }

    .toolkit-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
        border-top: 1px solid var(--paper-line);
        padding-top: 56px;
    }

    .col-label {
        font-family: var(--f-mono);
        font-weight: 500;
        font-size: .85rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--crimson);
        margin-bottom: 30px;
    }

    .skill-list {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

    .skill-row {
        display: grid;
        grid-template-columns: 1fr 4fr auto;
        align-items: center;
        gap: 16px;
    }

    .skill-name {
        font-family: var(--f-body);
        font-weight: 600;
        font-size: .92rem;
    }

    .skill-meter {
        height: 6px;
        background: var(--paper-dim);
        position: relative;
        overflow: hidden;
    }

    .skill-fill {
        position: absolute;
        inset: 0;
        width: 0%;
        background: linear-gradient(90deg, var(--amber-dim), var(--amber));
        transition: width 1.4s var(--ease);
    }

    .skill-pct {
        font-family: var(--f-mono);
        font-size: .72rem;
        color: var(--steel-dim);
        width: 34px;
        text-align: right;
    }

    .tool-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 70px;
        padding-top: 44px;
        border-top: 1px solid var(--paper-line);
    }

    @media (max-width:820px) {
        .toolkit-grid {
            grid-template-columns: 1fr;
            gap: 50px;
        }

        .skill-row {
            grid-template-columns: 110px 1fr auto;
        }
    }