/* contact form, shared by home, about and the five rooms */
.fro-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;max-width:760px;margin-top:44px}
.fro-form .full{grid-column:1/-1}
.fro-form label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.fro-form input,.fro-form textarea{width:100%;font:inherit;font-size:16px;font-weight:300;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);padding:8px 0;border-radius:0;outline:none;transition:border-color .25s}
.fro-form input:focus,.fro-form textarea:focus{border-bottom-color:var(--blue)}
.fro-form textarea{resize:vertical;min-height:110px}
.fro-form .send{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.fro-form button{appearance:none;border:0;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:13px 18px;cursor:pointer;transition:background .25s}
.fro-form button:hover{background:var(--blue)}
.fro-form .fine{margin:0}
.fro-form .err{min-height:0;margin:6px 0 0;font-family:var(--mono);font-size:11px;color:var(--signal)}
.fro-form .status{grid-column:1/-1;margin:0;font-weight:300}
.fro-form[hidden],.fro-form [hidden]{display:none!important}
@media (max-width:640px){.fro-form{grid-template-columns:minmax(0,1fr)}}