html:root{--_h: 270;--_s: 20%;--_hs: var(--_h) var(--_s);--clr-accent: hsl(var(--_h), 50%, 40%);--clr-accent-light: hsl(var(--_h), 84%, 72%);--clr-accent-dark: hsl(var(--_h), 71%, 22%);--clr-complementary: hsl(90, 50%, 40%);--clr-href: hsl(var(--_h), 80%, 50%);--clr-href-visited: hsl(var(--_h), 70%, 22%);--clr-background: hsl(var(--_hs) 95%);--clr-background-900: hsl(var(--_hs) 88%);--clr-background-800: hsl(var(--_hs) 75%);--clr-background-700: hsl(var(--_hs) 63%);--clr-foreground: hsl(var(--_hs) 10%);--clr-foreground-900: hsl(var(--_hs) 13%);--clr-foreground-800: hsl(var(--_hs) 25%);--clr-foreground-700: hsl(var(--_hs) 38%);--clr-disabled-text: hsl(var(--_hs) 50%);--clr-white: hsl(var(--_hs) 100%);--clr-black: hsl(var(--_hs) 0%);--clr-black-light: hsl(var(--_hs) 13%);--clr-red: hsl(357, 70%, 41%);--clr-red-dark: hsl(357, 70%, 30%);--bx-shadow-two-side: 0 0.3125rem 0.625rem hsla(var(--_hs) 0%, 0.2), -0.3125rem -0.3125rem 0.625rem hsla(var(--_hs) 100%, 0.8);--table-header: var(--clr-accent-light)}html:root[data-color-scheme=sunglow]{--_h: 34;--_s: 10%;--clr-complementary: hsl(214, 50%, 40%)}html:root[data-color-scheme=navyocean]{--_h: 207;--_s: 10%;--clr-complementary: hsl(27, 50%, 40%)}html:root[data-color-scheme=embershadow]{--_h: 5;--_s: 10%;--clr-complementary: hsl(210, 40%, 25%)}html:root[data-color-scheme=olivedepths]{--_h: 140;--_s: 10%;--clr-complementary: hsl(20, 50%, 40%);--clr-href: hsl(var(--_h), 40%, 50%)}html:root[data-theme=dark]{--clr-href: hsl(var(--_h), 84%, 72%);--clr-href-visited: hsl(var(--_h), 50%, 40%);--clr-background: hsl(var(--_hs) 10%);--clr-background-900: hsl(var(--_hs) 13%);--clr-background-800: hsl(var(--_hs) 25%);--clr-background-700: hsl(var(--_hs) 38%);--clr-foreground: hsl(var(--_hs) 95%);--clr-foreground-900: hsl(var(--_hs) 88%);--clr-foreground-800: hsl(var(--_hs) 75%);--clr-foreground-700: hsl(var(--_hs) 63%);--bx-shadow-two-side: 0 0.3125rem 0.625rem rgb(0 0 0 / 20%), -0.3125rem -0.3125rem 0.625rem rgb(58 58 58 / 63%)}.font-montserrat,body{font-family:"Montserrat",sans-serif}.font-monospace,.article pre,.article code,.article kbd,.article samp{font-family:monospace,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:10rem;scroll-padding-bottom:10rem}html:root .themes{background-color:#ffc107;color:#7e620e}html:root [data-moon]{display:none}html:root [data-sun]{display:block}html:root[data-theme=dark] .themes{background-color:var(--clr-accent);color:var(--clr-accent-dark)}html:root[data-theme=dark] [data-sun]{display:none}html:root[data-theme=dark] [data-moon]{display:block}*,*:is(::after,::before){box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--clr-background-900);color:var(--clr-foreground);line-height:1.6;overflow-x:hidden}a,a:is(:active,:hover,:focus-visible){color:inherit;text-decoration:none}a:is(:hover,:focus-visible){color:var(--clr-accent)}a[href]{position:relative}a[href] .new-tab-warning{position:absolute;width:-moz-max-content;width:max-content;background-color:hsl(0,0%,13%);font-weight:normal;letter-spacing:normal;color:var(--clr-white) !important;padding:.3rem;font-size:.7rem;border-radius:.3rem;margin-top:.5rem;top:100%;left:0;visibility:hidden;pointer-events:none;text-transform:capitalize;transition:all 300ms ease-out;translate:0 -0.3rem;z-index:90;-webkit-user-select:none;-moz-user-select:none;user-select:none}a[href]:focus-visible .new-tab-warning{visibility:visible;translate:0 0}::-moz-selection{background-color:var(--clr-accent);color:var(--clr-white)}::selection{background-color:var(--clr-accent);color:var(--clr-white)}.t-all{transition:all 300ms ease-in}@media screen and (max-width: 39.9375em){.no-scroll{overflow:hidden !important}.no-scroll :is(header,main,footer){visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.not-loaded{overflow:hidden}.not-loaded :is(header,main,footer,nav){visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(ul,li){margin:0;padding:0}li{list-style:none}*:focus-visible{outline:.125rem solid var(--clr-accent-dark)}.highlight{background-color:var(--clr-black);padding:.2rem .6rem;color:var(--clr-white)}.highlight:is(:hover,:focus){color:var(--clr-white)}.header-link__access{text-decoration:none !important}.sr-only{border:0;clip-path:rect(0 0 0 0);height:.0625rem;margin:-0.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}.header_article{all:unset;position:relative;width:100vw;aspect-ratio:16/9;height:-moz-fit-content;height:fit-content;max-height:60vh;overflow:hidden;margin:0 auto}.header_article img{top:50%;translate:0 -50%;position:absolute;aspect-ratio:16/9;width:100%;height:auto}.main{background-color:var(--clr-background-900);flex:1 0 auto;display:flex;flex-direction:column;gap:6rem;overflow:hidden}.main-container{max-width:64rem;margin:0 auto;padding:3rem 2rem;width:100%}.main .section-more{display:block;width:100%;padding:1em;border:.0625em solid var(--clr-foreground);margin-top:1em;border-radius:.3em}.main .section-more:is(:hover,:focus){background-color:var(--clr-accent);border-color:var(--clr-accent-light);color:var(--clr-white)}.main .section-header{display:flex;flex-direction:row;align-items:center;z-index:3;gap:2em;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em}.main .section-header .header-title{display:flex;line-height:1;align-items:center;gap:.6em}.main .section-header .header-title__link{font-size:1.3em;font-weight:bold;text-decoration:none;height:-moz-max-content;height:max-content}.main .section-header span{text-transform:none;letter-spacing:0}@media screen and (max-width: 63.9375em){.main .section-header{flex-direction:column;align-items:flex-start;gap:0}.main .section-header span::before{display:none}}.main .section-header .header-desc{display:block;position:relative;font-size:.9rem;color:var(--clr-foreground-700)}.main .section-header .header-desc::before{content:"";position:absolute;left:0;border:.1875em solid var(--clr-foreground);top:50%;translate:0 -50%;margin-left:-1em;border-radius:50%}.blog .main-container{padding-inline:0}.blog .main-container>*:not(ul){width:min(min(100vw - 4rem,60rem),58rem);margin-inline:auto}.work{position:relative;isolation:isolate;padding-top:4rem}.work-svg_bottom{position:absolute;bottom:-6.0625em;z-index:-1;color:var(--clr-background)}.work .section-header{width:min(min(100vw - 4rem,60rem),58rem);margin:auto}.work .section-more{margin:auto;margin-top:-2em;display:block;width:min(min(100vw - 4rem,60rem),58rem);padding:1em;background-color:var(--clr-background);border:.0625em solid var(--clr-background-900);border-radius:.3em}.work .section-more:is(:hover,:focus){background-color:var(--clr-accent);border-color:var(--clr-accent-light);color:var(--clr-white)}@media screen and (max-width: 63.9375em){.work .main-container{padding-inline:0}}.contact .form-input{display:flex;flex-direction:column}.contact .form-input__captcha{margin-top:1rem;margin-bottom:1rem}.contact .form-input label{margin:2em 0 .5em 0}.contact .form-input input,.contact .form-input textarea{width:100%;padding:1rem;border:none;background-color:var(--clr-background);color:var(--clr-foreground-900);resize:none}.contact .form-input input[type=submit]{border:none;color:var(--clr-white);background-color:var(--clr-accent)}.footer{background-color:var(--clr-background);color:var(--clr-foreground);padding:.8rem}.footer .brand{display:flex;gap:.5rem;width:-moz-max-content;width:max-content}.footer .brand-title{font-size:1.3rem;font-weight:700}.footer .brand-logo{display:flex;align-items:center}.footer-top{padding:.8rem;padding-top:3rem;font-size:2rem;max-width:35ch;line-height:1.2;position:relative;isolation:isolate}.footer-top::before{content:'"';position:absolute;font-size:4em;left:0;top:0;color:var(--clr-background-800);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1}.footer-bottom{padding:.8rem;text-align:left;display:flex;flex-direction:column;gap:.3em}.footer-container{max-width:64rem;margin:0 auto}.footer .copyright{font-size:.9rem;margin:1rem auto;text-align:left;border:.0625rem solid var(--clr-foreground);width:100%;max-width:-moz-max-content;max-width:max-content;padding:.2rem 2rem}@media screen and (min-width: 40em){.footer .copyright{flex-direction:row}}.aboutme{background-color:var(--clr-accent);color:var(--clr-white)}.aboutme .adds{font-size:.9rem;padding:1rem}.aboutme .adds .new-line{margin-top:.5em}.aboutme a{text-decoration:underline;text-underline-offset:.4rem}.aboutme a:hover,.aboutme a:focus-visible{color:#d0d0d0}.aboutme ::-moz-selection{background-color:#333}.aboutme ::selection{background-color:#333}.aboutme .extra{text-transform:uppercase;letter-spacing:.1rem}.aboutme .main-container{display:flex;flex-direction:column}.aboutme .flex{display:flex;flex-direction:row;border-radius:.3rem;margin-top:1rem}.aboutme .flex-header{display:flex;padding:.5rem 1rem;width:100%;justify-content:space-between;box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);flex:0 0 auto}.aboutme .flex-header span[aria-hidden=true]{display:block;margin-top:.3rem}.aboutme .flex-header div{display:flex;align-items:center;font-weight:600;gap:.2rem}.aboutme .flex-header div .dot{height:.9375rem;width:.9375rem;background-color:rgb(219.3,0,0);border-radius:50%}.aboutme .flex-header div .dot:first-of-type{background-color:green}.aboutme .flex-header div .dot:nth-of-type(2){background-color:#ff0}.aboutme .flex .lists{display:flex;justify-content:space-around;width:100%}.aboutme .flex.tools{background-color:hsl(0,0%,13%);box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);margin-bottom:-9rem;z-index:2}.aboutme .flex.tools h2{padding:1rem}.aboutme .flex.tools .lists{background-color:hsl(0,0%,11%);border-radius:.3rem;padding:2rem}.aboutme .flex.languages{filter:brightness(110%);box-shadow:inset 0 .3125rem .625rem rgba(0,0,0,.4);background-color:var(--clr-accent-dark);padding:2rem}.aboutme .flex.languages .header-title{gap:1em;display:flex}.aboutme .flex.languages h2{padding:1rem 0}.aboutme .flex.languages ul{margin-top:.2rem}.aboutme .flex.languages .lists{overflow:unset;height:-moz-fit-content;height:fit-content}.aboutme .flex:not(:first-of-type){margin-top:5rem;justify-content:space-around;flex-direction:column}.aboutme .flex:not(:first-of-type) ul{font-size:1.1rem;font-weight:600}.aboutme .flex:not(:first-of-type) ul li{font-weight:500;font-size:1rem;margin-top:.5rem}.aboutme .flex:not(:first-of-type) ul li:first-of-type{font-weight:600}.aboutme .flex:not(:first-of-type) ul li:nth-child(2){margin-top:.5rem}@media screen and (max-width: 63.9375em){.aboutme .flex:not(:first-of-type) ul li:nth-child(2){margin-top:0}}@media screen and (max-width: 63.9375em){.aboutme .flex:not(:first-of-type){align-items:flex-start}.aboutme .flex:not(:first-of-type) .lists{flex-direction:column}.aboutme .flex:not(:first-of-type) ul{display:flex;flex-wrap:wrap;gap:0 .5rem}.aboutme .flex:not(:first-of-type) ul>li{display:inline-block;margin-top:0}}@media screen and (max-width: 63.9375em){.aboutme .flex{flex-direction:column;align-items:center}}.aboutme .data{position:relative;min-width:25rem;height:20rem}@media screen and (max-width: 63.9375em){.aboutme .data{width:100%;max-width:25rem;min-width:unset}}.aboutme .data:hover .note{scale:1.1}.aboutme .data::before{content:"";position:absolute;width:100%;height:100%;background-color:rgb(219.3,0,0);left:-0.7rem;border-radius:40% 20%/10%}.aboutme .explain{display:flex;align-items:center;margin-top:1rem;padding:1rem;font-size:1.2rem}@media screen and (min-width: 64em){.aboutme .explain{padding-left:3rem}}.aboutme .note{rotate:-3deg}[data-animation]{opacity:0;transition:translate var(--_translate, 1s) ease-in-out,scale var(--_scale, 1s) ease-in-out,rotate var(--_rotate, 1s) ease-in-out,opacity var(--_opacity, 1s) ease-in-out;transition-delay:attr(data-transition-delay, 0ms)}[data-animation=fade-in]{translate:0 4em}[data-animation=right-show]{translate:-5em 0}[data-animation=top-show]{translate:0 -5em}[data-animation=bottom-show]{translate:0 5em}[data-animation=left-show]{translate:5em 0}[data-animation=prototype-card]{translate:-5em 0}[data-animation=prototype-card]:nth-of-type(odd){translate:5em 0}.has-been-animated,[data-has-been-animated]{opacity:unset;scale:unset;rotate:unset;translate:unset !important}@media(prefers-reduced-motion){.prototype-reader,.data{transform:unset !important}*,*::after,*::before{animation:unset !important;rotate:0deg !important;translate:0em 0em !important}[data-animation]{translate:unset !important;opacity:1 !important}}.card{--_scale: 300ms;background-color:#333;background-image:linear-gradient(transparent, var(--clr-accent-dark));background-position:center;background-size:cover;background-clip:border-box;box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);border-radius:.3rem;padding:10rem 0 0;width:28ch;position:relative;isolation:isolate;flex:0 0 auto;scroll-snap-align:center;color:var(--clr-white)}.card:hover,.card:has(:focus){scale:1.1;z-index:10}.card-image{position:absolute;display:flex;align-items:center;justify-content:center;z-index:-1;left:0;right:0;top:0;bottom:0;height:100%;width:100%;border-radius:.3rem;overflow:hidden}.card-image picture{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:.3rem}.card-image::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-image:linear-gradient(transparent, var(--clr-accent-dark))}.card-background{height:inherit;width:-moz-fit-content;width:fit-content}.card-empty{width:calc(100% - 4rem);padding:2rem;box-shadow:var(--bx-shadow-two-side);background:var(--clr-background-900);color:var(--clr-foreground-700)}.card-empty:hover,.card-empty:focus-visible{scale:1}.cards{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;scrollbar-width:none}.cards.nocentered{justify-content:flex-start}.cards-more{width:100%}.cards.cards-horizontal{padding-bottom:4.5rem;padding-top:2rem;scroll-snap-type:x proximity}.cards.cards-horizontal::-webkit-scrollbar{width:0;height:0}@media screen and (max-width: 63.9375em){.cards.cards-horizontal{padding:2rem 2rem 4.5rem 2rem;flex-wrap:nowrap;overflow-y:hidden}}@media screen and (max-width: 39.9375em){.cards.cards-horizontal{overflow-x:auto}}@media screen and (min-width: 40em){.cards.cards-horizontal{flex-wrap:nowrap}.cards-more{justify-content:space-evenly}}.card-body{background-image:linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.4) 10%, hsl(0, 0%, 0%));height:100%;display:flex;flex-direction:column;border-radius:.3rem}.card-body header,.card-body .description-area{flex:0 0 auto;padding:0 1.5rem}.card-body header h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card-body .description-area{height:3.2rem;overflow:hidden}.card-body h2{font-size:1.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card-body .card-time{display:block;color:var(--clr-accent-light);font-weight:600;margin-bottom:1rem;margin-top:.3rem;font-size:.8rem;padding:.2rem 1rem .2rem 0;width:-moz-fit-content;width:fit-content;border-radius:.3em;background-color:rgba(0,0,0,0);background-image:linear-gradient(90deg, hsla(270, 71%, 22%, 0), var(--clr-accent))}.card-body .more-links{display:flex;flex:1 0 auto;align-items:flex-end;width:100%;justify-content:space-between}.card-body .more-links .disabled{display:block;margin-top:1rem;padding:1rem 1.25rem;color:var(--clr-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-body .more-links a{display:flex;margin-top:1rem;padding:1rem 1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:10;gap:.3rem}.card-body .more-links a svg{flex:0 0 auto;height:1.5rem}.card-body .more-links a:hover,.card-body .more-links a:focus-visible{color:var(--clr-white)}.card-body .more-links a:hover::before,.card-body .more-links a:focus-visible::before{width:100%}.card-body .more-links a:focus .new-tab-warning{box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);visibility:visible}.card-body .more-links a::before{content:"";position:absolute;width:0%;left:0;margin-top:-1rem;background-color:var(--clr-accent);height:100%;transition:all 150ms ease-in;border-radius:.3rem;z-index:-1}.clients{background-color:var(--clr-background);margin-bottom:-6em}.clients-list{padding:2em;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2em}.clients-list svg{max-height:5em}.hero{overflow:hidden;display:flex;isolation:isolate;align-items:center;justify-content:center;flex-direction:column;background-color:var(--clr-background);height:80dvh;z-index:3;position:relative}@media screen and (max-width: 63.9375em){.hero{height:100%}}.hero-decoration{--_width: 95vmin;--_increase: 1.2;--_duration: 12s;--_delay: calc((var(--_duration) * 0.1));position:absolute;right:calc(var(--_width)/-2);bottom:calc(var(--_width)/-2);z-index:-1;width:var(--_width);aspect-ratio:1/1;border-radius:50%;background-color:var(--clr-accent);animation:twiching var(--_duration) var(--_delay) infinite}@keyframes twiching{50%{width:calc(var(--_width)*var(--_increase))}}.hero-bigger{--_width: 120vmin;--_increase: 2;--_duration: 10s;--_delay: calc((var(--_duration) * 0.2));background-color:rgba(0,0,0,0);border:max(.5vmin,.125rem) solid var(--clr-accent)}.hero .decoration{position:absolute;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.hero .decoration .relative{position:relative}.hero-svg_bottom{z-index:-1;position:absolute;bottom:0;margin-bottom:-0.625rem;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.hero-svg_bottom svg{position:relative;display:block;width:calc(100% + .08125rem);height:9.375rem}@media screen and (max-width: 39.9375em){.hero-svg_bottom svg{height:3.125rem}}.hero-svg_bottom .shape-fill{fill:var(--clr-background-900)}.hero .extras{background-image:linear-gradient(90deg, var(--clr-background), transparent)}.nav{background-color:var(--clr-background);flex-grow:0;flex-shrink:0;position:sticky;top:0;z-index:20}.nav-skip{position:relative;width:100%;height:0;transition:height 200ms ease;justify-content:center}.nav-skip:has(:focus){height:1.6em}.nav-container{padding:.8rem;width:100%;max-width:64rem;margin:0 auto;gap:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.nav-container .menubar{font-weight:600;flex:1;justify-content:flex-end}.nav-skipto{background-color:var(--clr-accent);color:var(--clr-white);padding:0 .3rem;position:absolute !important;left:0;right:0;top:0;width:100%;height:-moz-max-content;height:max-content;text-align:center;opacity:0;transition:opacity 200ms ease;pointer-events:none}.nav-skipto:focus{pointer-events:unset;opacity:1;color:var(--clr-white)}.nav .leftside{display:flex;gap:1rem}.nav .rightside{display:flex;gap:.2rem}.nav .brand{display:flex;gap:.5rem;flex:1 0 auto;order:1}.nav .brand-title{font-size:1.3rem;font-weight:700}.nav .brand-logo{display:flex;align-items:center}.nav .themes{transition:background-color 200ms ease-in;border-radius:50%}.nav .themes,.nav-mobile{cursor:pointer;background:none;border:none;display:block;height:2rem;width:2rem;padding:.4rem;color:inherit}.nav .themes svg,.nav-mobile svg{width:100%;height:100%}.nav .themes__section,.nav-mobile__section{margin-top:3.605625rem;right:0;position:fixed;top:0;left:0;height:calc(100% - 3.605625rem);background-color:var(--clr-background);color:var(--clr-foreground);z-index:19;display:flex;flex-direction:column;align-items:center;gap:2rem;justify-content:center}.nav .themes__section.not-showing,.nav-mobile__section.not-showing{height:0%;overflow-y:hidden;visibility:hidden}@media screen and (min-width: 40em){.nav .themes__section,.nav-mobile__section{height:0%;overflow-y:hidden;visibility:hidden}}.nav .themes__section li,.nav-mobile__section li{width:100%;list-style:none}.nav .themes__section li a,.nav-mobile__section li a{display:block;text-transform:uppercase;height:5em}.nav .themes__section li a div,.nav-mobile__section li a div{position:absolute;left:50%;top:50%;translate:-50% -50%}.nav .themes__section li a:is(:hover,:focus),.nav-mobile__section li a:is(:hover,:focus){font-weight:700}@media screen and (min-width: 40em){.nav-mobile{display:none}}.nav ul{display:none;gap:1rem;align-items:center}@media screen and (min-width: 40em){.nav ul{display:flex}}.nav ul li{list-style:none;text-transform:uppercase;letter-spacing:0rem}.nav ul li a{position:relative;z-index:1;transition:color 300ms 150ms ease-in}.nav ul li a:hover,.nav ul li a:focus-visible{color:var(--clr-white);z-index:1}.nav ul li a:hover::before,.nav ul li a:focus-visible::before{width:100%}.nav ul li a::before{content:"";position:absolute;width:0%;background-color:var(--clr-accent);height:110%;transition:all 150ms ease-in;z-index:-1}.note{color:var(--clr-white);display:flex;flex:0 0 auto;position:relative;width:min(25rem,100%);flex-direction:column;background-color:hsl(0,0%,13%);border-radius:.6rem;box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);height:max(20rem,100%);transition:all 300ms ease-in-out}.note article{padding:1rem;z-index:80}.note>svg{width:6.25rem;height:6.25rem;position:absolute;right:.1rem;bottom:.1rem;color:hsl(0,0%,11%)}.note article{padding:1rem;height:100%;overflow-y:auto;scrollbar-width:none}.note article::-webkit-scrollbar{width:0}.note article li{padding-left:.6rem}.note-heading{font-weight:600;display:block;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.note-subheading{font-style:italic}.note li{font-size:.85em}.note-header{display:flex;height:2.5rem;padding:0 1rem;width:100%;justify-content:space-between;box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);flex:0 0 auto}.note-header div{display:flex;align-items:center;font-weight:600;gap:.2rem}.note-header div .dot{height:.9375rem;width:.9375rem;background-color:rgb(219.3,0,0);border-radius:50%}.note-header div .dot:first-of-type{background-color:green}.note-header div .dot:nth-of-type(2){background-color:#ff0}.part-of{background-color:var(--clr-background);width:100%;margin-bottom:-6em;padding-bottom:4em;position:relative;isolation:isolate}.part-of .description{font-size:.9rem}.part-of-more{display:block;width:100%;padding:1em;background-color:var(--clr-background);border:.0625em solid var(--clr-background-900);margin-top:1em;border-radius:.3em}.part-of-more:is(:hover,:focus){background-color:var(--clr-accent);border-color:var(--clr-accent-light);color:var(--clr-white)}.part-of-container{max-width:64rem;margin:0 auto;padding:3em 2em 2em 2em;width:100%}.part-of-container .header-title{text-transform:uppercase;letter-spacing:.1em}@media screen and (max-width: 63.9375em){.part-of-container .header-title{margin-bottom:.5em}}.part-of-container .organization-container{margin-top:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fit, minmax(min(20rem, 100%), 1fr))}.part-of-container .organization-container svg{max-height:8em}@media screen and (max-width: 63.9375em){.part-of-container .organization-container svg{max-width:100%;margin-top:2em}}.part-of-container .organization-item{border:.0625em solid var(--clr-background-900);border-radius:.3em;padding:1em;position:relative;background:var(--clr-background)}.part-of-container .organization-item.full{grid-column:1/-1;display:flex;align-items:center;gap:1em}.part-of-container .organization-item.full svg{flex:0 0 auto}.part-of-container .organization-item.full .organization-content{flex:1 auto;margin-top:2em}@media screen and (max-width: 63.9375em){.part-of-container .organization-item.full{flex-direction:column}}.part-of-container .organization-desc{margin-bottom:1em}.part-of-container .organization-position{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.part-of-container .organization-position span{border-radius:.3em;padding:.5em 1.5em;color:var(--clr-foreground);border:.0625em solid var(--clr-foreground);align-items:center;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.part-of-container .organization-position span:first-of-type{border:none;color:var(--clr-white);background:var(--clr-accent-dark);background-image:linear-gradient(-90deg, var(--clr-accent), var(--clr-accent-dark));background-size:400%;animation:positionanimate 1s infinite alternate}.part-of-container .organization-join{display:flex;flex-direction:row;color:var(--clr-foreground);border:.0625em solid var(--clr-foreground);border-radius:.3em;padding:.5em 1.5em;align-items:center;width:-moz-fit-content;width:fit-content;position:absolute;right:1em;font-size:.8rem;top:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.part-of-svg_bottom{position:absolute;bottom:-0.0625em;z-index:-1;color:var(--clr-accent)}@media screen and (min-width: 40em){.part-of-svg_bottom{bottom:-4.0625em}}@media screen and (min-width: 64em){.part-of-svg_bottom{bottom:-8.0625em}}@keyframes positionanimate{0%{background-position:left}100%{background-position:right}}.preload{position:fixed;display:flex;align-items:center;justify-content:center;background-color:var(--clr-background);top:0;left:0;right:0;bottom:0;height:100dvh;z-index:999;flex-direction:column;translate:0 0;opacity:1;transition:transform 1s ease-in-out}.preload svg{rotate:0deg;width:min(10em,100%);height:min(10em,100%);animation:preload 2s infinite}.preload-text{margin-top:1em;max-width:30ch;text-align:center}.preload.hidden{translate:0 -100vh}.preload.disabled{display:none}@keyframes preload{25%{rotate:15deg}50%{rotate:0deg}75%{rotate:-15deg}100%{rotate:0deg}}.title-container{display:flex;gap:2rem;max-width:70rem;padding:3rem 2rem;align-items:flex-start;z-index:0}@media screen and (min-width: 64em){.title-container{border-radius:.3em}}.title-container .title-left{flex:1 0 auto;max-width:45ch}.title-container .title-right{position:relative;width:25rem;height:20rem}@media screen and (max-width: 63.9375em){.title-container .title-right{width:100%}}.title-container .title-right:hover .note:is([data-has-been-animated],.has-been-animated){rotate:0deg;scale:1.1}.title-container .title-right .note:is([data-has-been-animated],.has-been-animated){rotate:3deg;--_scale: 300ms;--_rotate: 700ms}.title-container .title-right .note{rotate:-10deg}.title-container .title-right::before{rotate:9deg;content:"";position:absolute;width:100%;height:100%;background-color:var(--clr-complementary);left:-0.7rem;border-radius:40% 20%/90%;animation:rolling 3s infinite ease-in}@keyframes rolling{50%{rotate:-9deg;scale:1.01}}@media screen and (max-width: 63.9375em){.title-container{flex-direction:column-reverse}}.title-side_top{display:flex;flex:0 0 auto;flex-direction:column;gap:.4rem;width:100%}.title-side_bottom{width:100%;font-size:1.2rem}.title-side_bottom h2{margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1rem}@media screen and (max-width: 39.9375em){.title-side_bottom h2{font-size:1.2rem}}.title-side_bottom .status-area{display:flex;align-items:center;justify-content:flex-start;gap:.5em;font-size:1rem;margin-bottom:.5em}.title-side_bottom .status-area>.status-icon{width:.75em;height:.75em;background-color:var(--clr-accent);border-radius:50%}.title-side_bottom .status-area .status-hoverable{position:relative;cursor:pointer}.title-side_bottom .status-area .status-hoverable:is(:hover,:focus) .status-card,.title-side_bottom .status-area .status-hoverable:has(:is(:hover,:focus)) .status-card{visibility:visible;-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:unset;translate:-50% 0%}.title-side_bottom .status-area .status-hoverable .status-card{visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--clr-background);box-shadow:0 .625rem 1.25rem rgba(0,0,0,.4);padding:1em;left:50%;border-radius:.2em;width:25ch;position:absolute;z-index:70;margin-top:.2em;translate:-50% 20%;transition:all 200ms ease-in-out}.title-side_bottom .status-area .status-hoverable .status-card-header{font-size:.9em;letter-spacing:normal;margin-bottom:unset}.title-side_bottom .status-area .status-hoverable .status-card-body{margin-top:1em;display:flex;gap:1em}.title-side_bottom .status-area .status-hoverable .status-card-body .status-card-left{display:flex;align-items:center;justify-content:center;background-color:var(--clr-foreground-900);border-radius:.4em;width:6ch;height:6ch;flex:0 0 auto}.title-side_bottom .status-area .status-hoverable .status-card-body .status-card-left svg{width:75%;height:75%}.title-side_bottom .status-area .status-hoverable .status-card-body .status-card-right{font-size:.7em;font-weight:normal}.title-side_bottom .status-area .status-hoverable .status-card-button{text-align:center;font-weight:normal;display:block;width:100%;margin-top:1em;font-size:.9em;background-color:var(--clr-accent);padding:.4em;border-radius:.2em;color:var(--clr-white)}.title-side_bottom .status-area .status-hoverable .status-card-button:is(:hover,:focus){background-color:var(--clr-accent-dark);color:var(--clr-white)}.title-side_bottom .status-area .status-hoverable .status-card:is(:hover,:focus){visibility:visible;-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:unset;translate:-50% 0%}.title-link{display:block;width:-moz-max-content;width:max-content}.title-activity{display:flex;flex-direction:row;align-items:center;margin-bottom:-0.4rem}.title-activity__details{margin-left:.4rem;font-weight:300;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--clr-foreground-900)}.title-activity__details #month{font-weight:600}.title-activity__details #activity{display:inline-block;position:relative;font-weight:400;z-index:0}.title-activity__details #activity::before{content:"";position:absolute;width:70%;height:.2rem;bottom:0;border-bottom:.1rem dashed var(--clr-accent)}.title-activity #year,.title-activity svg,.title-activity #month{color:var(--clr-foreground-900)}.title-activity svg{width:1.2rem}.title-text{font-size:2.4rem;font-weight:700;margin-left:-0.1rem;transition:font-size 300ms ease-in}.title-action{display:flex;flex-direction:row;margin-top:1.2rem;color:var(--clr-white);background:var(--clr-accent-dark);background-image:linear-gradient(-90deg, var(--clr-accent), var(--clr-accent-dark));border-radius:.3rem;padding:.5rem 1.5rem;align-items:center;gap:.4rem;cursor:pointer;font-size:1.3rem;transition:all 300ms ease-out}.title-action:hover,.title-action:focus-visible{color:#ccc;background-color:var(--clr-accent);filter:brightness(140%);box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);scale:1.04}.title-action svg{height:1.3rem;width:1.3rem}.title-action[disabled]{cursor:not-allowed}.title-action[disabled]:hover{scale:.96;box-shadow:inset 0 .3125rem .625rem rgba(0,0,0,.4);filter:grayscale(100)}.title-action.secondary{background-color:var(--clr-background-800);color:var(--clr-foreground-800);background-image:none;box-shadow:none}.title-action.secondary:hover,.title-action.secondary:focus-visible{filter:brightness(100%);scale:.98}.title-action__group{display:flex;gap:.6rem}.title-submenu{display:flex;position:relative;margin-top:-0.4rem;margin-left:.4rem;align-items:center;gap:.3rem;color:var(--clr-foreground-800);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.title-submenu svg{height:1rem;rotate:180deg}.prototype{margin-top:4rem;position:relative;isolation:isolate}.prototypes{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center;gap:7rem}@media screen and (min-width: 64em){.prototypes{margin:3rem}}@media screen and (max-width: 63.9375em){.prototypes{flex-direction:row}}.prototype-header{margin-bottom:1rem}.prototype-card{align-items:center;display:flex;border-radius:.3rem;width:100%}@media screen and (max-width: 63.9375em){.prototype-card:first-of-type{margin-top:2em}}@media screen and (max-width: 63.9375em){.prototype-card{flex-direction:column}}.prototype-card:nth-of-type(odd) .prototype-header{order:2}.prototype-card:nth-of-type(odd) .prototype-header::before{background-color:var(--clr-accent-dark);rotate:-6deg}@media screen and (max-width: 63.9375em){.prototype-card:nth-of-type(odd) .prototype-header{order:0}}.prototype-card:nth-of-type(odd) .prototype-description .text{padding:1rem;padding-right:2rem}.prototype-card:nth-of-type(odd) .prototype-description .links{justify-content:flex-start;padding-left:1rem}.prototype-description{flex:1 1 auto;z-index:5}.prototype-description ul li{margin-top:.3rem}.prototype-description .text{padding:1rem;padding-left:2rem}.prototype-description .text .language{display:inline-block;padding:0 .1rem;background-color:var(--clr-accent-dark);color:var(--clr-white);border-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.8rem}@media screen and (max-width: 63.9375em){.prototype-description .text{padding-left:0}}.prototype-description .text ul{margin-top:.8rem;border-radius:.3rem;background-color:hsl(0,0%,10%);padding:1rem;box-shadow:inset 0 .3125rem .625rem rgba(0,0,0,.4)}.prototype-description .links{display:flex;align-items:flex-end;justify-content:flex-end;padding-right:1rem}.prototype-description .links a{background-color:var(--clr-accent);color:var(--clr-white);padding:.5rem 1rem;border-radius:.3rem;transition:all 300ms ease-out;display:flex}.prototype-description .links a svg{flex:0 0 auto;height:1.5rem}.prototype-description .links a:hover{filter:brightness(120%)}.prototype-description_header{display:flex;margin-bottom:1em;gap:.5em;font-weight:700;align-items:center;line-height:1.2}.prototype-more{display:flex;flex-wrap:wrap;gap:.4rem}.prototype-more i{--_item-color: var(--clr-background-900);--_range: 500%;display:inline-block;font-style:normal;padding:.2rem .7rem;background-color:var(--_item-color);background-image:linear-gradient(90deg, var(--_item-color), var(--clr-accent) var(--_range));border-radius:.3rem}.prototype-more i:is(.error,.active){--_range: 400%;color:var(--clr-white)}.prototype-more i.error{--_item-color: hsl(0, 70%, 43%)}.prototype-more i.active{--_item-color: hsl(120, 70%, 26%)}.prototype-more .status{background-image:linear-gradient(-90deg, var(--clr-accent), var(--clr-accent-dark));padding:0 .7rem;display:flex;align-items:center;border-radius:.3rem;color:#fff;margin-right:.3rem}.prototype-header{flex:0 0 auto;position:relative;width:25rem;height:20rem;color:var(--clr-white)}@media screen and (max-width: 63.9375em){.prototype-header{width:100%;max-width:25rem}}.prototype-header:hover .note{scale:1.1}.prototype-header::before{content:"";position:absolute;width:100%;height:100%;rotate:6deg;background:var(--clr-accent);left:-0.7rem;border-radius:40% 20%/10%}.prototype .note article{padding:1rem;height:100%;overflow-y:auto;scrollbar-width:none;position:relative}.prototype .note article::-webkit-scrollbar,.prototype .note article::-webkit-scrollbar:vertical{width:0}.prototype .note pre{overflow:scroll;scrollbar-width:none}.prototype .note pre::-webkit-scrollbar,.prototype .note pre::-webkit-scrollbar:vertical{width:0}.prototype-svg_top{position:absolute;top:-16.0625em;z-index:-1;color:var(--clr-accent)}@media screen and (min-width: 64em){.prototype-svg_top{top:-20.0625em}}@media screen and (max-width: 39.9375em){.prototype-svg_top{top:-10em}}@media screen and (min-width: 87.5em){.prototype-svg_top{top:-25em}}.prototype-svg_bottom{position:absolute;bottom:-0.0625em;z-index:-1;color:var(--clr-background)}.featured{--clr-variant: var(--clr-accent);--clr-variant-dark: var(--clr-accent-dark)}.featured.red{--clr-variant: var(--clr-red);--clr-variant-dark: var(--clr-red-dark)}.featured-container{display:flex;flex-direction:column;position:relative;justify-content:space-between;overflow:hidden;margin:2em auto;margin-top:5em;border-radius:.3em;padding:0;background-color:rgba(0,0,0,0);min-height:20rem;margin-bottom:-5rem;box-shadow:0 .625rem 1.25rem rgba(0,0,0,.4)}@media screen and (max-width: 63.9375em){.featured-container{width:calc(100% - 2em)}}.featured-right{display:flex;padding:2em;background-color:var(--clr-variant);flex:1 auto;position:relative;width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center}@media screen and (max-width: 39.9375em){.featured-right{min-height:10em}}.featured-right picture{overflow:clip !important;width:min(100%,26.1875rem);aspect-ratio:1/1}.featured-right picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:.3em}.featured-right #svg{position:absolute;bottom:0;left:0}.featured-left{color:var(--clr-white);padding:2em;width:min(90ch,100%);background-color:var(--clr-variant-dark)}.featured-left>.featured-header{display:flex;flex-direction:column;margin-bottom:1em;gap:.5em;align-items:flex-start}.featured-header_project-name{border-radius:.3em;background-color:var(--clr-variant);background-image:linear-gradient(90deg, var(--clr-variant-dark), var(--clr-variant));padding:1em;width:100%}.featured-header_project-name p:last-of-type{font-size:.8em}.featured-main>*{max-width:45ch}.featured-main_tag{border-radius:.3em;padding:.5em 1.5em;color:var(--clr-white);border:.0625em solid var(--clr-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:-moz-fit-content;width:fit-content;font-size:.7rem}.featured-main_tag-area{display:flex;margin-top:2em;gap:.5em;flex-wrap:wrap}.featured-body{display:flex;position:relative;flex:1 1 auto}@media screen and (max-width: 39.9375em){.featured-body{flex-direction:column-reverse}}.featured-footer{padding:1em 2em;display:flex;justify-content:flex-end;background-color:var(--clr-black-light);gap:.4rem;flex-wrap:wrap}.featured-footer p{border-radius:.3em;padding:.5em 1.5em;color:var(--clr-white);border:.0625em solid var(--clr-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:-moz-fit-content;width:fit-content;font-size:.9rem}.featured-footer p:first-of-type{border:none;color:var(--clr-white);background:var(--clr-variant-dark);background-image:linear-gradient(-90deg, var(--clr-variant), var(--clr-variant-dark))}@media screen and (max-width: 39.9375em){.featured-footer p{width:100%}}.featured-background{position:absolute;left:0;bottom:0;right:0;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.featured-external_link{display:flex;align-items:center;gap:.5em;padding:.5em;margin-top:1em;border-radius:.3em;font-size:1.2rem;color:var(--clr-white);border:none;background:var(--clr-black-light)}.featured-external_link svg{width:1.2em;height:1.2em}.featured-external_link:is(:hover,:focus){color:var(--clr-white);outline:.0625em solid var(--clr-background)}.featured-tag{border-radius:.3em;position:absolute;right:1em;top:1em;padding:.2em .5em;z-index:10;font-weight:500;background-color:var(--clr-black-light);color:var(--clr-white)}.article{--_l: 20%;--_bh: calc(var(--_h) - 8);--_background: hsla(var(--_h), 20%, 20%, 0.5);--_blockquote-color: hsla(var(--_h), 90%, 20%, 0.8);--_drop-shadow-color: hsla(var(--_bh), 71%, 22%, 40%);--_article-color: hsla(var(--_hs), var(--_l), 0.5);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:var(--clr-foreground-900);background-color:var(--clr-background-900);line-height:2;margin:auto}.article main{margin-top:1em;position:relative}.article main .table-of-contents{position:absolute;top:0;right:0}@media screen and (max-width: 63.9375em){.article main .table-of-contents{position:unset}}.article a{font-weight:600;color:var(--clr-href)}.article a:not(.header-anchor,.breadcrumb){-webkit-text-decoration:.0625em underline var(--clr-href);text-decoration:.0625em underline var(--clr-href);text-underline-offset:.35em}.article a:hover{color:var(--clr-href-visited)}.article a:focus-visible{outline:thin dotted}.article a:hover,.article a:active{outline:0}.article pre+pre{margin-top:.5em}.article span a:hover,.article span a:visited,.article span a:active,.article span a:focus-visible{color:var(--clr-href)}.article ::-moz-selection{background:var(--clr-accent-dark);color:var(--clr-white)}.article ::selection{background:var(--clr-accent-dark);color:var(--clr-white)}.article a::-moz-selection{background:var(--clr-accent-dark);color:var(--clr-white)}.article a::selection{background:var(--clr-accent-dark);color:var(--clr-white)}.article :is(p,table,blockquote){max-width:60ch}.article p{margin:1rem 0}.article img{max-width:100%}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-weight:600;color:var(--clr-foreground-900);padding:1rem 0;line-height:1.1em;flex:1}.article .header-wrapper{display:flex;flex-direction:row-reverse;align-items:center;gap:.5em;width:min(60ch,100%);flex-wrap:wrap}.article h4,.article h5,.article h6{font-weight:bold}.article h4+.header-anchor,.article h5+.header-anchor,.article h6+.header-anchor{font-size:1rem}.article h1{font-size:2.5rem}.article h1+.header-anchor{font-size:2.5rem}.article h2{font-size:2rem}.article h2+.header-anchor{font-size:1.8rem}.article h3{font-size:1.5rem}.article h3+.header-anchor{font-size:1.2rem}.article h4{font-size:1.2rem}.article h5{font-size:1rem}.article h6{font-size:.9rem}.article blockquote{padding:.5em;background-color:var(--_blockquote-color);color:var(--clr-white);margin:0;padding-left:2em;border-left:.5em var(--clr-accent) solid;border-radius:.5em;box-shadow:0px 3px 10px 0px var(--_drop-shadow-color)}.article blockquote .tools-container kbd{color:var(--clr-white);background-color:var(--clr-accent)}.article blockquote .tools-container #expand-option{display:none}.article blockquote pre,.article blockquote code,.article blockquote kbd,.article blockquote samp{display:inline-block;align-items:center;background-color:hsl(var(--_hs) 10%);color:var(--clr-white);padding:.2em .4em;border-radius:.3em}@media screen and (max-width: 39.9375em){.article blockquote pre::after{content:"";position:absolute;right:0;top:0;bottom:0;background:linear-gradient(90deg, transparent, hsl(var(--_hs) 6%));width:2em}}.article blockquote a{--_normal-color: var(--clr-accent-light);--_hover-color: var(--clr-white);color:var(--_normal-color);text-decoration-color:var(--_normal-color)}.article blockquote a:hover{color:var(--_hover-color);text-decoration-color:var(--_hover-color)}.article hr{display:block;height:.15em;border:0;border-top:.0625em solid var(--clr-accent);border-bottom:.0625em solid var(--clr-accent-light);margin:1em 0;padding:0}.article pre,.article code,.article kbd,.article samp{position:relative;line-height:1.4}.article kbd{display:inline-block;align-items:center;width:-moz-max-content;width:max-content;font-size:.8rem;color:var(--clr-white);background-color:var(--clr-accent);padding:.2em .4em;border-radius:.3em}.article pre{border:.1rem solid var(--_background);background-color:hsl(var(--_hs) 10%);border-radius:.5rem;padding:1rem;white-space:pre;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;width:min(80ch,100%);transition:width .3s ease-in-out}.article pre.expanded{width:100%}.article pre .tools-container{display:flex;position:absolute;z-index:10;padding-left:.5em;opacity:0;top:0;-webkit-backdrop-filter:blur(0.125rem);backdrop-filter:blur(0.125rem);right:0;margin-top:-2rem;flex-direction:row;align-items:center;background-color:var(--_background);color:var(--clr-white);transition:margin-top .2s ease,opacity .3s ease}.article pre .tools-container .code-type{margin-right:.5em}.article pre .tools-container .keyboard-shortcut{display:flex;gap:.2em}@media screen and (max-width: 63.9375em){.article pre .tools-container #expand-option{display:none}}.article pre .tools-container button{gap:.5em;align-items:center;display:flex;padding:.5em;background:rgba(0,0,0,0);border:none;cursor:pointer;background-color:var(--_background);color:var(--clr-accent-light)}.article pre .tools-container button:is(:hover,:focus,:active){color:var(--clr-accent)}.article pre:hover{outline:.125rem solid var(--clr-accent-dark)}.article pre:hover .tools-container,.article pre:focus .tools-container,.article pre:has(:hover,:focus) .tools-container{margin-top:0;opacity:1}@starting-style{.article pre:hover .tools-container,.article pre:focus .tools-container,.article pre:has(:hover,:focus) .tools-container{opacity:0;margin-top:-2rem}}.article pre code{color:var(--clr-white);box-shadow:none;width:100%}.article pre code .hljs-comment,.article pre code .hljs-meta{color:hsla(230,100%,89%,.9)}@media screen and (max-width: 39.9375em){.article pre code{overflow-x:auto}}.article b,.article strong{font-weight:bold;color:var(--clr-foreground-900)}.article dfn{font-style:italic}.article ins{background:#ff9;color:#000;text-decoration:none}.article mark{background-color:var(--clr-black);color:var(--clr-white)}.article mark:is(:hover,:focus){color:var(--clr-white)}.article sub,.article sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.article sub>a,.article sup>a{text-decoration:none !important}.article sup{top:-0.5rem}.article sub{bottom:-0.25rem}.article ul,.article ol{margin:1em 0;padding:0 0 0 2rem}.article ul li{list-style-type:disc}.article ol li{list-style-type:decimal}.article li p:last-child{margin:0}.article dd{margin:0 0 0 2rem}.article img{border:0;vertical-align:middle}.article table{border-collapse:collapse;overflow-x:scroll;border-spacing:0;width:100%;background-color:hsl(var(--_hs) 10%);color:var(--clr-white);border-radius:.5rem;overflow:hidden}.article table td,.article table th{padding:.4rem .8rem}.article table tr :is(td,th):first-child{text-align:center}.article table th{background-color:var(--_article-color);color:var(--table-header)}.article table td{vertical-align:top}.article table.properties th{border-bottom:.0625rem solid var(--clr-background-800);border-left:.25rem solid var(--clr-accent)}.article .table-of-contents{display:none}.article .table-of-contents:has(ul>li){display:block}.article .table-of-contents .toc-container-header{font-weight:700}.article .table-of-contents ul{margin:0}.article .table-of-contents ul li{margin-top:.15em;list-style:circle}@media print{.article *{background:rgba(0,0,0,0) !important;color:var(--clr-accent-dark) !important;filter:none !important;-ms-filter:none !important}.article body{font-size:12pt;max-width:100%}.article a,.article a:visited{text-decoration:underline}.article hr{height:.0625em;border:0;border-bottom:.0625em solid var(--clr-accent-dark)}.article a[href]:after{content:" (" attr(href) ")"}.article abbr[title]:after{content:" (" attr(title) ")"}.article .ir a:after,.article a[href^="javascript:"]:after,.article a[href^="#"]:after{content:""}.article pre,.article blockquote{border:.0625em solid #999;padding-right:1em;page-break-inside:avoid}.article tr,.article img{page-break-inside:avoid}.article img{max-width:100% !important}@page :left{.article{margin:15mm 20mm 15mm 10mm}}@page :right{.article{margin:15mm 10mm 15mm 20mm}}.article p,.article h2,.article h3{orphans:3;widows:3}.article h2,.article h3{page-break-after:avoid}}.article-flex_list{flex-wrap:wrap;gap:.5em;display:flex;margin:unset !important;padding:unset !important}.article-detail_list{flex-wrap:wrap;gap:.5em;display:flex;margin:unset !important;padding:unset !important}.article-detail_item{font-size:.9rem;gap:.5em;border-radius:.3em;padding:.4em;display:flex;color:var(--clr-foreground);border:.0625em solid var(--clr-foreground);align-items:center}.article-detail_item:first-of-type{border:none;color:var(--clr-white);box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);background-color:var(--clr-accent-light);background-image:linear-gradient(45deg, var(--clr-accent-dark), var(--clr-accent))}.article-detail_item_svg{width:1.2rem}.article-summary{font-style:italic;font-size:1.2rem;color:var(--clr-foreground-700)}.article .more{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(20em, 60ch), 29.5rem));margin-top:1em;gap:1em}.article .more div{padding:1rem;background:var(--clr-background)}.article .more div a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.contact .form-input{display:flex;flex-direction:column}.contact .form-input__captcha{margin-top:1rem;margin-bottom:1rem}.contact .form-input label{margin:2em 0 .5em 0}.contact .form-input input,.contact .form-input textarea{width:100%;padding:1rem;border:none;background-color:var(--clr-background);color:var(--clr-foreground-900);resize:none}.contact .form-input input[type=submit]{border:none;color:var(--clr-white);background-color:var(--clr-accent)}.contact-container,.error-container{--_main-color: var(--clr-background);--_transparent-limit: 30%;display:grid;gap:.5rem}.contact-container .contact-summary,.error-container .contact-summary,.contact-container .error-summary,.error-container .error-summary{background-color:var(--_main-color);padding:2rem;border-radius:.5em;margin-top:2em}.contact-container .contact-summary sup,.error-container .contact-summary sup,.contact-container .error-summary sup,.error-container .error-summary sup{font-size:.6em}.contact-container .contact-summary a,.error-container .contact-summary a,.contact-container .error-summary a,.error-container .error-summary a{color:var(--clr-accent-light);text-decoration:underline;text-underline-offset:.2em;font-weight:500;transition:text-underline-offset 100ms ease-in-out}.contact-container .contact-summary a:is(:hover,:focus),.error-container .contact-summary a:is(:hover,:focus),.contact-container .error-summary a:is(:hover,:focus),.error-container .error-summary a:is(:hover,:focus){text-underline-offset:.3em}.contact-container .social-container,.error-container .social-container,.contact-container .error-button,.error-container .error-button{--_size: 20em;--_minGridSize: min(var(--_size), calc(100% - 4rem + 0.5rem));--_minMax: minmax(var(--_minGridSize), 1fr);--_gridSize: repeat(auto-fit, var(--_minMax));display:grid;grid-template-columns:var(--_gridSize);gap:.5rem}.contact-container .social-container__small,.error-container .social-container__small,.contact-container .error-button,.error-container .error-button{--_size: 18em}.contact-container .social-container__small .social-item,.error-container .social-container__small .social-item,.contact-container .error-button .social-item,.error-container .error-button .social-item,.contact-container .social-container__small .error-link,.error-container .social-container__small .error-link,.contact-container .error-button .error-link,.error-container .error-button .error-link{aspect-ratio:unset;padding:1em}.contact-container .social-container__small .social-item-text h2,.error-container .social-container__small .social-item-text h2,.contact-container .error-button .social-item-text h2,.error-container .error-button .social-item-text h2{font-size:.9em}.contact-container .social-container li:nth-of-type(odd) .social-item,.error-container .social-container li:nth-of-type(odd) .social-item,.contact-container .error-button li:nth-of-type(odd) .social-item,.error-container .error-button li:nth-of-type(odd) .social-item,.contact-container .social-container li:nth-of-type(odd) .error-link,.error-container .social-container li:nth-of-type(odd) .error-link,.contact-container .error-button li:nth-of-type(odd) .error-link,.error-container .error-button li:nth-of-type(odd) .error-link{grid-template-areas:"text text"}.contact-container .social-item,.error-container .social-item,.contact-container .error-link,.error-container .error-link{--_disabledColor: var(--clr-background-800);aspect-ratio:3/1;border:.0625rem solid var(--_disabledColor);border-radius:.5em;overflow:hidden;color:var(--_disabledColor);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-areas:"text text";align-items:center;justify-content:space-around;position:relative;padding:2em}.contact-container .social-item[href],.error-container .social-item[href],.contact-container [href].error-link,.error-container [href].error-link{border:.0625rem solid var(--_main-color);cursor:pointer;color:var(--clr-foreground)}.contact-container .social-item-text,.error-container .social-item-text{font-variant:all-small-caps;font-weight:700;font-size:1.2rem;grid-area:text;text-align:center;z-index:99}.contact-container .social-item-text h2,.error-container .social-item-text h2{font-size:inherit;line-height:1}.contact-container .social-item-text span,.error-container .social-item-text span{font-size:.8rem;font-style:italic;color:var(--clr-foreground-700);font-weight:500;font-variant:normal;text-transform:lowercase}.contact-container .social-item svg,.error-container .social-item svg,.contact-container .error-link svg,.error-container .error-link svg{position:absolute;color:var(--clr-background-800);z-index:0;bottom:-80%;left:-20%;height:160%}.contact-container .social-item *,.error-container .social-item *,.contact-container .error-link *,.error-container .error-link *{z-index:4;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.contact-container .social-item[href]::after,.error-container .social-item[href]::after,.contact-container [href].error-link::after,.error-container [href].error-link::after{content:"";position:absolute;background-image:linear-gradient(-45deg, var(--clr-accent) 2%, transparent var(--_transparent-limit), var(--_main-color));width:300%;aspect-ratio:1/1;z-index:1;transition:width 250ms ease-in-out}.contact-container .social-item[href]:is(:hover,:focus),.error-container .social-item[href]:is(:hover,:focus),.contact-container [href].error-link:is(:hover,:focus),.error-container [href].error-link:is(:hover,:focus){color:inherit;outline-offset:.1em}.contact-container .social-item[href]:is(:hover,:focus)::after,.error-container .social-item[href]:is(:hover,:focus)::after,.contact-container [href].error-link:is(:hover,:focus)::after,.error-container [href].error-link:is(:hover,:focus)::after{width:100%}.error-summary h2{line-height:1;font-size:1.8rem;font-variant:all-small-caps;margin-bottom:1rem}.error-decorative{aspect-ratio:10/1;width:100%;margin-bottom:1em;border-radius:.7em;background-image:linear-gradient(-45deg, var(--clr-accent) 2%, transparent var(--_transparent-limit), var(--clr-accent));position:relative;box-shadow:inset 0 .3125rem .625rem rgba(0,0,0,.5)}.error-decorative .decorative{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;filter:drop-shadow(0 0.3125rem 0.625rem hsla(0, 0%, 0%, 0.5))}.error-decorative .decorative-left{position:absolute;font-size:9rem;font-variant:all-small-caps;font-weight:900;height:100%;animation:bounce-up-down 1.5s infinite forwards}@media screen and (max-width: 39.9375em){.error-decorative .decorative-left{font-size:7rem}}.error-decorative .decorative-exclamation{top:50%;translate:0% -50%;rotate:-20deg}.error-decorative .decorative-question{top:0%;left:.2em;translate:0% -50%;rotate:15deg}.error-decorative svg{position:absolute;aspect-ratio:1/1;height:120%;width:auto;rotate:-20deg;top:50%;right:0;translate:0% -50%;animation:svg-move 4s infinite forwards;filter:drop-shadow(0 0.3125rem 0.625rem hsla(0, 0%, 0%, 0.5))}@media screen and (max-width: 39.9375em){.error-decorative{aspect-ratio:4/1}}@keyframes svg-move{40%{rotate:30deg}50%{rotate:20deg}90%{rotate:-30deg}100%{rotate:-20deg}}@keyframes bounce-up-down{50%{margin-top:-0.6rem;rotate:2deg}100%{margin-top:0;rotate:0}}.error-button li:first-of-type .error-link:first-of-type:after{background-image:linear-gradient(-45deg, var(--clr-accent) 2%, transparent var(--_transparent-limit), var(--clr-accent))}
