/* /contact/. Ported from design-src/contact/page.css, plus Gravity Forms mappings. */

/* ===== contact ===== */
.contact-main .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:70px;align-items:start}
.c-form h2{font-family:var(--serif);font-weight:400;font-size:38px;line-height:1.1;color:var(--brown);margin-bottom:24px}
.c-form h2 em{font-style:italic}
.f{margin-bottom:16px}
.f label{display:block;font-size:13px;font-weight:600;color:var(--brown);letter-spacing:.02em;margin-bottom:7px}
.f label em{font-style:normal;font-weight:400;color:var(--brown-mid)}
.f input,.f select,.f textarea{width:100%;height:52px;border:1px solid #dccfb9;border-radius:0;background:var(--white);padding:0 16px;font:400 15px var(--sans);color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.f textarea{height:auto;padding:14px 16px;resize:vertical;line-height:1.6}
.f select{appearance:none;-webkit-appearance:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238f7a55' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:38px;cursor:pointer}
.f input::placeholder{color:#a8998b}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(181,161,128,.2)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.btn.send{margin-top:8px;padding:19px 44px}
.sent{margin-top:16px;padding:14px 18px;background:var(--ivory);border-left:3px solid var(--gold);color:var(--brown)}

.c-side{display:flex;flex-direction:column;gap:18px}
.c-img{aspect-ratio:3/2;overflow:hidden;margin-bottom:-18px}
.c-img img{width:100%;height:100%;object-fit:cover}
.p-hero > img{object-position:60% 40%}
.c-card{background:var(--brown);color:var(--gold-soft);padding:34px 32px 30px;position:relative}
.c-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(233,225,210,.25);pointer-events:none}
.c-card .caps{display:block;color:var(--gold);margin-bottom:6px}
.c-mail{display:inline-block;font-family:var(--serif);font-size:25px;color:var(--white);border-bottom:1px solid var(--gold);margin-bottom:24px;word-break:break-all}
.c-mail:hover{color:var(--gold-soft)}
.c-card p{font-size:15px}
/* Quick Answers: a full-width row under the form + sidebar, answers side by side */
.c-quick{grid-column:1/-1;border:1px solid var(--gold-soft);padding:28px 32px 30px}
.c-quick > .caps{color:var(--gold-deep);display:block;margin-bottom:18px}
.c-qlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.c-quick a{display:block;padding:2px 28px;border-left:1px solid var(--gold-soft);transition:.2s}
.c-quick a:first-child{padding-left:0;border-left:0}
.c-quick a:last-child{padding-right:0}
.c-quick b{display:block;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.25;color:var(--brown);margin-bottom:4px}
.c-quick small{display:block;font-size:13px;line-height:1.55;color:var(--brown-mid)}
.c-quick a:hover b{color:var(--gold-deep)}

/* Gravity Forms file upload (Register page): site outline button instead of the browser default */
.gform_wrapper .ginput_container_fileupload input[type=file]{font:400 13px var(--sans);color:var(--brown-mid);max-width:100%}
.gform_wrapper .ginput_container_fileupload input[type=file]::file-selector-button{font:700 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brown);background:var(--white);border:1px solid var(--brown);border-radius:0;padding:12px 18px;margin-right:14px;cursor:pointer;transition:background .2s,color .2s}
.gform_wrapper .ginput_container_fileupload input[type=file]::file-selector-button:hover{background:var(--brown);color:var(--white)}
.gform_wrapper .gform_fileupload_rules{display:block;margin-top:8px;font-size:12px;color:var(--brown-mid)}

@media (max-width:1060px){
  .contact-main .wrap{grid-template-columns:1fr;gap:44px}
  .c-qlist{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .c-quick a:nth-child(odd){padding-left:0;border-left:0}
  .c-quick a:nth-child(even){padding-right:0}
}
@media (max-width:640px){
  .row2{grid-template-columns:1fr;gap:0}
  .btn.send{width:100%}
  .c-card{padding:30px 22px 24px}
  .c-quick{padding:22px 20px 10px}
  .c-quick > .caps{margin-bottom:6px}
  .c-qlist{grid-template-columns:1fr;row-gap:0}
  .c-quick a,.c-quick a:nth-child(odd),.c-quick a:nth-child(even){padding:14px 0;border-left:0;border-top:1px solid var(--gold-soft)}
  .c-quick a:first-child{border-top:0}
}