.vh,.visually-hidden{&:not(:focus,:active){clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}}@layer reset{*{box-sizing:border-box;margin:0}html{interpolate-size:allow-keywords;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;text-size-adjust:none;@media not (prefers-reduced-motion:reduce){scroll-behavior:smooth}}canvas,img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit;word-spacing:inherit}}blockquote{text-wrap:pretty;max-inline-size:48ch}blockquote:before{content:"";border-block-start:max(2px,.125em) solid;width:30%;margin-block-end:.25lh;display:block}@media (width>=360px){blockquote{border-block:0;border-inline-start:max(2px,.125em) solid;padding-block-end:.125lh;padding-inline-start:.625em;line-height:calc(.5rlh + 1em)}blockquote:before{content:none}}h1,h2,h3,h4{--gap:.75lh}h1,h2,h3,h4{font-variant-ligatures:discretionary-ligatures;text-wrap:pretty;&+:is(p,h2,h3,h4){--gap:.75lh}}ol,ul{&.reset{padding:0;list-style:none}}.gap,.stack>:not(:first-child){margin-block-start:var(--gap,1lh)}.gap-end{margin-block:var(--gap,1lh)}.gap-0{--gap:0}.gap-2xs{--gap:var(--gap-2xs)}.gap-xs{--gap:var(--gap-xs)}.gap-s{--gap:var(--gap-s)}.gap-m{--gap:var(--gap-m)}.gap-l{--gap:var(--gap-l)}.gap-xl{--gap:var(--gap-xl)}.gap-2xl{--gap:var(--gap-2xl)}html{hanging-punctuation:first allow-end last;overflow-wrap:break-word}.fullBleed{inline-size:100vw;margin-inline-start:calc(50% - 50vw)}@container body not (width:100vw){.fullBleed{inline-size:calc(100vw - var(--scrollbar-width-px));margin-inline-start:calc(50% - 50vw + var(--scrollbar-width-px) / 2)}}:root{--col-count:1}.fixCol{gap:var(--col-gap,min(5vw, 3em));flex-wrap:wrap;display:flex;@supports (gap:1vi){gap:var(--col-gap,min(5vi, 3em))}@supports (width:1cqi){.container &{gap:var(--col-gap,min(5cqi, 3em))}}&>div{min-inline-size:calc(100% / var(--col-count) - var(--col-gap,min(5%, 3em)));flex:1}}:root{--vw:calc(100dvw / 1px);--vh:calc(100dvh / 1px);@supports not (width:calc(1% / 1px)){--vw:tan(atan2(100dvw, 1px));--vh:tan(atan2(100dvh, 1px))}}.btn,button{text-align:center;touch-action:manipulation;user-select:none;vertical-align:middle;align-items:center}pre{tab-size:4;inline-size:fit-content;max-inline-size:100%;overflow:auto;&.pre-wrap{white-space:pre-wrap}}code{max-width:100%;&:empty{display:none}}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:hidden}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}@font-face{font-display:swap}@font-face{font-family:primary;src:url(../font/regular.woff2)format("woff2"),url(../font/regular.ttf)format("truetype")}@font-face{font-family:primary;font-style:italic;src:url(../font/italic.woff2)format("woff2"),url(../font/italic.ttf)format("truetype")}:root{--color-primary:#367;--debug:true;@media (width>=1024px){--col-count:2;--col-gap:min(5%, 3em)}}body{color:light-dark(#111,#eee);background:light-dark(#fafafa,#191e1f);font-family:primary,sans-serif;font-size:1.125em;line-height:1.4;@media (width>=400px){font-size:1.375em;line-height:1.5}@media (width>=700px){font-size:1.5em}}header{color:#fff;background:#134;padding-block:.375lh .5lh;position:relative;& div{align-items:center;display:flex}&:after{content:"";background:#ffffff04;width:100%;height:1em;display:block;position:absolute;bottom:0}}nav{margin-block-start:.375lh;& ul{gap:1em;padding:0;list-style:none;display:flex}}section{padding-block:1lh}footer{background:light-dark(#f4f4f4,#111);margin-block-start:3lh;padding-block:2lh}.wrap{margin-inline:auto;padding-inline:clamp(1em,5%,3em)}.wrapMax{max-inline-size:48rem}.wrapMaxOut{max-inline-size:140rem}.wrapMin{max-inline-size:75rem}h1,h2{font-family:primary;line-height:calc(.5rlh + 1em)}h1{font-size:clamp(3em,10vw,7em);font-style:italic;& a{text-decoration:none}@media (width>=700px){font-weight:800}}h2{text-wrap:balance;font-size:clamp(1.5em,7vw,1.875em);font-weight:600}:any-link,.link{color:inherit;text-decoration-color:color-mix(currentColor, #0000 30%);text-underline-offset:max(2px, .25ex);text-decoration-thickness:max(2px,.125ex);transition:text-underline-offset .1s ease-out;&:where(:hover){text-decoration-color:currentColor}}p{max-inline-size:56ch}q{&:lang(en){quotes:"‘" "’";&:has(q){quotes:unset}}}.btn,button{background:var(--color-primary);color:var(--color-primary-contrast);line-height:inherit;border:0;border-radius:.375em;padding-block:calc(.5em + 2px);padding-inline:1em}code{background:light-dark(#f4f4f4,#1b1b1b);border-radius:.25em;padding:.125em .25em}pre{background:light-dark(#f4f4f4,#181818);border-radius:.25em;min-inline-size:50%;padding:.75em 1em;& code{background:0;border-radius:0;padding:0}}.sponsor{aspect-ratio:16/9;background:light-dark(#1111,#fff1);width:min(24em,50%)}.language-css{& .atrule{color:#ccc}& .property{color:orange}& .selector{color:pink}}.language-js{& .keyword{color:#aaa}& .number{color:#ff69b4}& .operator{color:orange}& .parameter{color:#ff0}& .punctuation{color:pink}& .string{color:#09e}}@keyframes rotate{0%{rotate:x -30deg}to{rotate:x 30deg}}.fixCol{& p{max-inline-size:none}@media (width>=1800px){text-align:justify}}.shape{--shape-gap:clamp(1em, 7.5%, 2.25em);background:red;display:none;@media (width>=480px){display:block}}.shapeA{--poly:40% 0, 60% 0, 100% 100%, 70% 100%, 50% 50%, 30% 100%, 20% 100%, 0% 100%;aspect-ratio:.75;float:left;margin-block:0 calc(var(--shape-gap) / 2);width:50%;margin-inline-end:var(--shape-gap);@media (width>=1024px){float:right;margin-inline:var(--shape-gap) 0;width:clamp(4em,70%,26em)}}.shapeCircle{aspect-ratio:1;margin-block:calc(var(--shape-gap) / 2);width:15%;margin-inline-end:var(--shape-gap);@media (width>=1024px){width:clamp(4em,25%,8em)}}.shapeI{clear:both;aspect-ratio:.293;margin-block:calc(var(--shape-gap) / 2);width:15%;margin-inline-end:var(--shape-gap);@media (width>=1024px){width:clamp(4em,25%,8em)}}html{scroll-timeline:--page-scroll block}@keyframes fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.shape{animation:auto linear fade;animation-fill-mode:both;animation-timeline:view();animation-range:20% 80%}@media (aspect-ratio<1/4){body{opacity:.25}}@media (height>2160px){body:after{--max-vh:720px;bottom:calc(-1 * var(--max-vh));content:"";z-index:999;background:#f0f;width:100%;height:100vh;position:fixed;left:0}}#swippy{position:relative;inset-block-end:1em;inset-inline-end:1rem;& div{backdrop-filter:blur(16px);background:#191e1fbb;border:1px solid #fff1;border-radius:.5em;width:24ch;padding:.5em 1em;position:absolute;bottom:0;left:calc(clamp(96px,8vw,160px) + 1rem)}& img,& svg{border-radius:.75em;width:clamp(96px,8vw,160px)}& p{display:none}}