/* JOIN
   Chamada final de download, botoes secundarios e rodape. */

.join-section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:94px 0 100px;
  text-align:center;
  border-block:1px solid #a85e431c;
  background:radial-gradient(ellipse at 50% 120%,#6b162950,transparent 65%),linear-gradient(#100d12,#140c12)
}
.join-section::before {
  content:"PK";
  position:absolute;
  font:500 420px/.9 var(--serif);
  color:transparent;
  -webkit-text-stroke:1px #cb9f6912;
  z-index:-1;
  left:50%;
  top:17%;
  transform:translateX(-50%);
  letter-spacing:-.12em;
  pointer-events:none
}
.join-grid {
  position:absolute;
  inset:0;
  z-index:-2;
  background:repeating-linear-gradient(120deg,transparent 0 170px,#d9644b08 170px 171px)
}
.join-content>.eyebrow {
  justify-content:center;
  margin-bottom:25px;
  font-size:8px
}
.join-content h2 {
  font-size:clamp(34px,4vw,52px);
  margin-bottom:22px
}
.join-content>p:not(.eyebrow) {
  color:var(--muted);
  font-size:12px
}
.join-actions {
  display:flex;
  justify-content:center;
  gap:13px;
  margin:32px 0 25px
}
.button-outline {
  border:1px solid #98795355;
  background:#171219
}
.button-outline:hover {
  border-color:var(--gold);
  background:#c5a77309;
  transform:translateY(-2px)
}
.button-outline>span {
  margin-left:16px;
  color:var(--gold)
}
.community-link {
  font-size:10px;
  display:inline-flex;
  gap:10px;
  align-items:center;
  color:#b7a59e
}
.community-link:hover {
  color:var(--gold-light)
}
.community-link svg {
  width:16px;
  height:16px
}
.community-link>span {
  color:var(--gold);
  margin-left:12px
}
.footer-main {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-block:45px
}
.footer-main .brand {
  font-size:18px
}
.footer-main .brand-sigil {
  width:32px;
  height:40px
}
.footer-main .brand small {
  font-size:6px
}
.footer-main>p {
  font-size:11px;
  color:#a99c96;
  line-height:1.8;
  margin:0
}
.footer-main nav {
  display:flex;
  gap:22px;
  font-size:10px;
  color:#b1a29a
}
.footer-main nav button {
  padding:0
}
.footer-main a:hover,.footer-main button:hover {
  color:var(--gold-light)
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-block:19px 26px;
  border-top:1px solid var(--line);
  font-size:8px;
  color:#958783
}
.footer-bottom>span:last-child {
  display:flex;
  gap:17px;
  align-items:center;
  font-size:7px;
  letter-spacing:.17em
}
.back-top {
  position:fixed;
  bottom:24px;
  right:24px;
  width:37px;
  height:39px;
  display:grid;
  place-items:center;
  z-index:25;
  color:var(--gold);
  background:#141116;
  border:1px solid var(--line);
  opacity:0;
  visibility:hidden;
  transition:opacity .2s
}
.back-top.visible {
  opacity:1;
  visibility:visible
}