/* Litegevity component classes, copied from the design system components/bundle.css. Do not edit; extend in site.css. */
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@200;300;400;500;600&display=swap");

body { margin: 0; font-family: var(--font-sans); background: var(--surface); color: var(--ink); -webkit-font-smoothing: antialiased; }
.lg-section { background: var(--surface); color: var(--ink); }
.lg-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.lg-label { font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.lg-wordmark { font-size: 14px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; }
.lg-muted { color: var(--ink-muted); }

.lg-btn { font: inherit; font-size: 16px; font-weight: 500; height: 48px; padding: 0 var(--space-6); border-radius: var(--radius-pill); border: 1px solid transparent; display: inline-flex; align-items: center; gap: var(--space-2); cursor: pointer; text-decoration: none; }
.lg-btn-primary { background: var(--action); color: var(--on-action); }
.lg-btn-secondary { background: transparent; color: var(--ink); border-color: var(--ink); }
.lg-btn-clay { background: var(--clay); color: var(--on-clay); }
.lg-btn-lg { height: 56px; padding: 0 var(--space-8); font-size: 18px; }
.lg-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }

.lg-photo { background: var(--stone); color: var(--ink); display: flex; align-items: flex-end; padding: var(--space-4); font-size: 13px; line-height: 18px; box-sizing: border-box; }
.lg-photo span { max-width: 260px; }

.lg-card { background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); }
.lg-seal { display: inline-flex; align-items: center; height: 32px; padding: 0 var(--space-4); border-radius: var(--radius-pill); background: var(--clay); color: var(--on-clay); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; }
.lg-logo { display: block; height: 28px; width: auto; align-self: flex-start; flex: none; }
.lg-num { font-size: 96px; line-height: 96px; font-weight: 500; letter-spacing: -0.04em; }
