.join-network{--join-plum:#330e3c;--join-coral:#fd7933;--join-pink:#f83599;--join-lilac:#b77ff2;--join-soft:#f7f6fb}@supports (color:lab(0% 0 0)){.join-network{--join-plum:lab(11.5489% 24.7478 -20.7213);--join-coral:lab(66.244% 48.7302 60.226);--join-pink:lab(57.4236% 76.6462 -6.93761);--join-lilac:lab(62.6901% 38.702 -50.0815);--join-soft:lab(97.0122% 1.39067 -2.61565)}}.join-network .join-hero{isolation:isolate;background:var(--join-plum);color:var(--ink-foreground);position:relative}.join-hero>img{object-fit:cover;object-position:center 40%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.join-hero:before{content:"";background:linear-gradient(90deg,color-mix(in oklab,var(--join-plum) 96%,transparent),color-mix(in oklab,var(--join-plum) 78%,transparent) 55%,color-mix(in oklab,var(--join-plum) 35%,transparent));z-index:-1;position:absolute;inset:0}.join-hero .container-x{padding-block:64px 52px}.join-eyebrow{text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:700}.join-hero h1{letter-spacing:0;max-width:780px;color:var(--ink-foreground);font-size:58px;line-height:1.08}.join-hero h1 span{color:var(--join-coral)}.join-intro{max-width:620px;margin-block:24px 28px;font-size:18px;line-height:1.7}.join-network .join-button{background:var(--join-pink);color:var(--ink-foreground);white-space:normal;text-align:center;border-radius:8px;height:auto;min-height:48px;padding:14px 22px}.join-network .join-button:hover{background:var(--join-plum)}.join-photo-credit{opacity:.8;margin-top:30px;font-size:11px}.join-features{padding-block:56px}.join-feature{border-bottom:1px solid var(--border);grid-template-columns:70px minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;padding-block:30px;display:grid}.join-feature:first-child{padding-top:0}.join-feature-icon{background:var(--join-soft);width:56px;height:56px;color:var(--join-pink);border-radius:8px;place-items:center;display:grid}.join-feature:nth-child(2n) .join-feature-icon{color:var(--primary);background:var(--sky)}.join-feature h2{font-size:26px;line-height:1.2}.join-feature small{color:var(--muted-foreground);margin-bottom:8px;font-size:11px;display:block}.join-feature p{color:var(--muted-foreground);font-size:16px;line-height:1.8}.join-source{color:var(--muted-foreground);padding-top:22px;font-size:12px;line-height:1.7}.join-source a{text-decoration:underline}.join-close{background:var(--join-soft);padding-block:48px}.join-close .container-x{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.join-close h2{margin-bottom:12px;font-size:34px;line-height:1.2}.join-close p{max-width:640px;color:var(--muted-foreground);line-height:1.7}@media (max-width:640px){.join-hero .container-x{padding-block:40px 32px}.join-hero h1{font-size:36px}.join-intro{font-size:16px}.join-feature{grid-template-columns:48px minmax(0,1fr);gap:16px;padding-block:24px}.join-feature-icon{width:44px;height:44px}.join-feature p{grid-column:2;font-size:15px}.join-feature h2{font-size:23px}.join-features{padding-block:32px}.join-close h2{font-size:28px}}