@layer components{.home-hero.community-hero{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(32px,4vw,60px);display:flex}.community-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(40px,5.6vw,84px);font-weight:400;line-height:1.02}.community-hero .community-lead{max-width:58ch;margin-top:clamp(20px,2vw,28px)}.community-hero .home-intro-actions{justify-content:center;margin-top:clamp(24px,2.4vw,36px)}.community-photo{aspect-ratio:2.2;border-radius:16px;width:100%;margin-top:clamp(28px,3.2vw,48px);position:relative;overflow:hidden}.community-photo>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.community-photo>canvas{animation:.5s both community-photo-in}}@keyframes community-photo-in{0%{opacity:0}}.community-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.community-point{background:var(--home-surface);border-radius:20px;flex-direction:column;gap:14px;padding:28px;display:flex;box-shadow:0 0 0 1px #1313130a,0 1px 2px #1028500f,0 12px 28px -12px #1028504d}.community-point-title{letter-spacing:-.02em;align-items:center;gap:12px;font-size:clamp(21px,1.8vw,26px);font-weight:400;line-height:1.15;display:flex}.community-point-mark{background:var(--home-action);border-radius:2px;flex:none;width:10px;height:10px}.community-point-line{max-width:40ch;color:var(--home-soft);font-size:16px;line-height:1.45}@media (max-width:800.98px),(orientation:portrait),(max-height:499.98px) and (pointer:coarse){.community-photo{aspect-ratio:3/4}.community-points{grid-template-columns:minmax(0,1fr)}}@media (max-width:800.98px){.community-point{padding:22px 20px}}}
