/* Soul Glow AI · contact.php, on top of v4.css + v4-pages.css */
.ct{padding:clamp(2.4rem,7vh,5rem) 0 clamp(4rem,10vh,7rem)}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.ct-h1{font:500 clamp(2.8rem,6vw,6rem)/.98 var(--sans);letter-spacing:-.045em;margin-bottom:1.6rem}
.ct-h1 em{display:block;font:italic 400 1.08em/1 var(--serif);letter-spacing:-.02em;color:#8a5a14;padding-bottom:.12em}
.ct-lede{max-width:44ch;color:var(--ink-2);font-size:1.05rem;line-height:1.62;margin-bottom:2rem}
.ct-who{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.ct-who img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid rgba(201,150,43,.6);box-shadow:0 0 0 5px var(--paper),0 0 0 6px rgba(201,150,43,.35)}
.ct-who p{display:grid;gap:.25rem}
.ct-who b{font-weight:500}
.ct-who span{color:var(--ink-3);font-size:.6rem}
.ct-alt{color:var(--ink-3);font-size:.62rem}
.ct-alt a{color:var(--ink);text-transform:none;letter-spacing:.02em}
.ct-form{display:grid;gap:1rem;padding:1.3rem}
.ct-form .cf>label.mono{color:var(--ink-3);font-size:.6rem;padding-left:.35rem}
.ct-form input[type=text],.ct-form input[type=email],.ct-form select,.ct-form textarea{width:100%;border:1px solid var(--rule-2);border-radius:14px;background:var(--sheet);font:400 1rem var(--sans);color:var(--ink);padding:.8rem .95rem;outline:none;transition:border-color .2s,box-shadow .2s}
.ct-form input,.ct-form select{height:3.15rem;padding-block:0}
.ct-form textarea{resize:vertical;min-height:9rem;line-height:1.5}
.ct-form input:focus,.ct-form select:focus,.ct-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(14,14,16,.07)}
.ct-form .bad{border-color:var(--halpha)!important;box-shadow:0 0 0 4px rgba(217,50,31,.12)!important}
.ct-form .cta{width:100%}
.ct-form .hint{margin:0;text-align:center}
.ct-form .hint a{color:inherit}
.ct-note{color:#8a5a14;font-size:.6rem}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-done{display:grid;gap:1rem;justify-items:start;padding:1.6rem;border:1px solid rgba(201,150,43,.5);border-radius:20px;background:rgba(251,249,244,.7)}
.ct-done h2{font:italic 400 clamp(2.2rem,4vw,3.4rem)/1 var(--serif);color:#8a5a14}
.ct-done p{color:var(--ink-2);max-width:40ch}
@media (max-width:900px){.ct-grid{grid-template-columns:1fr}}
.ct-form[hidden],.ct-done[hidden]{display:none} /* after sending, the form goes away (display:grid above would keep it) */