:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high) or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media (prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table button:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])){text-align:center}:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media (prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}:where(html){--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04}:where(html){--gray-0-hsl:210 17% 98%;--gray-1-hsl:210 17% 95%;--gray-2-hsl:210 16% 93%;--gray-3-hsl:210 14% 89%;--gray-4-hsl:210 14% 83%;--gray-5-hsl:210 11% 71%;--gray-6-hsl:210 7% 56%;--gray-7-hsl:210 9% 31%;--gray-8-hsl:210 10% 23%;--gray-9-hsl:210 11% 15%;--gray-10-hsl:214 14% 10%;--gray-11-hsl:216 16% 6%;--gray-12-hsl:210 40% 2%;--stone-0-hsl:200 27% 98%;--stone-1-hsl:210 18% 96%;--stone-2-hsl:210 11% 93%;--stone-3-hsl:192 9% 89%;--stone-4-hsl:197 8% 83%;--stone-5-hsl:202 5% 71%;--stone-6-hsl:200 3% 60%;--stone-7-hsl:180 2% 50%;--stone-8-hsl:160 1% 41%;--stone-9-hsl:90 1% 31%;--stone-10-hsl:60 3% 22%;--stone-11-hsl:60 6% 14%;--stone-12-hsl:60 6% 7%;--red-0-hsl:0 100% 98%;--red-1-hsl:0 100% 95%;--red-2-hsl:0 100% 89%;--red-3-hsl:0 100% 83%;--red-4-hsl:0 100% 76%;--red-5-hsl:0 100% 71%;--red-6-hsl:0 94% 65%;--red-7-hsl:0 86% 59%;--red-8-hsl:0 74% 54%;--red-9-hsl:0 65% 48%;--red-10-hsl:0 65% 42%;--red-11-hsl:0 65% 36%;--red-12-hsl:0 66% 30%;--pink-0-hsl:336 100% 97%;--pink-1-hsl:336 100% 94%;--pink-2-hsl:338 91% 87%;--pink-3-hsl:339 90% 81%;--pink-4-hsl:339 88% 74%;--pink-5-hsl:339 82% 67%;--pink-6-hsl:339 76% 59%;--pink-7-hsl:339 67% 52%;--pink-8-hsl:339 68% 45%;--pink-9-hsl:339 69% 38%;--pink-10-hsl:339 70% 32%;--pink-11-hsl:339 69% 27%;--pink-12-hsl:339 70% 21%;--purple-0-hsl:280 67% 96%;--purple-1-hsl:287 77% 92%;--purple-2-hsl:288 86% 86%;--purple-3-hsl:289 85% 78%;--purple-4-hsl:288 83% 71%;--purple-5-hsl:288 75% 64%;--purple-6-hsl:288 67% 58%;--purple-7-hsl:288 56% 52%;--purple-8-hsl:288 54% 46%;--purple-9-hsl:288 54% 40%;--purple-10-hsl:288 55% 33%;--purple-11-hsl:288 56% 26%;--purple-12-hsl:288 55% 20%;--violet-0-hsl:252 100% 97%;--violet-1-hsl:257 100% 93%;--violet-2-hsl:256 100% 87%;--violet-3-hsl:255 94% 79%;--violet-4-hsl:255 93% 72%;--violet-5-hsl:255 91% 67%;--violet-6-hsl:255 86% 63%;--violet-7-hsl:255 78% 60%;--violet-8-hsl:255 67% 55%;--violet-9-hsl:255 53% 50%;--violet-10-hsl:255 53% 44%;--violet-11-hsl:255 53% 37%;--violet-12-hsl:255 53% 31%;--indigo-0-hsl:223 100% 96%;--indigo-1-hsl:225 100% 93%;--indigo-2-hsl:228 100% 86%;--indigo-3-hsl:228 100% 78%;--indigo-4-hsl:228 96% 72%;--indigo-5-hsl:228 94% 67%;--indigo-6-hsl:228 89% 63%;--indigo-7-hsl:228 81% 59%;--indigo-8-hsl:228 69% 55%;--indigo-9-hsl:230 57% 50%;--indigo-10-hsl:230 57% 43%;--indigo-11-hsl:230 57% 37%;--indigo-12-hsl:230 57% 30%;--blue-0-hsl:205 100% 95%;--blue-1-hsl:206 100% 91%;--blue-2-hsl:206 100% 82%;--blue-3-hsl:206 96% 72%;--blue-4-hsl:207 91% 64%;--blue-5-hsl:207 86% 57%;--blue-6-hsl:208 80% 52%;--blue-7-hsl:208 77% 47%;--blue-8-hsl:209 77% 43%;--blue-9-hsl:209 75% 38%;--blue-10-hsl:209 76% 32%;--blue-11-hsl:209 75% 27%;--blue-12-hsl:209 76% 21%;--cyan-0-hsl:185 81% 94%;--cyan-1-hsl:185 84% 88%;--cyan-2-hsl:186 77% 77%;--cyan-3-hsl:187 74% 65%;--cyan-4-hsl:187 69% 55%;--cyan-5-hsl:188 72% 47%;--cyan-6-hsl:187 80% 42%;--cyan-7-hsl:188 83% 37%;--cyan-8-hsl:189 85% 32%;--cyan-9-hsl:189 85% 28%;--cyan-10-hsl:189 84% 23%;--cyan-11-hsl:190 84% 17%;--cyan-12-hsl:189 84% 12%;--teal-0-hsl:161 79% 95%;--teal-1-hsl:160 85% 87%;--teal-2-hsl:162 78% 77%;--teal-3-hsl:162 72% 65%;--teal-4-hsl:162 68% 54%;--teal-5-hsl:162 73% 46%;--teal-6-hsl:162 82% 40%;--teal-7-hsl:162 87% 35%;--teal-8-hsl:162 88% 30%;--teal-9-hsl:162 88% 26%;--teal-10-hsl:162 89% 21%;--teal-11-hsl:162 88% 16%;--teal-12-hsl:163 89% 11%;--green-0-hsl:131 67% 95%;--green-1-hsl:128 76% 90%;--green-2-hsl:128 71% 82%;--green-3-hsl:129 68% 73%;--green-4-hsl:130 61% 64%;--green-5-hsl:130 57% 56%;--green-6-hsl:131 50% 50%;--green-7-hsl:131 53% 46%;--green-8-hsl:131 54% 40%;--green-9-hsl:132 52% 35%;--green-10-hsl:132 52% 29%;--green-11-hsl:132 53% 22%;--green-12-hsl:131 53% 16%;--lime-0-hsl:79 81% 94%;--lime-1-hsl:80 83% 88%;--lime-2-hsl:81 81% 80%;--lime-3-hsl:82 75% 69%;--lime-4-hsl:83 73% 59%;--lime-5-hsl:84 69% 51%;--lime-6-hsl:85 74% 45%;--lime-7-hsl:85 79% 40%;--lime-8-hsl:86 84% 36%;--lime-9-hsl:85 84% 32%;--lime-10-hsl:85 83% 26%;--lime-11-hsl:85 83% 21%;--lime-12-hsl:85 84% 15%;--yellow-0-hsl:50 100% 93%;--yellow-1-hsl:49 100% 87%;--yellow-2-hsl:49 100% 80%;--yellow-3-hsl:48 100% 70%;--yellow-4-hsl:47 100% 62%;--yellow-5-hsl:45 97% 54%;--yellow-6-hsl:42 96% 50%;--yellow-7-hsl:39 100% 48%;--yellow-8-hsl:35 100% 47%;--yellow-9-hsl:31 100% 45%;--yellow-10-hsl:31 100% 35%;--yellow-11-hsl:31 100% 25%;--yellow-12-hsl:31 100% 20%;--orange-0-hsl:34 100% 95%;--orange-1-hsl:33 100% 90%;--orange-2-hsl:33 100% 83%;--orange-3-hsl:32 100% 74%;--orange-4-hsl:31 100% 65%;--orange-5-hsl:29 100% 58%;--orange-6-hsl:27 98% 54%;--orange-7-hsl:24 94% 50%;--orange-8-hsl:21 90% 48%;--orange-9-hsl:17 87% 45%;--orange-10-hsl:17 87% 40%;--orange-11-hsl:17 87% 32%;--orange-12-hsl:17 87% 27%;--choco-0-hsl:48 100% 93%;--choco-1-hsl:35 91% 86%;--choco-2-hsl:30 85% 79%;--choco-3-hsl:27 80% 72%;--choco-4-hsl:25 75% 65%;--choco-5-hsl:25 71% 57%;--choco-6-hsl:25 70% 49%;--choco-7-hsl:25 75% 42%;--choco-8-hsl:25 75% 37%;--choco-9-hsl:25 76% 31%;--choco-10-hsl:25 71% 26%;--choco-11-hsl:25 66% 21%;--choco-12-hsl:25 65% 15%;--brown-0-hsl:36 60% 95%;--brown-1-hsl:32 44% 87%;--brown-2-hsl:28 40% 80%;--brown-3-hsl:28 38% 72%;--brown-4-hsl:27 36% 65%;--brown-5-hsl:28 34% 57%;--brown-6-hsl:28 32% 50%;--brown-7-hsl:28 35% 43%;--brown-8-hsl:28 38% 37%;--brown-9-hsl:27 42% 31%;--brown-10-hsl:25 48% 25%;--brown-11-hsl:23 58% 19%;--brown-12-hsl:22 57% 16%;--sand-0-hsl:200 27% 98%;--sand-1-hsl:48 17% 88%;--sand-2-hsl:45 22% 79%;--sand-3-hsl:44 22% 69%;--sand-4-hsl:44 17% 62%;--sand-5-hsl:44 14% 54%;--sand-6-hsl:42 14% 46%;--sand-7-hsl:43 16% 39%;--sand-8-hsl:41 15% 32%;--sand-9-hsl:43 14% 26%;--sand-10-hsl:44 11% 20%;--sand-11-hsl:60 6% 14%;--sand-12-hsl:60 6% 7%;--camo-0-hsl:66 71% 95%;--camo-1-hsl:64 69% 77%;--camo-2-hsl:65 69% 59%;--camo-3-hsl:65 61% 51%;--camo-4-hsl:63 61% 46%;--camo-5-hsl:60 62% 41%;--camo-6-hsl:59 65% 36%;--camo-7-hsl:56 67% 33%;--camo-8-hsl:54 70% 29%;--camo-9-hsl:54 69% 25%;--camo-10-hsl:53 69% 22%;--camo-11-hsl:53 69% 18%;--camo-12-hsl:52 69% 13%;--jungle-0-hsl:74 98% 84%;--jungle-1-hsl:74 79% 78%;--jungle-2-hsl:74 68% 71%;--jungle-3-hsl:75 62% 65%;--jungle-4-hsl:74 56% 59%;--jungle-5-hsl:74 53% 53%;--jungle-6-hsl:74 55% 47%;--jungle-7-hsl:74 66% 42%;--jungle-8-hsl:74 79% 36%;--jungle-9-hsl:73 90% 32%;--jungle-10-hsl:73 91% 26%;--jungle-11-hsl:73 91% 21%;--jungle-12-hsl:73 90% 16%}:where(html){--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media (prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}:where(html){--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--ease-circ-in:cubic-bezier(.6,.04,.98,.335);--ease-circ-in-out:cubic-bezier(.785,.135,.15,.86);--ease-circ-out:cubic-bezier(.075,.82,.165,1);--ease-cubic-in:cubic-bezier(.55,.055,.675,.19);--ease-cubic-in-out:cubic-bezier(.645,.045,.355,1);--ease-cubic-out:cubic-bezier(.215,.61,.355,1);--ease-expo-in:cubic-bezier(.95,.05,.795,.035);--ease-expo-in-out:cubic-bezier(1,0,0,1);--ease-expo-out:cubic-bezier(.19,1,.22,1);--ease-quad-in:cubic-bezier(.55,.085,.68,.53);--ease-quad-in-out:cubic-bezier(.455,.03,.515,.955);--ease-quad-out:cubic-bezier(.25,.46,.45,.94);--ease-quart-in:cubic-bezier(.895,.03,.685,.22);--ease-quart-in-out:cubic-bezier(.77,0,.175,1);--ease-quart-out:cubic-bezier(.165,.84,.44,1);--ease-quint-in:cubic-bezier(.755,.05,.855,.06);--ease-quint-in-out:cubic-bezier(.86,0,.07,1);--ease-quint-out:cubic-bezier(.23,1,.32,1);--ease-sine-in:cubic-bezier(.47,0,.745,.715);--ease-sine-in-out:cubic-bezier(.445,.05,.55,.95);--ease-sine-out:cubic-bezier(.39,.575,.565,1)}:where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight)}@media (prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@property --header-height{syntax: "<length>"; inherits: true; initial-value: 150px;}@property --headshot-width{syntax: "<length>"; inherits: true; initial-value: 100px;}@property --title-opacity{syntax: "<integer>"; inherits: true; initial-value: 1;}:root{--size-4: .25rem;--size-8: .5rem;--size-14: .75rem;--size-16: 1rem;--size-20: 1.25rem;--size-24: 1.5rem;--size-28: 1.75rem;--size-32: 2rem;--size-48: 3rem;--size-64: 4rem;--control-borderRadius: 4px;--image-borderRadius: 6px;--card-gap: var(--size-16);--card-title-gap: var(--size-16);--card-label-gap: 6px;--card-title-weight: 600;--label-fontSize: 16px;--label-borderRadius: 4px;--body-fontSize: 16px;--body-lineHeight: 1.5;--filter-fontSize: var(--size-16);--filter-lineHeight: 1;--header-height: 75px;--header-padding-block: 24px;--header-margin-block-end: var(--size-16);--body-gap: 42px;--body-font: system-ui, -apple-system, BlinkMacSystemFont, seravek, segoe ui, roboto, sans-serif;--body-padding: 1rem;--body-padding-block: 4rem;--title-fontSize: var(--body-fontSize);--title-fontWeight: 600;--header-animation-range: 0 150px;--header-animation: shrink-header linear both;--headshot-width: 100px;--intro-gap: var(--size-16);--intro-margin-block-start: var(--header-margin-block-end);--social-links-gap: var(--size-8);--social-links-margin-block: var(--size-32);--post-index-gap: var(--size-32);--main-gap: var(--size-32);--title-opacity: 1}:root{--bg: var(--stone-0);--bg-hsl: var(--stone-0-hsl);--overlay: var(--stone-0);--text: var(--stone-12);--accent: var(--indigo-7);--link: var(--indigo-7);--link-visited: var(--violet-7);--muted-text: var(--stone-8);--date-color: var(--stone-8);--filter-bg: #fcfdfd;--diy-card-border: hsl(var(--stone-5-hsl) / 40%);--card-border: hsl(var(--stone-5-hsl) / 40%);--control-bgColor-hover: hsl(var(--stone-5-hsl) / 30%)}::selection{color:var(--stone-0);background-color:var(--indigo-8)}.dark-theme{--bg: var(--stone-11);--overlay: var(--stone-10);--text: var(--stone-1);--link: var(--indigo-3);--link-visited: var(--indigo-3);--date-color: var(--stone-6);--muted-text: var(--stone-6);--control-bgColor-hover: hsl(var(--stone-9-hsl) / 40%);--filter-bg: var(--stone-12);::selection{background-color:var(--indigo-7)}}.theme-toggle{color:var(--text);background:transparent;padding:0;& svg{width:calc(var(--body-fontSize) * 1.25);height:calc(var(--body-fontSize) * 1.25);fill:currentColor}&:hover{color:var(--link)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb{align-items:center;margin:0;padding:0;font-size:var(--filter-fontSize);line-height:var(--filter-lineHeight);list-style:none;display:grid;grid-template-columns:repeat(3,max-content);grid-template-areas:"page slash filter";gap:.25rem;&:after{content:"";mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cmVjdCB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgZmlsbD0ibm9uZSIvPjxwb2x5bGluZSBwb2ludHM9Ijk2IDQ4IDE3NiAxMjggOTYgMjA4IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2Ii8+PC9zdmc+);mask-size:contain;mask-repeat:no-repeat;height:1rem;width:1rem;background:var(--muted-text);grid-area:slash}& li:first-child{padding-inline-end:var(--size-8)}}html{background-color:var(--bg);transition:background-color .5s ease,color .5s ease;scrollbar-gutter:stable}li{list-style:none}ul{padding:0}a{text-decoration:underline;text-decoration-color:var(--link);text-underline-offset:2px;color:var(--link);&:visited{color:var(--link)}}body{font-family:var(--body-font);font-weight:400;font-style:normal;padding-inline:var(--body-padding);padding-block-end:var(--body-padding-block);color:var(--text);font-size:var(--body-fontSize);line-height:var(--body-lineHeight);display:grid;grid-template-areas:"header" "body" "social";grid-template-columns:1fr;grid-auto-rows:min-content}main{grid-area:body;max-inline-size:var(--max-inline-size);display:grid;gap:var(--main-gap)}header{grid-area:header;display:grid;grid-template:"title nav" auto / auto max-content;padding-block:var(--header-padding-block);position:sticky;top:0;background:var(--bg);z-index:1;align-items:center;height:var(--header-height)}.site-title{font-weight:var(--title-fontWeight);font-size:var(--title-fontSize);grid-area:title}.site-nav{& a{text-decoration:none;color:var(--text);animation:var(--animation-fade-in);position:relative;&:hover{color:var(--link);text-decoration:underline;text-decoration-color:var(--link);text-underline-offset:2px;animation:var(--animation-fade-in)}&[aria-current]{&:before{position:absolute;left:-8px;width:var(--size-8);height:var(--size-8);content:"";background:var(--link);border-radius:1000px;margin:auto;top:50%;transform:translate(-50%,-50%)}}}&.desktop{display:none;visibility:hidden}&.mobile{& ul{display:flex;gap:1.5rem;font-size:var(--body-fontSize)}}}.headshot{display:none;position:relative;& img{border-radius:var(--image-borderRadius);transform:scaleX(-1);border:solid 1px var(--card-border)}.headshot-light{display:block}.headshot-dark{display:none}}.thumbnail-dark{display:none}.dark-theme{.headshot{.headshot-light{display:none}.headshot-dark{display:block}}.thumbnail{.thumbnail-light{display:none}.thumbnail-dark{display:block}}}.intro{display:grid;gap:var(--intro-gap);margin-block-start:var(--intro-margin-block-start)}.social-links{display:flex;flex-direction:row;gap:var(--social-links-gap);flex-wrap:wrap;margin-block-start:var(--social-links-margin-block)}.mobile-social-links{grid-area:social;padding-block:var(--header-padding-block);margin-block-start:var(--header-margin-block-end);.social-links{justify-content:center}.theme-toggle-item{display:flex;justify-content:center;flex:1 0 100%;margin-block-start:2rem}}.filter{background:var(--bg);position:sticky;top:calc(var(--header-height) - var(--header-padding-block));z-index:2;padding-block:calc(var(--header-padding-block) / 2);display:flex;align-items:center}.filter-label-list{background:var(--filter-bg);border:solid 1px var(--card-border);padding:24px 16px;border-radius:6px;margin-block-end:32px;.label-list{display:flex;gap:12px;flex-wrap:wrap}}.card{&:not([hidden]){display:flex}flex-direction:column;gap:var(--card-gap);.label-container{display:flex;gap:var(--card-label-gap);align-items:center;flex-wrap:wrap}.card-title{display:flex;flex-direction:column;gap:var(--card-title-gap);& h3{font-size:var(--body-fontSize);font-weight:var(--card-title-weight)}& time{color:var(--date-color)}.separator{display:none}}.thumbnail{border:solid 1px var(--card-border);border-radius:var(--image-borderRadius);overflow:hidden}}.post-index{display:grid;gap:var(--post-index-gap)}.diy-site{background:linear-gradient(90deg,var(--bg) 15px,transparent 1%) 50%,linear-gradient(var(--bg) 15px,transparent 1%) 50%,hsl(var(--stone-5-hsl) / 80%);background-size:var(--size-16) var(--size-16);.card{background:var(--diy-card-bg);border:solid 1px var(--diy-card-border);padding:calc(var(--post-index-gap) / 2);border-radius:6px}}@media (min-width: 768px){:root{--body-fontSize: 18px;--header-height: 150px;--max-inline-size: 64ch;--max-inline-body-size: 1620px;--card-title-gap: 24px;--post-index-gap: 4rem;--title-fontSize: 32px;--main-gap: 4rem;--intro-margin-block-start: 0;--body-padding: 1.5rem}body{grid-template-areas:"header header" "nav body";grid-template-columns:100px auto;column-gap:var(--body-gap);max-inline-size:var(--max-inline-body-size);margin:0 auto}.mobile-social-links{display:none}.headshot{display:block;grid-area:image;width:var(--headshot-width);animation:shrink-image linear both;animation-timeline:scroll();animation-range:var(--header-animation-range)}.site-title{animation:title-opacity linear both;animation-timeline:scroll();animation-range:var(--header-animation-range);animation-range:5px 50px}header{grid-template-areas:"image title";grid-template-columns:subgrid;animation:var(--header-animation);animation-timeline:scroll();animation-range:var(--header-animation-range);height:var(--header-height);background:transparent}.site-nav{grid-area:nav;position:sticky;top:var(--header-height);z-index:2;align-self:start;animation:var(--header-animation);animation-timeline:scroll();animation-range:var(--header-animation-range);&.mobile{display:none;visibility:hidden}&.desktop{display:block;visibility:visible}& ul{display:flex;flex-direction:column;min-width:max-content;gap:var(--social-links-gap)}}.social-links{grid-area:social;flex-direction:column}.filter{top:0;padding-block:var(--header-padding-block);height:100px}}@media (min-width: 1220px){:root{--body-gap: 120px}}@media (min-width: 1440px){:root{--body-gap: 220px}}@keyframes shrink-image{to{--headshot-width: 50px;min-width:unset}}@keyframes shrink-header{to{--header-height: 100px}}@keyframes title-opacity{0%{opacity:1}to{opacity:0}}