.site-how{gap:var(--space-7);grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;display:grid}.how-steps{transform:rotate(-1deg)}.steps{counter-reset:step;gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;column-gap:var(--space-4);color:var(--ink-soft);grid-template-columns:44px minmax(0,1fr);display:grid}.steps li:before{content:counter(step);font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;grid-row:1/span 2;font-size:40px;font-weight:900;line-height:.9}.steps b{font-family:var(--font-display);color:var(--ink);margin-bottom:2px;font-size:24px;font-weight:900;display:block}.site-who{gap:var(--space-7);grid-template-columns:minmax(0,760px) minmax(0,340px);align-items:end;display:grid}.note-pin{background:linear-gradient(var(--yours) 0 6px, var(--card) 6px);color:var(--ink);box-shadow:var(--shadow-card);gap:var(--space-4);justify-items:start;padding:22px 22px 20px;display:grid;position:relative;transform:rotate(1deg)}.note-pin:before{content:"";background:var(--yours);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-7px;left:50%;box-shadow:0 1px 2px #0006}.note-pin p{font-size:18px}.note-pin b{line-height:1.02;font-family:var(--font-display);margin-bottom:6px;font-size:24px;font-weight:900;display:block}.site-honest{justify-items:center;display:grid}.honest{max-width:880px;transform:rotate(.8deg)}.honest-cols{gap:var(--space-6);margin-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.honest h3{margin-bottom:var(--space-2);font-size:24px}.honest ul{margin:0;padding:0;list-style:none}.honest li{color:var(--ink);padding:10px 0}.honest-yes li{border-bottom:2px solid var(--ink);font-weight:700}.honest-no li{border-bottom:2px dashed var(--ink-soft);color:var(--ink-soft)}.honest .fine{margin-top:var(--space-5)}.site-joost{gap:var(--space-8);grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;display:grid}.joost-mark{justify-self:center;height:380px}.joost-mark svg{filter:drop-shadow(0 24px 22px #00000080);width:auto;height:100%;display:block}.cv{margin:var(--space-5) 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.cv li{color:var(--ink-soft);padding-left:var(--space-4);border-left:1px solid var(--card-line)}.cv b{color:var(--ink)}.mail-plain{font-variant-numeric:tabular-nums;font-weight:700}.site-foot{flex-wrap:wrap}.privacy{margin-left:auto}@media (width<=1100px){.site-how,.site-who,.site-joost{grid-template-columns:minmax(0,1fr)}.joost-mark{height:260px}.note-pin{max-width:420px}}@media (width<=720px){.tagnav .tag-joost{display:none}.honest-cols{grid-template-columns:minmax(0,1fr)}.joost-mark{height:200px}.privacy{margin-left:0}}
