/* Contact section 03. The form is the page's only interactive element, so it stays quiet: field
   labels in small caps, hairline borders, one coral button. Categories are three radios set as a
   segmented row rather than a dropdown, because three options do not need to be hidden. */
.c3{position:relative;background:var(--bg-page);padding:96px 0 112px;box-shadow:inset 0 1px 0 rgba(15,26,46,.1)}
.c3-num{position:absolute;left:0;top:96px;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(15,26,46,.35)}
.c3-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px;max-width:620px}
.c3-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.c3-field{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.c3-field .rt-label{font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(15,26,46,.6)}
.c3 .rt-input{width:100%}
.c3 textarea.rt-input{min-height:148px;resize:vertical;line-height:1.55}
.c3-cats{display:flex;flex-wrap:wrap;gap:10px}
.c3-cat{position:relative;display:inline-flex}
.c3-cat input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.c3-cat span{padding:9px 18px;border:1px solid var(--color-rule);border-radius:4px;background:#fff;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(15,26,46,.7);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.c3-cat input:hover + span{border-color:rgba(15,26,46,.45)}
.c3-cat input:checked + span{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-text-light-2)}
.c3-cat input:focus-visible + span{border-color:var(--color-coral);box-shadow:0 0 0 3px rgba(232,74,95,.15)}
.c3-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:30px}
.c3-fine{margin:0;max-width:44ch;font-size:14px;line-height:1.5;color:rgba(26,26,31,.6)}
.c3-status{margin:16px 0 0;min-height:20px;font-size:14.5px;line-height:1.5;color:var(--color-coral)}
.c3-status.is-ok{color:var(--color-navy)}
@media(max-width:1023px){.c3{padding:80px 0 88px}.c3-num{top:80px}}
@media(max-width:767px){.c3{padding:52px 0 64px}.c3-num{position:static;width:auto;text-align:left;padding:0 20px 18px}.c3-col{margin:0;padding:0 20px}.c3-row{grid-template-columns:1fr;gap:0}}