/* Resolution-independent scene: CSS only, no image requests or animation. */
body {
    isolation: isolate;
    background: #060405 !important;
}
.site-backdrop { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 45% 38%,#050405 20%,transparent 74%),radial-gradient(ellipse at 65% 100%,#69000c30,transparent 36%),#070507; }
 .backdrop-grid { position: absolute; inset: 0; opacity: .34; overflow: hidden; mask-image: linear-gradient(90deg,#000,transparent 34%,transparent 62%,#000); }
.backdrop-ribbon { opacity: .74; position: absolute; display: block; border-radius: 50%; }
.backdrop-ribbon--top { width: 82vw; height: 1000px; top: -720px; left: -42vw; transform: rotate(-42deg); border-bottom: 2px solid #ff283a; background: linear-gradient(170deg,#090507 60%,#3e000b 82%,#dc001e 96%,#38000c); box-shadow: 0 12px 28px #ef001d16,inset 0 -20px 45px #ff001a22; }
.backdrop-ribbon--bottom { width: 1000px; height: 580px; right: 150px; bottom: -350px; transform: rotate(-32deg); border-top: 2px solid #ff2538; background: linear-gradient(180deg,#b4001c 0%,#37000b 10%,#0a0508 38%); box-shadow: 0 -10px 26px #ff001b16,inset 0 20px 35px #ff001516; }
.backdrop-horizon { position: absolute; left: 8%; right: 23%; bottom: 5%; height: 1px; background: linear-gradient(90deg,transparent,#9d0015,#ff3544,#8f0015,transparent); box-shadow: 0 3px 18px #ff001f30; }
@media(max-width:991px) { .backdrop-ribbon--top { width: 900px; left: -780px; top: -580px; } .backdrop-ribbon--bottom { right: -650px; bottom: -300px; } .backdrop-horizon { right: 6%; } }
@media print { .site-backdrop { display: none; } }