/* Bwaynes Wagon site v0.1 — look per JEAN-STYLE-001 v0.1 DRAFT (faith x digital code rain).
   System fonts only (no outside requests). Jean's picks, Cormorant Garamond + Inter, can be self-hosted later (OFL). */
:root{
  --night:#0B0D0C; --charcoal:#14110F; --brown:#3A2F28; --storm:#2A3439;
  --gold:#D9B340; --cream:#E8E5D9; --crimson:#8B3A3A; --green:#00FF66; --deepgreen:#0A3D1F;
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;min-height:100vh;color:var(--cream);font-family:var(--sans);font-size:17px;line-height:1.6;
  background:radial-gradient(ellipse at 50% 0%, rgba(217,179,64,.10), transparent 60%), var(--night)}
#rain{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.55;pointer-events:none}
.glow{position:fixed;left:50%;top:-10vh;width:90vmin;height:90vmin;transform:translateX(-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle, rgba(217,179,64,.22) 0%, rgba(217,179,64,.06) 40%, transparent 70%)}
header,main,footer{position:relative;z-index:1}
a{color:var(--gold)}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.top{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:18px 22px}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-family:var(--serif);font-size:1.35rem;font-weight:700;letter-spacing:.02em}
.brand{flex:0 1 auto;min-width:0;line-height:0}
.brand img{display:block;height:40px;width:auto}
nav a{margin-left:18px;color:var(--cream);text-decoration:none;font-size:.95rem;border-bottom:1px solid transparent}
nav a:hover{border-bottom-color:var(--gold)}
main{max-width:760px;margin:0 auto;padding:0 22px}
.hero{text-align:center;padding:70px 0 40px}
.light{position:relative;width:120px;height:120px;margin:0 auto 26px;border-radius:50%;
  background:radial-gradient(circle, rgba(232,229,217,.95) 0%, rgba(217,179,64,.75) 22%, rgba(217,179,64,.18) 55%, transparent 72%);
  box-shadow:0 0 60px 18px rgba(217,179,64,.25)}
.cross{position:absolute;left:50%;top:50%;width:6px;height:56px;transform:translate(-50%,-50%);background:var(--night);opacity:.55;border-radius:2px}
.cross::after{content:"";position:absolute;left:50%;top:14px;width:34px;height:6px;transform:translateX(-50%);background:inherit;border-radius:2px}
.kicker{font-variant:small-caps;letter-spacing:.18em;color:var(--gold);margin:0 0 6px;font-size:.95rem}
h1,h2{font-family:var(--serif);font-weight:700;line-height:1.15}
h1{font-size:clamp(2.6rem,8vw,4.4rem);margin:0;text-shadow:0 0 28px rgba(217,179,64,.35)}
h2{font-size:1.7rem;color:var(--gold);margin:0 0 10px}
.motto{font-family:var(--serif);font-style:italic;font-size:1.45rem;margin:10px 0 28px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--gold);color:var(--night);font-weight:700;text-decoration:none}
.btn:hover{background:var(--cream)}
.rule{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:10px 0 40px}
.panel{background:rgba(20,17,15,.78);border:1px solid rgba(217,179,64,.35);border-radius:14px;padding:26px 28px;margin:0 0 26px;
  box-shadow:0 0 40px rgba(0,0,0,.5)}
.law{font-family:var(--serif);font-size:1.7rem;margin:0 0 8px}
.verse{margin:16px 0 0;padding:0 0 0 18px;border-left:2px solid var(--gold)}
.verse p{font-family:var(--serif);font-size:1.3rem;margin:0 0 6px}
.verse cite{font-style:normal;color:var(--gold)}
.sc{font-variant:small-caps;letter-spacing:.08em}
footer{max-width:760px;margin:30px auto 0;padding:24px 22px 40px;border-top:1px solid rgba(217,179,64,.25);text-align:center;font-size:.92rem}
footer p{margin:6px 0}
.small{font-size:.82rem;opacity:.75}
.doc{padding:30px 22px 60px;background:rgba(20,17,15,.85);border-radius:14px;margin-bottom:40px}
.doc h1{font-size:2.6rem}
.doc ul{padding-left:20px}
@media (max-width:520px){.top{padding:14px 16px}.brand img{height:34px}.panel{padding:20px}.law{font-size:1.4rem}nav a{margin-left:12px}}
@media (prefers-reduced-motion:reduce){#rain{opacity:.35}}