/* The contact exhibit shares the archive geometry and the site's active theme. */
body[data-page=contact]{background:var(--wall);color:var(--body-copy)}
.contact-cabin{padding:0;background:var(--wall)}
.contact-hero .contact-content{position:absolute;left:63%;top:134px;width:31%;z-index:5;padding:0}
.contact-content h1{font-size:54px;line-height:1.2;margin:8px 0 10px}
.contact-subtitle{font-size:20px;line-height:1.6;margin-bottom:20px;color:var(--body-copy)}
.contact-channels{display:grid;gap:10px}
.contact-channels>div{display:flex;align-items:baseline;gap:22px;border-bottom:1px solid var(--line-soft);padding-bottom:8px}
.contact-channels>div>span{font-size:14px;color:var(--muted-copy);min-width:48px}
.copy-contact{color:var(--body-copy);border:0;padding:0;text-align:left;font-size:23px;line-height:1.4;overflow-wrap:anywhere}
.copy-contact small{font-size:12px;color:var(--muted-copy);margin-left:14px}
.contact-qr-row{display:flex;gap:18px;align-items:center;margin:16px 0}
.contact-cabin .qr-placeholder{height:72px;width:72px;flex-shrink:0;border:1px dashed var(--line-strong);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted-copy);border-radius:4px}
.contact-cabin .qr-placeholder>span{font-size:30px;line-height:1}
.contact-cabin .qr-placeholder small{font-size:11px}
.contact-cabin .qr-placeholder img{width:100%;height:100%;object-fit:contain}
.contact-qr-row strong{font-size:16px;font-weight:500}
.contact-qr-row p{font-size:13px;color:var(--muted-copy);margin-top:5px}
#application{padding-top:15px;border-top:1px solid var(--line-soft);scroll-margin-top:95px}
#application h2{font-size:24px;line-height:1.35;margin-bottom:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px}
.form-grid label{font-size:14px;color:var(--body-copy);display:block}
.form-grid input,.form-grid select{display:block;width:100%;height:42px;margin-top:5px;border:1px solid var(--line-strong);border-radius:5px;background:var(--paper-surface);color:var(--body-copy);padding:7px 10px;font-size:16px}
.form-grid input::placeholder{color:var(--muted-copy)}
.form-grid input[aria-invalid=true]{border-color:var(--error-text)}
.field-error{display:block;color:var(--error-text);font-size:12px;margin-top:3px}
.field-error:empty{display:none}
.form-notice{font-size:12px;color:var(--muted-copy);line-height:1.65;margin:12px 0}
.contact-content .button{font-size:16px;min-height:44px}
#form-result{font-size:16px;color:var(--body-copy);margin-top:14px}
#form-result:empty{display:none}
#form-result p{font-size:13px;line-height:1.8;margin-top:7px}
@media(max-width:1023px){
 .contact-hero .contact-content{position:relative;left:auto;top:auto;width:88%;margin:8px auto 0;padding-bottom:25px}
 .contact-content h1{font-size:38px;line-height:1.3;margin:8px 0 12px}
 .contact-subtitle{font-size:18px;line-height:1.7;margin-bottom:23px}
 .contact-channels{gap:12px}.copy-contact{font-size:22px}.contact-channels>div{gap:15px}
 .contact-qr-row{margin:20px 0}
 .form-grid{grid-template-columns:1fr;gap:13px}
 .form-grid input,.form-grid select{height:44px}
 .contact-content .button{width:100%}
 .form-notice{margin:16px 0}
}
