.community-intro{padding-block:calc(var(--spacing) * 30) calc(var(--spacing) * 18);position:relative}.community-intro__inner{gap:calc(var(--spacing) * 10);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.community-intro__rule{width:calc(var(--spacing) * 12);height:2px;margin-bottom:calc(var(--spacing) * 6);background-color:var(--color-accent);display:block}.community-intro__title{text-wrap:balance;max-width:18ch}.community-intro__media{margin:0}.community-intro__plate{aspect-ratio:587/383;clip-path:url(#element-media-clip);background-color:#ffffff0a;display:block;position:relative;overflow:hidden}.community-intro__image{object-fit:cover;width:100%;height:100%;display:block}.pillars{border-top:2px solid #ffffffd9;margin:0}.pillars__item{grid-template-columns:calc(var(--spacing) * 12) minmax(0, 1fr);column-gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 6);border-bottom:1px solid #ffffff24;display:grid;position:relative}.pillars__item:after{content:"";background-color:var(--color-accent);width:0;height:1px;transition:width .42s var(--ease-reveal);position:absolute;inset-block-end:-1px;inset-inline-start:0}.pillars__item:hover:after{width:100%}.pillars__term{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}.pillars__index{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--color-accent);transition:transform .15s var(--ease-in-out);font-weight:700;line-height:1}.pillars__item:hover .pillars__index{transform:translateY(-2px)}.pillars__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:1.1}.pillars__text{margin:calc(var(--spacing) * 3) 0 0;max-width:42ch;font-size:var(--text-base);color:#ffffffa8;transition:color .15s var(--ease-in-out);grid-column:2;line-height:1.6}.pillars__item:hover .pillars__text{color:#fffffff2}@media (min-width:48rem){.pillars__item{grid-template-columns:calc(var(--spacing) * 16) minmax(0, 1fr);padding-block:calc(var(--spacing) * 7)}.pillars__index{font-size:var(--text-3xl)}.pillars__title{font-size:var(--text-2xl)}.pillars__text{font-size:var(--text-lg)}}@media (min-width:64rem){.community-intro{padding-block:calc(var(--spacing) * 34) calc(var(--spacing) * 28)}.community-intro__inner{column-gap:0;row-gap:calc(var(--spacing) * 16);grid-template-columns:minmax(0,6fr) minmax(0,6fr)}.community-intro__head{grid-column:1/-1}.community-intro__media{top:calc(var(--spacing) * 28);grid-column:1;padding-inline-end:calc(var(--spacing) * 14);position:sticky}.community-intro__index{border-inline-start:1px solid #ffffff24;grid-column:2;align-self:stretch;padding-inline-start:calc(var(--spacing) * 14)}.pillars__item{grid-template-columns:calc(var(--spacing) * 20) minmax(0, 1fr);column-gap:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8)}.pillars__index{font-size:var(--text-4xl)}}@media (prefers-reduced-motion:reduce){.pillars__item:after,.pillars__index,.pillars__text{transition:none}.pillars__item:hover .pillars__index{transform:none}}
