@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation-delay:.5s}::view-transition-new(root){animation:circle-in .5s;animation-timing-function:ease-out}@keyframes circle-in{0%{clip-path:circle(0% at 100% 0%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes scanlines{0%{-webkit-mask-position:top;mask-position:top}to{-webkit-mask-position:bottom;mask-position:bottom}}@keyframes blinker{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes nebula{0%{background-position:right top}50%{background-position:left center}to{background-position:right bottom}}@keyframes loading{to{transform:rotate(-1turn)}}@keyframes typewriter{0%{width:0%}to{width:100%}}@keyframes carot{50%{border-color:transparent}}@keyframes wobble{50%{transform:rotate(-.001turn)}to{transform:rotate(.001turn)}}@keyframes bobb{to{transform:translateY(3%)}}@keyframes spin{to{rotate:1turn}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.tilt-enter-active,.tilt-leave-active{transition:transform .35s ease-out}.tilt-enter-from,.tilt-leave-to{transform:scaleY(0)}.switch-enter-active,.switch-leave-active{transition:transform .55s cubic-bezier(.4,0,.2,1)}.switch-enter-from{transform:translateY(-100%)}.switch-leave-to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;scroll-padding:calc(clamp(3.5rem,5vw + 1rem,5rem)/.4);scroll-snap-type:y mandatory}body{color:var(--text-color);font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,.85rem + .25vw,1.15rem);font-weight:400;line-height:1.6}main{padding-block-start:clamp(3.5rem,5vw + 1rem,5rem)}html[data-vfx-scanlines=true] h1,html[data-vfx-scanlines=true] h2,html[data-vfx-scanlines=true] h3,html[data-vfx-scanlines=true] h4,html[data-vfx-scanlines=true] h5,html[data-vfx-scanlines=true] h6,html[data-vfx-scanlines=true] .display{mask-image:repeating-linear-gradient(to bottom,#fff,#ffffffbf .025em);mask-size:100% 200%;-webkit-mask-image:repeating-linear-gradient(to bottom,white 0px,hsla(0,0%,100%,.75) .025em);-webkit-mask-size:100% 200%;animation:scanlines 60s ease infinite alternate}h1,h2,h3,h4,h5,h6,.display{font-family:Tomorrow,sans-serif;margin-block:clamp(1rem,.85rem + .25vw,1.15rem) calc(clamp(1rem,.85rem + .25vw,1.15rem)/2);position:relative}h1:target,h1::target-text,h1:target-within,h2:target,h2::target-text,h2:target-within,h3:target,h3::target-text,h3:target-within,h4:target,h4::target-text,h4:target-within,h5:target,h5::target-text,h5:target-within,h6:target,h6::target-text,h6:target-within,.display:target,.display::target-text,.display:target-within{text-decoration:dotted;text-underline-offset:calc(clamp(1rem,.85rem + .25vw,1.15rem)/2)}h1{font-size:clamp(1.8rem,1.8rem + 2vw,3.5rem);line-height:1.8;font-weight:600}h2{font-size:clamp(1.6rem,1.6rem + 2vw,3rem);line-height:1.8;font-weight:600}h3{font-size:clamp(1.45rem,1.45rem + 1.5vw,2.75rem);line-height:1.75;font-weight:500}h4{font-size:clamp(1.4rem,1.4rem + 1.5vw,2.5rem);line-height:1.75;font-weight:500}h5{font-size:clamp(1.2rem,1.2rem + 1vw,2rem);line-height:1.55;font-weight:400}h6{font-size:clamp(1.1rem,1.1rem + 1vw,1.8rem);line-height:1.55;font-weight:400}p{font-size:clamp(1rem,.85rem + .25vw,1.15rem);line-height:1.45;font-weight:400}a{--_link-base: light-dark(var(--seafoam_300), var(--seafoam_600));--_link-color: var(--_link-base);--_link-hover: light-dark(var(--seafoam_400), var(--seafoam_800));color:var(--_link-color);font-weight:500;text-decoration:1px solid underline;text-underline-offset:6px;text-decoration-skip:objects spaces;transition:color .25s ease-out,text-underline-offset .25s cubic-bezier(.5,-.5,1,3)}a:focus-visible,a:hover{--_link-color: var(--_link-hover);outline:1px solid transparent;text-underline-offset:4px}a.skipper{position:fixed;top:-7rem;right:1.5rem;background:var(--bg-main);color:#ff4500;font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:.15em;text-transform:uppercase;background-color:#000;padding:1rem 2rem;border-radius:.5rem;corner-shape:bevel;outline:2px solid var(--text-color);z-index:13;opacity:.5}a.skipper:focus-visible,a.skipper:focus{top:7rem;opacity:1}a.skipper{transition:top ease .35s,opacity ease .3s}button,.button{display:grid;place-items:center;flex-grow:1;font-family:Roboto Mono,monospace;font-weight:700;font-size:clamp(1rem,.85rem + .25vw,1.15rem);outline:1px solid transparent;border:1px solid transparent;border-radius:.25rem;transition:background-color .2s cubic-bezier(.5,-.5,1,3),border-color .2s cubic-bezier(.5,-.5,1,3),outline .2s cubic-bezier(.5,-.5,1,2),outline-offset .2s cubic-bezier(.5,-.5,1,2)}@keyframes spin{to{rotate:1turn}}.loading .spinner{display:inline;margin-inline:.5rem;height:1.5rem;aspect-ratio:1;border:.15 solid transparent;border-left-color:var(--text-color);animation:spin forwards linear infinite .5s}.card{padding:.75rem .5rem .95rem;font-family:Inter,system-ui,sans-serif;color:var(--text-card)}html[data-vfx-scanlines=true] .comment,html[data-vfx-scanlines=true] .code,html[data-vfx-scanlines=true] kbd,html[data-vfx-scanlines=true] samp{mask-image:repeating-linear-gradient(to bottom,#fff,#ffffffbf .025em);mask-size:100% 200%;-webkit-mask-image:repeating-linear-gradient(to bottom,white 0px,hsla(0,0%,100%,.75) .025em);-webkit-mask-size:100% 200%;animation:scanlines 60s ease infinite alternate}.comment,.code,kbd,samp{font-family:Roboto Mono,monospace;background:var(--bg-muted);color:var(--text-muted);padding:.5rem;padding-inline-start:1rem;margin-inline:1rem;margin-block:1.5rem;border-radius:.25rem}@media(max-width:430px){.comment,.code,kbd,samp{margin-inline:0!important;padding-inline:.5rem!important}}.comment{color:var(--text-card);font-style:italic;border-inline-start:2px solid var(--text-muted)}.code,samp{padding:.5rem 1rem;border:1px solid var(--text-muted);overflow:clip;text-overflow:ellipsis}kbd{padding:.25rem .5rem}.all-screen{backdrop-filter:blur(60px) saturate(1.5) url(#lens-distortion);-webkit-backdrop-filter:blur(60px) saturate(1.5) url(#lens-distortion);filter:saturate(1.5) url(#retro-glitch);-webkit-filter:saturate(1.5) url(#retro-glitch)}html[data-vfx-scanlines=true] .all-screen{mask-image:repeating-linear-gradient(to bottom,#fff,#ffffffbf .025em);mask-size:100% 200%;-webkit-mask-image:repeating-linear-gradient(to bottom,white 0px,hsla(0,0%,100%,.75) .025em);-webkit-mask-size:100% 200%;animation:scanlines 60s ease infinite alternate}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{height:50dvh;transition:height .4s ease}.slide-enter-from,.slide-leave-to{height:0}[data-v-cb4c18fd]:root{color-scheme:dark light;--obsidian: hsl(220, 16%, 4%);--anthracite: hsl(0, 0%, 10%);--lead: hsl(0, 0%, 16%);--graphite: hsl(0, 0%, 22%);--concrete: hsl(0, 0%, 47%);--chalk: hsl(0, 0%, 69%);--snow: hsl(0, 0%, 96%);--seafoam: hsl(165, 100%, 50%);--volcano: hsl(25, 100%, 50%);--poison: hsl(285, 100%, 50%);--fusionorange: hsl(36, 100%, 50%);--fusionlight: hsl(44, 100%, 50%);--riftcyan: hsl(162, 100%, 50%);--riftteal: hsl(180, 100%, 25%);--affirm: light-dark(green, lightgreen);--deny: light-dark(maroon, red);--warn: light-dark(goldenrod, gold);--note: light-dark(blue, lightblue);--bg-main: light-dark(var(--snow), var(--obsidian));--bg-card: light-dark(hsl(from var(--snow) h s l / .6), hsl(from var(--obsidian) h s l / .6));--bg-frost: light-dark(hsl(from var(--snow) h s l / .2), hsl(from var(--obsidian) h s l / .2));--bg-muted: light-dark(var(--chalk), var(--anthracite));--bg-glass: light-dark(#fff9, hsla(165, 90%, 30%, .05));--text-color: light-dark(var(--anthracite), var(--snow));--text-card: var(--text-color);--text-muted: light-dark(var(--anthracite), var(--chalk));--_nav-bg: var(--bg-main);--_nav-bg: hsl(from var(--bg-main) h s calc(l*.8) / 1)}@keyframes spin-cb4c18fd{to{rotate:-1turn}}@keyframes spin-tease-cb4c18fd{0%{rotate:0turn}to{rotate:.05turn}}.theme[data-v-cb4c18fd]{display:flex;gap:.5rem;padding:.5rem;border-radius:5rem;background-color:var(--bg-card);transition:background-color .35s ease-out}.theme[data-v-cb4c18fd]:hover,.theme[data-v-cb4c18fd]:focus-within{background-color:hsl(from var(--bg-main) h s l/.6)}.theme label[data-v-cb4c18fd]{display:grid;place-items:center;height:2rem;width:2rem;border-radius:2rem;outline:1px solid transparent;transition:background .15s ease-in-out}.theme label[data-v-cb4c18fd]:hover{animation:spin-tease-cb4c18fd .65s cubic-bezier(0,-.6,.3,1.3) alternate infinite}.theme label[data-v-cb4c18fd]:focus-within{outline-color:hsl(from var(--text-color) h s l/.5);outline-offset:4px}.theme label.reload[data-v-cb4c18fd]:hover{animation:spin-tease-cb4c18fd .65s ease alternate infinite}.theme label.spin[data-v-cb4c18fd]{animation:spin-cb4c18fd .65s cubic-bezier(0,-.6,.3,1.3) forwards}.theme label.active[data-v-cb4c18fd]{color:light-dark(orangered,orange)}.theme input[type=radio][data-v-cb4c18fd]{opacity:0;position:absolute;width:0;height:0}@keyframes bouncetease{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes bounce-down{0%{transform:scale(.95)}}@keyframes bounce-active{0%{transform:scale(.95)}}.vfx{display:flex;gap:.5rem;padding:.5rem;border-radius:5rem;background-color:var(--bg-card);transition:background-color .35s ease-out}.vfx:hover,.vfx:focus-within{background-color:hsl(from var(--bg-main) h s l/.6)}.vfx label{display:grid;place-items:center;height:2rem;width:2rem;border-radius:2rem;outline:1px solid transparent;cursor:pointer;transition:background .15s ease-in-out,outline-color .25s ease-out,outline-offset .25s cubic-bezier(.175,.885,.32,1.275);animation:bounce-down .65s cubic-bezier(0,-.6,.3,1.3) forwards}.vfx label:hover{animation:bouncetease .65s cubic-bezier(0,-.6,.3,1.3) alternate infinite}.vfx label:focus-within{outline-color:hsl(from var(--text-color) h s l/.5);outline-offset:4px}.vfx label.active{color:light-dark(orangered,orange);animation:bounce-active .65s cubic-bezier(0,-.6,.3,1.3) forwards}.vfx input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.nav{font-family:Tomorrow,sans-serif;font-size:clamp(1.1rem,1rem + .5vw,1.45rem);font-weight:500;display:flex;align-items:center;justify-content:center;gap:2.5rem;width:100dvw;height:clamp(3.5rem,5vw + 1rem,5rem);padding-inline:clamp(.5rem,2vw + 1rem,2rem);position:fixed;bottom:0;right:0;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);border-bottom:1px solid rgba(255,255,255,.0666666667);box-shadow:0 .5em 1.5em .25em #0004}@media(min-width:1200px){.nav{justify-content:flex-end;top:0}}@media(max-width:1200px){.nav{border-top:1px solid transparent;border-bottom:none;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);background-image:radial-gradient(circle at center 200%,rgba(255,255,255,.2),transparent)}}.nav__list{display:flex;flex-flow:row nowrap;justify-content:space-evenly;gap:.75em}@media(max-width:1200px){.nav__list{flex-grow:1;gap:.5rem}}.nav__list{-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}html[data-vfx-scanlines=true] .nav__list{mask-image:repeating-linear-gradient(to bottom,#fff,#ffffffbf .025em);mask-size:100% 200%;-webkit-mask-image:repeating-linear-gradient(to bottom,white 0px,hsla(0,0%,100%,.75) .025em);-webkit-mask-size:100% 200%;animation:scanlines 60s ease infinite alternate}.nav__item{display:flex;align-items:center;list-style:none}.nav__link{display:flex;align-items:center;justify-content:center;flex-grow:1;padding:.25em 1em;margin-inline:5px;border-radius:.5rem}@supports (corner-shape: bevel){.nav__link{corner-shape:bevel}}.nav__link{text-decoration-color:transparent;outline:5px solid transparent;outline-offset:4px;color:var(--text-color);background:hsl(from var(--bg-main) h s l/.25);transition:color .25s cubic-bezier(.5,-.5,1,3),background .6s ease-out,outline-offset .25s cubic-bezier(.5,-.5,1,3),outline-color .25s ease-in}.nav__link.router-link-active,.nav__link.router-link-exact-active{background-color:var(--bg-main)}.nav__link.router-link-active,.nav__link.router-link-exact-active,.nav__link:focus-visible{color:light-dark(orangered,orangered)}.nav__link:focus-visible,.nav__link:hover{outline-offset:1px;outline-width:5px;outline-color:currentColor;text-decoration-color:currentColor}.nav__link:hover{color:light-dark(#ff8c00,orangered);background:var(--bg-card);text-decoration-color:transparent}.nav .ctrl__button{background-color:var(--bg-card);outline:1px solid hsl(from var(--text-color) h s l/.2);border-radius:2rem;border-inline:2px solid var(--bg-card);transition:transform .55s ease-in-out,background-color .35s ease-out,outline-color .35s ease,outline-offset .35s cubic-bezier(.5,-.5,1,3)}.nav .ctrl__button:hover,.nav .ctrl__button:focus-visible{outline-color:var(--text-color);background-color:hsl(from var(--bg-main) h s l/.6)}.nav .ctrl__button:focus-visible{outline-offset:1px}.nav .ctrl__content{display:flex;align-items:center;gap:.5rem;outline:1px solid transparent;border-radius:4rem;transition:border-color .5s ease-in-out}.nav .ctrl .brush{display:inline;visibility:visible}.nav .ctrl.hidden:not(:has(:focus-visible))>.ctrl__content{border-color:transparent;outline:none}@media(min-width:1200px){.nav .ctrl{display:grid;grid-template-columns:6rem 1fr;transition:grid-template-columns .55s ease-in-out}.nav .ctrl__button,.nav .ctrl .closer{padding:1rem .75rem .5rem;padding:0;display:grid;grid-row:1}.nav .ctrl__button>div,.nav .ctrl .closer>div{display:grid;transform-origin:center;transform:rotate(-.25turn) rotateY(180deg);transition:transform .55s ease-in-out}.nav .ctrl__button>div .arrow,.nav .ctrl .closer>div .arrow{opacity:1;max-height:2rem;transition:opacity .5s ease .5s,max-height .5s ease .5s}.nav .ctrl.hidden:not(:has(:focus-visible))>.closer div{transform:rotate(.75turn) rotateX(180deg)}.nav .ctrl.hidden:not(:has(:focus-visible))>.closer div .arrow{opacity:0;max-height:1px;transition:opacity .5s ease,max-height .5s ease}.nav .ctrl__content{margin-inline-start:.5rem;overflow:hidden;border-inline:2px solid var(--bg-card)}.nav .ctrl.hidden:not(:has(:focus-visible)){display:grid;gap:0;grid-template-columns:3rem 0fr;height:3rem}}@media(max-width:1200px){.nav .ctrl{position:fixed;bottom:calc(clamp(3.5rem,5vw + 1rem,5rem) + 1rem);right:0;display:grid;grid-template-rows:1fr;gap:.5rem;border-radius:1.25em 0 0 1.25em;padding:4px;background:var(--bg-frost);transition:grid-template-rows .55s ease-in-out}.nav .ctrl__button,.nav .ctrl .closer{padding:.5rem;padding-block-start:1rem;margin-inline-start:4px;margin-block-end:4px;display:grid;place-items:center}.nav .ctrl__button>div,.nav .ctrl .closer>div{display:grid}.nav .ctrl.hidden:not(:has(:focus-visible))>.closer{transform:rotateX(180deg)}.nav .ctrl__content{flex-direction:column;overflow:hidden;border-block:2px solid var(--bg-main)}.nav .ctrl__content>*{flex-direction:column}.nav .ctrl.hidden:not(:has(:focus-visible)){display:grid;gap:0;grid-template-rows:0fr}.nav .ctrl{backdrop-filter:blur(60px) saturate(1.5) url(#lens-distortion);-webkit-backdrop-filter:blur(60px) saturate(1.5) url(#lens-distortion)}}@property --_header_pos-x{syntax: "<length-percentage>"; inherits: true; initial-value: 50%;}@property --_header_pos-y{syntax: "<length-percentage>"; inherits: true; initial-value: 50%;}@property --_header_glow_radius{syntax: "<percentage>"; inherits: true; initial-value: 100%;}.domain--gradient{--_header_pos-x: 50%;--_header_pos-y: 50%;--_header_glow_radius: 100%;--_header-bg_fallback: linear-gradient(135deg, var(--riftteal) 10%, var(--riftcyan), var(--fusionlight), var(--fusionorange) 95%);--_header-bg: linear-gradient(135deg in oklab, var(--riftteal) 10%, var(--riftcyan), var(--fusionlight), var(--fusionorange) 95%);color:transparent;background:var(--_header-bg, var(--_header-bg_fallback)) text;-webkit-background-clip:text;background-clip:text}.domain{display:flex;align-items:last baseline;justify-content:flex-start;gap:.25em;width:fit-content;text-decoration:none;background:radial-gradient(at 25% center,light-dark(rgba(0,0,0,.4),rgba(255,255,255,.2666666667)) 1px,transparent 25%);background-size:200% 100%;background-position:right;transition:background-position .35s ease-in-out}.domain:focus-within,.domain:focus-visible,.domain:focus{background-position:left;outline:1px solid transparent}html[data-vfx-scanlines=true] .domain{mask-image:repeating-linear-gradient(to bottom,#fff,#ffffffbf .025em);mask-size:100% 200%;-webkit-mask-image:repeating-linear-gradient(to bottom,white 0px,hsla(0,0%,100%,.75) .025em);-webkit-mask-size:100% 200%;animation:scanlines 60s ease infinite alternate}@media(min-width:690px){.domain{gap:1rem}}.domain__text{display:grid;align-items:baseline;grid-template-areas:"name top" "desc desc";font-size:var(--_header-size);line-height:1em;font-family:Tomorrow,sans-serif;text-transform:uppercase;font-weight:500;-webkit-text-stroke:light-dark(rgba(0,0,0,.4),rgba(255,255,255,.2)) .015em;background:radial-gradient(circle at var(--_header_pos-x) var(--_header_pos-y),transparent var(--_header_glow_radius),var(--text-color) calc(var(--_header_glow_radius) + 15%)) text;color:transparent;background-size:100% 100%;background-position:center;transition:font-size var(--_header-duration) var(--_header-function),--_header_pos-x .45s cubic-bezier(.23,1,.32,1),--_header_pos-y .45s cubic-bezier(.23,1,.32,1),--_header_glow_radius .45s ease-out}.domain--name{grid-area:name}.domain--description{grid-area:desc;color:#fff7;font-size:.2em;line-height:1em;letter-spacing:.172em;font-weight:300;margin-inline-start:.3em}.domain--toplevel{grid-area:top;color:var(--text-color);color:hsl(from var(--fusionorange) h s 65%);transform:rotate(180deg);writing-mode:vertical-lr;text-orientation:sideways;font-size:.25em;line-height:1em;letter-spacing:.081em}.domain #logo{font-size:var(--_header-size);height:1.05em;align-self:end;filter:drop-shadow(.015em .01em black);transition:font-size var(--_header-duration) var(--_header-function)}.footer{--_footer-border: light-dark(#0006,#fff4);display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:clamp(.5rem,1vh + .5rem,2rem);margin-block-start:2rem;padding-block:3rem;padding-inline:clamp(1rem,3vw + 1.5rem,15rem);border-top:1px solid var(--_footer-border);border-top:1px solid rgba(255,255,255,.0666666667)}@media(max-width:1200px){.footer{padding-block-end:calc(clamp(3.5rem,5vw + 1rem,5rem) + 3em)}}.footer{background-color:var(--bg-main);background-size:200% auto;background-position:right center;background-blend-mode:difference;box-shadow:0 .5em 1.5em .25em #0004}@media(min-width:990px){.footer{flex-direction:row;justify-content:space-evenly}}.footer__copyright{display:grid;align-items:baseline;gap:.5em;opacity:.75;transition:opacity .35s ease-in-out}.footer__copyright:hover,.footer__copyright:focus-within{opacity:1}.footer__copyright a{text-decoration-color:transparent}.footer__copyright a:hover,.footer__copyright :focus-visible{text-decoration-color:revert-layer}.footer__copyright p:last-child{font-size:calc(clamp(1rem,.85rem + .25vw,1.15rem) / 1.5);text-transform:uppercase;letter-spacing:.1em;color:hsl(from var(--text-color) h s l/.55)}.footer__socials,.footer .socials{font-family:Roboto Mono,monospace;position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-items:flex-start;align-self:center;gap:1rem}.footer__socials__icons,.footer .socials__icons{anchor-name:--socials-icon;display:flex;justify-content:space-evenly;align-items:center;gap:1.5rem;padding-inline:.5rem}@media(min-width:990px){@supports (corner-shape: bevel){.footer__socials__icons,.footer .socials__icons{padding-inline:1.5rem}}@supports (top: anchor(top)){.footer__socials__icons,.footer .socials__icons{padding-inline:2.5rem}}}.footer__socials__icons,.footer .socials__icons{overflow:clip}.footer__socials__icons .item:hover,.footer__socials__icons :focus-within,.footer__socials__icons :focus-visible,.footer .socials__icons .item:hover,.footer .socials__icons :focus-within,.footer .socials__icons :focus-visible{anchor-name:--socials-icon}.footer__socials__slug,.footer .socials__slug{position:absolute;bottom:calc(100% + 1.5rem);left:-1rem;width:calc(100% + 2rem);padding:.75rem 1rem;background-image:linear-gradient(to top,transparent,var(--bg-main) 1em);box-shadow:0 -.5em 1em -.5em #0004;border:1px var(--_footer-border);border:1px rgba(255,255,255,.0666666667);border-style:solid solid none}@supports (corner-shape: bevel){.footer__socials__slug,.footer .socials__slug{corner-shape:bevel;border-radius:3rem 3rem 0 0;width:calc(100% + 2rem);padding:1rem 4rem .25rem}}.footer__socials__slug .cursor,.footer .socials__slug .cursor{margin-inline-start:.5ch;opacity:1;border-right:1px solid currentColor;animation:carot 1s infinite}@media(min-width:990px){@supports (top: anchor(bottom)){.footer__socials:after,.footer .socials:after{--_after-bg: light-dark(#0004,#fff2);content:"";position:absolute;pointer-events:none;opacity:0;position-anchor:--socials-icon;background:linear-gradient(to bottom,var(--_after-bg),transparent 10% 90%,var(--_after-bg));border-block:1px solid light-dark(rgba(0,0,0,.4),rgba(255,255,255,.2666666667));border-radius:.5rem}@supports (corner-shape: bevel){.footer__socials:after,.footer .socials:after{border-radius:5.5rem;corner-shape:bevel}}.footer__socials:after,.footer .socials:after{top:calc(anchor(top) - .75rem);bottom:calc(anchor(bottom) - .75rem);left:calc(anchor(left) + .5rem);right:calc(anchor(right) + .5rem);transition:left .35s 375ms,right .35s 375ms,opacity .35s .3s;transition-timing-function:cubic-bezier(.5,-.5,1,2)}.footer__socials:has(.item:is(:hover,:focus-within,:focus-visible)):after,.footer .socials:has(.item:is(:hover,:focus-within,:focus-visible)):after{opacity:1;transition:left .35s 375ms,right .35s 375ms,opacity .35s .5s}}}.footer__socials a.link,.footer__socials .nolink,.footer .socials a.link,.footer .socials .nolink{display:grid;place-items:center;aspect-ratio:1;padding:.75rem;border-radius:5rem;opacity:.75;border:1px solid currentColor;outline:1px solid transparent;background:radial-gradient(circle at 300% 450%,currentColor,transparent);background-size:200% 200%;background-position:center center;transition:background-position-x ease-out .35s,background-position-y .35s ease-out .35s,opacity ease-in-out .35s,outline-offset cubic-bezier(.5,-.5,1,4) .25s,outline-color ease-in-out .35s}.footer__socials a.link:hover,.footer__socials a.link:focus-visible,.footer__socials .nolink:hover,.footer__socials .nolink:focus-visible,.footer .socials a.link:hover,.footer .socials a.link:focus-visible,.footer .socials .nolink:hover,.footer .socials .nolink:focus-visible{background-position-x:-50%;background-position-y:-50%;outline-offset:3px;outline-color:currentColor;opacity:1}.footer__socials a.link img,.footer__socials .nolink img,.footer .socials a.link img,.footer .socials .nolink img{height:1.5rem;width:auto}.footer__socials .nolink,.footer .socials .nolink{opacity:.5}.footer__socials .nolink:hover,.footer__socials .nolink:focus-visible,.footer .socials .nolink:hover,.footer .socials .nolink:focus-visible{opacity:.75}.footer__socials .crossout,.footer .socials .crossout{color:#ff4500;height:5rem;position:absolute;opacity:1;z-index:-1;pointer-events:none}.backdrop{width:100vw;height:100vh;--_star: var(--text-color);--_night: var(--bg-main)}.backdrop :not(.vis){opacity:0;transition:opacity .6s ease}.backdrop .vis{opacity:1;transition:opacity .6s ease}.backdrop__night{position:absolute;inset:0;height:100%;width:100%;background-color:var(--_night)}.backdrop__stars{position:absolute;inset:0;height:100%;width:100%;background-origin:center center;background-image:radial-gradient(circle at center,var(--_star) 1px,transparent 4px),radial-gradient(circle at 35% 15%,var(--_star) 1px,transparent 4px),radial-gradient(circle at 85% 75%,var(--_star) 1px,transparent 3px),radial-gradient(circle at top left,var(--_star) 1px,transparent 3px),radial-gradient(circle at 93% 4%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 7% 45%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 22% 62%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 85% 30%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 52% 63%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 30% 27%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 66% 90%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 73% 60%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 29% 85%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 14% 20%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 70% 17%,var(--_star) 1px,transparent 2px),radial-gradient(circle at 60% 37%,var(--_star) 1px,transparent 2px);background-size:350px 350px;background-repeat:repeat;transform:rotate(7deg);mix-blend-mode:luminosity}@media(prefers-reduced-motion:no-preference){@keyframes skyrotation{0%{transform:rotate(7deg)}to{transform:rotate(-7deg)}}.backdrop__stars{animation:skyrotation 120s linear infinite;animation-direction:alternate}}.backdrop__blinking{position:absolute;top:0;bottom:0;left:0;height:100%;width:200%;background-image:radial-gradient(circle at center,var(--_night) 30px,transparent 70px),radial-gradient(circle at 0% 0%,var(--_night) 10px,transparent 30%),radial-gradient(circle at 0% 100%,var(--_night) 10px,transparent 30%),radial-gradient(circle at 100% 0%,var(--_night) 10px,transparent 30%),radial-gradient(circle at 100% 100%,var(--_night) 10px,transparent 30%),radial-gradient(circle at 70% 23%,var(--_night) 0px,transparent 30%),radial-gradient(circle at 70% 80%,var(--_night) 0px,transparent 30%),radial-gradient(circle at 75% 65%,var(--_night) 10px,transparent 20%),radial-gradient(circle at 35% 15%,var(--_night) 2px,transparent 15%),radial-gradient(circle at 7% 45%,var(--_night) 1px,transparent 5%);background-size:175px 175px;background-repeat:repeat;animation:blinker 20s linear infinite;animation-direction:alternate}.backdrop__nebula{--_opa: .75;position:absolute;inset:0;height:100%;width:100%;background-image:radial-gradient(at 87% 16%,hsla(178,100%,60%,var(--_opa)) 0px,transparent 50%),radial-gradient(at 48% 39%,hsla(30,100%,60%,var(--_opa)) 0px,transparent 50%),radial-gradient(at 75% 32%,hsla(171,60%,60%,calc(var(--_opa) / 2)) 0px,transparent 50%),radial-gradient(at 45% 56%,hsla(19,60%,60%,calc(var(--_opa) / 2)) 0px,transparent 50%);background-size:800% 400%;background-size:400% 200%}@media(prefers-reduced-motion:reduce){.backdrop__nebula{background-size:200% 150%;background-position:center left}}@media(prefers-reduced-motion:no-preference){.backdrop__nebula{animation:nebula 60s linear infinite;animation-direction:alternate}}.backdrop__haze{--_fg-col-top: light-dark(#4e57d9aa, #151848aa);--_fg-col-mid: light-dark(#98d2e6aa, #0c2b35aa);--_fg-col-bot: light-dark(#e4d7c1aa, #284041aa);--_fg-grad: linear-gradient(to bottom in oklch, var(--_fg-col-top), var(--_fg-col-mid), var(--_fg-col-bot));--_fg-grad_fallback: linear-gradient(to bottom, var(--_fg-col-top), var(--_fg-col-mid), var(--_fg-col-bot));position:fixed;inset:0;background:var(--_fg-grad, var(--_fg-grad_fallback));background-image:url(/assets/aurora2-DvaXbX7p.png);background-size:100%;background-position:left;filter:blur(200px) opacity(.5);mix-blend-mode:difference;transition:background-size .85s ease-out}@media(prefers-reduced-motion:no-preference){.backdrop__haze{background-size:200% 100%}@keyframes aurora{to{background-position:right}}.backdrop__haze{animation:aurora 10s ease-in-out alternate infinite}}.backdrop__haze{height:100%;width:100%}.backdrop.viewport{position:fixed;inset:0}.toast-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-height:0;pointer-events:none}.toast{--_toast-accent: hsla(210, 100%, 50%, 1);pointer-events:auto;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;max-width:max(790px,45dvw)}.toast:first-of-type{margin-top:calc(clamp(3.5rem,5vw + 1rem,5rem) + .5rem)}.toast{font-family:Roboto Mono,monospace;font-weight:400;color:var(--_toast-accent);background-color:hsl(from var(--_toast-accent) h s l/.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-block:2px solid var(--_toast-accent);border-radius:1rem;outline:1px solid transparent;transition:background-color .35s ease-out,backdrop-filter .35s ease-in,outline-width .35s ease-in-out,outline-offset .35s ease-in-out,transform .35s ease}.toast:hover,.toast:focus-within{color:var(--text-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:hsl(from var(--_toast-accent) h s l/.45);transform:translateY(-2px)}.toast:focus-within{outline-offset:4px;outline-width:2px;outline-color:var(--_toast-accent)}.toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.toast__message{flex-grow:1;font-size:.9rem;line-height:1.4}.toast__closer{background:transparent;border:none;color:currentColor;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0;display:flex}.toast__closer:hover{opacity:1}.toast.success{--_toast-accent: hsl(160, 100%, 30%)}.toast.warning{--_toast-accent: hsl(35, 100%, 50%)}.toast.error{--_toast-accent: hsl(10, 100%, 50%)}.toast-slide-enter-active,.toast-slide-leave-active{opacity:1;transition:all .4s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;max-height:10rem}#app{display:flex;flex-flow:column nowrap;scrollbar-gutter:stable}.main--wrapper{--_header-duration: .45s;--_header-function: ease-out;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.main__header{align-content:center;padding-inline:clamp(1rem,2vw + 1rem,2rem);background-color:var(--bg-main)}@media(max-width:690px){.main__header{background-size:cover;background-position:20%;background-repeat:no-repeat}}.main__header{border-bottom:1px solid rgba(255,255,255,.0666666667);box-shadow:0 .5em 1.5em .25em #0004}.main__header.big{--_header-size: clamp(3rem, 10vw + 1rem, 14rem);min-height:85dvh;min-width:10%}:root{color-scheme:dark light;--obsidian: hsl(220, 16%, 4%);--anthracite: hsl(0, 0%, 10%);--lead: hsl(0, 0%, 16%);--graphite: hsl(0, 0%, 22%);--concrete: hsl(0, 0%, 47%);--chalk: hsl(0, 0%, 69%);--snow: hsl(0, 0%, 96%);--seafoam: hsl(165, 100%, 50%);--volcano: hsl(25, 100%, 50%);--poison: hsl(285, 100%, 50%);--fusionorange: hsl(36, 100%, 50%);--fusionlight: hsl(44, 100%, 50%);--riftcyan: hsl(162, 100%, 50%);--riftteal: hsl(180, 100%, 25%);--affirm: light-dark(green, lightgreen);--deny: light-dark(maroon, red);--warn: light-dark(goldenrod, gold);--note: light-dark(blue, lightblue);--bg-main: light-dark(var(--snow), var(--obsidian));--bg-card: light-dark(hsl(from var(--snow) h s l / .6), hsl(from var(--obsidian) h s l / .6));--bg-frost: light-dark(hsl(from var(--snow) h s l / .2), hsl(from var(--obsidian) h s l / .2));--bg-muted: light-dark(var(--chalk), var(--anthracite));--bg-glass: light-dark(#fff9, hsla(165, 90%, 30%, .05));--text-color: light-dark(var(--anthracite), var(--snow));--text-card: var(--text-color);--text-muted: light-dark(var(--anthracite), var(--chalk));--_nav-bg: var(--bg-main);--_nav-bg: hsl(from var(--bg-main) h s calc(l*.8) / 1)}.home{margin-block-start:calc(-1*clamp(3.5rem,5vw + 1rem,5rem))}.home__section{scroll-padding-top:clamp(3.5rem,5vw + 1rem,5rem);min-height:85dvh}.motiongrid{display:flex}.home__card--logo{height:200px;width:200px;border-radius:1rem;background-color:var(--bg-card)}.home__card--project{--_projects-accent: light-dark(#ff4500, #ff9500);display:grid;margin-block:4rem 2rem;margin-block:auto;background-color:var(--bg-card)}@media(min-width:1200px){.home__card--project{grid-template-columns:1.5fr 2fr}}@media(max-width:1200px){.home__card--project{grid-template-rows:1fr .5fr}}@media(max-width:690px){.home__card--project{display:flex;flex-direction:column}}.home__card--project--binder{display:flex;flex-flow:column;justify-content:center;padding-block:1.5em;padding-inline:calc(clamp(.5rem,2vw + 1rem,2rem)*2);box-shadow:inset .75em .25em 1.5em -.5em #0004}@media(max-width:1200px){.home__card--project--binder{padding-block:.75em 2.5em;box-shadow:inset -.5em .5em 2.5em -.25em #0004}}.home__card--project--visuals{overflow:clip;background-color:transparent;position:relative;height:450px}@media(max-width:690px){.home__card--project--visuals{height:350px}}.home__card--project--visuals:after{content:"";position:absolute;z-index:-1;top:30%;left:calc(50cqw - 50cqh);border:.5em solid transparent;border-block-start-color:#ff4500;height:40%;aspect-ratio:1;border-radius:50rem;animation:loading 1s infinite ease-in-out}.home__card--project--visuals .img{width:100%;height:450px}@media(max-width:690px){.home__card--project--visuals .img{height:350px}}.home__card--project--visuals .img{object-fit:cover}.home__card--project__header{margin:0}@media(min-width:690px){.home__card--project__header{margin-inline-start:-2.5rem}}.home__card--project__header:hover .home__card--project__header--anchor{color:var(--_projects-accent)}.home__card--project__header:focus-within .home__card--project__header--anchor,.home__card--project__header--anchor:target{color:var(--_projects-accent);border-color:currentColor}.home__card--project__header--anchor{font-weight:700;font-style:oblique;font-family:Doto,sans-serif;text-decoration:none;text-underline-offset:1ex;padding-inline-end:.15ex;border-inline-end:.15ex solid transparent;margin-inline-end:.15ex}.home__card--project__header--anchor:hover,.home__card--project__header--anchor:focus-visible{color:var(--_projects-accent)}.home__card--project__header--anchor:focus,.home__card--project__header--anchor:focus-visible{text-decoration:underline;text-decoration-thickness:.015em;border-color:currentColor}.home__card--project__text p{text-wrap:pretty;margin-bottom:1em}.home__card--project__text p:last-of-type{margin-bottom:2em}@media(min-width:1700px){.home__card--project__text p{max-width:60%}}.home__card--project__action--binder{display:flex;gap:1rem}@media(max-width:690px){.home__card--project__action--binder{flex-direction:column;padding-inline:clamp(1rem,3vw + 1.5rem,15rem)}}@media(max-width:430px){.home__card--project__action--binder{padding-inline:0}}.home__card--project__action.case{background:var(--_projects-accent);color:var(--bg-main);background-clip:unset;outline-color:transparent}.home__card--project__action{display:flex;align-items:center;gap:.5ch;background:var(--_projects-accent);color:transparent;-webkit-background-clip:text;background-clip:text}.home__card--project__action .icon{color:var(--_projects-accent);height:1em}.home__card--project__action{padding-block:.5em;padding-inline:1.25em 1.5em}@media(max-width:690px){.home__card--project__action{padding:1em;justify-content:space-between}}.home__card--project__action{text-decoration:none;outline:1px solid var(--_projects-accent);outline-offset:-2px;transition:background .35s ease-in-out,color .35s ease,outline-color .35s ease,outline-offset .35s cubic-bezier(.175,.885,.32,3)}@supports (corner-shape: bevel){.home__card--project__action{border-radius:0 .5rem;corner-shape:bevel}}.home__card--project__action:hover,.home__card--project__action:focus-visible,.home__card--project__action:focus{color:#fff;outline-color:var(--_projects-accent)}.home__card--project__action:hover .icon,.home__card--project__action:focus-visible .icon,.home__card--project__action:focus .icon{color:#fff}@supports (color: hsl(from white h s l)){.home__card--project__action:hover,.home__card--project__action:focus-visible,.home__card--project__action:focus{background:hsl(from var(--_projects-accent) h 200% 30%)}}.home__card--project__action:focus-visible,.home__card--project__action:focus{outline-color:var(--_projects-accent);outline-offset:3px}.home__card--project__action.case:before{content:"-> "}
