/* The contact page in the Bold look: a large heading, one rounded form card, one rounded details card, pill buttons and larger text. */
.ct-hero { padding: calc(var(--nav-h) + 48px) 0 28px; }
.ct-pill { display: inline-flex; align-items: center; gap: 14px; margin: 0 0 18px; padding: 7px 20px 7px 7px; border-radius: 999px; background: #ffffff12; border: 1px solid #ffffff2e; font-size: 1.1rem; font-weight: 600; color: #fff; }
.ct-pill b { padding: 7px 18px; border-radius: 999px; background: var(--orange); color: #140b00; font-size: 1.2rem; font-weight: 700; }
.ct-hero h1 { font-size: clamp(3rem, 6vw, 5.2rem); font-weight: 700; letter-spacing: -.05em; line-height: 1.02; color: #fff; margin: 0 0 18px; }
.ct-hero h1 em { font-style: normal; background: linear-gradient(var(--orange), var(--orange)) left 94% / 100% .09em no-repeat; padding-bottom: .04em; }
.ct-lead { max-width: 40em; font-size: 1.25rem; font-weight: 500; line-height: 1.6; color: #e3e9ee; }
.ct-sheet { padding: 8px 0 110px; }
.contact-grid { gap: 28px; align-items: start; }

.ct-card, .contact-aside { padding: 34px; border-radius: 26px; background: #10191f; border: 1px solid #ffffff26; }
.page-contact .field { gap: 8px; margin-bottom: 20px; }
.page-contact .field > label { font-size: 1.05rem; font-weight: 700; color: #fff; }
.page-contact .field__hint { font-size: 1rem; color: #c9d3da; line-height: 1.5; }
.page-contact .field input:not([type="checkbox"]):not([type="radio"]), .page-contact .field select, .page-contact .field textarea {
  min-height: 54px; padding: 12px 20px; border-radius: 18px; border: 2px solid #ffffff2e; background: #0b1218; color: #fff; font: 500 1.08rem var(--sans); }
.page-contact .field textarea { min-height: 180px; border-radius: 22px; padding: 16px 20px; line-height: 1.55; }
.page-contact .field select { appearance: none; padding-right: 48px; border-radius: 999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none' stroke='%23ff8300' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 2l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 20px center; }
.page-contact .field input:focus, .page-contact .field select:focus, .page-contact .field textarea:focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 4px rgba(255,131,0,.18); }
.page-contact .field input::placeholder, .page-contact .field textarea::placeholder { color: #8d9aa4; }
.page-contact .form-actions .btn { height: 58px; padding: 0 36px; font-size: 1.15rem; }
.page-contact .licence__meta { margin-top: 16px; font-size: 1rem; color: #c9d3da; }
.page-contact .licence__meta a { color: #fff; text-decoration-color: var(--orange); text-underline-offset: 4px; text-decoration-thickness: 2px; }
.page-contact .form-error { border-radius: 14px; border: 1px solid #ff7b6b66; border-left-width: 1px; font-size: 1.02rem; }
.page-contact .sent { padding: 8px 0; }
.page-contact .sent h2 { font-size: 2rem; font-weight: 700; color: #fff; }
.page-contact .sent p { font-size: 1.15rem; color: #e3e9ee; }

.contact-aside dl { gap: 22px; margin-top: 0; }
.contact-aside dt { font: 700 1rem var(--sans); letter-spacing: 0; text-transform: none; color: var(--orange); }
.contact-aside dd { margin-top: 4px; font-size: 1.08rem; font-weight: 500; line-height: 1.55; color: #fff; }
@media (max-width: 600px) { .ct-card, .contact-aside { padding: 24px 20px; } }