/* LegallyHeard Community. Phase 1 public invitation only. */
.lh-community { color:#0b1b33; font-family:Inter,Arial,sans-serif; background:#fff; }
.lh-community * { box-sizing:border-box; }
.lh-community .cm-wrap { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.lh-community .cm-hero { background:#0b1b33; color:#f5f1e8; padding:80px 0; }
.lh-community .cm-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:72px; align-items:center; }
.lh-community .cm-eyebrow { display:block; font-size:11px; font-weight:600; line-height:1.6; letter-spacing:.14em; text-transform:uppercase; margin:0 0 25px; color:#0b1b33; }
.lh-community .cm-eyebrow::after { content:""; display:block; height:1px; width:48px; background:#ae8b4e; margin-top:15px; }
.lh-community .cm-hero .cm-eyebrow { color:#f5f1e8; }
.lh-community h1 { font-size:clamp(2.6rem,4.5vw,4.4rem); font-weight:500; line-height:1.06; letter-spacing:-.05em; margin:0 0 26px; color:#f5f1e8; }
.lh-community h1 span { color:#c7ad7b; }
.lh-community .cm-lead { color:#d2d9e3; font-size:18px; line-height:1.75; margin:0 0 26px; max-width:540px; }
.lh-community .cm-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border:1px solid #c7ad7b; border-radius:999px; background:#c7ad7b; color:#0b1b33; padding:13px 25px; text-align:center; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none; transition:background .16s; }
.lh-community .cm-button:hover { background:#dbc69f; }
.lh-community .cm-button:focus-visible { outline:3px solid #c7ad7b; outline-offset:5px; }
.lh-community .cm-status { color:#d2d9e3; font-size:13px; line-height:1.6; margin:17px 0 0; }
.lh-community .cm-art { position:relative; min-height:360px; display:grid; align-content:center; justify-items:center; padding:28px; isolation:isolate; }
.lh-community .cm-art::before,.lh-community .cm-art::after { content:""; position:absolute; border:1px solid #c7ad7b40; border-radius:50%; inset:15px; z-index:-1; }
.lh-community .cm-art::after { inset:51px; border-color:#c7ad7b26; }
.lh-community .cm-art-word { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.2; font-weight:400; letter-spacing:-.035em; color:#f5f1e8; margin:0; border:1px solid #73809766; background:#14263f; border-radius:22px 22px 22px 5px; padding:18px 32px; min-width:190px; text-align:center; }
.lh-community .cm-art-word:nth-child(2) { margin:16px 0 16px 95px; border-color:#c7ad7b88; background:#c7ad7b; color:#0b1b33; border-radius:22px 22px 5px 22px; }
.lh-community .cm-art-word:last-child { margin-left:-52px; }
.lh-community .cm-section { padding:76px 0; }
.lh-community h2 { font-size:clamp(1.9rem,3vw,2.7rem); font-weight:500; line-height:1.15; letter-spacing:-.04em; margin:0 0 20px; color:#0b1b33; }
.lh-community .cm-intro { color:#58667b; font-size:16px; line-height:1.8; max-width:640px; margin:0; }
.lh-community .cm-leads { color:#58667b; font-size:14px; line-height:1.7; margin:14px 0 0; }
.lh-community .cm-formats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:36px 0 0; list-style:none; }
.lh-community .cm-format { border-top:1px solid #c7ad7b; padding:24px 0 0; }
.lh-community .cm-format svg { width:32px; height:32px; color:#79633d; margin-bottom:23px; }
.lh-community .cm-format h3 { font-size:20px; line-height:1.4; font-weight:500; color:#0b1b33; margin:0 0 13px; letter-spacing:-.02em; }
.lh-community .cm-format p { color:#58667b; font-size:15px; line-height:1.8; margin:0; max-width:325px; }
.lh-community .cm-boundary { border-top:1px solid #e5e8ed; padding-top:42px; margin-top:48px; display:grid; grid-template-columns:1fr 1.35fr; gap:60px; }
.lh-community .cm-boundary h3 { font-size:24px; font-weight:500; letter-spacing:-.025em; line-height:1.35; margin:0; }
.lh-community .cm-boundary p { margin:0 0 12px; font-size:15px; line-height:1.8; color:#58667b; }
.lh-community .cm-boundary p:last-child { margin-bottom:0; }
.lh-community .cm-boundary a { color:#0b1b33; text-decoration:underline; text-underline-offset:3px; }
.lh-community .cm-invite { padding:0 0 72px; }
.lh-community .cm-invite-inner { background:#f5f1e8; border-radius:24px; padding:38px 42px; display:flex; gap:32px; align-items:center; justify-content:space-between; }
.lh-community .cm-invite h2 { font-size:29px; margin-bottom:12px; }
.lh-community .cm-invite p { font-size:15px; line-height:1.7; margin:0; max-width:650px; color:#58667b; }
.lh-community .cm-invite .cm-button { background:#0b1b33; color:#f5f1e8; border-color:#0b1b33; flex-shrink:0; }
@media(max-width:800px) { .lh-community .cm-hero-grid { gap:24px; grid-template-columns:1.2fr 1fr; } .lh-community .cm-art { min-height:300px; padding:15px; } .lh-community .cm-art-word { min-width:140px; padding:15px 22px; } .lh-community .cm-art-word:nth-child(2) { margin-left:40px; } .lh-community .cm-art-word:last-child { margin-left:-15px; } .lh-community .cm-boundary { gap:32px; } .lh-community .cm-invite-inner { padding:32px; } }
@media(max-width:600px) { .lh-community .cm-wrap { width:calc(100% - 40px); } .lh-community .cm-hero { padding:42px 0 36px; } .lh-community .cm-hero-grid { grid-template-columns:1fr; gap:22px; } .lh-community .cm-lead { font-size:16px; } .lh-community .cm-art { min-height:280px; max-width:330px; width:100%; margin:auto; } .lh-community .cm-art-word { font-size:25px; padding:13px 25px; min-width:160px; } .lh-community .cm-art-word:nth-child(2) { margin-left:60px; } .lh-community .cm-art-word:last-child { margin-left:-30px; } .lh-community .cm-section { padding:48px 0; } .lh-community .cm-formats { grid-template-columns:1fr; gap:27px; margin-top:26px; } .lh-community .cm-format { display:grid; grid-template-columns:38px 1fr; column-gap:17px; padding-top:24px; } .lh-community .cm-format svg { grid-row:1/3; margin-top:2px; } .lh-community .cm-format h3 { margin-bottom:7px; } .lh-community .cm-format p { font-size:14px; } .lh-community .cm-boundary { grid-template-columns:1fr; gap:18px; margin-top:36px; padding-top:32px; } .lh-community .cm-invite { padding-bottom:48px; } .lh-community .cm-invite-inner { display:block; padding:28px 24px; } .lh-community .cm-invite .cm-button { width:100%; margin-top:24px; } }
@media(prefers-reduced-motion:reduce) { .lh-community .cm-button { transition:none; } }
@media(forced-colors:active) { .lh-community .cm-art-word,.lh-community .cm-format,.lh-community .cm-boundary { border-color:CanvasText; } .lh-community .cm-button { border-color:ButtonText; } }