#shader-canvas[data-astro-cid-f54tivzg]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block}@view-transition{navigation:auto}[data-astro-cid-f54tivzg]::view-transition-old(shader),[data-astro-cid-f54tivzg]::view-transition-new(shader){animation-duration:0s}@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}}.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}*{margin:0;padding:0;box-sizing:border-box;transition:opacity .1s ease-in-out;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}body{font-family:Kosugi,sans-serif;background-color:#000;color:#fff;min-height:100vh;height:100vh;position:relative;padding:1rem;overflow:hidden}@media(min-width:768px){body{padding:2rem}}.frame-border{position:relative;height:calc(100vh - 2rem);border:1px solid #fff;z-index:1;overflow:hidden}@media(min-width:768px){.frame-border{height:calc(100vh - 4rem)}}.outer-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;box-shadow:inset 0 0 0 1rem #00000080}@media(min-width:768px){.outer-mask{box-shadow:inset 0 0 0 2rem #000000a6}}.site-wrapper{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}@media(min-width:768px){.site-wrapper{flex-direction:row}}.main-nav{display:flex;flex-direction:column;gap:1.5rem;min-width:auto;padding:1rem;border-bottom:1px solid #fff}@media(min-width:768px){.main-nav{gap:4rem;min-width:300px;padding-left:2rem;padding-top:2rem;border-bottom:none}}.nav-header{display:flex;flex-direction:column;gap:.5rem}.name{font-size:1.75rem;font-weight:400;line-height:1.1}.subtitle{font-size:1rem;font-weight:400;line-height:1.3}.location{font-size:.875rem;margin-top:.5rem}@media(min-width:768px){.name{font-size:2.5rem}.subtitle{font-size:1.25rem}.location{font-size:1rem;margin-top:1rem}}.nav-links{list-style:none;display:flex;flex-direction:row;gap:1rem}.nav-links a{color:#fff;text-decoration:none;font-size:1.125rem;position:relative;display:inline-block}@media(min-width:768px){.nav-links{flex-direction:column;gap:.5rem}.nav-links a{font-size:1.5rem}}.nav-links a.active:after{content:"<";margin-left:.25rem}.nav-links a:hover{opacity:.7}.main-content{flex:1;display:flex;flex-direction:column}.centered-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;gap:2rem}.work-section{display:flex;flex-direction:column;gap:2rem;justify-content:center;flex:1}.work-item{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.work-item h2{font-size:1.5rem;font-weight:400}.work-item p{font-size:1.125rem;text-align:left}@media(min-width:768px){.work-section{gap:3rem}.work-item{flex-direction:row;justify-content:space-between;align-items:center}.work-item h2{font-size:2rem}.work-item p{font-size:1.5rem;text-align:right}}.contact-content{display:flex;flex-direction:column;height:100%;gap:2rem}.contact-text{flex:1;display:flex;align-items:center}.contact-text p{font-size:1.25rem;line-height:1.6;max-width:600px}.contact-social{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.social-icon{width:60px;height:60px;background-color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center}.social-icon img{width:35px;height:35px}@media(min-width:768px){.contact-content{flex-direction:row}.contact-text p{font-size:1.5rem}.contact-social{align-items:flex-end;gap:2rem}.social-icon{width:80px;height:80px;border-radius:20px}.social-icon img{width:50px;height:50px}}