/* Contact: type and colours. Layout is in layout-contact.css (generated from
   Wix's rules). Unlike the other pages, Wix's contact page starts below the
   header, so there is no negative margin here. Values from wix-clone/capture. */
.contact-main { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--black); color: var(--ink-cream); }
:where(.contact-main) h1 { font: 700 52.36px/0.9 var(--sans); letter-spacing: -0.04em; color: var(--ink-cream); margin: 0; }
:where(.contact-main) p { font: 12px/1.6 var(--mono); letter-spacing: 0.05em; color: var(--ink-cream); margin: 0; }
:where(.ct-email) p { font: 700 14px/1.3 var(--sans); letter-spacing: normal; color: var(--yellow); }
.ct-email .u { text-decoration: underline; }

/* Form (go-live GL-2). Sits under the mailto link, same width and alignment as
   the other blocks in the box; type and colours reuse the page's own. */
.ct-form { order: 4; width: 82.44554646809895%; margin: 32px 0 0 3.8352254231770835%; align-self: flex-start; text-align: left; }
.ct-field { display: block; margin: 0 0 18px; }
:where(.contact-main) .ct-field label, :where(.contact-main) .ct-submit button { display: block; }
:where(.contact-main) .ct-field label { font: 12px/1.6 var(--mono); letter-spacing: 0.05em; color: var(--ink-cream); margin-bottom: 6px; }
.ct-field input, .ct-field textarea { width: 100%; background: transparent; color: var(--ink-cream); border: 1px solid var(--ink-cream); border-radius: 0; padding: 10px 12px; font: 14px/1.4 var(--mono); letter-spacing: 0.02em; }
.ct-field textarea { resize: vertical; min-height: 140px; }
.ct-field input:focus-visible, .ct-field textarea:focus-visible { outline: 2px solid var(--yellow); outline-offset: 2px; border-color: var(--yellow); }
.ct-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ct-submit { margin: 8px 0 0; }
.ct-submit button { appearance: none; border: 0; cursor: pointer; width: 164px; height: 48px; border-radius: 300px; background: var(--yellow); color: var(--black); font: 14px var(--sans); transition: transform 0.3s ease-in-out; }
.ct-submit button:hover { transform: translateX(8px); }
.ct-submit button:focus-visible { outline: 2px solid var(--ink-cream); outline-offset: 3px; }
.ct-submit button[disabled] { opacity: 0.5; cursor: default; transform: none; }
.ct-status { margin-top: 16px; min-height: 1.6em; }
:where(.contact-main) .ct-status { color: var(--yellow); }
.ct-status a { text-decoration: underline; }
@media (max-width: 1000px) { .ct-form { margin-left: 0; align-self: center; } }
@media (max-width: 750px) { .ct-form { width: 85.02703193614423%; } }
@media (prefers-reduced-motion: reduce) { .ct-submit button { transition: none; } }
/* With the form the box is taller than Wix's single screen, so keep clear of the fixed header and footer. */
@media (min-width: 1001px) { .ct-section > .c { padding-top: 56px; padding-bottom: 56px; } }