:root{--ink:#201b16;--paper:#f3eee5;--gold:#a78349;--muted:#766c61;--line:#d7cbbb}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink)}
.page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,47%) 1fr}
.portrait{position:relative;min-height:100vh;overflow:hidden;background:#15120e}.portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 18%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,5,.08),rgba(8,7,5,.12) 55%,rgba(8,7,5,.65))}.brand{position:absolute;left:36px;bottom:30px;color:#fff;font-size:18px;letter-spacing:.04em;text-shadow:0 2px 10px #000}.brand span{color:#e6c98f;margin-right:8px}
.prayer-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 7vw 24px;background:radial-gradient(circle at 50% 45%,#faf7f1 0,#f3eee5 62%,#ebe2d5 100%)}.card{width:min(650px,100%)}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:700;margin:0 0 18px}h1{font-size:clamp(35px,4vw,58px);font-weight:700;line-height:1.06;margin:0}.lead{font-size:23px;color:var(--gold);font-style:italic;margin:12px 0 32px}textarea{display:block;width:100%;min-height:230px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.65);padding:22px;font:18px/1.6 Georgia,serif;color:var(--ink);outline:none;box-shadow:0 12px 35px rgba(74,54,29,.06)}textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(167,131,73,.12)}textarea::placeholder{color:#9b9187}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px}#counter{font-family:Arial,sans-serif;font-size:11px;color:#94897d}button{border:0;border-radius:999px;background:var(--ink);color:white;padding:14px 24px;font:600 13px Arial,sans-serif;letter-spacing:.03em;cursor:pointer;transition:.2s}button:hover{transform:translateY(-1px);background:#3a3026}.privacy{font:12px/1.55 Arial,sans-serif;color:var(--muted);margin:22px 0 0}.success{text-align:center;animation:fade .5s ease}.success .cross{font-size:28px;color:var(--gold);margin:0 0 16px}.success h2{font-size:52px;font-weight:400;margin:0 0 12px}.success>p:not(.cross){font-size:20px;color:var(--muted)}blockquote{font-size:22px;line-height:1.5;font-style:italic;margin:35px auto 8px;max-width:530px}cite{display:block;color:var(--gold);margin-bottom:34px}.success button{background:transparent;color:var(--ink);border:1px solid var(--line)}footer{margin-top:auto;padding-top:42px;font:11px Arial,sans-serif;color:#958a7e;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:780px){.page{display:block}.portrait{min-height:42vh;height:42vh}.portrait img{object-position:center 22%}
.about{
  width:min(100%,760px);
  margin:28px auto 18px;
  padding-top:22px;
  border-top:1px solid var(--line);
  color:var(--muted);
  line-height:1.6;
}

.about h2{
  margin:0 0 10px;
  color:var(--ink);
  font-size:20px;
  font-weight:700;
}

.about p{
  margin:6px 0;
  font-size:14px;
}.brand{left:20px;bottom:18px;font-size:15px}.prayer-panel{min-height:58vh;padding:38px 22px 22px;justify-content:flex-start}.eyebrow{margin-top:5px}h1{font-size:38px}.lead{font-size:20px;margin-bottom:25px}textarea{min-height:200px}.form-footer{align-items:flex-end;flex-direction:column-reverse}button{width:100%}footer{text-align:center;width:100%}}