/* Join page (v2). Tokens only. */

/* page head: team collage */
.jn-head h1{max-width:11ch}
.jn-photos{aspect-ratio:6/5}
.jn-photos figure:nth-child(1){width:86%;aspect-ratio:3/2;left:0;top:6%;rotate:-2.5deg}
.jn-photos figure:nth-child(2){width:34%;aspect-ratio:2/3;right:0;bottom:0;rotate:4deg;z-index:2}
.jn-photos figure:nth-child(1) img{object-position:center 30%}
.jn-note{position:absolute;left:8%;bottom:4%;z-index:3;flex-direction:row;align-items:center;gap:4px}
.jn-note .note-script{font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem)}
.jn-note svg{width:58px;height:40px;transform:translateY(-10px)}
@media(max-width:959px){.jn-photos{max-width:480px}}
@media(max-width:480px){.jn-note{left:2%;bottom:0}}

/* layout */
.jn-section{padding-top:clamp(48px,7vw,96px)}
.jn-grid{display:grid;gap:clamp(36px,5vw,72px);align-items:start}
@media(min-width:1000px){.jn-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.jn-aside{position:sticky;top:calc(var(--nav-h) + 24px)}}
.jn-main{min-width:0}

/* aside: scripture + what to expect */
.jn-aside{display:grid;gap:clamp(28px,3vw,40px)}
.jn-verse{margin:0;padding:0 0 0 22px;border-left:2px solid var(--accent-strong)}
.jn-verse p{font-family:var(--font-display);font-style:italic;font-size:clamp(1.35rem,1.1rem + .9vw,1.8rem);line-height:1.35;color:var(--text);text-wrap:balance}
.jn-verse cite{display:block;margin-top:.8rem;font-style:normal;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.jn-expect{padding:clamp(24px,2.8vw,34px);border-radius:var(--radius-l)}
.jn-expect-title{font-size:var(--fs-h4);letter-spacing:-.01em;margin-bottom:14px}
.jn-expect ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.jn-expect li{position:relative;padding-left:28px;font-size:var(--fs-sm);line-height:1.6;color:var(--text-muted)}
.jn-expect li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 4px var(--tint-strong)}
.jn-expect b{color:var(--text);font-weight:600}

/* role chips: roomier, two lines where needed */
.fx .jn-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.fx .jn-chips .chip span{width:100%;min-height:56px;border-radius:16px;padding:.7em 1em .7em .85em;line-height:1.3}
.fx .jn-chips .chip span small{display:block;font-size:var(--fs-xs);font-weight:400;color:var(--text-muted);margin-top:2px}
.fx .jn-chips .chip span{flex-wrap:nowrap}
.fx .jn-chips .chip:first-child{grid-column:1/-1}
@media(max-width:340px){.fx .jn-chips{grid-template-columns:1fr}}
.fx .jn-chips .chip-txt{font-style:normal;display:block}
.fx .jn-chips .chip-txt small{display:block}
.fx .jn-chips .chip{display:flex}
@media(max-width:560px){.fx .jn-chips{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}