.join-page{isolation:isolate;min-height:100vh;background:#090e0f}
.join-page>header,.join-page>main,.join-page>footer{position:relative;z-index:1}
.join-page .eyebrow a{color:inherit;text-decoration-color:#ff996c66;text-underline-offset:5px}
.join-page>header>a.quiet{margin-left:auto;padding:8px 12px;border-radius:6px;font-size:13px}

/* Decorative scenery stays outside the reading column and has no hit area.
   CSS backgrounds are requested only when the wide-screen rule matches. */
@media(min-width:1280px){
 .join-page::before,.join-page::after{content:"";position:fixed;top:0;bottom:0;width:calc((100vw - 900px)/2 + 36px);max-width:680px;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;opacity:.58}
 .join-page::before{left:0;background-image:linear-gradient(90deg,#090e0f2b 0%,#090e0f40 20%,#090e0fc7 66%,#090e0f 100%),linear-gradient(180deg,#090e0f40,transparent 24%,transparent 72%,#090e0fd9),url('/brand/mitwisser-v1.webp');background-position:center,center,37% center}
 .join-page::after{right:0;background-image:linear-gradient(270deg,#090e0f2b 0%,#090e0f40 20%,#090e0fc7 66%,#090e0f 100%),linear-gradient(180deg,#090e0f70,transparent 28%,transparent 72%,#090e0fd9),url('/brand/hero-v1.webp');background-position:center,center,68% center}
 .join-page>header{background:linear-gradient(180deg,#090e0fbf,#090e0f00)}
 .join-page>footer{max-width:900px}
}