.civic{--paper:#f2f2f2;--ink:#010101;--ink-2:#3a3a3a;--ink-3:#6b6b6b;--ink-4:#a3a3a3;--rule:#d4d4d4;--serif:var(--font-family-title);--sans:var(--font-sans);background:var(--paper);width:1440px;height:810px;color:var(--ink);font-family:var(--sans);text-align:left;-webkit-font-smoothing:antialiased;grid-template-rows:24px 1fr auto;grid-template-columns:repeat(12,80px);column-gap:32px;padding:40px 64px 64px;display:grid;position:relative;overflow:hidden}.civic .in{animation:.6s cubic-bezier(.2,0,0,1) both civic-enter}@keyframes civic-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.civic .in,.civic .matters li{animation:none}}.civic .bar{letter-spacing:.01em;font-size:14px;line-height:24px;display:contents}.civic .bar>*{align-self:center}.civic .brand{grid-column:1/7;align-items:center;gap:10px;display:flex}.civic .brand svg{width:27px;height:19px;color:var(--ink)}.civic .brand span{font-family:var(--serif);letter-spacing:-.005em;font-size:21px;font-weight:700;line-height:24px}.civic .for{white-space:nowrap;grid-column:7/13;align-items:baseline;gap:14px;display:flex}.civic .for>span{color:var(--ink-3)}.civic .for .pg{font-variant-numeric:tabular-nums;margin-left:auto}.civic .for .pg b{color:var(--ink)}.civic .main{grid-area:2/1/auto/13;grid-template-columns:subgrid;align-content:start;padding-top:72px;display:grid}.civic .label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px;font-size:13px;font-weight:700;line-height:24px}.civic h2{font-family:var(--serif);letter-spacing:-.018em;text-wrap:balance;font-size:56px;font-weight:700;line-height:64px}.civic .lede{max-width:528px;color:var(--ink-2);text-wrap:pretty;margin-top:40px;font-size:19px;line-height:30px}.civic .story{color:var(--ink-2);text-wrap:pretty;margin-top:24px;font-size:16px;line-height:26px}.civic .base{grid-area:3/1/auto/13;grid-template-columns:subgrid;align-items:last baseline;display:grid}.civic .meta{color:var(--ink-3);grid-column:1/13;font-size:14px;line-height:22px}.civic .ico{flex-shrink:0;width:18px;height:18px}.civic .split .copy,.civic .flip .copy,.civic .stack .copy{grid-row:1}.civic .split h2,.civic .flip h2,.civic .stack h2{letter-spacing:-.015em;font-size:40px;line-height:48px}.civic .split .copy{grid-column:1/5}.civic .split .exhibit{grid-area:1/5/auto/13;height:610px}.civic .flip .copy{grid-column:9/13}.civic .flip .exhibit{grid-area:1/1/auto/9;height:610px}.civic .stack .copy{grid-column:1/9}.civic .stack .aside{color:var(--ink-2);grid-area:1/9/auto/13;align-self:end;font-size:15px;line-height:24px}.civic .stack .exhibit{grid-area:2/1/auto/13;height:418px;margin-top:32px}.civic .fit{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.civic .fit-in{transform-origin:top;flex-shrink:0}.civic .photo{width:640px;height:674px;position:absolute;top:136px;left:64px;overflow:hidden}.civic .photo-img{object-fit:cover}.civic .opener .copy{grid-column:7/13}.civic .opener .lede{font-family:var(--serif);color:var(--ink);max-width:none;margin-top:24px;font-size:24px;font-weight:700;line-height:32px}.civic .steps{border-bottom:1px solid var(--rule);margin-top:40px;list-style:none}.civic .steps li{border-top:1px solid var(--rule);grid-template-columns:32px 176px 1fr;align-items:baseline;padding:13px 0;font-size:16px;line-height:24px;display:grid}.civic .steps .n{font-family:var(--serif);font-size:20px;font-weight:700}.civic .steps span:last-child{color:var(--ink-3);font-size:15px}.civic .andre .portrait{grid-area:1/1/auto/5}.civic .pic{width:416px;height:400px;position:relative;overflow:hidden}.civic .who{font-family:var(--serif);margin-top:20px;font-size:28px;font-weight:700;line-height:32px}.civic .portrait .line{color:var(--ink-3);margin-top:8px;font-size:15px;line-height:22px}.civic .portrait blockquote{border-left:1.5px solid var(--ink);margin-top:14px;padding-left:14px;font-size:15px;font-style:italic;line-height:22px}.civic .andre .copy{grid-area:1/6/auto/13}.civic .matters{border-bottom:1px solid var(--rule);margin-top:40px;list-style:none}.civic .matters li{border-top:1px solid var(--rule);grid-template-columns:48px 1fr;padding:16px 0;animation:.6s cubic-bezier(.2,0,0,1) both civic-enter;display:grid}.civic .matters .n{font-family:var(--serif);grid-row:1/3;font-size:32px;font-weight:700;line-height:32px}.civic .matters b{font-family:var(--serif);letter-spacing:-.01em;font-size:26px;line-height:32px}.civic .matters p{color:var(--ink-3);margin-top:4px;font-size:16px;line-height:24px}.civic .team .copy{grid-area:1/1/auto/11}.civic .founders{grid-area:2/1/auto/13;grid-template-columns:repeat(3,1fr);column-gap:32px;margin-top:48px;display:grid}.civic .founders article{border-top:1.5px solid var(--ink);padding-top:20px}.civic .founders header{align-items:center;gap:16px;display:flex}.civic .face{object-fit:cover;filter:grayscale()contrast(1.1);width:72px;height:72px}.civic .founders header div{flex-direction:column;display:flex}.civic .founders header b{font-family:var(--serif);font-size:26px;line-height:32px}.civic .founders header span{color:var(--ink-3);font-size:14px;line-height:20px}.civic .founders ul{margin-top:20px;list-style:none}.civic .founders li+li{margin-top:12px}.civic .founders li b{font-size:15px;line-height:22px}.civic .founders li p{color:var(--ink-3);font-size:14px;line-height:21px}.civic .trust{grid-column:1/13;grid-template-columns:repeat(4,1fr);column-gap:32px;list-style:none;display:grid}.civic .trust li{border-top:1px solid var(--rule);padding-top:14px}.civic .trust b{font-size:15px;line-height:22px}.civic .trust p{color:var(--ink-3);margin-top:2px;font-size:13px;line-height:20px}.civic .pilot .head{text-align:center;flex-direction:column;grid-area:1/1/auto/13;align-items:center;display:flex}.civic .pilot h2{letter-spacing:-.02em;font-size:64px;line-height:72px}.civic .terms{grid-area:2/1/auto/13;grid-template-columns:repeat(4,1fr);column-gap:32px;margin-top:48px;display:grid}.civic .terms div{border-top:1.5px solid var(--ink);padding-top:16px}.civic .terms b{font-family:var(--serif);font-size:22px;line-height:28px}.civic .terms p{color:var(--ink-3);margin-top:8px;font-size:14px;line-height:22px}.civic .next{grid-area:3/1/auto/13;margin-top:44px}.civic .next-h{color:var(--ink-3);text-align:center;font-size:14px;font-weight:600;line-height:22px}.civic .next ol{grid-template-columns:repeat(3,1fr);column-gap:32px;margin-top:14px;list-style:none;display:grid}.civic .next li{border-top:1px solid var(--rule);text-align:center;text-wrap:balance;padding-top:12px;font-size:16px;line-height:24px}.civic .next li span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:20px;display:block}.civic .go{grid-area:4/1/auto/13;justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}.civic .go a{color:var(--ink-3);font-size:15px;line-height:22px}.civic .go a:first-child{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:17px;font-weight:700;line-height:24px;text-decoration:none;display:inline-flex}.civic[data-slide=pilot] .meta{text-align:center;justify-self:center}