/* Additions to the original site. All original scene styles are retained. */
.hero-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ambient-nebula{position:absolute;inset:-10%;background:radial-gradient(ellipse 30% 45% at 77% 23%,rgba(81,99,201,.28),transparent 78%),radial-gradient(ellipse 35% 25% at 61% 73%,rgba(126,62,153,.21),transparent 78%),radial-gradient(ellipse 21% 34% at 98% 60%,rgba(54,139,170,.23),transparent 80%),radial-gradient(ellipse 27% 23% at 12% 89%,rgba(45,126,157,.19),transparent 80%);animation:nebula-breathe 28s ease-in-out infinite alternate}
.ambient-veil{position:absolute;left:34%;top:-22%;width:85%;height:130%;background:linear-gradient(122deg,transparent 30%,rgba(94,118,200,.018) 38%,rgba(119,139,226,.12) 44%,rgba(140,117,207,.07) 49%,transparent 57%),radial-gradient(ellipse 18% 58% at 67% 46%,rgba(115,91,180,.14),transparent 85%);mask-image:radial-gradient(ellipse at 60% 42%,#000 10%,transparent 75%);animation:veil-drift 35s ease-in-out infinite alternate}
.field-stars{position:absolute;inset:-2%;width:104%;height:104%;opacity:.95;mask-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.65) 28%,#000 52%)}
.star-depth{animation:star-drift 44s linear infinite alternate}.star-depth.depth-1{animation-duration:57s;animation-delay:-18s;opacity:.85}.star-depth.depth-2{animation-duration:68s;animation-delay:-36s;opacity:.7}
.field-flow{position:absolute;inset:0;width:100%;height:100%;opacity:.85;mask-image:linear-gradient(90deg,transparent 21%,#000 45%)}
.trail-tracks{stroke:#a3bce9;stroke-width:.8;stroke-opacity:.19}
.trail-lights{stroke:#c2deff;stroke-width:1.5;stroke-linecap:round;stroke-opacity:.8}
.trail-lights path{stroke-dasharray:65 935;animation:trail-travel 24s linear infinite;animation-delay:var(--delay)}
.trail-lights path:nth-child(2){stroke:#d9b6ee;animation-duration:29s}.trail-lights path:nth-child(3){stroke:#9bdbe6;animation-duration:32s}
@keyframes trail-travel{to{stroke-dashoffset:-1000}}
@keyframes nebula-breathe{to{transform:translate3d(-1.5%,1.8%,0) scale(1.04);opacity:.72}}
@keyframes veil-drift{to{transform:translate3d(-3%,2%,0) rotate(-4deg);opacity:.6}}
@keyframes star-drift{to{transform:translate3d(-15px,12px,0)}}
.field-dots{position:absolute;right:-1%;top:10%;width:23%;height:69%;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 65%);pointer-events:none}
.dot-layer{animation:dot-drift 13s ease-in-out infinite alternate}.dot-layer.layer-1{animation-delay:-4s;animation-duration:16s}.dot-layer.layer-2{animation-delay:-9s;animation-duration:19s}
@keyframes dot-drift{to{transform:translate3d(-5px,-12px,0);opacity:.6}}
.logo>.brand-mark{display:block;width:26px;height:36px;flex:none;object-fit:contain}
.brand-name{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.brand-name>small{font:400 10px/1.3 "Brand Han","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:.29em;color:#aeb4ca;margin-top:6px;padding-left:1px}
.liquid{cursor:grab;touch-action:pan-y}.liquid:active{cursor:grabbing}.liquid:focus-visible{outline:1px solid #7ce8ff88;outline-offset:-6px}
@media(max-width:700px){
 .ambient-nebula{opacity:.85;background:radial-gradient(ellipse 60% 33% at 82% 40%,rgba(81,99,201,.27),transparent 82%),radial-gradient(ellipse 60% 24% at 61% 73%,rgba(126,62,153,.21),transparent 80%),radial-gradient(ellipse 40% 25% at 5% 95%,rgba(45,126,157,.18),transparent 80%)}
 .ambient-veil{left:5%;top:5%;width:125%;height:95%;opacity:.7}
 .field-stars{opacity:.85;mask-image:linear-gradient(180deg,rgba(0,0,0,.4),#000 38%,#000 80%,rgba(0,0,0,.3))}
 .field-flow{left:7%;width:110%;opacity:.65}
 .field-dots{right:-9%;top:29%;width:35%;height:49%;opacity:.55}
 .logo>.brand-mark{width:24px;height:33.23px}.brand-name>small{font-size:9px;margin-top:5px}
}
