.topbar{background:linear-gradient(180deg,rgba(7,6,13,.92),rgba(7,6,13,.58) 72%,transparent);backdrop-filter:blur(4px)}
.topbar .brand-official{height:76px;width:118px;justify-content:center;flex:0 0 auto;transition:height .35s ease,transform .35s ease}
.topbar .brand-official:hover{transform:scale(1.04)}
.topbar .brand-official img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,43,214,.36))}
.topbar.scrolled .brand-official{height:60px;width:96px}
@media(max-width:900px){.topbar .brand-official{height:64px;width:98px}}
.hero{background-image:none!important;isolation:isolate;overflow:hidden}
.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,5,13,.96) 0%,rgba(6,5,13,.57) 44%,rgba(6,5,13,.12) 72%),linear-gradient(0deg,#07060d,transparent 35%);pointer-events:none}
.hero:before{z-index:2}.hero-glow{z-index:2}.hero-content,.hero .scroll{z-index:3}
@media(max-width:900px){.hero-bg-image{object-position:62% center}}