*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--gold: #d4af37;--red: #8b0e0e;--bone: #e8e2d0;--dark: #0a0a0c}body{background:var(--dark);font-family:Georgia,Times New Roman,serif;color:var(--bone);overflow-x:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.flicker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;pointer-events:none;background:#d4af3705;animation:flick 7s steps(1) infinite}@keyframes flick{0%,91%,94%,to{opacity:1}92%{opacity:.4}93%{opacity:.8}}.glitchline{position:fixed;left:0;width:100vw;height:2px;z-index:42;background:#d4af371f;pointer-events:none;opacity:0;animation:sweep 11s linear infinite}@keyframes sweep{0%,86%{top:0;opacity:0}87%{top:30%;opacity:1}88%{top:55%;opacity:1}89%,to{opacity:0}}canvas.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}main{position:relative;z-index:2}section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;position:relative}h1,h2{font-weight:400;text-transform:uppercase}h1{letter-spacing:.45em;font-size:clamp(1.2rem,4vw,2.4rem);color:var(--gold);margin-bottom:1.1rem;position:relative;text-shadow:0 0 30px rgba(212,175,55,.4)}h1.glitch{animation:hglitch 6s infinite}h1.glitch:before,h1.glitch:after{content:attr(data-txt);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}h1.glitch:before{color:#4dbbd3;z-index:-1}h1.glitch:after{color:var(--red);z-index:-2}@keyframes hglitch{0%,93%,to{transform:none}94%{transform:translate(3px)}95%{transform:translate(-3px) skew(4deg)}96%{transform:none}}h1.glitch:before{animation:g1 6s infinite}h1.glitch:after{animation:g2 6s infinite}@keyframes g1{0%,93%,96%,to{opacity:0;clip-path:inset(0 0 100% 0)}94%{opacity:.8;clip-path:inset(10% 0 55% 0);transform:translate(-4px)}95%{opacity:.8;clip-path:inset(60% 0 10% 0);transform:translate(4px)}}@keyframes g2{0%,93%,96%,to{opacity:0;clip-path:inset(100% 0 0 0)}94.5%{opacity:.8;clip-path:inset(40% 0 40% 0);transform:translate(5px)}}.latin{color:#6b6558;font-style:italic;letter-spacing:.2em;font-size:.8rem;margin-bottom:1.4rem}.rule{width:160px;height:1px;margin:0 auto 1.6rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.verse{color:#a8a08c;font-style:italic;font-size:clamp(.95rem,2.2vw,1.15rem);line-height:2;max-width:48ch}.verse b{color:var(--gold);font-weight:400}.verse-ref{display:block;margin-top:1rem;color:#6b6558;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-style:normal}.chapter{color:#6b6558;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;margin-bottom:2rem}h2{letter-spacing:.4em;font-size:clamp(1rem,3vw,1.7rem);color:var(--bone);margin-bottom:.8rem}.cross{width:130px;height:190px;margin-bottom:2.2rem;position:relative;filter:drop-shadow(0 0 25px rgba(212,175,55,.35))}.wire{width:100%;max-width:700px;height:70px;opacity:.55;margin:0 auto;display:block}.cta{display:inline-block;margin-top:2.6rem;color:var(--gold);text-decoration:none;letter-spacing:.35em;text-transform:uppercase;font-size:.7rem;border:1px solid rgba(212,175,55,.35);padding:1rem 2.6rem;background:#d4af3705;transition:all .4s steps(3);cursor:pointer}.cta:hover{background:#8b0e0e40;border-color:var(--red);color:var(--bone)}.cols{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center;max-width:900px}.col{max-width:26ch}.col .glyph{font-size:1.6rem;color:var(--gold);display:block;margin-bottom:.9rem}.col h3{font-weight:400;letter-spacing:.25em;text-transform:uppercase;font-size:.8rem;color:var(--bone);margin-bottom:.7rem}.col p{color:#8a8578;font-style:italic;font-size:.9rem;line-height:1.9}.litany{list-style:none;text-align:left;max-width:60ch;margin:0 auto}.litany li{color:var(--gold);font-style:italic;font-size:clamp(.95rem,2.2vw,1.25rem);line-height:2.4;opacity:0;transform:translate(-12px);transition:opacity .9s ease,transform .9s ease;font-family:Courier New,monospace}.litany li:before{content:"> ";color:var(--red)}.litany li.visible{opacity:1;transform:none}.litany li.resp{color:#6b6558;font-size:.72rem;letter-spacing:.3em;font-style:normal;text-transform:uppercase}.litany li.resp:before{content:""}.gallery{display:flex;gap:2.2rem;flex-wrap:wrap;justify-content:center;max-width:1100px}.card{width:240px;padding:1.4rem 1.2rem 1.7rem;background:#0e0e11;border:1px solid rgba(212,175,55,.25);position:relative;overflow:hidden;transition:all .35s steps(3)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.25) 2px 3px)}.card:hover{border-color:var(--red);box-shadow:0 0 40px #8b0e0e59,0 0 12px #d4af3733;animation:cardglitch .5s steps(2) 1}@keyframes cardglitch{0%{transform:translate(0)}25%{transform:translate(-3px) skew(2deg)}50%{transform:translate(3px)}to{transform:none}}.card svg{width:110px;height:130px;display:block;margin:0 auto 1.2rem}.card h3{font-weight:400;letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;margin-bottom:.3rem;color:var(--gold)}.card .title{color:#6b6558;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.9rem}.card p{color:#8a8578;font-style:italic;font-size:.82rem;line-height:1.8}.monitor{width:min(560px,92vw);background:#0c0c0f;border:1px solid rgba(212,175,55,.4);border-radius:10px;padding:2rem 1.5rem 2.4rem;position:relative;margin-bottom:2.5rem;box-shadow:0 0 60px #d4af3714,inset 0 0 80px #000c}.monitor:before{content:"";position:absolute;top:10px;left:12px;right:12px;height:8px;border-radius:8px;background:#16161a;border:1px solid rgba(212,175,55,.2)}.screen{font-family:Courier New,monospace;text-align:left;color:var(--gold)}.screen .line{opacity:0;white-space:pre-wrap}.screen .line.on{opacity:1}.screen .cur{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}footer{padding:3rem 1rem 4rem;text-align:center;color:#55503f;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase}