@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--space:16px;--space-intimate:calc(var(--space)/4);--space-familiar:var(--space);--space-seperate:calc(var(--space)*2);--space-divorced:calc(var(--space)*4);--outerspace:calc(var(--space)*6);--brick:2.3rem}@media only screen and (max-width:850px){:root{--margin:12px}}@media only screen and (max-width:360px){:root{--margin:6px}}*{line-height:calc(.5rem + 1em);margin:0;padding:0}*,:after,:before{box-sizing:border-box}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}html{block-size:100%;-webkit-text-size-adjust:none}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;min-block-size:100%;text-rendering:optimizeSpeed}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(textarea){resize:vertical}@supports (resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}h1{font-size:2em}:where(ul,ol)[role=list]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation}:where(input[type=file]){cursor:auto}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer}@media (prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset 145ms cubic-bezier(.25,0,.4,1)}:where(:not(:active)):focus-visible{transition-duration:.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-align:center;-webkit-user-select:none;user-select:none}:where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{cursor:not-allowed}:root{--background:#f3f6ea;--foreground:#3e505b;--brand:#368f8b;--shade:#dbdcd7;--success:#6bffb8;--warnings:#cf4d6f}html{background:var(--background);color:var(--foreground);--font-size:16px;font-family:Inter,Flexa,sans-serif;font-size:clamp(9px,2vw,var(--font-size));font-weight:400}@font-face{font-family:Flexa;font-stretch:75% 100%;font-style:oblique 0deg 12deg;font-weight:100 900;src:url(assets/fonts/GT-Flexa-Mono-VF-Trial.woff2) format("woff2 supports variations"),url(./GT-Flexa-VF-Trial.CSzZNE-Z.woff2) format("woff2-variations")}h1,h2,h3,p{font-weight:300;line-height:1.2;margin:0 0 var(--space-intimate)}h1:not(.display),h2:not(.display),h3:not(.display),p:not(.display){max-width:clamp(0px,60ch,600px)}h1{font-size:5rem;font-weight:800;letter-spacing:-6px}h1.display{font-size:20rem;line-height:1}h2{font-size:3rem;font-weight:800;letter-spacing:-3px}h3{font-size:1.5rem}p{line-height:1.5}p,p.caption{font-size:1rem}p.caption{font-style:italic;font-weight:200}span{color:var(--brand);transition:.4s}span:hover{font-style:italic;font-weight:700}.page{max-width:calc(100vw - var(--space-familiar));padding-top:var(--space-familiar);width:1000px}button{height:var(--brick,auto);-webkit-user-select:none;-moz-user-select:none;user-select:none}.page{--page-width:calc(100vw - var(--space-familiar)) max-width:var(--page-width);margin:auto;padding-bottom:var(--outerspace);padding-top:var(--outerspace);width:1200px}.type-wrapper{display:grid;gap:var(--space-seperate)}.type-wrapper section{display:grid;gap:var(--space-familiar)}.u-panel{background-color:var(--shade);padding:5px 15px;transition:var(--transition,.4s)}.u-panel.hover:hover{background-color:var(--foreground);color:var(--background);font-weight:600}.u-panel.active:active{background-color:var(--brand);color:var(--foreground);font-weight:800;transition:.01s}.u-panel.after{overflow:hidden;position:relative}.u-panel.after:after{background-color:var(--brand);clip-path:circle(0 at 0);content:"";height:100%;left:0;position:absolute;top:0;transition:var(--transition,.4s);width:100%}.u-panel.after.hover:hover:after{clip-path:circle(25% at 0)}.u-panel.after.active:active:after{clip-path:circle(200% at 0)}.u-panel,.u-radius{border-radius:var(--radius,25px)}.u-invert{filter:invert(90)}.u-invert .img,.u-invert img{filter:invert(1)}.u-invert .img:after,.u-invert img:after{filter:invert(90)}