:root{--red:#e30613;--ember:#8b0000;--bone:#e6e6e6;--steel:#888;--black:#050505;--panel:#0b0b0d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#240507 0,#090909 34%,#020202 70%);color:var(--bone);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,80px);background:linear-gradient(#050505e8,#05050580,transparent);backdrop-filter:blur(6px)}.brand{color:var(--red);font-weight:900;letter-spacing:.18em;text-decoration:none}.site-header nav{display:flex;gap:24px}.site-header nav a{color:#ddd;text-decoration:none;font-size:.86rem;text-transform:uppercase;letter-spacing:.12em}.site-header nav a:hover{color:var(--red)}.hero{min-height:100vh;display:grid;place-content:center;text-align:center;padding:110px 20px 60px;position:relative;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#030303);z-index:-1}.hero-logo{width:min(1100px,95vw);max-height:48vh;object-fit:contain;filter:drop-shadow(0 0 24px #a40000aa);animation:breathe 5s ease-in-out infinite}.hero-copy{max-width:760px;margin:8px auto 28px;color:#ccc;font-size:clamp(1rem,2vw,1.28rem)}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{display:inline-block;padding:13px 24px;border:1px solid #5a5a5a;border-radius:3px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-weight:700;font-size:.82rem;background:#121214;transition:.25s}.button:hover{transform:translateY(-2px);border-color:var(--red);box-shadow:0 0 20px #e3061344}.button.primary{background:linear-gradient(135deg,#c4000c,#710006);border-color:#f12}.scroll{margin-top:48px;color:#999;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.section,.panel{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:90px 0}.panel{padding:70px clamp(24px,6vw,80px);background:linear-gradient(145deg,#121214e8,#080809e8);border:1px solid #292929;box-shadow:0 20px 80px #000;border-radius:4px}.panel h1,.section h2,.panel h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.055em;font-size:clamp(2rem,5vw,4rem);line-height:1.1;margin:.15em 0 .5em}.panel p{max-width:820px;color:#bbb}.eyebrow{color:var(--red)!important;font-weight:800;letter-spacing:.2em;font-size:.75rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:linear-gradient(160deg,#121214,#080808);border:1px solid #262626;padding:28px 22px;min-height:220px;transition:.25s}.cards article:hover{border-color:#8c0008;transform:translateY(-5px)}.cards span{font-size:2rem}.cards h3{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.06em}.cards p{color:#aaa}.feature{display:grid;grid-template-columns:1.4fr .6fr;align-items:center}.sigil{text-align:center}.sigil img{width:min(270px,70vw);border-radius:50%;box-shadow:0 0 50px #b0000055}.connect{text-align:center}.connect p{color:#aaa}.connect .actions{margin-top:28px}footer{padding:52px 20px;text-align:center;border-top:1px solid #242424;background:#030303;display:flex;flex-direction:column;gap:5px}footer strong{color:var(--red);letter-spacing:.25em}footer span{font-family:Georgia,serif;letter-spacing:.18em;color:#aaa}footer small{color:#666}.embers{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.ember{position:absolute;bottom:-20px;width:3px;height:3px;border-radius:50%;background:#ff2a16;box-shadow:0 0 8px #ff2a16;animation:rise linear forwards}.smoke{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(70px);opacity:.12;background:radial-gradient(circle,#8b0000,transparent 66%);z-index:-2;animation:drift 14s ease-in-out infinite}.smoke-one{left:-15%;top:20%}.smoke-two{right:-15%;top:10%;animation-delay:-7s}@keyframes breathe{50%{filter:drop-shadow(0 0 38px #e30613bb);transform:scale(1.012)}}@keyframes drift{50%{transform:translate(8%,6%) scale(1.12)}}@keyframes rise{to{transform:translate(var(--drift),-110vh) scale(.2);opacity:0}}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.site-header nav{display:none}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero-logo{width:105vw}.panel,.section{width:min(100% - 22px,1120px)}.site-header{justify-content:center}}
