/* The quote request, the steps' hand-off and the page without a stage. Tokens come from brands.css. */
.quote-sec{background:var(--warm)}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.quote .lead{margin-top:14px;color:#4a4c4d;font-size:18px;max-width:28em}
.form{display:grid;gap:16px;background:#fff;border:1px solid var(--rule);border-radius:16px;padding:clamp(18px,2.4vw,28px);box-shadow:0 10px 30px rgba(60,40,10,.06)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px;border:0;min-width:0}
.field label,.field legend{font:400 14px/1.4 var(--ui);color:var(--stone);padding:0}
html[lang=en] .field label,html[lang=en] .field legend{font:500 12px/1.4 var(--serif);letter-spacing:.14em;text-transform:uppercase}
.field .req{color:#b5372a;font-style:normal;margin-inline-start:6px}
.field input[type=text],.field input[type=tel],.field textarea{width:100%;min-height:48px;border:1px solid var(--rule);border-radius:10px;padding:10px 14px;background:#fff;color:var(--ink);font:400 16px/1.5 var(--ui)}
.field textarea{resize:vertical;min-height:84px}
.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.tried .field input:required:invalid{border-color:#b5372a}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt>span{display:inline-block;padding:9px 15px;border:1px solid var(--rule);border-radius:99px;background:#fff;font:400 14px/1.2 var(--ui);transition:border-color .2s,background .2s}
html[lang=en] .opt>span{font:500 12px/1.2 var(--serif);letter-spacing:.12em;text-transform:uppercase}
.opt input:checked+span{border-color:var(--gold);background:#faf3e0}
.opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.err{color:#b5372a;font:400 14px/1.5 var(--ui)}
.send{justify-content:center;min-height:52px;font-size:16px;border:0}
.send:disabled{opacity:.6;cursor:progress}
.done{border:1px dashed #4d7a3a;border-radius:16px;padding:22px;background:#f3f8ef;color:#2f5a1f;margin-top:22px}
.done b{display:block;font:500 20px/1.4 var(--ui);margin-bottom:4px}
.hd .soon{font:400 14px/1.4 var(--ui);color:#7a7062}
html[lang=en] .hd .soon{font:500 12px/1.4 var(--serif);letter-spacing:.16em;text-transform:uppercase}
@media(max-width:820px){.quote,.row2{grid-template-columns:1fr}}
/* the page without a stage (the records could not be read): the name and the tagline, then the request */
.plain .cstage{position:relative;height:auto;min-height:0;padding:120px var(--gut) 56px}
.plain .tabbar,.plain .heads,.plain .world,.plain .tmark,.plain .tabs,.plain .mono,.plain .cue,.plain .ctl,.plain .prog,.plain .splash{display:none}
.plain .intro{position:static}
.plain .intro .ln>span{opacity:1!important;transform:none!important}
.plain .intro .rule{opacity:1!important;transform:none!important}
/* the bar's request button stays on one line on a phone */
@media(max-width:820px){.bar .cta{white-space:nowrap;min-height:38px;padding:0 14px;font-size:13px}html[lang=en] .bar .cta{font-size:11px;letter-spacing:.1em}}