html:root{--clr-accent:hsl(270, 50%, 40%);--clr-accent-light:hsl(270, 84%, 72%);--clr-accent-dark:hsl(270, 71%, 22%);--clr-href:hsl(270, 80%, 50%);--clr-href-visited:hsl(270, 70%, 22%);--clr-background:hsl(0, 0%, 95%);--clr-background-900:hsl(0, 0%, 88%);--clr-background-800:hsl(0, 0%, 75%);--clr-background-700:hsl(0, 0%, 63%);--clr-foreground:hsl(0, 0%, 10%);--clr-foreground-900:hsl(0, 0%, 13%);--clr-foreground-800:hsl(0, 0%, 25%);--clr-foreground-700:hsl(0, 0%, 38%);--clr-disabled-text:hsl(0, 0%, 50%);--clr-white:hsl(0, 0%, 100%);--clr-black:hsl(0, 0%, 0%);--clr-black-light:hsl(0, 0%, 13%);--clr-red:hsl(357, 70%, 41%);--clr-red-dark:hsl(357, 70%, 30%);--bx-shadow-two-side:0 0.3125rem 0.625rem hsla(0, 0%, 0%, 0.2),-0.3125rem -0.3125rem 0.625rem hsla(0, 0%, 100%, 0.8)}html:root.sunglow{--clr-accent:hsl(40, 56%, 40%);--clr-accent-light:hsl(40, 56%, 72%);--clr-accent-dark:hsl(40, 56%, 22%);--clr-href:hsl(40, 56%, 72%);--clr-href-visited:hsl(40, 56%, 22%);--clr-background:hsl(40, 56%, 95%);--clr-background-900:hsl(40, 56%, 88%);--clr-background-800:hsl(40, 56%, 75%);--clr-background-700:hsl(40, 56%, 63%);--clr-foreground:hsl(40, 56%, 10%);--clr-foreground-900:hsl(40, 56%, 13%);--clr-foreground-800:hsl(40, 56%, 25%);--clr-foreground-700:hsl(40, 56%, 38%)}html:root.sunglow.dark{--clr-href:hsl(40, 56%, 72%);--clr-href-visited:hsl(40, 56%, 40%)}html:root.dark{--clr-href:hsl(270, 84%, 72%);--clr-href-visited:hsl(270, 50%, 40%);--clr-background:hsl(0, 0%, 10%);--clr-background-900:hsl(0, 0%, 13%);--clr-background-800:hsl(0, 0%, 25%);--clr-background-700:hsl(0, 0%, 38%);--clr-foreground:hsl(0, 0%, 95%);--clr-foreground-900:hsl(0, 0%, 88%);--clr-foreground-800:hsl(0, 0%, 75%);--clr-foreground-700:hsl(0, 0%, 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%)}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.dark .themes{background-color:var(--clr-accent);color:var(--clr-accent-dark)}html:root.dark [data-sun]{display:none}html:root.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);font-family:Montserrat,sans-serif;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:max-content;background-color:#212121;font-weight:400;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 .3s ease-out;translate:0 -.3rem;z-index:90;user-select:none}a[href]:focus-visible .new-tab-warning{visibility:visible;translate:0 0}::selection{background-color:var(--clr-accent);color:var(--clr-white)}.t-all{transition:all .3s ease-in}@media screen and (max-width:39.9375em){.no-scroll{overflow:hidden!important}.no-scroll :is(header,main,footer){visibility:hidden;user-select:none}}.not-loaded{overflow:hidden}.not-loaded :is(header,main,footer,nav){visibility:hidden;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:rect(0 0 0 0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}.header_article{all:unset;position:relative;width:100vw;aspect-ratio:16/9;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}.nav{background-color:var(--clr-background);flex-grow:0;flex-shrink:0;position:sticky;top:0;padding:.8rem;z-index:20}.nav-container{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);display:flex;padding:0 .3rem;align-self:center;scale:0 1;order:2;transform-origin:left;transition:scale .2s ease}.nav-skipto:focus{color:var(--clr-white);scale:1}.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 .2s ease-in;border-radius:50%}.nav .themes,.nav-mobile{cursor:pointer;background:0 0;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:20;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{list-style:none}@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:0}.nav ul li a{position:relative;z-index:1;transition:color .3s 150ms ease-in}.nav ul li a:focus-visible,.nav ul li a:hover{color:var(--clr-white);z-index:1}.nav ul li a:focus-visible::before,.nav ul li a:hover::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}.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{flex:0 1 auto}.title-container .title-right img{width:100%}@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:has(:is(:hover,:focus)) .status-card,.title-side_bottom .status-area .status-hoverable:is(:hover,:focus) .status-card{visibility:visible;user-select:text;pointer-events:unset;translate:-50% 0}.title-side_bottom .status-area .status-hoverable .status-card{visibility:hidden;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 .2s 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:400}.title-side_bottom .status-area .status-hoverable .status-card-button{text-align:center;font-weight:400;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;user-select:text;pointer-events:unset;translate:-50% 0}.title-link{display:block;width:max-content}.title-activity{display:flex;flex-direction:row;align-items:center;margin-bottom:-.4rem}.title-activity__details{margin-left:.4rem;font-weight:300;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 svg{width:1.2rem}.title-text{font-size:2.4rem;font-weight:700;margin-left:-.1rem;transition:font-size .3s 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 .3s ease-out}.title-action:focus-visible,.title-action:hover{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:focus-visible,.title-action.secondary:hover{filter:brightness(100%);scale:.98}.title-action__group{display:flex;gap:.6rem}.title-submenu{display:flex;position:relative;margin-top:-.4rem;margin-left:.4rem;align-items:center;gap:.3rem;color:var(--clr-foreground-800);user-select:none;z-index:0}.title-submenu svg{height:1rem;rotate:180deg}.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;gap:.6em}.main .section-header .header-title a{height:max-content}.main .section-header span{text-transform:none;letter-spacing:0}@media screen and (max-width:87.4375em){.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: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;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:max-content;padding:.2rem 2rem}@media screen and (min-width:40em){.footer .copyright{flex-direction:row}}.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;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:#1a1a1a;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 .3s 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}.prototype-more{display:flex;flex-wrap:wrap;gap:.4rem}.prototype-more i{display:inline-block;font-style:normal;padding:.2rem .7rem;background-color:var(--clr-background-900);border-radius:.3rem}.prototype-more i.error{background-color:#db0000;color:var(--clr-white)}.prototype-more i.active{background-color:#067e06;color:var(--clr-white)}.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:-.7rem;border-radius:40% 20%/10%}.prototype .note{display:flex;position:relative;flex-direction:column;background-color:#212121;border-radius:.6rem;box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);height:100%;transition:all .3s ease-in-out;z-index:0}.prototype .note>svg{position:absolute;right:.1rem;bottom:.1rem;color:#1c1c1c;z-index:-1}.prototype .note article{padding:1rem;height:100%;overflow-y:auto;scrollbar-width:none;position:relative}.prototype .note article::-webkit-scrollbar{width:0}.prototype .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}.prototype .note-header div{display:flex;align-items:center;font-weight:600;gap:.2rem}.prototype .note-header div .dot{height:.9375rem;width:.9375rem;background-color:#db0000;border-radius:50%}.prototype .note-header div .dot:first-of-type{background-color:green}.prototype .note-header div .dot:nth-of-type(2){background-color:#ff0}.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:-.0625em;z-index:-1;color:var(--clr-background)}.card{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:has(:focus),.card:hover{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::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: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:focus-visible,.card-empty:hover{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:2rem 2rem 4.5rem 2rem;scroll-snap-type:x proximity;overflow-y:hidden}.cards.cards-horizontal::-webkit-scrollbar{width:0;height:0}@media screen and (max-width:63.9375em){.cards.cards-horizontal{flex-wrap:nowrap;overflow-x:auto}}@media screen and (min-width:40em){.cards.cards-horizontal{flex-wrap:nowrap;overflow-x:auto}.cards-more{justify-content:space-evenly}}.card-body{background-image:linear-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,.4) 10%,#000);height:100%;display:flex;flex-direction:column;border-radius:.3rem}.card-body .description-area,.card-body header{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: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;user-select:none}.card-body .more-links a{display:flex;margin-top:1rem;padding:1rem 1.5rem;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:focus-visible,.card-body .more-links a:hover{color:var(--clr-white)}.card-body .more-links a:focus-visible::before,.card-body .more-links a:hover::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}.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 h2{text-transform:uppercase;letter-spacing:.1em}@media screen and (max-width:63.9375em){.part-of-container h2{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;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:fit-content;position:absolute;right:1em;font-size:.8rem;top:1em;user-select:none;pointer-events:none}.part-of-svg_bottom{position:absolute;bottom:-.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;z-index:999;flex-direction:column;translate:0 0;opacity:1;transition:transform 1s ease-in-out}.preload svg{rotate:0deg;max-width:10em;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}}.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:focus-visible,.aboutme a:hover{color:#d0d0d0}.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:#db0000;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:#212121;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:#1c1c1c;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: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){align-items:flex-start}.aboutme .flex:not(:first-of-type) .lists{flex-direction:column}.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:#db0000;left:-.7rem;border-radius:40% 20%/10%}.aboutme article{padding:1rem;height:100%;overflow-y:auto;scrollbar-width:none}.aboutme article::-webkit-scrollbar{width:0}.aboutme article li{padding-left:.6rem}.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;display:flex;flex:0 0 auto;position:relative;flex-direction:column;background-color:#212121;border-radius:.6rem;box-shadow:0 .3125rem .625rem rgba(0,0,0,.4);height:100%;transition:all .3s ease-in-out}.aboutme .note>svg{position:absolute;right:.1rem;bottom:.1rem;color:#1c1c1c;z-index:-1}.aboutme .note-heading{font-weight:600;display:block;text-transform:uppercase;letter-spacing:.1em}.aboutme .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}.aboutme .note-header div{display:flex;align-items:center;font-weight:600;gap:.2rem}.aboutme .note-header div .dot{height:.9375rem;width:.9375rem;background-color:#db0000;border-radius:50%}.aboutme .note-header div .dot:first-of-type{background-color:green}.aboutme .note-header div .dot:nth-of-type(2){background-color:#ff0}.hero{overflow:hidden;display:flex;isolation:isolate;align-items:center;justify-content:center;flex-direction:column;background-color:var(--clr-background);z-index:3;position:relative}.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%;user-select:none;pointer-events:none}.hero .decoration .relative{position:relative}.hero-svg_bottom{z-index:-1;position:absolute;bottom:0;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)}.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;justify-content:center;align-items:center}@media screen and (max-width:39.9375em){.featured-right{min-height:10em}}.featured-right img{all:unset;overflow:clip!important;width:min(100%,26.1875rem);aspect-ratio:1/1}.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);user-select:none;pointer-events:none;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);user-select:none;pointer-events:none;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%;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)}.posts{margin-top:2.5rem}.posts-yeargroup{margin-bottom:.5em}.posts-detail{margin-top:1rem;margin-left:2rem;background-color:var(--clr-background);color:var(--clr-foreground-700);border:.0625em solid var(--clr-background-900);padding:1rem;border-radius:.3rem}@media screen and (max-width:39.9375em){.posts-detail{margin-inline:0}}.posts-detail_header{font-size:1.6rem;line-height:1.1;margin-bottom:.5em;display:block;font-weight:600;color:var(--clr-foreground)}.posts-detail_accent{color:var(--clr-white);margin-bottom:1em;width:fit-content;flex-wrap:wrap;gap:.5em;display:flex}.posts-detail_accent-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}.posts-detail_accent-item_filled{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))}.posts-detail_svg{width:1.5em;height:fit-content}.posts-list{margin:0}.posts:not(:first-of-type){margin-top:1.5rem}.posts:is(:last-of-type){margin-bottom:1.5rem}.article{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:var(--clr-foreground-900);background-color:var(--clr-background-900);line-height:1.8;margin:auto}.article main{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){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:active,.article a:hover{outline:0}.article span a:active,.article span a:focus-visible,.article span a:hover,.article span a:visited{color:var(--clr-href)}.article ::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:not(:first-of-type),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}.article h4,.article h5,.article h6{font-weight:700}.article h1{font-size:2.5rem}.article h2{font-size:2rem}.article h3{font-size:1.5rem}.article h4{font-size:1.2rem}.article h5{font-size:1rem}.article h6{font-size:.9rem}.article blockquote{color:var(--clr-foreground-900);margin:0;padding-left:2em;border-left:.5em var(--clr-accent) solid}.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 code,.article kbd,.article pre,.article samp{border:.15em solid var(--clr-background-800);padding:0 .3em;font-family:Montserrat,sans-serif}.article pre{background-color:var(--clr-accent);padding:1rem;white-space:pre;white-space:pre-wrap;word-wrap:break-word}.article pre code{box-shadow:none;background-color:rgba(0,0,0,0)}.article b,.article strong{font-weight:700;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:-.5rem}.article sub{bottom:-.25rem}.article ol,.article ul{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:var(--clr-background);border:.0625rem solid var(--clr-accent-dark);border-radius:.5rem}.article table td,.article table th{padding:.2rem}.article table tr{border:.0625rem solid var(--clr-background-800)}.article table tr :is(td,th):first-child{text-align:center}.article table th{border-bottom:.25rem solid var(--clr-accent)}.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 .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^="#"]:after,.article a[href^="javascript:"]:after{content:""}.article blockquote,.article pre{border:.0625em solid #999;padding-right:1em;page-break-inside:avoid}.article img,.article tr{page-break-inside:avoid}.article img{max-width:100%!important}}.article h2,.article h3{orphans:3;widows:3}.article h2,.article h3{page-break-after:avoid}.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 .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}.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}[data-animation]{opacity:0;transition:all 1s ease}[data-animation=fade-in]{translate:0 4em}[data-animation=right-show]{translate:-5em 0}[data-animation=prototype-card]{translate:-5em 0}[data-animation=prototype-card]:nth-of-type(odd){translate:5em 0}[data-animation=left-show]{translate:5em 0}.has-been-animated{opacity:1;translate:unset!important}@media(prefers-reduced-motion){.data,.prototype-reader{transform:unset!important}[data-animation]{translate:unset!important}}.error-notice{max-width:40em;border-radius:1em;padding:1.5em 1.5em;transition-delay:.2s;position:relative;margin-top:2em}.error-notice *{position:relative;z-index:1}.error-notice::after{position:absolute;content:"";background-color:var(--clr-background);z-index:0;border-radius:1em;width:100%;height:100%;left:50%;top:50%;z-index:0;translate:-50% -50%}.error-notice::before{position:absolute;content:"";background-color:red;background-image:linear-gradient(90deg,var(--clr-background-900),var(--clr-accent-light));border-radius:1em;width:calc(100% + 1em);height:calc(100% + 2em);left:50%;top:50%;translate:-50% -51%}