/* Home page hero: slim sign-in box, a tall ad space beside it, the community card underneath */
.hero-ad{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;padding:14px 14px 16px;border-radius:18px;overflow:hidden;text-align:left;
  background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--accent2) 14%,var(--surface)));
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}
.hero-ad::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),#ec4899)}
.ha-tag{font:700 .6rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ha-media{position:relative;min-height:150px;border-radius:12px;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),linear-gradient(160deg,#0b1030,#17104a)}
.ha-hex{width:96px;height:96px;stroke:#9db4ff;stroke-width:1.6;filter:drop-shadow(0 0 14px rgba(120,140,255,.55))}
.ha-score{position:absolute;font:800 1.5rem var(--hfont);color:#fff;text-shadow:0 0 14px rgba(120,140,255,.9)}
.ha-media.paid{background:#05060f}
.ha-media.paid::before{content:"";position:absolute;inset:-12px;background:var(--bg,none) center/cover;filter:blur(16px) saturate(1.2);opacity:.55}
.ha-media.paid img,.ha-media.paid video{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.ha-link{display:block;color:inherit}.ha-link:hover{text-decoration:none}
.ha-mono{position:relative;font:800 3rem var(--hfont);color:#fff}
.ha-body b{display:block;font:700 1rem/1.25 var(--hfont);color:var(--text)}
.ha-body p{margin:5px 0 0;font-size:.82rem;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ha-cta{width:100%;justify-content:center;text-align:center}
@media (min-width:1080px){
  html body .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,624px)}
  html body .hero-side{display:grid;grid-template-columns:380px 224px;gap:16px;align-items:stretch;justify-content:end;place-items:initial;min-height:0}
  html body .hero-side>.hero-login{grid-column:1;width:auto!important;max-width:none;margin:0;align-self:start}
  html body .hero-side>.hero-ad{grid-column:2;grid-row:1}
  html body .hero-side>.hl-deck{grid-column:1/-1}
  html body .hero-side>.scope-art{display:none}
  html body .hero-side .scope-art .blip{display:none}
}
@media (max-width:1079px){
  .hero-ad{grid-template-columns:96px 1fr;grid-template-rows:auto auto auto;gap:6px 12px;width:100%;max-width:440px;margin:0 auto}
  .ha-tag{grid-column:1/-1}.ha-media{grid-row:2/4;min-height:96px;width:96px;height:96px;align-self:start}.ha-hex{width:56px;height:56px}.ha-score{font-size:1rem}
  .ha-body{grid-column:2}.ha-cta{grid-column:2;width:auto;justify-self:start}
}