@font-face{font-family:Figtree;src:url(/fonts/figtree-latin-variable.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--sky:#a9dcf8;--sky-line:#93cdf1;--ink:#111;--navy:#0f3557;--paper:#fff;--red:#d32f2f;--blue:#0f6fc2;--yellow:#ffcd00;--plate:#d9d9d9;--font:"Figtree", "Segoe UI", system-ui, sans-serif;--stud:3rem;--line:2px;--radius:.875rem;--gutter:clamp(1.25rem, 4vw, 3.5rem);--gap:clamp(1.25rem, 3.5vw, 3.25rem);--section:clamp(3rem, 6vw, 5.5rem);--num:clamp(4.5rem, 9vw, 8.5rem);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--ink) var(--sky);scroll-padding-top:5.5rem}body{background-color:var(--sky);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M0 .5H48M.5 0V48' fill='none' stroke='%2393cdf1' stroke-dasharray='4 4'/%3E%3Ccircle cx='24' cy='24' r='8' fill='none' stroke='%239dd3f4'/%3E%3C/svg%3E");background-size:var(--stud) var(--stud);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.6;display:flex}::selection{background:var(--red);color:#fff}h1,h2,h3,p,ul,ol,figure,blockquote,table{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3{letter-spacing:-.03em;text-wrap:balance;font-weight:900;line-height:1}p{text-wrap:pretty}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{text-decoration-thickness:4px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:.25rem}.nowrap{white-space:nowrap}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:20;border-radius:var(--radius);background:var(--ink);color:#fff;padding:.75rem 1rem;font-weight:700;position:absolute;top:-5rem}.skip:focus{top:.75rem}.sheet{width:100%;max-width:80rem;padding-inline:var(--gutter);margin-inline:auto}main{flex:1 0 auto}.masthead{z-index:10;background:var(--sky);border-bottom:var(--line) solid var(--ink);position:sticky;top:0}.masthead .sheet{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.logo{flex:none;display:inline-block}.masthead .logo img{width:auto;height:clamp(2.5rem,4vw,3.25rem)}.tracker ol,.tracker li{align-items:center;display:flex}.tracker li+li:before{content:"";border-top:var(--line) dashed var(--ink);width:clamp(.4rem,1.6vw,1.25rem);margin-inline:clamp(.125rem,.6vw,.5rem)}.tracker a{align-items:center;gap:.5rem;min-height:2.75rem;padding-inline:.125rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:flex}.tracker .stud{border:var(--line) solid var(--ink);background:var(--paper);font-variant-numeric:tabular-nums;width:2rem;height:2rem;transition:background-color .25s var(--ease), color .25s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:800;line-height:1;display:grid}.tracker a:hover .stud{background:var(--yellow)}.tracker a[aria-current] .stud{background:var(--red);color:#fff}.tracker a:hover .label{text-underline-offset:.2em;text-decoration:underline 2px}.step{border-bottom:var(--line) solid var(--ink);padding-block:var(--section)}.step-grid{grid-template-columns:var(--num) minmax(0, 1fr);column-gap:var(--gap);align-items:start;display:grid}.step-num{letter-spacing:-.05em;font-variant-numeric:tabular-nums;user-select:none;grid-area:1/1/span 2;font-size:clamp(4.5rem,11vw,10rem);font-weight:900;line-height:.76}.step-head{grid-area:1/2;margin-bottom:clamp(1.5rem,2.5vw,2.25rem);font-size:clamp(2rem,4vw,3.25rem)}.step-body{grid-area:2/2;min-width:0}.callout{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius)}.brick{flex:none;width:1.75rem;height:1.75rem}.arrow{flex:none;width:3.25rem;height:auto}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--red);color:#fff;letter-spacing:-.01em;min-height:3.25rem;transition:background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);justify-content:center;align-items:center;padding:.5rem 1.6rem;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink)}.button:active{transform:translateY(2px)}.button.plain{background:var(--paper);color:var(--ink)}.button.plain:hover{background:var(--yellow)}.prose{max-width:62ch}.prose p+p{margin-top:1.1em}.prose h2{margin-bottom:1rem;font-size:clamp(1.5rem,2.6vw,2rem)}.prose h2:not(:first-child){margin-top:2.75rem}.prose ul{margin-top:1.1em}.prose li{border-top:var(--line) dashed var(--ink);padding:.8rem 0}.prose li:last-child{border-bottom:var(--line) dashed var(--ink)}.footer{border-top:var(--line) solid var(--ink);background:var(--plate)}.footer:before,.footer:after{content:"";height:calc(2 * var(--stud));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Ccircle cx='24' cy='24' r='14' fill='%23e6e6e6' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") 0 0 / var(--stud) var(--stud) round;display:block}.footer ::selection{background:var(--ink)}.footer .sheet{justify-content:space-between;align-items:center;gap:2rem var(--gap);flex-wrap:wrap;padding-block:clamp(1.5rem,3vw,2.5rem);display:flex}.footer .logo img{width:auto;height:clamp(4.5rem,9vw,8rem)}.footer address{color:#2b2b2b;font-size:.9375rem;font-style:normal;line-height:1.7}.footer address strong{color:var(--ink);font-size:1.0625rem;font-weight:800;display:block}@media (width<=58rem){.tracker .label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=52rem){:root{--stud:2.5rem}.tracker .stud{width:1.875rem;height:1.875rem}.step-grid{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:1rem}.step-num{grid-row:1;margin-bottom:1.5rem;font-size:4.5rem}.step-head{margin-bottom:1.5rem}.step-body{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.drops .step .step-num,.drops .step .step-head,.drops .step .step-body{transition:opacity .5s var(--ease), transform .7s var(--ease)}.drops .step .step-head{transition-delay:60ms}.drops .step .step-body{transition-delay:.12s}.drops .step.wait .step-num,.drops .step.wait .step-head{opacity:.25}.drops .step.wait .step-body{opacity:0;transform:translateY(-2.5rem)}.drops .step-grid:after{content:"";border:var(--line) dashed var(--ink);border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .4s var(--ease) .2s;grid-area:2/2;align-self:stretch;margin:-.5rem}.drops .step.wait .step-grid:after{opacity:1;transition-delay:0s}@media (width<=52rem){.drops .step-grid:after{grid-column:1/-1}}.actions .arrow{animation:point .9s var(--ease) .5s 1 backwards}@keyframes point{0%{opacity:0;transform:translate(-1rem)}}}@media print{.masthead{position:static}.drops .step.wait .step-num,.drops .step.wait .step-head,.drops .step.wait .step-body{opacity:1!important;transform:none!important}.drops .step-grid:after{display:none}}