/* Services: "what do you want to build?" brief form (js/sections/services-brief.js). */
.x-brief{color:var(--on-ink);padding:24px 0 0;margin:40px 0 80px;position:relative;z-index:1}
.x-brief h2{color:var(--title);font-size:var(--fs-brief-title)}
.x-brief>p{margin-top:12px;font-size:var(--fs-19);color:var(--char)}
.x-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.x-chips button{font:var(--fw-regular) var(--fs-17)/1 var(--f);color:var(--on-ink);background:transparent;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);padding:13px 20px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.x-chips button:hover{border-color:var(--border-hover)}
.x-chips button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:var(--white)}
.x-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:28px;align-items:end}
.x-fields label{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-15);color:var(--char)}
.x-fields input{font:var(--fw-regular) var(--fs-17) var(--f);color:var(--white);background:var(--field-bg-ink);border:1.5px solid var(--border-strong);border-radius:var(--r-14);padding:14px 16px;caret-color:var(--red);min-width:0}
.x-fields input::placeholder{color:var(--placeholder-ink)}
.x-fields input:focus{outline:none;border-color:var(--red)}
.x-done-msg{margin-top:18px;color:var(--white);min-height:1.75em}
@media (max-width:900px){.x-fields{grid-template-columns:1fr}.x-brief{padding-top:8px}}