@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@font-face{font-family:Template Gothic;src:url(./TemplateGothic.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff}a{color:inherit}a:hover{text-decoration:none}.container{display:flex;min-height:100vh;width:100vw;overflow-x:hidden}.content{flex:1;width:calc(100vw - 270px);margin-left:0;margin-right:0;padding:.5rem 0 .5rem 2rem;box-sizing:border-box}.content>h1{margin-bottom:.5rem;font-size:2rem}.works-section{margin-bottom:4rem}.works-section h2{margin-bottom:.5rem;font-size:2rem}.blog-container{max-width:800px;margin:0 auto}.blog-post{margin-bottom:3rem;padding:1rem;background-color:#fff}.blog-post img{max-width:100%;height:auto;margin:0;display:block}.blog-post h1,.blog-post h2,.blog-post h3{margin-bottom:1rem}.blog-post .date{color:#666;font-size:.9rem;margin-bottom:1rem}.blog-post iframe,.blog-post video{width:100%;height:315px;border:none;margin:1rem 0;background-color:#f5f5f5}.blog-post video{background-color:#000}.section-content{max-width:800px;margin:0 auto}.music-projects{display:flex;flex-direction:column;gap:.5rem}.music-project{padding:1.5rem;background-color:#fff}.music-project h2{margin-bottom:.3rem;font-size:1.3rem}.music-link{display:inline-block;margin-top:.3rem;color:#333;text-decoration:underline}.music-link:hover{text-decoration:none}.contact-project{padding:1.5rem;background-color:#fff}.contact-project a{text-decoration:underline}.contact-project a:hover{text-decoration:none}@media (max-width: 768px){.container{flex-direction:column;padding:0;margin:0}.content{width:100%;max-width:100%;margin:80px 0 0;padding:0;padding-top:1rem}.blog-container{max-width:100%;width:100%}.blog-post{padding:0}.blog-post img{margin:.04rem 0}.blog-post h1,.blog-post h2,.blog-post h3{margin-bottom:.04rem}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:.75rem}h1,h2,h3{margin-bottom:.3rem}.contact-project{padding:0}.contact-project-details{margin-left:0}}.blog-container h1{margin-bottom:.5rem;font-size:2rem}.blog-container h2{margin-bottom:.5rem;font-size:1.5rem}.works-table-container{max-width:none;width:100%;margin:0;padding:0}.works-table{font-size:.78rem;width:100%;max-width:none;border-collapse:collapse;margin-top:1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;border:1px solid #ddd}.works-table th,.works-table td{padding:.22rem .3rem;text-align:left;border-bottom:1px solid #ddd;vertical-align:top;border:1px solid #ddd}.works-table th:nth-child(1),.works-table td:nth-child(1){width:20%}.works-table th:nth-child(2),.works-table td:nth-child(2){width:15%}.works-table th:nth-child(3),.works-table td:nth-child(3){width:40%}.works-table th:nth-child(4),.works-table td:nth-child(4){width:15%}.works-table th:nth-child(5),.works-table td:nth-child(5){width:10%}.works-table th{background-color:#f5f5f5;font-weight:600;text-transform:lowercase;letter-spacing:.01em}@media (min-width: 769px){.works-table tbody tr:hover{background-color:#f0f8ff}}.works-table td{background-color:#fff}.works-table .view-work,.works-table .view-work:visited{color:#444;text-decoration:underline;background:none;border:none;padding:0;font:inherit;cursor:pointer;box-shadow:none;outline:none;transition:none}.works-table th:last-child,.works-table td:last-child{text-align:center}.works-table .view-work:hover{color:#222;text-decoration:none;background:none}.sort-arrow{font-size:.8rem;margin-left:.2rem}@media (max-width: 768px){html,body,.container{width:100%;max-width:100%;margin:0;padding:0}.works-table-container,.blog-container{max-width:100vw;width:100vw;margin:0 auto;padding:0 1rem}.section-content,.music-projects{padding:0 1rem}.music-project{padding:0!important}.contact-project,.music-project{padding:0}.works-table{font-size:.9rem;width:100%;max-width:100vw}.works-table th{font-weight:700}.works-table th,.works-table td{padding:.18rem .28rem}.works-table th,.works-table td{font-weight:400}.works-table th:last-child,.works-table td:last-child{text-align:center}.works-table th:nth-child(2),.works-table td:nth-child(2){text-align:left}.mobile-title{font-weight:400}.modal-content{padding:1rem}.close-modal{top:.5rem;right:.5rem}.works-section{margin-bottom:2rem}}@media (min-width: 769px){.content{width:auto;margin-right:160px;padding-right:1rem!important;padding-left:2rem;box-sizing:border-box}.sidebar{right:-2vw!important;left:auto!important}.works-table-container{max-width:1100px;margin:0 auto;width:100%;min-width:0;padding:0;display:flex;justify-content:center}.works-table{font-size:.72rem;width:100%;min-width:0;max-width:100%;margin:0 auto}body{font-size:1rem}.blog-container h1{font-size:2.5rem}.blog-container h2{font-size:2rem}.works-section h2{font-size:2.5rem}.works-table th,.works-table td{font-size:1rem}.works-table-container{max-width:1200px}.works-table{font-size:1rem}.blog-container{max-width:1000px}.blog-post img{max-width:100%}}.work-detail-container{max-width:900px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.work-detail-header{display:flex;align-items:center;margin-bottom:2rem}.back-button{margin-right:1rem;color:#06c;text-decoration:underline;cursor:pointer}.back-button:hover{text-decoration:none}.work-detail-content{margin-top:1rem}.work-detail-meta{color:#666;font-size:.95rem;margin-bottom:1rem}.work-detail-description{margin-bottom:2rem;font-size:1.1rem}.work-detail-image{max-width:100%;height:auto;margin-bottom:2rem}.work-detail-block{margin-bottom:2rem}.work-detail-image,.work-detail-video-embed{width:100%;max-width:100%}.work-detail-video-embed{margin-bottom:2rem}.work-detail-video-embed iframe{width:100%;height:400px;border:none}@media (max-width: 768px){.work-detail-block{margin-bottom:1rem}.work-detail-image,.work-detail-video-embed iframe{height:200px}.music-project{padding:.5rem}.music-thumbnail-container{margin-bottom:.5rem}.music-thumbnail{width:100%;height:auto}}.music-project{margin-bottom:1.5rem}.music-project-info{margin-bottom:.5rem}.music-thumbnail-container{width:140px!important;height:140px!important;display:flex;align-items:flex-start;justify-content:flex-end;margin-left:2rem}.music-thumbnail{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;box-shadow:0 2px 8px #00000014!important}.small-thumbnail{width:120px;height:auto;border-radius:0!important;display:block;margin-top:.5rem}@media (max-width: 768px){.music-project{margin-bottom:1rem}.music-thumbnail-container{width:100%;height:auto;margin-left:0;margin-top:.5rem;justify-content:flex-start}.music-thumbnail{width:100%;max-width:300px;height:300px}.work-detail-image{width:100%!important;max-width:100%!important;height:auto!important;display:block;margin:.04rem 0!important}}@media (max-width: 768px){.music-projects,.section-content{max-width:none!important;margin:0!important;box-sizing:border-box!important}.music-project{padding:0!important;margin:0!important;max-width:none!important}.works-table th{font-weight:700}}.music-project{display:flex;align-items:flex-start;justify-content:space-between}.music-project-info{display:flex;flex-direction:column}.music-thumbnail-container{margin-left:2rem}@media (max-width: 768px){.music-project{display:block!important}.music-thumbnail-container{margin-left:0!important;margin-top:.5rem}}@media (min-width: 769px){.works-table,.works-table th,.works-table td{font-size:unset!important;background:unset!important;color:unset!important}.works-table{font-size:.9rem!important}.works-table th{color:#181818!important;background-color:#f5f5f5!important}}@media (min-width: 769px){table.works-table th{color:#181818!important;background-color:#f5f5f5!important}}.work-detail-container,.work-detail-block{background:none!important;box-shadow:none!important}.back-button{font-size:2rem;color:#181818!important;text-decoration:none!important;font-weight:700;border:none;background:none;outline:none;box-shadow:none;padding:0;margin:0;cursor:pointer;display:inline-block}.back-button:hover{color:#000!important;text-decoration:none!important}@media (min-width: 769px){.work-detail-header{position:absolute;top:2rem;left:2rem;margin-bottom:0}.work-detail-header .back-button{margin-right:2rem}.work-detail-container{position:relative;padding-top:4rem}}@media (max-width: 768px){.work-detail-header{position:static!important;top:unset!important;left:unset!important;margin-bottom:2rem!important;margin-left:1rem!important}.work-detail-container{padding-top:0!important}.work-detail-block{margin-left:1rem!important;margin-right:1rem!important}.work-detail-image{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;height:auto!important;display:block;margin-bottom:2rem!important}.work-detail-description{margin-left:0!important;margin-right:0!important;font-size:1rem;color:#181818}}@media (max-width: 768px){.work-detail-mobile.blog-post{padding:1rem}}@media (max-width: 768px){.work-detail-mobile.blog-post{margin-top:-39px}}.image-modal-overlay{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.image-modal-full{max-width:95vw;max-height:95vh;box-shadow:none;border-radius:0;background:#fff;cursor:zoom-out;transition:box-shadow .2s}@media (min-width: 769px){.blog-container{max-width:900px;margin:0 auto;padding:16px 2rem 2rem;background:#fff}.blog-post{padding-top:16px;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}.blog-post img{max-width:100%;height:auto;margin-bottom:2rem;display:block;width:100%;margin-left:0;margin-right:0}}@media (min-width: 769px){.sidebar ul{padding-left:1.2rem}}@media (max-width: 768px){.work-detail-mobile.blog-post .back-button{margin-bottom:2rem!important;display:block}}@media (max-width: 768px){.content-works{margin-top:60px!important}}@media (min-width: 769px){.content-works{margin-top:32px!important}}@media (min-width: 769px){.section-content{padding-top:32px}}@media (min-width: 769px){.container{display:flex;align-items:flex-start}.content,.section-content{padding-top:0!important}}@media (min-width: 769px){.content-radio{margin-top:32px}}@media (min-width: 769px){.work-detail-container{padding-top:28px}}@media (min-width: 769px){.work-detail-header .back-button{position:relative;top:-24px;left:-10px}}.image-modal-overlay a{text-decoration:underline;word-break:break-all}@media (min-width: 769px){.image-modal-overlay a:hover{text-decoration:none}}.image-modal-overlay .modal-desc{width:100%;max-width:100vw;text-align:center;word-break:break-all;overflow-wrap:break-word;margin-top:1rem;padding:0 2rem;color:#333;font-size:1rem;line-height:1.5}.image-modal-overlay .modal-desc a{display:inline-block;text-decoration:underline;word-break:break-all}@media (min-width: 769px){.image-modal-overlay .modal-desc a:hover{text-decoration:none}}.sidebar{width:160px;background-color:#fff;padding:2rem;padding-left:0;position:fixed;height:100vh;overflow-y:auto}.sidebar ul{list-style:none;line-height:1.1;padding:0;margin:0}.sidebar li{margin-bottom:.2rem}.sidebar a{text-decoration:none;color:#333;font-size:1rem;display:block;padding:0rem 0 1rem}.sidebar a.active{text-decoration:underline;color:#06c;background:linear-gradient(135deg,#06c,#0052a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration-color:#06c}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-bottom:1px solid #ddd;padding:.5rem;margin:0;box-sizing:border-box}.sidebar ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0;padding:0 .5rem;margin:0}.sidebar li{margin-bottom:0;text-align:center;min-width:0;position:relative}.sidebar a{padding:.5rem;font-size:1rem;white-space:nowrap;margin:0;transition:none!important;animation:none!important}.sidebar a:hover,.sidebar a:active,.sidebar a:focus{background-color:transparent;transition:none!important;animation:none!important}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}h1,h2{position:relative;transition:all .3s ease}body{cursor:crosshair}a,button,input,textarea,select,iframe,video,img{cursor:pointer}@media (max-width: 768px){h1:hover,h2:hover{animation:none;text-shadow:none}}