/* ============ PAGE STYLES: contact.html ============ */

.c-ring{right:5%;top:18%;width:280px;opacity:.85}
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:start}
.form-card{padding:clamp(24px,4vw,44px);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:20px 0 10px}
.form-grid .full{grid-column:1/-1}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}
.form-result{margin-top:22px;padding:22px;border-radius:var(--radius);background:var(--mist);border:1px dashed var(--line-2)}
.form-result h3{margin-bottom:.3em}
.form-result pre{white-space:pre-wrap;font:inherit;font-size:.9rem;background:#fff;padding:14px;border-radius:12px;border:1px solid var(--line);max-height:220px;overflow:auto}
.contact-side{position:relative}
.h3{font-size:1.4rem}
.topics{display:grid;gap:12px}
.topic{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;transition:all var(--t) var(--ease)}
.topic img{width:44px;height:44px;transition:transform var(--t) var(--ease)}
.topic span{display:flex;flex-direction:column;line-height:1.3}
.topic b{color:var(--navy-900)}.topic small{color:var(--ink-3)}
.topic:hover,.topic:focus-visible{border-color:var(--blue-500);transform:translateX(6px);box-shadow:var(--shadow-sm)}
.topic:focus-visible{outline:3px solid var(--orange-500)}
.topic:hover img{transform:rotate(-10deg) scale(1.1)}
.side-photo{border-radius:var(--radius-lg);aspect-ratio:4/3;margin:24px 0 0;background:var(--navy-950)}
.side-photo img{object-fit:contain}
.side-orb{right:-20px;bottom:-26px;width:90px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.priv{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;max-width:900px}
.priv-icon{width:72px;height:72px}
.priv p{color:var(--ink-2)}
@media (max-width:560px){.priv{grid-template-columns:1fr}}