.brief-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; padding: 105px 11vw; background: #d9d6c9; }
.brief-intro h2 { margin: 0; font: 600 clamp(39px, 4.4vw, 65px)/.98 var(--serif); letter-spacing: -.04em; }
.brief-intro > p:last-child { max-width: 285px; margin-top: 25px; color: #73736b; font-size: 13px; line-height: 1.7; }
.brief-form { display: grid; grid-template-columns: repeat(2, 1fr); align-content: start; gap: 26px 18px; padding-top: 6px; }
.brief-field { display: flex; flex-direction: column; gap: 9px; border-bottom: 1px solid rgba(23,24,23,.28); padding-bottom: 10px; }
.brief-field label { color: #7a786f; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.brief-field select { border: 0; outline: 0; padding: 0; background: transparent; color: var(--ink); font: 500 18px var(--serif); }
.brief-submit { grid-column: 1 / -1; justify-self: start; margin-top: 7px; }
.brief-result { grid-column: 1 / -1; display: flex; gap: 17px; align-items: flex-start; border-top: 1px solid rgba(23,24,23,.22); padding-top: 23px; opacity: 0; transform: translateY(10px); transition: .3s ease; pointer-events: none; }
.brief-result.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.brief-result__mark { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--olive); border-radius: 50%; color: var(--olive); }
.brief-result h3 { margin: 0; font: 500 25px var(--serif); }
.brief-result .eyebrow { margin-bottom: 8px; }
.brief-result p:not(.eyebrow) { max-width: 430px; margin: 10px 0 17px; color: #73736b; font-size: 11px; line-height: 1.6; }
.quiet-link--dark { color: var(--ink); border-color: rgba(23,24,23,.35); }
@media (max-width: 850px) { .brief-section { grid-template-columns: 1fr; gap: 45px; padding-right: 8vw; padding-left: 8vw; } }
@media (max-width: 620px) { .brief-section { display: block; padding: 78px 6vw; }.brief-form { grid-template-columns: 1fr; margin-top: 45px; }.brief-submit { grid-column: auto; width: 100%; }.brief-result { grid-column: auto; margin-top: 16px; } }
