@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_a141959c-module__DkRRXa__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_a141959c-module__DkRRXa__variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4f217935f8018c8d-s.1yy0dzk6_0d06.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5cbd2da38a4bb5b7-s.0f9_b-k-e2jle.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/73283d6d040b960f-s.42-83o_7aqovs.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/dccd1f9529169d95-s.058hi5o219ve1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/12c6814186f92e4c-s.3buha9jzwyi3i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/96dd642b88248f6e-s.p.0wuorjyv5hxwz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_1551b70f-module__SfR6Ta__className{font-family:Manrope,Manrope Fallback;font-style:normal;font-weight:500}.manrope_1551b70f-module__SfR6Ta__variable{--font-display:"Manrope", "Manrope Fallback"}
:root{--brand:#5847d6;--brand-hover:#4a3ac2;--brand-on:#fff;--brand-strong:#5847d6;--brand-strong-hover:#4a3ac2;--brand-text:#5847d6;--brand-tint:#e9e6fb;--brand-canvas:#fbfbf8}@media (prefers-color-scheme:dark){:root{--brand:#a398ff;--brand-hover:#b3aaff;--brand-on:#1d2126;--brand-strong:#a398ff;--brand-strong-hover:#b3aaff;--brand-text:#a398ff;--brand-tint:#2b2944;--brand-canvas:#1d2126}}
:root{--canvas:var(--brand-canvas);--ink:#3f464e;--ink-strong:#000;--ink-soft:#6b737c;--line:#3f464e4d;--hairline:#3f464e26}@media (prefers-color-scheme:dark){:root{--ink:#eef0ed;--ink-strong:#fff;--ink-soft:#9aa1a8;--line:#eef0ed4d;--hairline:#eef0ed26}}html,body{margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-serif), serif;-webkit-font-smoothing:antialiased}.splash{box-sizing:border-box;text-align:center;align-content:center;justify-items:center;gap:0;min-height:66svh;padding:24px 24px 48px;display:grid;position:relative;overflow:hidden}.wordmark{width:clamp(280px,72vw,720px);margin:0;line-height:0}.wordmark svg{width:100%;height:auto;display:block;overflow:visible}main.mk-waiting,main.mk-waiting *{animation-play-state:paused}.splash .tagline,.splash .actions,.compare,.coda{animation:appear 1.2s ease var(--settled,2.2s) both}.tagline{color:var(--ink-soft);margin:clamp(28px,5vw,56px) 0 0;font-size:clamp(22px,3vw,34px);font-style:italic}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.splash .tagline,.splash .actions,.compare,.coda{animation:none}}@media (max-height:800px) and (min-width:601px){.splash{min-height:60svh;padding-bottom:24px}.wordmark{width:clamp(280px,min(72vw,80vh),720px)}.splash+.compare{padding-top:24px}}@media (max-width:600px){.splash{min-height:62svh}}.actions{justify-content:center;gap:12px;margin:28px 0 0;display:flex}.button{--button-surface:#fff;--button-surface-hover:#ecece5;--button-border:#cbcbc1;--button-ink:#262b31;border:1px solid var(--button-border);background:var(--button-surface);color:var(--button-ink);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}@media (prefers-color-scheme:dark){.button{--button-surface:#ffffff0f;--button-surface-hover:#ffffff1f;--button-border:#eef0ed4d;--button-ink:var(--ink-strong)}}.button:hover,.button:focus-visible{background:var(--button-surface-hover)}.button.primary{background:var(--brand);color:var(--brand-on);border-color:#0000}.button.primary:hover,.button.primary:focus-visible{background:var(--brand-hover)}.button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.button.try{border-radius:9px;padding:15px 30px;font-size:24px}.corner{z-index:1;position:absolute;top:20px;right:24px}@media (max-width:600px){.corner{top:14px;right:16px}.corner .button{padding:7px 14px;font-size:15px}}.compare{text-align:center;max-width:1040px;margin:0 auto;padding:clamp(56px,10vh,128px) 24px}.question{color:var(--ink-strong);text-wrap:balance;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.15}.answers{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:clamp(16px,3vw,40px);display:grid}.icon{aspect-ratio:4/3;width:min(100%,280px);margin:0 auto clamp(12px,1.25vw,16px);display:block;position:relative}.icon.drawn svg{width:100%;height:100%;display:block}.ck-ink{stroke:var(--ink)}.ck-brand{stroke:var(--brand)}.ck-ghost{stroke:var(--ink);opacity:.3}.ck-fill-ink{fill:var(--ink)}.ck-fill-brand{fill:var(--brand)}.ck-fill-canvas{fill:var(--canvas)}.ck-fade{animation:ck-fade var(--d) ease calc(var(--lead,0s) + var(--t)) both}.compare:not(.is-on) .ck-fade{animation-play-state:paused}@keyframes ck-fade{0%{opacity:0}to{opacity:1}}.ck-draw{stroke-dasharray:1 2;animation:ck-draw var(--d) linear calc(var(--lead,0s) + var(--t)) both}.ck-end{animation-name:ck-end;animation-timing-function:ease-out}.compare:not(.is-on) .ck-draw{animation-play-state:paused}@keyframes ck-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ck-end{0%{stroke-dashoffset:1px;stroke-opacity:0}1%{stroke-opacity:1}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ck-draw,.ck-fade{animation:none}}.cell h3{font-family:var(--font-display), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 clamp(8px,1.4vw,18px);font-size:clamp(12px,1.5vw,17px);font-weight:500}.cell p{color:var(--ink-soft);text-wrap:balance;margin:0;font-size:clamp(18px,2.8vw,32px);line-height:1.2}.cell.mendel h3{color:var(--ink-strong)}.cell.mendel p{color:var(--brand-text)}@media (max-width:600px){.answers{grid-template-columns:1fr;row-gap:28px}.cell{text-align:left;grid-template-columns:1fr 38%;grid-template-areas:"label icon""answer icon";align-items:center;column-gap:20px;display:grid}.cell h3{grid-area:label;align-self:end;margin:0 0 6px;font-size:11px}.cell p{text-wrap:pretty;grid-area:answer;align-self:start;font-size:22px}.icon{grid-area:icon;width:100%;margin:0}.answers{row-gap:22px}}.coda{text-align:center;padding:clamp(40px,8vh,96px) 24px clamp(64px,12vh,128px)}.about{color:var(--ink-soft);margin:0;font-size:clamp(18px,2vw,22px)}.about a{color:var(--ink);text-underline-offset:.2em;text-decoration-thickness:1px}