:root{ --abt-text:#111827; --abt-muted:#4b5563; --abt-line:rgba(17,24,39,.10); --abt-card:#ffffff; --abt-bg:#f8fafc; --abt-shadow:0 10px 28px rgba(2,6,23,.08); --abt-radius:18px; } /* page section wrapper */ .abt-page{ background: linear-gradient(180deg, #ffffff, var(--abt-bg)); padding: clamp(28px, 4vw, 64px) 0; color: var(--abt-text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; } .abt-wrap{ width: min(1100px, 92vw); margin: 0 auto; } /* intro card */ .abt-hero{ background: radial-gradient(900px 380px at 15% 0%, rgba(59,130,246,.10), transparent 60%), radial-gradient(900px 380px at 85% 0%, rgba(168,85,247,.10), transparent 60%), var(--abt-card); border: 1px solid var(--abt-line); border-radius: var(--abt-radius); box-shadow: var(--abt-shadow); padding: clamp(18px, 3vw, 34px); } .abt-hero p{ margin: 0 0 14px; line-height: 1.8; font-size: clamp(15.5px, 1.4vw, 18px); color: var(--abt-muted); } .abt-hero p:last-child{ margin-bottom: 0; } /* section spacing */ .abt-section{ margin-top: clamp(18px, 3vw, 28px); } .abt-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap: 14px; margin-bottom: 12px; } .abt-h2{ margin: 0; font-size: clamp(20px, 2.4vw, 28px); letter-spacing: -0.3px; line-height: 1.15; } .abt-sub{ margin: 0; color: var(--abt-muted); line-height: 1.6; font-size: 15.5px; max-width: 70ch; } /* content card */ .abt-card{ background: var(--abt-card); border: 1px solid var(--abt-line); border-radius: var(--abt-radius); box-shadow: var(--abt-shadow); padding: clamp(16px, 2.6vw, 26px); } .abt-card p{ margin: 0 0 14px; line-height: 1.85; color: var(--abt-muted); font-size: 16px; } .abt-card p:last-child{ margin-bottom: 0; } /* team grid */ .abt-team-grid{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 12px; } @media (max-width: 820px){ .abt-team-grid{ grid-template-columns: 1fr; } } .abt-person{ background: linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,.00)); border: 1px solid rgba(17,24,39,.10); border-radius: 16px; padding: 16px; } .abt-person .name{ font-weight: 800; color: var(--abt-text); margin: 0 0 6px; font-size: 18px; } .abt-person .role{ margin: 0 0 10px; color: var(--abt-muted); line-height: 1.6; font-weight: 600; } .abt-person .link{ display:inline-flex; align-items:center; gap: 8px; font-weight: 700; text-decoration: none; color: #1d4ed8; } .abt-person .link:hover{ text-decoration: underline; } /* subpage labels (kept as-is text) */ .abt-label{ display:inline-block; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(17,24,39,.12); background: rgba(15,23,42,.03); color: rgba(17,24,39,.75); font-weight: 800; font-size: 13px; letter-spacing: .2px; margin-bottom: 10px; } /* principles list */ .abt-principles{ margin: 12px 0 0; padding: 0; list-style: none; display:grid; gap: 10px; } .abt-principles li{ padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(17,24,39,.10); background: rgba(15,23,42,.02); color: var(--abt-text); font-weight: 700; } /* leadership bios */ .abt-bio{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(17,24,39,.10); } .abt-bio h3{ margin: 0 0 8px; font-size: 18px; letter-spacing: -0.2px; } /* tighten random extra spacing in some themes */ .abt-page br{ line-height: 0; }