/* HoneyWoW artwork pack (1 Nov 2026). Loaded after style.css.
   Images live in /static/artwork/honeywow/. */

/* Global backdrop */
body::before {
  background: linear-gradient(180deg, rgba(10,7,5,.12) 0%, rgba(10,7,5,.52) 55%, rgba(10,7,5,.96) 100%),
    url("/static/artwork/honeywow/02-world-background.webp") center top / cover no-repeat, var(--night);
}

/* Header crest: new logo, a bit wider so the lettering stays legible */
.brand-logo { width: clamp(150px, 13vw, 210px); height: auto; object-fit: contain; }
@media (max-width: 1100px) { .brand-logo { width: 130px; } }
@media (max-width: 640px) { .brand-logo { width: 112px; } }

/* Hero: painted backdrop inside the card, transparent figure on top */
.hero-main {
  background: linear-gradient(90deg, rgba(10,7,5,.86) 0%, rgba(10,7,5,.55) 45%, rgba(10,7,5,.08) 100%),
    url("/static/artwork/honeywow/03-hero-background.webp") center / cover no-repeat;
  border-radius: 18px 18px 0 0;
}
.hero-copy { position: relative; z-index: 1; }
.hero-pj { object-fit: contain; object-position: right bottom; }
@media (max-width: 980px) {
  .hero-main { background: linear-gradient(180deg, rgba(10,7,5,.82), rgba(10,7,5,.45)),
    url("/static/artwork/honeywow/03-hero-background.webp") center / cover no-repeat; }
  .hero-pj { height: 300px; width: auto; max-width: 100%; object-position: center bottom; }
}
@media (max-width: 640px) { .hero-pj { height: 260px; } }

/* Getting-started card: dark band behind the HTML text */
.gs-thumb {
  --img: url("/static/artwork/honeywow/05-getting-started.webp");
  background: linear-gradient(90deg, rgba(10,7,5,.86) 0%, rgba(10,7,5,.45) 55%, rgba(10,7,5,.05) 100%), var(--img) 65% center / cover;
}
@media (max-width: 640px) {
  .gs-thumb { background: linear-gradient(90deg, rgba(10,7,5,.9), rgba(10,7,5,.55)), var(--img) 65% center / cover; }
}

/* News covers: an editorial image (inline --img) always wins; otherwise the
   pack picks one by data-artwork. Small list thumbnails use the 480 px set. */
.news-feature, .article-img { --img: url("/static/artwork/honeywow/06-news-welcome.webp"); }
.thumb { --img: url("/static/artwork/honeywow/thumbnails/06-news-welcome.webp"); }
.news-feature[data-artwork="patch"], .article-img[data-artwork="patch"] { --img: url("/static/artwork/honeywow/07-news-patch.webp"); }
.news-feature[data-artwork="winter-event"], .article-img[data-artwork="winter-event"] { --img: url("/static/artwork/honeywow/08-news-event.webp"); }
.news-feature[data-artwork="pvp"], .article-img[data-artwork="pvp"] { --img: url("/static/artwork/honeywow/09-news-pvp.webp"); }
.thumb[data-artwork="patch"] { --img: url("/static/artwork/honeywow/thumbnails/07-news-patch.webp"); }
.thumb[data-artwork="winter-event"] { --img: url("/static/artwork/honeywow/thumbnails/08-news-event.webp"); }
.thumb[data-artwork="pvp"] { --img: url("/static/artwork/honeywow/thumbnails/09-news-pvp.webp"); }
.thumb { background: var(--img) center / cover, #120a04; }
.article-img { background: linear-gradient(180deg, rgba(10,7,5,0) 55%, rgba(10,7,5,.6)), var(--img) center / cover; }

/* Community and realm-connection cards */
.card.discord {
  background: linear-gradient(90deg, rgba(10,7,5,.93) 0%, rgba(10,7,5,.72) 100%),
    url("/static/artwork/honeywow/10-community.webp") 70% center / cover;
}
.card.connect {
  background: linear-gradient(90deg, rgba(10,7,5,.95) 0%, rgba(10,7,5,.8) 100%),
    url("/static/artwork/honeywow/11-connect-realm.webp") 70% center / cover;
}

/* Inner page banners */
.hw-shop-banner {
  background: linear-gradient(90deg, rgba(10,7,5,.9) 0%, rgba(10,7,5,.55) 55%, rgba(10,7,5,.2) 100%),
    url("/static/artwork/honeywow/12-shop.webp") right center / cover;
}
.page-head.hw-downloads-banner {
  padding: clamp(1.6rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.4rem);
  background: linear-gradient(180deg, rgba(10,7,5,.55) 0%, rgba(10,7,5,.85) 100%),
    url("/static/artwork/honeywow/13-downloads.webp") center / cover;
}

/* Login / register: painted backdrop, forms on an almost opaque panel */
body.hw-account-page::before {
  background: linear-gradient(180deg, rgba(10,7,5,.4) 0%, rgba(10,7,5,.78) 100%),
    url("/static/artwork/honeywow/14-account-background.webp") center / cover no-repeat, var(--night);
}
body.hw-account-page .card { background: linear-gradient(180deg, rgba(30,18,8,.95), rgba(12,7,3,.97)); }
body.hw-account-page .panel { background: linear-gradient(180deg, rgba(30,18,8,.95), rgba(12,7,3,.97)); border: 1px solid rgba(242,162,27,.35); border-radius: 18px; box-shadow: 0 30px 60px -20px #000; }