@import url('/design-assets/connections/writion/writion-fonts.css');

.community-connections{padding-block:58px 64px;border-top:1px solid var(--line,#dedbd6)}
.community-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin-bottom:30px}
.community-heading h2{margin:0}.community-heading p{color:var(--muted,#636366);margin:0;max-width:530px}
.community-wall{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;padding:0;margin:0}
.community-wall li{min-width:0}.community-item{display:block;text-decoration:none;color:var(--muted,#636366);font-size:13px;line-height:1.45}
a.community-item:hover{color:var(--ink,#252321);text-decoration:underline}
.community-mark{height:140px;padding:24px;display:flex;align-items:center;justify-content:center;background:#292624;border-radius:4px;margin-bottom:12px;isolation:isolate;overflow:hidden}
.community-mark img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.94;transform:scale(var(--community-logo-scale,1))}
.community-mark.tone-light img{filter:grayscale(1) brightness(1.55)}
.community-mark.tone-dark img{filter:grayscale(1) invert(1) brightness(2.2)}
.community-mark.tone-flat img{filter:grayscale(1) brightness(0) invert(.94)}
.community-caption{display:block}
.community-person{display:block;max-width:100%;color:#efefef;font-size:27px;line-height:1.16;font-weight:600;letter-spacing:-.03em;text-align:center;text-wrap:balance}
.community-role{display:block;margin-top:3px;font-size:11px;color:var(--muted,#636366)}
.community-join{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line,#dedbd6)}
.community-join p{margin:0;color:var(--muted,#636366);font-size:15px;max-width:570px}.community-join .button{flex-shrink:0}
.community-writion{font:700 55px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;color:#efefef;white-space:nowrap}.community-writion em{font-style:italic}
.community-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}.community-hero-actions .button{margin:0}
.community-hero-actions .community-browse{background:transparent;border:1px solid currentColor;color:var(--ink,#252321);gap:12px}
.community-reach{font-size:16px;line-height:1.55;max-width:480px;color:var(--muted,#636366);margin-top:18px;margin-bottom:12px}
.collective-join-intro{display:inline-flex;margin-top:16px}.community-alias{display:block;scroll-margin-top:32px}
@media(max-width:1068px){.community-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.community-heading{gap:24px}.community-mark{height:126px;padding:21px}.community-join{align-items:flex-start}.community-writion{font-size:48px}}
@media(max-width:680px){.community-connections{padding-block:40px 46px}.community-heading{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.community-heading h2{font-size:29px}.community-heading p{font-size:16px}.community-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.community-mark{height:112px;padding:18px;margin-bottom:10px}.community-item{font-size:12px}.community-person{font-size:21px}.community-join{display:block;margin-top:28px;padding-top:24px}.community-join .button{margin-top:17px;font-size:15px}.community-writion{font-size:43px}.community-reach{font-size:15px}.community-hero-actions{gap:12px;margin-top:22px}.community-hero-actions .button{font-size:15px;padding:12px 16px}.community-browse{min-height:44px}}
@media print{.community-mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}.community-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.community-join{display:none}}
@media(max-width:360px){.community-person{font-size:18px}.community-mark{padding-inline:16px}.community-writion{font-size:34px}}