body{margin:0 auto;font-family:Menlo,Monaco,Courier New,monospace;overflow-x:hidden;background-image:url(/assets/egg-shell-O4IcpRXB.png);background-repeat:repeat;background-attachment:fixed}html{overflow-x:hidden}.credit{text-align:right;margin-right:20px}input,textarea,button{-webkit-tap-highlight-color:transparent}.section{max-width:900px;margin:0 auto;padding:60px 30px 20px}.section--wide{max-width:1400px;box-sizing:border-box}.section-title{font-size:clamp(18px,2.5vw,26px);margin-bottom:6px;letter-spacing:1px}.section-subtitle{font-size:13px;opacity:.6;margin-top:0;margin-bottom:30px}.header{height:200px;width:100%;position:relative;pointer-events:none;max-width:100vw}.header-text{margin-top:50px;color:#000;position:absolute;cursor:default;pointer-events:none}.header-text-bold{font-weight:700;font-size:25px}.name-title{font-size:2px;font-weight:700;text-align:center;font-size:10vw;cursor:default}.name-subtitle{text-align:center;font-size:clamp(14px,1.8vw,24px);margin:-1vw 0 0;letter-spacing:1px;cursor:default}@media (max-width: 767px){.name-title{margin-top:100px}}.bio-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row}.bio-link-container{display:flex;justify-content:center;align-items:center}.yt-container{text-align:center;flex:1;width:30vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.github-link{display:block;margin-top:10px}.github-logo{display:block;width:240px;aspect-ratio:1074 / 247;background-color:#000;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:background-color .2s ease-in-out}.github-link:hover .github-logo{background-color:#2b6cb0}.line-divider{padding:0;width:3px;height:20%;margin-top:30px;background-color:#000;position:absolute;z-index:-1}.bio{text-align:center;flex:1;width:30vw;font-size:calc(10px + .390625vw)}.bio-svg{fill:#000;position:absolute;width:90%;translate:5%;left:0;pointer-events:none;margin-bottom:100px}@media (max-width: 910px){.bio-container{flex-direction:column}.line-divider{position:static;order:1;width:50%;height:1px;margin:40px auto}.bio-container>:last-child{order:2}.bio{width:80vw;margin-top:20px}}.section-heading{width:100%}.me{font-size:calc(20px + .390625vw);text-align:center;cursor:default}@media (max-width: 1100px){.me{font-size:15px!important}}.navbar-container{position:fixed;display:flex;justify-content:center;align-items:center;margin-top:20px;z-index:500;width:100%;background-color:#000}.nav{position:fixed;display:inline-block;background-color:#000;width:500px;flex:1;height:50px}.navbar{pointer-events:auto;z-index:500;margin-right:35px;display:flex;justify-content:center;align-items:center;gap:30px;flex-direction:row;list-style-type:none}.navbar li{position:relative;z-index:500;color:#fff;cursor:pointer;transition:color .3s ease}.navbar li:nth-child(1):hover{color:#e71d36}.navbar li:nth-child(2):hover{color:#c5d86d}.navbar li:nth-child(3):hover{color:#2ec4b6}.navbar li:nth-child(4):hover{color:#ff9f1c}.navbar li:nth-child(5):hover{color:#fff952}.instagram-logo{position:fixed;margin-top:14px;margin-left:30px}.black-background{position:fixed;z-index:500;background-color:#000;width:100%;transform:scaleX(.1);height:45px}@media (max-width: 768px){.nav{width:100%}.navbar{gap:12px;margin-right:0}.navbar li{font-size:13px;margin-top:3px}.instagram-logo{margin-left:60px;height:20px;margin-top:16px}}.reel-section{text-align:center;padding-top:20px}.main-reel-container{display:flex;justify-content:center;margin-top:0}.main-reel{width:100%;max-width:1100px;aspect-ratio:16/9;border:2px solid black;border-radius:4px;box-shadow:4px 4px #000}.deep-dive-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;margin-top:30px}.deep-dive-grid>.deep-dive-card{grid-column:span 2}.deep-dive-grid>.deep-dive-card:nth-child(4){grid-column:2 / span 2}.deep-dive-card{display:flex;flex-direction:column;gap:10px;min-width:0}.deep-dive-video{width:100%;aspect-ratio:16/9;border:none;border-radius:4px}.deep-dive-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.deep-dive-title{font-size:14px;margin:0;font-weight:700}.deep-dive-desc{font-size:12px;margin:0;opacity:.65;line-height:1.5}.deep-dive-links{display:flex;flex-shrink:0;gap:8px}.deep-dive-link{font-size:11px;color:#000;border:1px solid black;padding:2px 10px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.deep-dive-link:hover{background-color:#000;color:#fff}.deep-dive-link--pending{cursor:default}.deep-dive-link--pending:hover{background-color:transparent;color:#000}@media (max-width: 1000px){.deep-dive-grid{grid-template-columns:repeat(4,1fr)}.deep-dive-grid>.deep-dive-card,.deep-dive-grid>.deep-dive-card:nth-child(4){grid-column:span 2}.deep-dive-grid>.deep-dive-card:nth-child(5){grid-column:2 / span 2}}@media (max-width: 640px){.deep-dive-grid{grid-template-columns:1fr}.deep-dive-grid>.deep-dive-card,.deep-dive-grid>.deep-dive-card:nth-child(4),.deep-dive-grid>.deep-dive-card:nth-child(5){grid-column:auto}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.skill-group{background-color:#0000000d;padding:16px;border-radius:2px}.skill-category{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-weight:700}.skill-group ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.8}.skill-group--wide ul{columns:2}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}}.work-title{width:100%;margin-bottom:30px;scroll-margin-top:150px}.grid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}.grid{z-index:0;display:grid;grid-template-rows:.75fr .75fr 1fr 1fr;grid-template-columns:repeat(6,minmax(100px,1fr));gap:5px;width:min(90vw,1650px,calc(85vh * 16 / 9));aspect-ratio:128 / 63;grid-template-areas:"star star star star daisy daisy" "star star star star daisy daisy" "sketchaven sketchaven sketchaven synthux jams jams" "sond sond samples samples reel reel";border-radius:25px;padding:2px}.grid-item{border-radius:25px;box-sizing:border-box;background:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid black;transition:all .3s ease;background-size:100% auto;background-position:center}.grid-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;z-index:-1;transition:filter .3s ease}.grid-item:hover:before{-webkit-filter:brightness (50%);filter:brightness(50%)}.grid-hidden{display:none}.grid-item:hover{cursor:pointer}.grid-item p{width:100%;font-size:clamp(12px,2em,4em);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff;position:absolute;opacity:0;transition:opacity .3s ease-in-out;z-index:300}.grid-item:hover p{opacity:1}.work-area-star{grid-area:star}.grid-item.work-area-star{image-rendering:pixelated}.work-area-daisy{grid-area:daisy;background-size:auto 100%!important}.work-area-sketchaven{grid-area:sketchaven}.work-area-synthux{grid-area:synthux}.work-area-samples{grid-area:samples}.work-area-sond{grid-area:sond}.work-area-jams{grid-area:jams}.work-area-reel{grid-area:reel}.expanded-content-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:450px;padding:40px;width:800px;border-radius:37px 23px 120px 110px/140px 130px 24px 19px;border:solid 3px black;box-shadow:3px 15px 8px -10px #0000004d;animation:slowRotation 5s ease-in-out infinite}.expanded-top-section{display:flex;justify-content:center;align-items:center;margin-bottom:80px}.expanded-title{position:absolute;top:0;text-align:center}.thumbtack{position:absolute;top:-20px;right:0;width:80px}.close{position:absolute;top:35px;left:60px;width:90px;cursor:pointer}.expanded-vid-desc-container{display:flex;justify-content:space-evenly;align-items:space-evenly;flex-direction:row;width:100%}.expanded-vid-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.expanded-description-container{display:flex;text-align:center;justify-content:center;align-items:center;width:50%;height:100%;border:2px solid black;border-radius:15px}.expanded-description{text-align:center;font-size:clamp(16px,.6vw,40px);padding:20px;width:100%;height:auto}.expanded-video{width:100%;height:100%;border:2px solid black;border-radius:25px}.expanded-img{background-size:100% auto;background-position:center;transition:transform .2s ease-in-out}.expanded-img:hover{transform:scale(1.05)}.expanded-caption{font-size:20px;text-align:center}.sound-design-clips-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.sound-design-clip{all:unset;display:inline-block;border:2px solid black;padding:5px;border-radius:3px;transition:background-color .2s ease-in-out;margin-top:15px}.sound-design-clip:hover{cursor:pointer;transform:scale(1.05);background-color:#0000004d}@keyframes slowRotation{0%{transform:rotate(0)}50%{transform:rotate(-.5deg)}to{transform:rotate(0)}}@media (max-width: 768px){.grid{aspect-ratio:unset;width:80vw;grid-template-rows:repeat(13,minmax(70px,1fr));grid-template-columns:1fr 1fr;grid-template-areas:"star star" "star star" "star star" "sketchaven sketchaven" "sketchaven sketchaven" "daisy synthux" "daisy synthux" "samples jams" "samples jams" "sond sond" "sond sond" "reel reel" "reel reel"}.work-title{scroll-margin-top:100px}.grid-item p{font-size:20px}}@media (max-width: 900px){.expanded-content-container{width:70vw;height:auto}.expanded-vid-desc-container{flex-direction:column;align-items:space-evenly;justify-content:flex-start;height:100%}.expanded-title{top:80px;font-size:20px;width:100%}.expanded-vid-container{margin-bottom:70px}.expanded-top-section{margin-bottom:150px}.expanded-description-container{display:flex;text-align:center;justify-content:center;align-items:top;width:100%;height:100%;border:2px solid black;border-radius:15px}}.resume-summary{list-style:none;padding:0;margin:0 auto;max-width:700px;display:flex;flex-direction:column;gap:14px}.resume-summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:12px}.resume-summary-role{display:block;font-size:14px;font-weight:700}.resume-summary-place{display:block;font-size:13px;opacity:.7;margin-top:2px}.resume-summary-date{font-size:12px;opacity:.6;white-space:nowrap}.resume-summary-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.resume-download{font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;color:#000;border:2px solid black;padding:10px 24px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.resume-download:hover{background-color:#000;color:#fff}.resume-view-full{font-size:13px;color:#000;text-underline-offset:3px;transition:opacity .2s ease}.resume-view-full:hover{opacity:.5}.contact-form-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:60vh;margin-bottom:150px;width:100%}.contact-email{text-align:center;font-size:15px;line-height:1.7;margin:0 0 24px}.contact-email a{color:#000;font-weight:700;text-underline-offset:3px;transition:color .2s ease}.contact-email a:hover{color:#2b6cb0}.contact-form{width:20%;height:80%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.form-row{display:flex;align-items:center;width:100%;justify-content:center;gap:16px}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;display:flex;align-items:center;justify-content:center;color:#000;border:2px solid black;border-radius:10px;width:90px;height:40px;font-size:20px;font-family:Menlo,Monaco,Courier New,monospace;cursor:pointer;transition:all .3s ease;background-color:transparent}input,textarea{font-family:Menlo,Monaco,Courier New,monospace;width:30vh;padding:5px;font-size:14px;outline:none;background-color:transparent;border:2px solid black;border-radius:10px}textarea{height:20vh;min-width:400px;max-width:50vw}input{height:22px}textarea{width:100%}.submit-button{font-size:20px}.submitted-button{cursor:default}.submit-button:hover{transform:scale(1.05)}@media (max-width: 768px){.form-row{gap:8px}input{min-width:130px;max-width:50vw}textarea{min-width:80vw}.contact-form{padding:16px}.contact-form-container{margin-bottom:50px}}.resume-page{background-image:url(/assets/egg-shell-O4IcpRXB.png);background-repeat:repeat;background-attachment:fixed;min-height:100vh;display:flex;justify-content:center;padding:60px 20px;box-sizing:border-box}.resume{font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;line-height:1.7;color:#111;width:100%;max-width:760px;background:#fff;padding:36px 52px 44px;box-sizing:border-box;box-shadow:0 2px 20px #00000014}.resume-header{text-align:center;margin-bottom:8px}.resume-name{font-size:20px;font-weight:700;margin:0 0 3px;letter-spacing:2px;text-transform:uppercase}.resume-title{font-size:10px;margin:0 0 6px;opacity:.6;letter-spacing:1px}.resume-contact{font-size:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;align-items:center}.resume-contact a{color:#111;text-decoration:none}.resume-contact a:hover{text-decoration:underline}.resume-divider{opacity:.3}.resume-rule{border:none;border-top:1.5px solid #111;margin:8px 0}.resume-section{margin-bottom:3px}.resume-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:6px 0 5px}.resume-skills-grid{display:flex;flex-direction:column;gap:2px}.resume-skill-row{display:flex;gap:8px}.resume-skill-label{font-weight:700;min-width:100px}.resume-entry{margin-bottom:6px}.resume-entry-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.resume-entry-title{font-weight:700;font-size:11px}.resume-entry-date{font-size:10px;opacity:.6;white-space:nowrap;flex-shrink:0}.resume-bullets{margin:3px 0 0;padding-left:16px}.resume-bullets li{margin-bottom:2px}.resume-edu-details{margin:2px 0 0;opacity:.75}@media print{@page{size:letter;margin:.45in}body{background:none!important}.resume-page{background:none;padding:0;display:block}.resume{box-shadow:none;padding:0;max-width:100%;font-size:10.5px}a{color:#111!important;text-decoration:none!important}}