/* Start a project: the thin open A, the rising line, the real form and the cream button */
.quote > .flow { padding-bottom: var(--s7); }
.quote .bigA { width: min(26vw, 220px); height: auto; margin: 0 auto var(--s5); fill: none; stroke: var(--ink); stroke-width: .6; overflow: visible; }
.quote .bigA path { stroke-dasharray: 1; stroke-dashoffset: 0; }
.quote .big .ln { display: block; overflow: hidden; padding-bottom: .06em; }
.quote .big .ln > span { display: block; }
.quote .quote-form { width: min(560px, 100%); margin: var(--s6) auto 0; display: grid; gap: var(--s3); text-align: left; }
.quote .a-field { display: flex; flex-direction: column; gap: 8px; }
.quote .a-field label { font: 300 12px/1.6 var(--font-display); letter-spacing: .3em; text-transform: uppercase; color: var(--accent); }
.quote .a-field label span { color: var(--soft); letter-spacing: .2em; }
.quote .a-field input, .quote .a-field textarea, .quote .a-field select { min-height: 48px; width: 100%; background: rgba(24, 25, 27, .82); color: var(--ink); border: 1px solid var(--line); border-radius: 0; padding: 12px 14px; font: 16px/1.5 var(--font-body); resize: vertical; transition: border-color var(--t-ctl) var(--ease), background-color var(--t-ctl) var(--ease); }
.quote .a-field input:focus-visible, .quote .a-field textarea:focus-visible, .quote .a-field select:focus-visible { outline: none; border-color: var(--ink); background: rgba(24, 25, 27, .95); }
@media (hover: hover) and (pointer: fine) { .quote .a-field input:hover, .quote .a-field textarea:hover, .quote .a-field select:hover { border-color: var(--soft); } }
.quote .submit { justify-self: center; margin-top: var(--s2); padding: 20px 38px; min-height: 58px; }
.quote .form-note { min-height: 1.6em; text-align: center; color: var(--accent); font-size: 14px; }
@media (max-width: 760px) {
  .quote .bigA { width: 46vw; }
  .quote .submit { width: 100%; }
}

.quote .quote-actions { margin: var(--s6) auto 0; display: flex; flex-wrap: wrap; gap: var(--s3); justify-content: center; align-items: center; }
.quote .quote-actions .form-note { flex-basis: 100%; }
.quote .quote-actions .form-note a { color: inherit; }