/* Branding stays outside the cover-cropped scenery so every letter remains visible. */
.hero-community{position:absolute;top:24px;right:0;width:clamp(250px,24vw,340px);display:grid;gap:22px}
.hero-brand img{width:100%;height:auto;object-fit:contain}
.hero-brand>span{display:block;text-align:center;margin-top:8px;font-family:var(--display);font-size:24px;line-height:1.2;letter-spacing:.025em;color:#fff;text-shadow:0 2px 6px #06182c}
.discord-widget{display:flex;align-items:center;gap:14px;padding:15px 18px;background:#08192fed;border:1px solid #75eaff66;border-radius:12px;color:#f1f8ff;transition:background-color 160ms,border-color 160ms}
.discord-widget:hover{background:#102844;border-color:#75eaff}
.discord-widget:focus-visible{outline:3px solid #75eaff;outline-offset:4px}
.discord-widget>.fa-discord{font-size:28px;width:34px;height:34px;display:grid;place-items:center;color:#75eaff}
.discord-widget strong{display:block;font-size:15px;line-height:1.4}
.discord-widget small{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:#c6eaf4}
.discord-widget>.discord-arrow{margin-left:auto;width:16px;height:16px;color:#aeeefa}
@media(max-width:1100px){.hero-community{position:static;margin-top:24px;width:min(100%,320px)}.hero-brand{display:none}}
@media(prefers-reduced-motion:reduce){.discord-widget{transition:none}}