/* Community: one photographic graphite scene, followed by an open cream flow. */
.community-flow{margin-top:60px;background:#f6ede2;border-block:1px solid #cfc0b1}
.community-connection{background:#262424;isolation:isolate;overflow:hidden}
.community-connection-inner{position:relative;min-height:650px;display:flex;align-items:center;padding-block:65px}
.community-connection-art{position:absolute;inset:0;margin:0;z-index:0;pointer-events:none}
.community-connection-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border:0;border-radius:0;mask-image:none;filter:none}
.community-connection-copy{position:relative;z-index:1;width:45%;max-width:555px}
body[data-page=app] main .community-flow .community-connection h2{font-size:clamp(2.6rem,4.5vw,4.1rem);line-height:1.1;letter-spacing:-.035em;color:#fff4e6;margin-bottom:26px}
body[data-page=app] main .community-flow .community-connection p{color:#f0e6dc;max-width:40ch;font-size:1.05rem;line-height:1.65}
body[data-page=app] main .community-flow .community-connection .lead{font-size:1.2rem;line-height:1.5;font-weight:700}
body[data-page=app] main .community-flow .community-connection .eyebrow{color:#ddd0bf;font-size:.85rem;letter-spacing:.12em}
body[data-page=app] .community-flow .button{background:#fff4e6;color:#292725;border:1px solid #c8bba9;box-shadow:inset 0 2px #fff,0 5px 12px #0003;gap:14px;margin-block:10px 20px}
.community-flow .button .ui-icon{width:23px;height:23px}
body[data-page=app] main .community-flow .community-entry-note{font-size:.9rem;color:#ddd0bf;margin:0}
.community-reasons{padding-block:42px 32px}
body[data-page=app] main .community-reasons>.eyebrow{color:#5b5045;margin-bottom:26px}
.community-reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.community-reason-grid article{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.community-reason-grid article>.ui-icon{width:30px;height:30px;color:#5b5045;margin-bottom:16px}
body[data-page=app] main .community-reason-grid h3{font-size:1.35rem;line-height:1.25;color:#292725;margin-bottom:13px}
body[data-page=app] main .community-reason-grid p{font-size:1rem;line-height:1.65;color:#48423e;margin:0}
.community-joining{border-top:1px solid #cfc0b1;margin-top:32px;padding:18px 0;border-bottom:0}
.community-joining summary{font-size:1rem;min-height:44px;display:flex;align-items:center;gap:12px;color:#292725;list-style:none;padding:0}
.community-joining summary::before{content:'+';font-size:1.4rem;line-height:1;width:22px;text-align:center}
.community-joining[open] summary::before{content:'−'}
.community-joining summary::-webkit-details-marker{display:none}
body[data-page=app] main .community-joining p{font-size:.95rem;line-height:1.65;max-width:85ch;color:#48423e;margin:14px 0}
.community-flow :focus-visible{outline:3px solid #ae9170;outline-offset:5px}
@media(max-width:1000px){.community-connection-copy{width:48%}.community-reason-grid{gap:28px}.community-connection-inner{min-height:620px}}
@media(max-width:820px){.community-connection-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:42px;padding-bottom:0}.community-connection-copy{width:100%;max-width:620px}.community-connection-art{position:relative;inset:auto;order:2;height:330px;margin-top:22px}.community-connection-art img{object-position:right center}.community-reason-grid{grid-template-columns:1fr;gap:28px}.community-reason-grid article{display:grid;grid-template-columns:34px 1fr;column-gap:18px}.community-reason-grid article>.ui-icon{grid-row:span 2;margin:0}.community-reason-grid h3,.community-reason-grid p{grid-column:2}.community-flow{margin-top:38px}.community-reasons{padding-block:34px 24px}}
@media(max-width:520px){body[data-page=app] main .community-flow .community-connection h2{font-size:2.7rem}.community-connection-art{height:280px}.community-flow .button{font-size:1rem;padding-inline:20px}.community-reason-grid{gap:26px}body[data-page=app] main .community-reason-grid h3{font-size:1.3rem}}