@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.woff2)format("woff2-variations");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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations");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:Chillax;src:url(#lib/assets/fonts/chillax-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Chillax;src:url(#lib/assets/fonts/chillax-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Chillax;src:url(#lib/assets/fonts/chillax-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Figures;src:url(#lib/assets/fonts/chillax-500.woff2)format("woff2");font-weight:100 500;font-display:swap;unicode-range:U+30-39}@font-face{font-family:Figures;src:url(#lib/assets/fonts/chillax-600.woff2)format("woff2");font-weight:501 900;font-display:swap;unicode-range:U+30-39}:root{--red:#c8102e;--red-deep:#a00d25;--red-light:#ff6b80;--slate:#48657a;--slate-deep:#1e2c36;--ink:#101418;--ground:#fff;--tone:#eef2f4;--muted:#4c5963;--chalk:var(--tone);--line:#d5dce1;--green:#19c37d;--demo:#ffd43b;--demo-ink:#1f1a00;--display:"Chillax", system-ui, sans-serif;--text:"Figures", "Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(2.6rem, .6rem + 6.6vw, 7.5rem);--edge:clamp(1rem, 4vw, 2rem);--page:90rem;--gutter:max(var(--edge), (100vw - var(--page)) / 2);--measure:42rem;--section:clamp(5rem, 11vw, 11rem);--notch:16%;--cross:polygon(var(--notch) 0, calc(100% - var(--notch)) 0, calc(100% - var(--notch)) var(--notch), 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, var(--notch) calc(100% - var(--notch)), 0 calc(100% - var(--notch)), 0 var(--notch), var(--notch) var(--notch));--ease-out:cubic-bezier(.22, 1, .36, 1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--text);font-size:var(--step-body);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.55;display:flex}main{flex:1}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1}h1{font-size:var(--step-display)}h2{font-size:var(--step-head)}h3{font-size:var(--step-lead);letter-spacing:-.01em}p{text-wrap:pretty}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}:focus-visible{outline:3px solid var(--red);outline-offset:3px;box-shadow:0 0 0 3px var(--ground)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:20;background:var(--ink);color:var(--ground);padding:.7rem 1rem;font-weight:500;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}::selection{background:var(--red);color:var(--ground)}.button{background:var(--red);color:var(--ground);transition:background var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);align-items:center;gap:.75rem;padding:1rem 1.4rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.button:after{content:"→";transition:transform var(--t-hover) var(--ease-out)}.button:hover{background:var(--red-deep)}.button:hover:after{transform:translate(.3rem)}.button:active{transform:translateY(2px)}.more{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);transition:color var(--t-hover) var(--ease-out);font-weight:500}.more:hover{color:var(--red)}.crossed{clip-path:var(--cross)}.bullet{background:var(--red);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);flex:none;width:.85em;height:.85em}.masthead{padding:clamp(3rem, 7vw, 6rem) var(--gutter) clamp(2rem, 4vw, 3rem)}.masthead h1{letter-spacing:-.04em;align-items:baseline;gap:.22em;max-width:16em;display:flex}.masthead h1:before{content:"";background:var(--red);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);flex:none;width:.55em;height:.55em}.masthead p{max-width:44ch;font-size:var(--step-lead);color:var(--muted);margin:1.25rem 0 0;line-height:1.35}.masthead p a{color:var(--ink);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}@media (prefers-reduced-motion:no-preference){.masthead h1:before{animation:draw .7s var(--ease-out) both}.masthead>*{animation:rise .8s var(--ease-out) both}.masthead>:nth-child(2){animation-delay:.12s}.masthead>:nth-child(3){animation-delay:.22s}}@keyframes draw{0%{transform:scale(0)rotate(-90deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.choices{padding:1.25rem var(--gutter) 1.5rem;background:var(--tone);gap:.6rem;display:grid}.choices div{flex-wrap:wrap;gap:.25rem 1.4rem;display:flex}.choices a{color:var(--muted);white-space:nowrap;transition:color var(--t-hover) var(--ease-out);padding:.2rem 0;font-weight:500;text-decoration:none}.choices a:hover{color:var(--ink)}.choices a[aria-current]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:.14em}.block{padding:var(--section) var(--gutter)}.block :where(ol,ul){margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].in{opacity:1;transform:none}}.prose{max-width:var(--measure);overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4,.prose h5{font-family:var(--display);letter-spacing:-.02em;margin:2.6rem 0 .9rem;font-weight:600;line-height:1.1}.prose h2{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.4rem)}.prose h3{font-size:var(--step-lead)}.prose h4,.prose h5{font-size:var(--step-body)}.prose p,.prose ul,.prose ol{margin:0 0 1.15rem}.prose li{margin-bottom:.35rem}.prose li::marker{color:var(--red)}.prose a{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);font-weight:500}.prose a:hover{color:var(--red)}.prose :is(.kind,.about){white-space:nowrap;font-weight:400}.prose img{max-width:100%;height:auto}.prose blockquote{background:var(--tone);font-size:var(--step-lead);margin:2rem 0;padding:1.25rem 1.5rem;line-height:1.35}.prose hr{background:var(--tone);border:0;height:.6rem;margin:2.5rem 0}.prose table{border-collapse:collapse;max-width:100%;margin:1.75rem 0;font-size:.95rem;line-height:1.4;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .8rem}.prose tr:first-child>*{border-bottom:2px solid var(--ink)}.prose td p:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}