/* Mitmachen: page-local companion to homepage V3.9. */
.rb-join{--join-border:rgba(255,255,255,.11);--join-muted:#c7d0da}
.rb-join .subhero{padding:clamp(1.5rem,4vw,3.5rem) 0 2rem}
.rb-join .breadcrumbs{margin:0 0 1.6rem}
.rb-join .kicker{border:0;padding:0;background:none;line-height:1.6}
.rb-join h1{font-size:clamp(2.8rem,6vw,4.7rem)}
.rb-join .lead{max-width:65ch;color:#d7dde5;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7}
.rb-join .card,.rb-join .visual-split,.rb-join .artist-home-teaser{border:1px solid var(--join-border);border-radius:24px;background:linear-gradient(145deg,#111821,#0c1118);box-shadow:0 18px 44px rgba(0,0,0,.18);min-width:0}
.rb-join .card::before{display:none}
.rb-join .card-link{transition:border-color .18s ease,transform .18s ease}
.rb-join .card-link:hover{border-color:rgba(255,208,109,.6);transform:translateY(-3px)}
.rb-join .card-link:focus-visible{outline:3px solid #ffd06d;outline-offset:4px}
.rb-join .media-grid{gap:1.2rem;align-items:stretch}
.rb-join .media-card{display:flex;flex-direction:column;padding:0}
.rb-join .media-card-image{padding:0;border:0;border-bottom:1px solid var(--join-border);border-radius:0;background:#090d13;box-shadow:none}
.rb-join .media-card-image img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:0}
.rb-join .card-body{padding:clamp(1.25rem,2.2vw,1.8rem);flex:1}
.rb-join .media-grid h2{font-size:clamp(1.5rem,2.2vw,1.9rem);margin:.65rem 0 .85rem;letter-spacing:-.025em}
.rb-join .card p{color:var(--join-muted);line-height:1.7}
.rb-join .card-body p:last-child{margin-bottom:0}
.rb-join .visual-split{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2rem,4vw,3.4rem);padding:clamp(1.3rem,3vw,2.4rem)}
.rb-join .visual-split-image{border:0;padding:0;background:none;box-shadow:none}
.rb-join .visual-split-image img{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;border-radius:18px}
.rb-join .visual-split h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.03em}
.rb-join .visual-split p:not(.eyebrow){color:var(--join-muted);line-height:1.7}
.rb-join .visual-split strong{color:#eef1f5}
.rb-join .visual-split .button-secondary{margin-top:.6rem}
.rb-join .grid-2{margin-top:1.2rem;gap:1.2rem}
.rb-join .grid-2 .card{padding:clamp(1.3rem,2.8vw,2rem)}
.rb-join .grid-2 h2{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.025em}
.rb-join .icon,.rb-join .artist-home-teaser-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--join-border);border-radius:16px;background:linear-gradient(135deg,rgba(255,106,26,.16),rgba(22,141,226,.12));font-size:1.6rem;margin-bottom:1rem}
.rb-join .artist-home-teaser{padding:clamp(1.3rem,3vw,2.2rem);gap:1.5rem;background:linear-gradient(135deg,#111821,#102437)}
.rb-join .artist-home-teaser h2{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.025em}
.rb-join .artist-home-teaser p:not(.eyebrow){color:var(--join-muted);line-height:1.7}
.rb-join .artist-home-teaser-icon{margin:0}
.rb-join .section:first-of-type{padding-bottom:2rem}
@media(max-width:1000px){.rb-join .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-join .media-grid .media-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.rb-join .artist-home-teaser{grid-template-columns:54px minmax(0,1fr)}.rb-join .artist-home-teaser>.button-secondary{grid-column:2;justify-self:start}}
@media(max-width:700px){.rb-join .media-grid,.rb-join .grid-2{grid-template-columns:minmax(0,1fr)}.rb-join .media-grid .media-card:last-child{grid-column:auto;display:flex}.rb-join .visual-split{grid-template-columns:minmax(0,1fr);border-radius:22px}.rb-join .visual-split-image{width:100%;max-width:330px;justify-self:center}.rb-join .artist-home-teaser{grid-template-columns:minmax(0,1fr)}.rb-join .artist-home-teaser>.button-secondary{grid-column:1;justify-self:stretch;text-align:center}.rb-join .visual-split .button-secondary{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.rb-join .card-link{transition:none}.rb-join .card-link:hover{transform:none}}