/*
Block Name: Approach & Boundaries
Description: What every project comes with, as a numbered list, beside a black What I don't do panel.
*/

.block-approach-boundaries .ab-grid { display: flex; flex-wrap: wrap; gap: 4rem 6.4rem; }
.block-approach-boundaries .ab-main { flex: 1.3 1 44rem; }
.block-approach-boundaries .lf-section-head { margin-bottom: var(--lf-gap-head); }
.block-approach-boundaries .ab-items { list-style: none; margin: 0; padding: 0; border-top: 0.1rem solid var(--brand-2); }
.block-approach-boundaries .ab-items li { display: grid; grid-template-columns: 4.8rem minmax(0, 1fr); gap: 1.2rem; margin: 0; padding: 1.6rem 0; border-bottom: 0.1rem solid var(--brand-2); font-size: 2rem; line-height: 1.45; }
.block-approach-boundaries .ab-items .lf-number { padding-top: 0.3rem; }
.block-approach-boundaries .ab-aside { flex: 1 1 34rem; align-self: flex-start; background: var(--brand-2); color: var(--brand-4); padding: clamp(2.8rem, 3.4vw, 4rem); display: flex; flex-direction: column; gap: 1.8rem; }
.block-approach-boundaries .ab-aside-label { color: var(--brand-5); }
.block-approach-boundaries .ab-aside-heading { margin: 0; font-size: clamp(4rem, 4vw, 5.6rem); line-height: 0.9; color: var(--brand-4); }
.block-approach-boundaries .ab-aside-items { list-style: none; margin: 0; padding: 0; border-top: 0.1rem solid rgba(246, 239, 230, 0.35); }
.block-approach-boundaries .ab-aside-items li { margin: 0; padding: 1.2rem 0; border-bottom: 0.1rem solid rgba(246, 239, 230, 0.35); font-size: 1.9rem; line-height: 1.45; color: var(--brand-4); }
.block-approach-boundaries .ab-aside-items li.is-highlight { font-family: var(--font-serif-text); font-style: italic; color: var(--brand-3); }