*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}:root{--space-3xs:clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs:clamp(.5625rem, .5408rem + .1087vw, .625rem);--space-xs:clamp(.875rem, .8533rem + .1087vw, .9375rem);--space-s:clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-m:clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-l:clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl:clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl:clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl:clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--space-3xs-2xs:clamp(.3125rem, .2038rem + .5435vw, .625rem);--space-2xs-xs:clamp(.5625rem, .4321rem + .6522vw, .9375rem);--space-xs-s:clamp(.875rem, .7446rem + .6522vw, 1.25rem);--space-s-m:clamp(1.125rem, .8641rem + 1.3043vw, 1.875rem);--space-m-l:clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);--space-l-xl:clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);--space-xl-2xl:clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);--space-2xl-3xl:clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);--space-s-l:clamp(1.125rem, .6467rem + 2.3913vw, 2.5rem);--space-l-2xl:clamp(2.25rem, 1.2935rem + 4.7826vi, 5rem);--step--2:clamp(.7038rem, .7257rem + -.0283vw, .72rem);--step--1:clamp(.9rem, .887rem + .0652vw, .9375rem);--step-0:clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1:clamp(1.4063rem, 1.3158rem + .4522vw, 1.6663rem);--step-2:clamp(1.7581rem, 1.597rem + .8054vw, 2.2213rem);--step-3:clamp(2.1975rem, 1.9321rem + 1.3272vw, 2.9606rem);--step-4:clamp(2.7469rem, 2.3295rem + 2.087vw, 3.9469rem);--step-5:clamp(3.4331rem, 2.7975rem + 3.1783vw, 5.2606rem);--dark:#1d1c1b;--light:#f2f0e4;--orange:#d96b52;--red:#d95e52;--gray:#404e64;--color-primary-light:#ff0f53;--color-primary-light-transparent:#ff0f53cc;--color-primary-dark:#e7275e;--color-primary-dark-transparent:#e7275ecc;--color-secondary:#7678ed;--gutter:var(--space-s-m);--border-radius:.25rem;--font-body:"Nunito-Regular", sans-serif;--font-heading:"BebasNeue-Regular", sans-serif;--color-bg:var(--light);--color-fg:var(--dark);--color-primary:var(--color-primary-dark);--color-primary-transparent:var(--color-primary-dark-transparent);--cover-gradient:linear-gradient(to right, var(--color-fg), var(--color-primary))}@media (prefers-color-scheme:dark){:root{--color-bg:var(--dark);--color-fg:var(--light);--color-primary:var(--color-primary-dark);--color-primary-transparent:var(--color-primary-dark-transparent);--cover-gradient:linear-gradient(to right, var(--color-primary), var(--color-bg))}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:var(--color-fg);background-color:var(--color-bg);font-display:optional}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--light);--color-fg:var(--dark);--color-primary:var(--color-primary-dark);--color-primary-transparent:var(--color-primary-dark-transparent);--cover-gradient:linear-gradient(to right, var(--color-fg), var(--color-primary))}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--dark);--color-fg:var(--light);--color-primary:var(--color-primary-dark);--color-primary-transparent:var(--color-primary-dark-transparent);--cover-gradient:linear-gradient(to right, var(--color-primary), var(--color-bg))}a{color:currentColor;-webkit-text-decoration-color:var(--color-secondary);text-decoration-color:var(--color-secondary)}a:hover{opacity:.9}.primary{color:var(--color-primary)}svg{width:auto;height:2ex}img,picture{height:auto}picture{place-items:center;display:grid}.hidden{display:none!important}.swatches{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;list-style:none;display:grid}.swatches li{aspect-ratio:1;border:1px solid var(--color-fg);border-radius:var(--border-radius);place-items:center;display:grid;overflow:hidden}.dark{background-color:var(--dark);color:var(--light)}.light{background-color:var(--light);color:var(--dark)}.primary{color:inherit;background-color:var(--color-primary)}.secondary{color:inherit;background-color:var(--color-secondary)}table{border-collapse:collapse;width:100%}table thead{background-color:var(--color-primary);color:var(--color-bg);text-align:left}table thead th{padding-left:var(--gutter)}table td{border-top:1px solid var(--color-fg)}pre[class*=language-]{margin-top:var(--space-m-l)!important;margin-bottom:var(--space-m-l)!important}.feature.region{--region-space:var(--space-m-l)}canvas{z-index:-1;position:absolute;top:0;left:0}@font-face{font-family:BebasNeue-Regular;src:url(/https/jensa.dev/assets/fonts/BebasNeue-Regular.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Nunito-Regular;src:url(/https/jensa.dev/assets/fonts/Nunito-Regular.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}body{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.1rem;-webkit-hyphens:auto;hyphens:auto;font-weight:700;line-height:1}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}p,li,blockquote:not([class]){max-width:65ch}body{font-size:var(--step-1);font-weight:400;line-height:1.5}blockquote{padding:var(--space-s-m);color:var(--color-primary);border-left:8px solid var(--color-primary);font-style:italic;font-size:var(--step-2)}blockquote>p:first-of-type:before{content:"“"}blockquote>p:first-of-type:after{content:"”"}blockquote:not([class]) p:last-of-type{color:var(--color-fg);font-style:normal}abbr{background-color:var(--color-bg-accent);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.important{padding:var(--space-s-m);color:var(--color-primary);font-weight:600}::selection{background-color:var(--color-secondary);color:var(--color-fg)}.content{--gap:clamp(1rem, 6vw, 3rem);--full:minmax(var(--gap), 1fr);--content:min(70ch, 100% - var(--gap) * 2);--popout:minmax(0, 2rem);--feature:minmax(0, 5rem);grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end];display:grid}.content>*{grid-column:content}.popout,.feature,.full{max-width:unset}.popout{grid-column:popout}.feature{grid-column:feature}.full{grid-column:full}.center{justify-self:center}.full img{object-fit:cover;object-position:25% 25%;width:100%;height:100%;max-height:80vh;display:block}.youtube-embed iframe{aspect-ratio:16/9;width:100%}.grid{grid-template-columns:repeat(var(--grid-placement,auto-fill), minmax(var(--grid-min-item-size,16rem), 1fr));gap:var(--gutter,var(--space-s-l));display:grid}.grid[data-layout="50-50"]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem, 50vw, 22rem)}.grid[data-rows=masonry]{grid-template-rows:masonry;align-items:start}.sidebar{gap:var(--gutter,var(--space-s-l));flex-wrap:wrap;display:flex}.sidebar:not([data-direction])>:first-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar:not([data-direction])>:last-child{min-inline-size:var(--sidebar-content-min-width,50%);flex-grow:999;flex-basis:0}.sidebar[data-direction=rtl]>:last-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar[data-direction=rtl]>:first-child{min-inline-size:var(--sidebar-content-min-width,50%);flex-grow:999;flex-basis:0}.stack{aspect-ratio:var(--stack-aspect-ratio);grid-template-areas:"stack";display:grid}.stack>*{grid-area:stack}.wrapper{max-width:var(--wrapper-max-width,85rem);padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto;position:relative}.region{padding-top:var(--region-space-top,var(--space-l-2xl));padding-bottom:var(--region-space-bottom,var(--space-l-2xl))}.flow>*+*{margin-top:var(--flow-space,1em)}.skip-link:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:auto;margin:0;padding:0;position:absolute;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stretched-link:after{z-index:1;content:"";position:absolute;inset:0}.navbar{background-color:var(--color-primary-transparent);z-index:100;opacity:.9}svg.search-icon{display:block}svg.light-icon,svg.dark-icon{transition:transform .3s ease-in-out}svg.light-icon:hover,svg.dark-icon:hover{transform:rotate(360deg)}.navbar-inner{justify-content:space-between;align-items:center;column-gap:var(--gutter);margin-top:var(--space-xs-s);flex-wrap:wrap;display:flex;position:relative}.navbar-inner ul{align-items:center;gap:var(--gutter);justify-content:space-between;margin:0;padding:0;display:flex}.navbar-inner a{font-weight:600;text-decoration:none}.navbar-inner a:hover{text-decoration:underline}.active{opacity:.9}.dark-icon{display:none}.light-icon,html[data-theme=dark] .dark-icon{display:block}html[data-theme=dark] .light-icon,html[data-theme=light] .dark-icon{display:none}html[data-theme=light] .light-icon{display:block}.button{width:100%;padding:var(--space-2xs);margin-top:var(--space-3xs-2xs);border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-bg);cursor:pointer;text-transform:uppercase;font-weight:700;font-family:var(--font-heading);letter-spacing:.1rem;border:none}.button:hover{color:var(--color-fg)}.button-icon{cursor:pointer;background-color:#0000;border:none;margin-top:0}.button-icon svg{fill:var(--color-bg)}.post-list a{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.post-list time{opacity:.8;font-size:var(--step-0);font-family:var(--font-heading)}.post-list p{--flow-space:.5em}.post-list footer{--flow-space:.3em}.post-list h2{font-size:var(--step-3)}.post-list--right{justify-content:end;display:flex}.post-list--year{border-bottom:4px solid var(--color-fg)}.post-list--more{--flow-space:2em;justify-content:flex-end;display:flex}.tags{gap:var(--gutter);font-size:var(--step-0);font-family:var(--font-heading);opacity:.8;margin:0;padding:0;list-style:none;display:flex}.site-head{color:var(--color-bg);background-color:var(--color-primary);clip-path:polygon(0 0,100% 0,100% 96%,0% 100%);overflow:hidden}.site-head--cover{background:var(--cover-gradient)}[data-theme=dark] .site-head--cover{color:var(--color-fg)}.site-head--cover-image{opacity:.2;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.site-head--cover-image picture{width:100%;height:100%;display:block}.site-head .tags{font-size:var(--step-1);margin-top:var(--space-s)}.site-head .tags a :hover{text-decoration:underline}.site-head .lead a{color:var(--color-fg);text-decoration:none;position:relative}.site-head .lead a:hover{color:inherit;opacity:.9;text-decoration:underline}.word{color:var(--color-fg)}.site-foot{--region-space-top:var(--space-xl-2xl);opacity:.8;clip-path:polygon(0 4%,100% 0,100% 100%,0% 100%);background-color:var(--dark);color:var(--light)}.site-foot ul{gap:var(--gutter);padding:0;display:flex}.site-foot svg{fill:currentColor}form input,form textarea{width:100%;padding:var(--space-2xs);margin-top:var(--space-3xs-2xs);border-radius:var(--border-radius)}form :focus{color:var(--color-fg);outline-color:var(--color-secondary)}.card{max-width:unset;border-radius:var(--border-radius);background-color:var(--color-fg);color:var(--color-bg);position:relative}.card a{color:currentColor;text-decoration:none}.card:focus-within a:focus{outline:none}.card>img{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);width:100%}.card-body{padding:var(--space-s)}.card-body h3{color:var(--color-bg)}.card-list{margin:0}.card[data-infobox=true]{padding:var(--space-xs-s)}.card[data-clickable=true] a:after{content:"";position:absolute;inset:0}.post-title{--flow-space:0}.post-date{opacity:.8;font-family:var(--font-heading)}article>footer>ul>li{text-transform:capitalize}article>footer>.tags{flex-wrap:wrap}aside{border:4px solid var(--color-primary);padding:var(--gutter)}.nav-toc{border:4px solid var(--color-primary);padding:var(--gutter);position:relative}@media screen and (min-width:500px){.nav-toc h2{background:var(--color-bg);padding:0 .5rem;position:absolute;top:-2rem}}.tags{flex-wrap:wrap}.tags a{text-decoration:none}.tags a:hover{text-decoration:underline}.tags-list{--min:16rem;grid-gap-column:var(--gutter);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));display:grid}.flash{z-index:1100;background:var(--color-fg);color:var(--color-bg);border-radius:var(--border-radius);max-width:40ch;padding:var(--space-s-m);position:fixed;bottom:2vmin;left:2vmin;right:2vmin}.flash__inner{gap:var(--gutter);grid-auto-rows:auto;display:grid}.flash__message{grid-row:1}.flash__button{grid-row:2;justify-self:end}.search-modal{top:var(--space-xl-2xl);z-index:1000;flex-grow:1;width:100%;position:absolute}.search-modal--open{height:100%}.search-modal-results{color:fieldtext;border:1px solid var(--color-fg);width:100%;padding:var(--space-xs);border-radius:var(--border-radius);background-color:field}.search-modal-results li{width:100%;display:block}.search-modal-results li :hover:not(p){text-decoration:underline}.language-switcher a{padding-inline:.2em;text-decoration:none}.language-switcher .active{text-decoration:underline}.language{display:flex}.codepen{box-sizing:border-box;border:2px solid;justify-content:center;align-items:center;height:600px;margin:1em 0;padding:1em;display:flex}