.community-invite{--ci-green:#40543c;--ci-line:#d9d7ce;color:#171b16;max-width:1640px;margin:0 auto 100px;padding:40px 4%;scroll-margin-top:30px}.community-invite *{box-sizing:border-box}.community-invite .ci-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}.community-invite svg{width:26px;height:26px;flex-shrink:0}.community-invite .ci-intro{min-width:0;display:flex;flex-direction:column}.community-invite .ci-kicker{display:flex;align-items:center;gap:24px;text-transform:uppercase;letter-spacing:3px;font-size:10px;color:var(--ci-green);margin:0 0 26px}.community-invite .ci-kicker span{height:1px;background:#b9beb4;width:70px}.community-invite h2{font:clamp(48px,5.2vw,84px)/1.04 Editorial,Georgia,serif;letter-spacing:-2px;margin:0 0 22px;color:#101510}.community-invite h2 em{color:var(--ci-green);font-weight:400}.community-invite .ci-description{font:clamp(19px,1.6vw,25px)/1.4 Editorial,Georgia,serif;color:#65675e;margin:0 0 30px;max-width:570px}.community-invite a{text-decoration:none;color:inherit}.community-invite .ci-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.community-invite .ci-join{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ci-green);color:#fffdf3;padding:17px 20px;border-radius:8px;font:18px/1.2 Editorial,Georgia,serif;min-height:58px}.community-invite .ci-join:hover{background:#2f432c}.community-invite .ci-more{font:17px Editorial,Georgia,serif;color:var(--ci-green);text-decoration:underline;text-underline-offset:6px}.community-invite .ci-more span{display:inline-block;margin-left:12px}.community-invite a:focus-visible{outline:2px solid #516847;outline-offset:5px}.community-invite .ci-benefits{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin:32px 0;color:var(--ci-green)}.community-invite .ci-benefits>div{display:flex;gap:12px;align-items:center;border-right:1px solid var(--ci-line);padding-right:8px}.community-invite .ci-benefits>div:last-child{border:0}.community-invite .ci-benefits svg{width:29px;height:29px}.community-invite .ci-benefits p{font:15px/1.25 Editorial,Georgia,serif;margin:0}.community-invite .ci-benefits small{display:block;font:10px/1.45 Arial,sans-serif;color:#696c63;margin-top:5px}.community-invite .ci-landscape{position:relative;margin:auto -20px 0 -35px;min-height:270px;flex:1;overflow:hidden}.community-invite .ci-landscape>img{width:100%;height:100%;min-height:310px;object-fit:cover;position:absolute;inset:0;mask-image:linear-gradient(to bottom,transparent,#000 25%);border-radius:0 0 12px 12px}.community-invite .ci-landscape figcaption{position:absolute;right:12px;top:25px;color:#40543c;text-align:center;font:italic 26px/1.25 Editorial,Georgia,serif;transform:rotate(-8deg);text-shadow:0 0 15px #fff,0 0 25px #fff}.community-invite .ci-landscape>small{position:absolute;bottom:8px;left:16px;font-size:9px;color:white;text-shadow:0 1px 4px #000}.community-invite .ci-dashboard{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;min-width:0;align-content:start;scroll-margin-top:30px}.community-invite .ci-panel{min-width:0;border:1px solid var(--ci-line);border-radius:9px;background:#fffdf833;padding:17px;transition:background .2s}.community-invite a.ci-panel:hover{background:#eeeee5}.community-invite h3{display:flex;gap:12px;align-items:center;font:23px/1.2 Editorial,Georgia,serif;margin:0 0 18px;color:#1d231a}.community-invite h3>span{margin-left:auto;font:25px Arial,sans-serif}.community-invite .ci-profile-body{display:flex;gap:18px;align-items:center}.community-invite .ci-avatar{width:105px;height:105px;object-fit:cover;border-radius:50%}.community-invite h4{font:22px/1.2 Editorial,Georgia,serif;margin:0 0 6px}.community-invite .ci-profile-body p{font:14px/1.3 Editorial,Georgia,serif;color:#686a60;margin:0 0 8px}.community-invite .ci-profile-body small{font-size:10px;color:#686a60}.community-invite .ci-chip{display:table;background:#e2e4d9;padding:9px 13px;border-radius:6px;font-size:11px;margin-top:12px}.community-invite .ci-map>img{display:block;width:100%;height:149px;object-fit:contain}.community-invite .ci-legend{display:flex;gap:14px;font-size:9px;color:#52634b;margin-top:8px}.community-invite .ci-legend span+span{color:#8b8d81}.community-invite .ci-stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:2px}.community-invite .ci-stats>div{display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--ci-line);gap:7px}.community-invite .ci-stats>div:last-child{border:0}.community-invite .ci-stats svg{width:20px;height:20px;color:var(--ci-green)}.community-invite .ci-stats b{font:24px Editorial,Georgia,serif}.community-invite .ci-stats small{font-size:10px;line-height:1.35;text-align:center;color:#696c63}.community-invite .ci-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.community-invite .ci-photo-grid img{width:100%;height:105px;object-fit:cover;border-radius:6px}.community-invite .ci-story{display:flex;gap:13px}.community-invite .ci-cover{width:92px;height:145px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#dedfd5}.community-invite .ci-country{font-size:9px;color:#6a725e;margin:0 0 10px}.community-invite .ci-story h3,.community-invite .ci-story h4{font:20px/1.2 Editorial,Georgia,serif;margin:0 0 10px}.community-invite .ci-story-copy{min-width:0}.community-invite .ci-story-copy>p:not(.ci-country){font-size:12px;line-height:1.4;color:#65685d}.community-invite .ci-author{display:flex;align-items:center;gap:7px;font-size:10px;color:#717767}.community-invite .ci-author img{width:25px;height:25px;border-radius:50%;object-fit:cover}.community-invite .ci-stories .ci-story:not(:first-child){display:none}.community-invite .ci-message{display:flex;gap:11px;margin:11px 0}.community-invite .ci-message img{width:35px;height:35px;object-fit:cover;border-radius:50%}.community-invite .ci-message p{margin:0;font-size:11px;line-height:1.3;color:#6a6c62}.community-invite .ci-message strong{display:block;font-weight:500;color:#242a20;margin-bottom:3px}.community-invite .ci-bottom{grid-column:1/-1;display:flex;align-items:center;gap:17px;padding:20px 22px;background:#eceee544;border:1px solid var(--ci-line);border-radius:9px;color:var(--ci-green)}.community-invite .ci-bottom strong{font:19px Editorial,Georgia,serif}.community-invite .ci-bottom p{font-size:10px;color:#727568;margin:7px 0 0}.community-invite .ci-bottom em{font:italic 17px/1.3 Editorial,Georgia,serif;border-left:1px solid var(--ci-line);padding-left:22px;margin-left:auto;flex-shrink:0}.community-invite .ci-example,.community-invite .ci-demo{grid-column:1/-1;margin:0;font-size:9px;line-height:1.5;color:#808377}.community-invite [hidden]{display:none!important}
@media(min-width:1450px){.community-invite .ci-profile-body{min-height:170px}.community-invite .ci-avatar{width:125px;height:125px}.community-invite .ci-map>img{height:178px}.community-invite .ci-photo-grid img{height:120px}.community-invite .ci-cover{height:160px}}
@media(max-width:1100px){.community-invite .ci-shell{grid-template-columns:1fr;gap:28px}.community-invite .ci-intro{display:block}.community-invite .ci-landscape{display:none}.community-invite .ci-description{max-width:700px}.community-invite .ci-benefits{max-width:630px}.community-invite .ci-dashboard{max-width:900px}.community-invite h2{font-size:64px}.community-invite .ci-profile-body{min-height:150px}}
@media(max-width:580px){.community-invite{padding:24px 20px;margin-bottom:55px}.community-invite h2{font-size:49px;letter-spacing:-1px}.community-invite .ci-description{font-size:20px}.community-invite .ci-actions{gap:20px}.community-invite .ci-join{width:100%;font-size:18px;padding:16px 12px}.community-invite .ci-benefits{gap:8px;margin:28px 0 0}.community-invite .ci-benefits>div{display:block;padding-right:7px}.community-invite .ci-benefits p{font-size:14px;margin-top:8px}.community-invite .ci-dashboard{grid-template-columns:1fr}.community-invite .ci-panel{padding:17px}.community-invite .ci-profile-body{min-height:135px}.community-invite .ci-map>img{height:auto;max-height:220px}.community-invite .ci-photo-grid img{height:110px}.community-invite .ci-bottom{flex-wrap:wrap;padding:18px;gap:12px}.community-invite .ci-bottom>div{flex:1}.community-invite .ci-bottom em{margin:0;border:0;padding:10px 0 0;width:100%;border-top:1px solid var(--ci-line)}.community-invite .ci-bottom strong{font-size:18px}.community-invite .ci-cover{width:100px}.community-invite .ci-example{font-size:10px}}
@media(prefers-reduced-motion:reduce){.community-invite *{transition:none!important}}