html{--navbar-height: 50px;--content-gutter: .5rem;--content-left: max(var(--content-gutter), env(safe-area-inset-left));--content-right: max(var(--content-gutter), env(safe-area-inset-right));--bottom-clearance: calc(7rem + env(safe-area-inset-bottom)) ;height:100%;scrollbar-gutter:stable;overflow-x:clip}body{overflow:visible;position:relative}html[data-transitioning=true] .horizontal-section{pointer-events:none}@media(max-width:1023px),(max-height:699px){html{--navbar-height: calc(60px + env(safe-area-inset-top)) }}html,body{margin:0;font-family:Verdana}@font-face{font-family:Mainframe;src:url(/assets/mainframe-SScDhAdz.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/roboto-C-VQk2Vr.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.icon-container{display:flex;flex-direction:row;gap:.5rem}.icon{width:44px;height:44px;margin:0}.icon{-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.icon:hover{opacity:.75}.title{font-size:1rem}.form-container{margin-top:.5rem;display:flex;flex-direction:column;align-items:stretch;width:100%}.input{border:none;border-bottom:2px solid #000;font-size:1rem;padding:.5rem;margin-top:.5rem;min-height:44px;box-sizing:border-box;line-height:1.5rem;background-color:#ffffff40}.input:focus,.input:active{outline:none;-webkit-box-shadow:none;box-shadow:none;background-color:#ffffffa6}.text-area{resize:none;border:none;border-bottom:2px solid #000;font-family:Verdana;font-size:1rem;padding:.5rem;margin-top:.5rem;line-height:1.5rem;background-color:#ffffff40}.text-area:focus,.text-area:active{outline:none;-webkit-box-shadow:none;box-shadow:none;background-color:#ffffffa6}.input-container{gap:.5rem;margin-top:.5rem;flex-wrap:wrap;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.button{color:#fff;background:#000;border:2px solid #000000;font-size:.8rem;width:min(300px,100%);flex:1 1 10rem;min-height:44px;font-size:1rem;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.button:hover{opacity:.75}.form-container button:focus-visible{outline:2px solid #000;outline-offset:2px}.lazy-image{position:relative;display:block;width:100%;overflow:hidden;background:#ffffff1f}.lazy-image.is-loading{min-height:120px;aspect-ratio:var(--image-aspect-ratio, 16 / 9)}.lazy-image img{display:block;width:100%;height:auto;margin-inline:auto;object-fit:contain;opacity:0;transition:opacity .24s ease}.lazy-image.is-loaded{overflow:visible;background:transparent}.lazy-image.is-loaded img{opacity:1}.grid-item-image-frame{margin-top:8px}.grid-item-image-frame.is-loading{background:#0000000f}.image-loading-indicator{position:absolute;inset:0;display:grid;place-items:center;color:#555;font-size:.75rem}.grid-item:has(.is-loading) .grid-item-text{opacity:0}.grid-item-image-frame .grid-item-image{margin-top:0}.project-image-placeholder img{width:auto;max-width:100%}.project-slideshow-image-placeholder{width:75%;max-height:500px;margin:3rem auto}.project-slideshow-image-placeholder .project-swiper-image{width:auto;height:auto;max-width:100%;max-height:500px;padding:0}@media(prefers-reduced-motion:reduce){.lazy-image img{transition:none}}.grid-container{display:flex;flex-direction:column;width:100%}.pill-container{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-bottom:.5rem;gap:.25rem}.pill-button{color:#00000080;font-size:.75rem;border:2px solid;text-align:center;display:inline-block;cursor:pointer;border-radius:30px;background:transparent;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:.5rem;transition:all .3s ease}.pill-button.active,.pill-button:hover{color:#fff;background:#000;border-color:#000}.grid-item{width:100%;min-width:0;position:relative;text-align:center;color:#fff;cursor:pointer;margin:0;overflow:hidden}.grid-item-image{margin-top:0;vertical-align:middle;width:100%;height:auto;box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f}.grid-item-text{position:absolute;left:0;bottom:0;width:100%;height:100px;background-image:linear-gradient(to bottom,#0000,#000);transition:height .3s ease}.grid-item:hover .grid-item-text{height:300px}.grid-item-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5rem;font-size:1rem;white-space:nowrap}.grid-item-description{position:absolute;bottom:40px;left:50%;transform:translate(-50%,75%);width:calc(100% - 3rem);opacity:0;font-size:.75rem;line-height:1.5;transition:opacity .3s ease,transform .3s ease}.grid-item:hover .grid-item-description{opacity:1;transform:translate(-50%,-50%)}@media(max-width:1300px){.grid-item-text{height:300px}.grid-item-description{opacity:1;transform:translate(-50%,-50%)}.pill-container{width:100%}}.horizontal-section,.horizontal-section-mobile{--content-gutter: 1rem;--content-left: max(var(--content-gutter), env(safe-area-inset-left));--content-right: max(var(--content-gutter), env(safe-area-inset-right))}.horizontal-section{padding-top:var(--navbar-height)}.panels{display:flex;align-items:flex-start;width:150%}.panel{flex:0 0 calc(100% / 3);min-width:0;height:calc(100dvh - var(--navbar-height));box-sizing:border-box;padding:var(--content-gutter) var(--content-right) var(--content-gutter) var(--content-left)}.home{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-panel{width:100%}.about-panel h1,.about-panel h4{margin:0 0 .5rem}.about-panel p{margin:.5rem 0;line-height:1.45}.portrait{display:flex;justify-content:center;align-items:center;padding:0;position:sticky;top:var(--navbar-height)}.panel.projects{display:flex;justify-content:center;align-items:flex-start;height:auto;min-height:calc(100dvh - var(--navbar-height));padding-bottom:var(--bottom-clearance)}.layout-home{height:100dvh;box-sizing:border-box;overflow:clip}.lyrics{width:min(300px,90%);opacity:10%;z-index:-1}@media(min-width:1024px)and (min-height:700px)and (max-height:850px),(min-width:1024px)and (max-width:1199px)and (min-height:700px)and (max-height:1000px){.about-panel h1,.about-panel h4{margin-bottom:.5rem}.about-panel p{margin:.5rem 0}.about-panel .form-container{margin-top:.5rem}.about-panel .input,.about-panel .text-area{margin-top:.5rem;line-height:1.4rem}.about-panel .text-area{height:6rem}.about-panel .button{height:2.75rem}}.horizontal-section-mobile{padding:var(--navbar-height) var(--content-right) 0 var(--content-left)}.panels-mobile{display:block}.panel-mobile{width:100%;box-sizing:border-box;scroll-margin-top:var(--navbar-height)}.panel-mobile.home{min-height:calc(100dvh - var(--navbar-height));padding:var(--content-gutter) 0}.panel-mobile.projects{display:flex;justify-content:center;padding:var(--content-gutter) 0 var(--bottom-clearance)}.project-page{--project-section-gap: 1.25rem;width:calc(100% - var(--content-left) - var(--content-right));max-width:1300px;margin:0 auto;padding-block:calc(var(--navbar-height) + var(--content-gutter)) var(--bottom-clearance);box-sizing:border-box}.project-row{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--project-section-gap) 0}.project-text{max-width:800px}.project-text p{margin:0;font-size:1rem;line-height:1.5}.project-heading h1{margin:0;font-size:clamp(1rem,5vw,2rem)}.project-image{align-items:center;justify-content:center;width:100%;display:flex}.project-image img{max-width:100%;height:auto}.project-video{width:100%;max-width:100%;height:auto}.project-slideshow{width:100%}.project-swiper{width:100%;height:100%}.project-swiper .swiper-button-next,.project-swiper .swiper-button-prev{color:#000}:is(.project-swiper .swiper-button-next,.project-swiper .swiper-button-prev) .swiper-button-next:after,:is(.project-swiper .swiper-button-next,.project-swiper .swiper-button-prev) .swiper-button-prev:after{font-size:1.5rem}.project-swiper-slide{text-align:center;font-size:1rem;width:50%;display:flex;justify-content:center;align-items:center}.project-swiper-image{box-sizing:border-box;max-width:calc(100% - 6rem);width:auto;max-height:500px;padding:.5rem 0 2rem}.project-image-placeholder,.project-slideshow-image-placeholder{max-width:100%}.project-hero{width:100%;max-width:1300px;margin-inline:auto}.project-hero .project-banner,.project-hero .lazy-image{width:100%;max-width:none;max-height:500px;min-height:0}.project-hero .lazy-image img{height:auto;max-height:500px;object-fit:contain}.navbar{position:fixed;top:0;left:0;width:100%;height:50px;z-index:69;display:flex;justify-content:flex-end;align-items:center;padding:0 4rem;box-sizing:border-box}.navbar:before,.mobile-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 24px);background:#ffffff9e;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='3'%20seed='7'%20stitchTiles='stitch'%20/%3e%3cfeColorMatrix%20type='saturate'%20values='0'%20/%3e%3c/filter%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'%20opacity='0.18'%20/%3e%3c/svg%3e");-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent 100%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:-1}.navbar.scrolled:before,.navbar:has(.mobile-menu):before,.mobile-menu:before{opacity:1}.navbar:has(.mobile-menu):before{height:100%;-webkit-mask-image:none;mask-image:none}.nav-link{color:#000000bf;text-decoration:none;font-size:1.5rem;margin-right:1.5rem;transition:color .3s ease,border-bottom .3s ease}.nav-link:hover{color:#000}.nav-link.active{color:#000;border-bottom:2px solid #000}.navbar.mobile{position:fixed;top:0;left:0;width:100%;height:calc(60px + env(safe-area-inset-top));display:flex;justify-content:flex-end;align-items:center;padding-top:env(safe-area-inset-top);padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box;z-index:100}.hamburger{position:relative;width:32px;height:32px;border:none;background:none;cursor:pointer;padding:0}.hamburger span,.hamburger:before,.hamburger:after{position:absolute;left:4px;width:24px;height:2px;background:#000;content:"";transition:transform .3s ease,opacity .2s ease}.hamburger:before{top:8px}.hamburger span{top:15px}.hamburger:after{top:22px}.hamburger.open:before{transform:translateY(7px) rotate(45deg)}.hamburger.open span{opacity:0}.hamburger.open:after{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;z-index:0;padding:1rem 1.5rem}.mobile-menu .nav-link{margin:0;padding:1rem 0;text-align:left;width:fit-content}@media(prefers-reduced-motion:reduce){.navbar:before,.mobile-menu:before{transition:none}}.portrait-canvas{position:fixed;inset:0;width:100%;height:100dvh;pointer-events:none;z-index:200;opacity:0}.arrow-container{position:fixed;bottom:0;right:0;z-index:69;margin:0;padding:0;border:0;background:transparent;line-height:0;opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s;right:var(--content-right);bottom:max(var(--content-gutter),env(safe-area-inset-bottom))}.page-arrow{cursor:pointer;width:6rem;transition:transform .2s ease,opacity .2s ease}.page-arrow.left{transform:rotate(-90deg)}.page-arrow.right{transform:rotate(90deg)}.page-arrow.up{transform:rotate(0)}.page-arrow:hover{opacity:.75}.arrow-container.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s}@media(prefers-reduced-motion:reduce){.arrow-container,.arrow-container.is-hidden{transition:none}}.footer{width:100%;opacity:.5;min-height:2.5rem;padding:1rem 0;text-align:center;display:flow-root}