/* Centered server logo over the citadel artwork. */
.site-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--gb-bg);border-bottom:1px solid var(--gb-line)}
.site-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:url('../img/zenda-blue-citadel.webp') center 44%/cover no-repeat;filter:var(--theme-logo-filter,none)}
.site-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--gb-bg) 0%,color-mix(in srgb,var(--gb-bg) 90%,transparent) 28%,color-mix(in srgb,var(--gb-bg) 35%,transparent) 58%,transparent 85%),linear-gradient(0deg,var(--gb-bg),transparent 45%);pointer-events:none}
.site-hero-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;min-height:210px;padding-top:16px;padding-bottom:16px}
.site-hero-content{min-width:0;width:min(100%,620px)}
.site-hero-logo{margin:0}
.site-hero-logo img{display:block;width:260px;max-width:100%;height:auto;margin-inline:auto;filter:var(--theme-logo-filter,none) drop-shadow(0 4px 12px #0008)}
.site-hero a:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:5px}
@media(max-width:800px){.site-hero-logo img{width:240px}}
@media(max-width:600px){.site-hero::before{background-position:68% center}.site-hero::after{background:linear-gradient(90deg,color-mix(in srgb,var(--gb-bg) 94%,transparent),color-mix(in srgb,var(--gb-bg) 55%,transparent)),linear-gradient(0deg,var(--gb-bg),transparent)}.site-hero-inner{display:block;min-height:0;padding-top:16px;padding-bottom:16px}.site-hero-logo img{width:220px}.site-hero-content{width:100%}}