.build-with{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(32px,6vw,100px);background:#eee9df;color:#242522;border-block:1px solid #d0c9bb}.build-with .section-label{color:#64675b}.build-with h2{font-size:clamp(38px,4.8vw,72px);line-height:1.04;letter-spacing:-.045em;margin:26px 0}.build-with h2 em{color:inherit;font-weight:400}.build-with p{color:#5b5c53;font-size:16px;line-height:1.75;max-width:65ch}.build-with .bw-lead{font-size:clamp(20px,2vw,25px);color:#292c26;line-height:1.5;margin-top:0}.bw-steps{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bw-steps li{border-top:1px solid #b9b5a8;padding-top:16px}.bw-steps span,.bw-example span{font-family:monospace;font-size:10px;letter-spacing:.09em;color:#64675b}.build-with h3{font-size:19px;line-height:1.35;margin:12px 0 8px;font-weight:500;letter-spacing:-.02em}.bw-steps p{font-size:14px;line-height:1.65}.bw-example{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid #c9c2b5;padding:23px 0}.bw-example h3{font-size:29px;margin:10px 0}.bw-example p{font-size:14px;margin:0}.bw-example a{flex-shrink:0;font-size:14px;text-decoration:underline;text-underline-offset:5px}.bw-action{margin-top:28px}.build-with .button{background:#292d27;color:#f5f1e8;border:1px solid #292d27;box-shadow:none}.build-with .button:hover{background:#454a3e}.bw-action p{font-size:12px;line-height:1.6;margin:14px 0 0}.build-with a:focus-visible{outline:2px solid #545e48;outline-offset:5px}@media(max-width:900px){.build-with{grid-template-columns:1fr;gap:24px}.bw-heading{max-width:580px}}@media(max-width:560px){.bw-steps{grid-template-columns:1fr;gap:15px;margin:25px 0}.bw-steps li{padding-top:13px}.bw-steps h3{margin-top:8px}.bw-steps p{margin:0}.bw-example{align-items:flex-start;flex-direction:column;gap:16px}.bw-action .button{width:100%;text-align:center}.build-with h2{font-size:43px}.build-with .bw-lead{font-size:21px}}