/* The King's Exhibition contact page, rebuilt as a static room (2026-09-19). Additive to hiphop-exhibit.css. */
body.contact{font-family:Arial,sans-serif}
.ct-intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:8%;padding:72px 7% 40px}
.ct-intro h1{font-size:clamp(52px,7vw,110px);margin:0 0 18px}
.ct-intro>p{max-width:520px;margin:0;font-size:19px;line-height:1.6;color:#d6ccbb}
.ct-intro .ct-lanes{font-size:14px;letter-spacing:.13em;color:var(--gold);text-transform:uppercase;text-align:right;margin:0 0 12px}
.ct-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:8%;padding:30px 7% 100px;align-items:start}
.ct-form{display:grid;gap:26px}
.ct-field{display:grid;gap:10px}
.ct-field label{font-size:14px;letter-spacing:.13em;color:var(--gold);text-transform:uppercase}
.ct-field label small{color:#8f8570;letter-spacing:.04em;text-transform:none;font-size:14px;margin-left:8px}
.ct-form input[type=text],.ct-form input[type=email],.ct-form select,.ct-form textarea{width:100%;box-sizing:border-box;background:#1b1815;color:var(--bone);border:1px solid #6e5c3a;padding:17px 18px;font:17px/1.4 Arial,sans-serif;min-height:58px;border-radius:0;appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
.ct-form textarea{min-height:190px;resize:vertical}
.ct-form select{background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 26px) 26px,calc(100% - 20px) 26px;background-size:6px 6px;background-repeat:no-repeat;padding-right:52px;cursor:pointer}
.ct-form ::placeholder{color:#8f8570}
.ct-form input:focus,.ct-form select:focus,.ct-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c2a26733}
.ct-form input:focus-visible,.ct-form select:focus-visible,.ct-form textarea:focus-visible{outline:none}
.ct-hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;padding:0;border:0;overflow:hidden;opacity:0}
.ct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:6px}
.ct-submit{background:linear-gradient(180deg,#DDBE79 0%,#C9A44E 52%,#A2802F 100%);color:#1a1408;border:0;padding:19px 34px;font:600 16px/1.2 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:0 18px 44px rgba(201,164,78,.24);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.ct-submit:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(201,164,78,.32)}
.ct-submit:disabled{opacity:.6;cursor:wait;transform:none}
.ct-status{font-size:15px;color:#b7ab97;margin:0;min-height:1.4em}
.ct-status.is-err{color:#e0a17a}
.ct-note{margin:0;padding:18px 20px;border:1px solid #76644755;border-left:2px solid var(--gold);font-size:15px;line-height:1.55;color:#d6ccbb;background:#1b1815}
.ct-note b{color:var(--bone)}
.ct-done{padding:40px 36px;border:1px solid var(--gold);background:#1b1815}
.ct-done h2{font-size:clamp(32px,4vw,52px);margin:0 0 14px}
.ct-done p{font-size:17px;line-height:1.6;color:#d6ccbb;margin:0 0 12px}
.ct-done a{color:var(--gold)}
.ct-aside{border-top:1px solid var(--gold);padding-top:28px;display:grid;gap:26px;font-size:16px;line-height:1.55}
.ct-aside h2{font-size:14px;letter-spacing:.13em;color:var(--gold);text-transform:uppercase;font-family:Arial,sans-serif;font-weight:400;margin:0 0 8px}
.ct-aside p{margin:0;color:#d6ccbb}
.ct-aside a{color:var(--bone);text-decoration-color:var(--gold)}
.ct-aside .ct-fine{font-size:15px;color:#b7ab97;border-top:1px solid #76644755;padding-top:22px}
footer.ct-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px}
footer.ct-footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}
@media(max-width:900px){.ct-intro{grid-template-columns:1fr;gap:18px;padding-top:48px}.ct-intro .ct-lanes{text-align:left}.ct-body{grid-template-columns:1fr;gap:56px;padding-bottom:72px}.ct-aside{border-top:1px solid #76644755}}
@media(max-width:700px){.ct-intro,.ct-body{padding-left:6%;padding-right:6%}.ct-submit{width:100%;text-align:center}.ct-form input[type=text],.ct-form input[type=email],.ct-form select{font-size:16px;padding:15px 16px;min-height:54px}.ct-form textarea{font-size:16px;padding:15px 16px;min-height:170px}}
@media(prefers-reduced-motion:reduce){.ct-submit{transition:none}}
