/* Lightweight CSS-only depth scene: no video or large 3D assets required. */
.hero{isolation:isolate;perspective:1100px;background:#05060a;}
.hero>*:not(.forge-world){position:relative;z-index:2}
.forge-world{position:absolute;inset:0;overflow:hidden;z-index:0;transform-style:preserve-3d;background:radial-gradient(circle at 74% 32%,rgba(138,25,74,.28),transparent 22%),radial-gradient(circle at 48% 70%,rgba(9,126,163,.13),transparent 30%),linear-gradient(120deg,#05060a 16%,#111421 56%,#130d17);}
.forge-world::before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(235,247,255,.84) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(241,75,55,.8) 0 1px,transparent 1.9px);background-position:0 0,73px 101px;background-size:141px 141px,211px 211px;opacity:.36;transform:translateZ(-200px) scale(1.18);animation:star-drift 28s linear infinite;}
.forge-world::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.6),transparent 43%,rgba(5,6,10,.12)),linear-gradient(0deg,rgba(5,6,10,.9),transparent 40%);}
.forge-orb,.forge-ring,.forge-grid{position:absolute;display:block;pointer-events:none;transform-style:preserve-3d;}
.forge-orb{border-radius:50%;filter:blur(.2px);}
.orb-one{width:clamp(260px,34vw,580px);aspect-ratio:1;right:-7vw;top:6%;background:radial-gradient(circle at 34% 29%,#fdcec6 0 2%,#f14b37 6%,#662142 29%,rgba(14,23,46,.22) 58%,transparent 72%);box-shadow:inset -50px -55px 90px rgba(0,0,0,.72),0 0 70px rgba(241,75,55,.3);transform:translateZ(70px) rotateX(16deg);animation:orb-float 10s ease-in-out infinite;}
.orb-two{width:clamp(150px,20vw,320px);aspect-ratio:1;right:22vw;bottom:-8%;background:radial-gradient(circle at 30% 25%,#93efff 0 3%,#187ea1 12%,#161749 54%,transparent 73%);box-shadow:inset -30px -35px 60px rgba(0,0,0,.8),0 0 55px rgba(26,189,239,.25);transform:translateZ(35px);animation:orb-float 13s -4s ease-in-out infinite reverse;}
.forge-ring{border:1px solid rgba(230,245,255,.33);border-radius:50%;right:0;top:12%;width:clamp(330px,43vw,740px);aspect-ratio:1;box-shadow:0 0 0 15px rgba(241,75,55,.025),0 0 60px rgba(241,75,55,.18);}
.ring-one{transform:translateZ(12px) rotateX(63deg) rotateZ(-17deg);animation:ring-turn 19s linear infinite;}.ring-two{right:9%;top:18%;width:clamp(230px,30vw,530px);border-color:rgba(43,211,255,.35);transform:translateZ(-30px) rotateX(68deg) rotateZ(28deg);animation:ring-turn 24s linear infinite reverse;}
.forge-grid{left:-18%;bottom:-38%;width:135%;height:74%;background-image:linear-gradient(rgba(132,203,237,.29) 1px,transparent 1px),linear-gradient(90deg,rgba(132,203,237,.29) 1px,transparent 1px);background-size:64px 64px;transform:rotateX(69deg) translateZ(-20px);transform-origin:bottom;mask-image:linear-gradient(to bottom,transparent,black 46%,transparent);animation:grid-run 6s linear infinite;}
@keyframes star-drift{to{background-position:141px 282px,284px 312px}}@keyframes orb-float{50%{translate:0 -20px;rotate:4deg}}@keyframes ring-turn{to{rotate:360deg}}@keyframes grid-run{to{background-position:0 64px,64px 0}}
@media(max-width:760px){.orb-one{right:-30vw;top:13%;opacity:.78}.orb-two{right:10vw}.forge-grid{width:180%;left:-40%;opacity:.6}.forge-world::before{opacity:.2}}
@media(prefers-reduced-motion:reduce){.forge-world *,.forge-world::before{animation:none!important}}