.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Kotori Rose;src:url(/kotori-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--uplg-background-color: #f2f2f2;--uplg-font-color: #2f2f2f;--uplg-font-hover: rgb(0, 0, 0, .3);--uplg-primary: #525252;--uplg-font-primary: "Kotori Rose", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--base: hsl(var(--hue), 95%, 50%);--complimentary1: hsl(var(--hue-complimentary1), 95%, 50%);--complimentary2: hsl(var(--hue-complimentary2), 95%, 50%);--bg-gradient: linear-gradient( to bottom, hsl(var(--hue), 95%, 99%), hsl(var(--hue), 95%, 84%) )}@media (prefers-color-scheme: dark){body{--app-container: #111827;--main-color: #fff}}@media (prefers-color-scheme: light){body{--app-container: #b2b2b2;--main-color: #1f1c2e}}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100vh;margin:0;padding:0;overflow-x:hidden}body{max-width:1920px;min-height:100vh;padding:2rem 2rem 5rem;color:var(--main-color);font-family:var(--uplg-font-primary);justify-content:center;background-color:var(--app-container);position:relative}a{text-decoration:none;color:var(--main-color);opacity:.8;transition:opacity .3s}a:hover{opacity:1}h1{font-size:1.5em}h1,h2,h3,h4{user-select:none;color:var(--main-color)}button,a{cursor:pointer}.flex-link{display:flex;flex-direction:row;align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.app-container{width:100%;display:flex;flex-direction:column;height:100%;transition:.2s}.app-container button,.app-container input,.app-container optgroup,.app-container select,.app-container textarea{font-family:var(--uplg-font-primary)}.page{margin:0 auto;padding:20px}.hero{margin-bottom:48px}.hero h1{margin-bottom:100px}.contact .hero h1{margin-bottom:0}.areas{display:grid;grid-template-columns:1fr 1fr;gap:30px}.service{user-select:none}.service h2{margin:10px 0}.service ul{list-style:none;padding:0;margin:1rem 0}.service li{padding:.25rem 0;opacity:.8}.service li:before{content:"→";margin-right:.5rem;opacity:.6}.service a{display:flex;align-items:center;justify-content:flex-end;padding-bottom:48px;margin-right:40px}.links{display:flex;flex-direction:row;align-items:center;gap:26px;user-select:none}.links span{cursor:pointer}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:36px;padding:10px;margin:2rem 0}.project{display:flex;padding:28px 16px;background-color:#0003;flex-direction:column;align-items:flex-start;border-radius:15px;transition:background .3s ease}.project:hover{background:#0000004d}.project>a{font-size:1.2rem;display:block;margin-bottom:1rem}.project .excerpt{display:flex;flex-direction:column;width:100%}.project .excerpt p:first-child{font-size:.9em;margin:.5rem 0}.project .excerpt .extra{display:flex;align-items:center;justify-content:space-between}.project .excerpt .extra a{align-self:flex-end}.project .excerpt .extra svg{height:30px}.tags{display:flex;flex-direction:row;gap:5px;font-size:.8em;margin:1rem 0}.tag{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-size:.8em;opacity:.8;cursor:default}.state{font-size:.7em}.extra{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.state{background:#32323233;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.extra a{width:20px;height:20px;opacity:.7}.extra a:hover{opacity:1}.header{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:10;background:transparent}.contact .methods{display:flex;flex-direction:column;gap:10px}@media only screen and (min-width: 840px){.service{margin-bottom:100px}}@media only screen and (max-width: 840px){body{padding:1.5rem}}@media screen and (max-width: 520px){.areas{gap:50px}}@media screen and (max-width: 450px){.areas{display:inline-block}.projects{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project .excerpt .extra{flex-direction:column;align-items:flex-start}.project .excerpt .tags{flex-direction:column}}.footer{position:fixed;bottom:0;left:0;right:0;padding:1rem 2rem;background:#0000001a;border-top:1px solid rgba(255,255,255,.1);z-index:100}.footer:before{content:"";position:absolute;inset:0;backdrop-filter:blur(10px);z-index:-1}.footer-content{display:flex;justify-content:center;align-items:center;gap:2rem;max-width:1200px;margin:0 auto}.footer-link{color:var(--main-color);text-decoration:none;opacity:.8;transition:opacity .3s ease;font-size:.9rem}.footer-link:hover{opacity:1}.footer-link.active{opacity:1;font-weight:600;color:var(--main-color)}.footer-link>svg{width:35px;height:35px;padding:.5rem;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.footer-link>svg:hover{background-color:#ffffff1a}.color-randomizer{background:none;border:none;font-size:20px;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.color-randomizer:hover{background-color:#ffffff1a}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--main-color)}.status-pulse{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:.85rem;opacity:.9}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 currentColor}70%{transform:scale(1);box-shadow:0 0 0 4px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.status-pulse{animation:none}}.burger-toggle{display:none}.burger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;position:relative;z-index:103}.burger-menu:hover{background-color:#ffffff1a}.burger-label{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;position:relative;z-index:103}.burger-label:hover{background-color:#ffffff1a}.burger-line{width:20px;height:2px;background-color:var(--main-color);margin:2px 0;transition:.3s;border-radius:1px}.burger-line.open:nth-child(1){transform:rotate(-45deg) translate(-4px,4px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(45deg) translate(-4px,-4px)}.burger-toggle:checked~.footer .burger-label .burger-line:nth-child(1){transform:rotate(-45deg) translate(-4px,4px)}.burger-toggle:checked~.footer .burger-label .burger-line:nth-child(2){opacity:0}.burger-toggle:checked~.footer .burger-label .burger-line:nth-child(3){transform:rotate(45deg) translate(-4px,-4px)}.burger-toggle:checked~.footer .footer-menu{transform:translateY(0)}.footer-menu{position:fixed;bottom:0;left:0;right:0;background:#00000080;border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform .3s ease;z-index:102;display:none}.footer-menu:before{content:"";position:absolute;inset:0;backdrop-filter:blur(10px);z-index:-1}.footer-menu.open{transform:translateY(0)}.footer-menu-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;max-width:300px;margin:0 auto}.footer-menu .footer-link{font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .2s ease;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.footer-menu .footer-link:hover{background-color:#ffffff1a}.footer-menu .footer-link.active{background-color:#fff3;font-weight:600}.footer-menu .footer-link>svg{width:24px;height:24px;padding:0}.footer-menu .color-randomizer{font-size:1.5rem;width:50px;height:50px}.no-js .color-randomizer,.no-js .status-indicator{display:none}@media screen and (max-width: 768px){.burger-menu{display:flex}.no-js .burger-menu{display:none}.no-js .burger-label{display:flex}.footer-menu{display:block}.desktop-menu{display:none}.footer{padding:.75rem 1rem;justify-content:center}.areas{margin-bottom:3rem}}@media screen and (min-width: 769px){.burger-menu,.footer-menu{display:none}.desktop-menu{display:flex}}@media screen and (max-width: 450px){.footer{padding:.75rem 1rem}.footer-content{gap:1rem}.footer-link{font-size:.8rem}.color-randomizer{font-size:1rem;padding:.4rem}.status-indicator{gap:.3rem}.status-text{font-size:.75rem}.footer-menu-content{gap:1.2rem;padding:1.5rem 1rem}.footer-menu .footer-link{font-size:1rem}.footer-menu .color-randomizer{font-size:1.2rem;width:45px;height:45px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}