/* /contact: the studio's contact page. It reuses the hero, the inquiry card
   and the mail card from /lets-chat/lets-chat.css (loaded first) and adds
   the lead line, the address and links cards, and the closing note. */

/* four cards and a note are taller than the two-card band this was sized
   for, so the band always grows with its content here */
.lc-form{min-height:0;height:auto}

.ct-lead{margin:0;max-width:560px;text-align:center;color:#4a4d63;
  font:normal 400 18px/1.5 "Source Sans Pro Regular","Inter Variable",Inter,sans-serif}

.ct-addr{margin:0;color:#101223;font-style:normal;
  font:normal 400 18px/1.5 "Source Sans Pro Regular","Inter Variable",Inter,sans-serif}
.ct-p{margin:0;color:#4a4d63;
  font:normal 400 18px/1.5 "Source Sans Pro Regular","Inter Variable",Inter,sans-serif}
.ct-links{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}

/* text link: the pill style is kept for the two primary actions above.
   min-height keeps the tap target past the 24px WCAG 2.2 floor, and
   #55395f on the card clears 9:1 */
.ct-link{display:inline-flex;align-items:center;min-height:44px;color:#55395f;
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;
  font:normal 700 19px/1.2 "Source Sans Pro Bold","Inter Variable",Inter,sans-serif}
@media (hover:hover) and (pointer:fine){
  .ct-link:hover{color:var(--red)}
}

.ct-note{width:100%;max-width:560px;display:flex;flex-direction:column;gap:12px}
.ct-h2{margin:0;color:#000;
  font:normal 712 26px/1.1 "Cooper Hewitt Bold Italic","Inter Variable",Inter,sans-serif}
.ct-note p{margin:0;color:#4a4d63;
  font:normal 400 18px/1.5 "Source Sans Pro Regular","Inter Variable",Inter,sans-serif}

/* ---- phone <810 ---- */
@media (max-width:809.98px){
  .ct-lead,.ct-addr,.ct-p,.ct-note p{font-size:16px}
  .ct-link{font-size:17px}
  .ct-h2{font-size:22px}
}