/* The demo uses the homepage's paper, ink, spacing and button system. */
.contact-main{max-width:760px;margin-inline:auto;padding:24px 24px 64px}
.contact-back{gap:9px;border:0;padding:6px 0;font-size:13px;color:var(--muted);text-decoration:none}
.contact-back svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-back:hover{color:var(--ink)}
.contact-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:26px}
.contact-intro{padding:0;min-width:0}
.contact-intro>.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.contact-intro h1{margin-top:17px;font-size:clamp(40px,8vw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.08}
.contact-intro h1>span{color:#788167}
.contact-intro .contact-lead{max-width:520px;margin-top:22px;font-size:16px;line-height:1.75;color:var(--muted);text-wrap:pretty}
.contact-agenda{display:grid;gap:0;margin-top:30px;max-width:none}
.contact-agenda li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:15px;align-items:start;padding:17px 0;border-top:1px solid var(--line)}
.contact-agenda li:last-child{padding-bottom:0}
.contact-agenda .demo-topic-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e9e2d7;color:#8b715d;margin-top:1px}
.contact-agenda li:nth-child(2) .demo-topic-icon{background:#e8e4d6;color:#8c764d}
.contact-agenda li:nth-child(3) .demo-topic-icon{background:#e0e6e4;color:#637a7c}
.demo-topic-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-agenda h2{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.02em}
.contact-agenda p{font-size:14px;line-height:1.65;margin-top:5px;color:var(--muted)}
.contact-page .contact-main .contact-intro .demo-account-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:23px;padding-left:49px;max-width:none}
.contact-card{padding:27px 24px;background:#fcfaf4;border:1px solid #dadbcd;border-radius:12px;min-width:0}
.contact-card-heading h2{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:0;text-wrap:pretty}
.contact-card-heading>p:last-child{font-size:14px;line-height:1.65;margin-top:12px;color:var(--muted)}
.contact-card .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:25px}
.contact-card .form-field{min-width:0}
.contact-card .form-field.full{grid-column:1/-1}
.contact-card .form-field label{display:block;font-size:13px;line-height:1.5;margin-bottom:7px}
.contact-card .form-field .optional{font-size:11px;color:var(--muted);margin-left:5px;font-weight:400}
.contact-card .form-field input,.contact-card .form-field textarea{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #d5d8ca;border-radius:6px;background:#fffefa;padding:12px 13px;font:inherit;font-size:16px;line-height:1.5;color:var(--ink);box-shadow:none}
.contact-card .form-field input:focus,.contact-card .form-field textarea:focus{outline:2px solid #879774;outline-offset:2px;border-color:#879774}
.contact-card .form-field textarea{min-height:108px;resize:vertical}
.contact-card .form-field input::placeholder,.contact-card .form-field textarea::placeholder{color:#858b7b;opacity:1;font-size:13px}
.contact-card .form-required{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px}
.contact-card .contact-availability{margin-top:19px;padding:0;border:0;background:none;font-size:12px;line-height:1.65}
.contact-card .contact-submit{min-height:52px;width:100%;margin-top:12px;border-radius:5px;padding:13px 17px;font-size:14px;line-height:1.5}
.contact-submit .button-mark svg{width:22px;height:22px;stroke-width:1.8}
.contact-card .form-channel,.contact-card .request-status{font-size:12px;line-height:1.7;margin-top:14px}
.contact-page .lower-footer{max-width:1440px}
.contact-page .lower-footer>nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.contact-page .lower-footer>nav>a{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:44px}
.contact-page .lower-footer>span{width:100%;max-width:none}
@media(min-width:600px){
  .contact-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-card{padding:32px}
}
@media(min-width:1051px){
  .contact-main{width:var(--desktop-width);max-width:none;padding:28px var(--desktop-inset) 76px}
  .contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--desktop-gap);margin-top:30px;align-items:start}
  .contact-intro{padding-top:8px}
  .contact-intro h1{font-size:clamp(54px,4.9vw,76px);margin-top:20px}
  .contact-intro .contact-lead{font-size:17px;max-width:480px;margin-top:25px}
  .contact-agenda{margin-top:32px;max-width:490px}
  .contact-agenda li{padding-block:19px}
  .contact-card{padding:32px;border-radius:12px}
  .contact-card-heading h2{font-size:32px}
  .contact-page .lower-footer{width:var(--desktop-width);max-width:none}
  .contact-page .lower-footer>span{width:auto;max-width:240px}
}
@media(max-width:380px){
  .contact-main{padding-inline:18px}
  .contact-layout{margin-top:20px;gap:26px}
  .contact-intro h1{font-size:40px}
  .contact-card{padding:23px 18px}
  .contact-card-heading h2{font-size:28px}
}