.community-pages{padding:110px 0;border-bottom:1px solid #e9ebef}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.community-copy h2{margin-top:23px;font-size:clamp(2.3rem,3.8vw,3.7rem)}.community-points{padding:0;list-style:none;margin:25px 0 30px}.community-points li{font-size:1rem;margin:12px 0;padding-left:20px;position:relative;color:#5b616a}.community-points li:before{content:'';width:6px;height:6px;background:#5b616a;position:absolute;left:0;top:10px}.sample-note{font-size:.875rem;color:#5b616a;max-width:400px;margin-top:16px}.community-preview{display:block;overflow:hidden;border:1px solid #d7dbe0;background:white;box-shadow:0 22px 55px #00000012;transform:rotate(1deg);transition:transform .2s}.community-preview:hover{transform:rotate(0)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;color:#202328;gap:12px}.preview-top strong{font:700 .875rem var(--heading);letter-spacing:.06em}.preview-top>span{font-size:.75rem;letter-spacing:.07em}.community-preview>img{width:100%;height:235px;object-fit:cover;object-position:right}.preview-copy{padding:29px 28px 30px}.preview-copy>span{font-size:.75rem;letter-spacing:.13em;color:#5b616a}.preview-copy h3{font-size:2.5rem;margin-top:13px;line-height:1.08}.preview-bottom{border-top:1px solid #e9ebef;padding-top:20px;margin-top:24px}.preview-bottom p{font-size:.875rem;color:#5b616a}.preview-bottom>span{display:inline-block;margin-top:17px;background:#202328;color:white;font-size:.875rem;font-weight:600;padding:12px 19px}.hero-foot>span{letter-spacing:.04em}.experience h2{font-size:clamp(2.2rem,3.6vw,3.7rem)}@media(max-width:1100px){nav{gap:19px}.community-grid{gap:5%}.community-pages{padding:80px 0}.preview-copy h3{font-size:2rem}.experience h2{font-size:2.7rem}}@media(max-width:900px){.header nav{gap:15px}.header nav>a:not(.button){font-size:.8rem}.header .button-small{padding:12px 14px}}@media(max-width:800px){.community-grid{grid-template-columns:1fr;gap:38px}.community-pages{padding:70px 0}.community-copy h2{font-size:2.65rem}.community-preview{transform:none;max-width:570px}.hero-foot>span{max-width:135px;text-align:right;line-height:1.5}.header nav>a:not(.button){font-size:1rem}.header nav{gap:24px}.preview-copy h3{font-size:2.5rem}.experience h2{font-size:clamp(2.3rem,7vw,3.5rem)}}
