/* Guilds Forever house ad, restored from the original guild banner (2026-09-28): gate picture, Alliance and
   Horde crests, Cabinet headline, ember CTA. Sidebar above 980px, in the feed below. Markup: build.py house_ad(). */

.gf-ad-wrap {
  margin:24px 0}
.gf-ad-label {
  display:block;
  color:#a9a9ae;
  font:11px Satoshi,sans-serif;
  margin:0 0 7px}
.gf-ad {
  display:block;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid #674a30;
  border-radius:4px;
  text-decoration:none!important;
  color:#ececee!important;
  background:#0a0a0b;
  min-height:220px;
  padding:25px 28px}
.gf-ad:focus-visible {
  outline:2px solid #f7f7f8;
  outline-offset:4px}
.gf-ad::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:linear-gradient(90deg,#0a0a0b 5%,rgba(10,10,11,.92) 38%,rgba(10,10,11,.25)),url('gf-dungeon.jpg') center/cover}
.gf-ad-logo {
  width:145px;
  height:auto;
  display:block;
  margin-bottom:19px}
.gf-ad-wrap .gf-ad h2 {
  font-family:'Cabinet Grotesk',sans-serif;
  font-size:34px!important;
  line-height:1.03!important;
  letter-spacing:-.7px;
  margin:0 0 10px!important;
  max-width:330px;
  color:#f7f7f8!important}
.gf-ad p {
  font:14px/1.5 Satoshi,sans-serif;
  color:#c9c5c0;
  margin:0 0 20px;
  max-width:290px}
.gf-ad-cta {
  display:inline-flex;
  align-items:center;
  gap:25px;
  background:#f0914a;
  color:#1b0d03;
  font:700 13px Satoshi,sans-serif;
  padding:11px 16px;
  border-radius:2px;
  transition:background .18s}
.gf-ad:hover .gf-ad-cta {
  background:#f6ab73}
.gf-ad-crest {
  position:absolute;
  z-index:-1;
  width:137px;
  right:115px;
  top:44px;
  filter:drop-shadow(0 5px 3px #0008);
  transform:rotate(-9deg);
  opacity:.8}
.gf-ad-crest.horde {
  right:16px;
  top:73px;
  transform:rotate(9deg);
  width:133px}
.gf-ad-side {
  margin-top:0}
.gf-ad-side .gf-ad {
  min-height:395px;
  padding:24px}
.gf-ad-side .gf-ad::before {
  background:linear-gradient(180deg,rgba(10,10,11,.15),#0a0a0b 66%),url('gf-dungeon.jpg') 50% 0/auto 270px}
.gf-ad-side .gf-ad-logo {
  margin-bottom:153px}
.gf-ad-side .gf-ad-wrap .gf-ad h2 {
  font-size:32px!important}
.gf-ad-side .gf-ad-crest {
  width:104px;
  left:26px;
  top:73px;
  right:auto}
.gf-ad-side .gf-ad-crest.horde {
  left:auto;
  right:24px;
  top:88px;
  width:103px}
.gf-ad-side .gf-ad p {
  font-size:13px}
.gf-ad-side .gf-ad-cta {
  width:100%;
  justify-content:space-between;
  box-sizing:border-box}
@media(max-width:600px) {
  .gf-ad {
  padding:22px;
  min-height:245px}
.gf-ad-wrap .gf-ad h2 {
  font-size:30px!important;
  max-width:225px}
.gf-ad p {
  max-width:205px;
  font-size:13px}
.gf-ad-crest {
  width:86px;
  right:53px;
  top:128px;
  opacity:.45}
.gf-ad-crest.horde {
  width:82px;
  right:0;
  top:143px}
.gf-ad::before {
  background:linear-gradient(90deg,#0a0a0b 10%,rgba(10,10,11,.5)),url('gf-dungeon.jpg') center/cover}
.gf-ad-cta {
  position:relative}
.gf-ad-side {
  display:none}
}

@media(prefers-reduced-motion:reduce) {
  .gf-ad-cta {
  transition:none}
}


.gf-ad-wrap .gf-ad h2 {
  text-transform:none;
  letter-spacing:-.7px}
.gf-ad-wrap .gf-ad h2 {
  text-transform:none;
  letter-spacing:-.7px}

.gf-ad-feed {
  display:none}

@media(max-width:980px) {
  .gf-ad-side {
  display:none}
.gf-ad-feed {
  display:block}
}


.gf-ad-cta .ext { width: 13px; height: 13px; }