:root{--bg:#000000;--fg:#fcfcfc;--bg-light:#fcfcfc;--fg-light:#000000;--muted:#9aa0a6;--content-w:1100px}*,*:before,*:after{box-sizing:border-box}*:focus{outline:none}html,body{height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;touch-action:none}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;background:transparent;border:0;color:inherit;cursor:pointer;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}body.light{--bg:var(--bg-light);--fg:var(--fg-light)}canvas#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}#raytracer-container{position:absolute;width:100%;height:100%;z-index:0}.site-header{width:100%;display:flex;align-items:center;padding:1rem 2.5rem;z-index:10;position:fixed}.brand{width:2.8rem;height:2.8rem}.brand:hover{cursor:pointer}.site-header nav{margin:auto;display:flex;align-items:center;gap:clamp(1.2rem,3vw,3rem)}.menu-toggle{display:none}@media(max-width:600px){.site-header{padding:.8rem 1.5rem}.brand{width:2.4rem;height:2.4rem}.menu-toggle{display:block;margin-left:auto;font-size:2rem;z-index:500}.site-header nav{display:flex;visibility:hidden;position:fixed;top:4rem;left:0;right:0;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;z-index:500}.site-header nav.open{visibility:visible}.site-header .nav-overlay{position:fixed;inset:0;background:#000c;z-index:500;transform-origin:top;clip-path:inset(0 0 100% 0);transition:clip-path .4s ease}.site-header .nav-overlay.open{clip-path:inset(0 0 0 0)}}.nav-btn{position:relative}.nav-btn.split-active{color:transparent}.nav-btn:before,.nav-btn:after{position:absolute;inset:0;color:var(--fg)}.nav-btn:before{clip-path:inset(0 0 45% 0);content:attr(data-text-top)}.nav-btn:after{clip-path:inset(55% 0 0 0);content:attr(data-text-bot)}@keyframes split-top{0%,12%,55%,65%,to{transform:translate(0)}15%,21%{transform:translate(.2rem)}65%{transform:translate(-.2rem)}}@keyframes split-bot{0%,30%,70%,85%,to{transform:translate(0)}35%,36%{transform:translate(-.2rem)}85%{transform:translate(.2rem)}}.nav-btn.nav-hover:before{animation:split-top 3.7s steps(1) infinite;animation-delay:-.5s}.nav-btn.nav-hover:after{animation:split-bot 2.1s steps(1) infinite;animation-delay:-.3s}.nav-btn.nav-active{font-weight:450}.site-tutorial-text{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:center;text-transform:uppercase;width:100%}.main{display:grid;position:relative;width:fit-content;margin:0 auto;height:100%;padding:0 max(5%,2rem)}.panel{grid-area:1 / 1;width:100%;height:calc(100% - max(20vh,2rem));padding-top:max(20vh,2rem);display:flex;gap:max(5vw,2rem);justify-content:center;transition:opacity .28s ease,transform .28s ease}.panel[hidden]{opacity:0;transform:translateY(8px) scale(.995);pointer-events:none}.panel>p{flex-shrink:0;text-align:justify;margin:0;padding-top:2rem}.panel>.grid{display:grid;grid-template-areas:"dp nf" "gb cl";grid-template-columns:1fr 1fr;align-items:start;align-content:start;margin-top:-8%}.media-placeholder{opacity:0}#profile-pic{width:min(28vw,24rem);aspect-ratio:1200 / 1600}.panel-info{display:flex;flex-direction:column;margin:0;padding:0;gap:1rem;width:clamp(500px,40vw,900px);flex-shrink:0}.about-icons a{font-size:clamp(.9rem,2vw,1.1rem);align-self:flex-start;color:#e9e9e9;font-weight:550;margin:0;padding:.4rem}.about-icons a:hover{color:#fff}@media(max-width:1400px){.about-icons a{font-size:clamp(.7rem,2vw,.9rem);padding:.3rem}}.about-skills{font-size:clamp(.7rem,2vw,.9rem);font-weight:550}#devils-purge-placeholder{width:min(23vw,320px);aspect-ratio:720 / 1080;top:6%;right:14%;grid-area:dp;align-self:flex-end;justify-self:flex-end;z-index:4}#new-fantasy-placeholder{width:min(23vw,280px);aspect-ratio:886 / 1920;top:34%;left:18%;grid-area:nf;margin-left:-8%;z-index:5}#cyberload-placeholder{width:min(30vw,420px);aspect-ratio:1920 / 1080;bottom:6%;right:0;grid-area:cl;align-self:flex-start;justify-self:flex-start;margin-left:-10%;margin-top:-16%;z-index:3}#ghostbusters-placeholder{width:min(28vw,380px);aspect-ratio:730 / 384;bottom:-5%;left:-5%;grid-area:gb;align-self:flex-start;justify-self:flex-end;margin-top:-1%;z-index:2}@media(max-width:1600px)and (min-height:700px){#devils-purge-placeholder{width:min(18vw,240px)}#new-fantasy-placeholder{width:min(18vw,220px)}#cyberload-placeholder{width:min(23vw,320px)}#ghostbusters-placeholder{width:min(22vw,300px)}.panel>.grid{margin-top:-5%}}@media(max-width:1300px){#devils-purge-placeholder{width:min(16vw,220px)}#new-fantasy-placeholder{width:min(16vw,200px)}#cyberload-placeholder{width:min(22vw,320px)}#ghostbusters-placeholder{width:min(20vw,280px)}.panel>.grid{margin-top:-5%}}@media(max-width:900px){.panel{flex-direction:column-reverse;align-items:center;justify-content:center;padding-top:.5rem;height:auto}.panel>p{padding-top:0rem;padding-bottom:2rem}.panel>.panel-info{width:90vw}#profile-pic{width:min(50vw,20rem)}#devils-purge-placeholder,#new-fantasy-placeholder{width:26vw}#cyberload-placeholder{width:32vw}#ghostbusters-placeholder{width:30vw}.panel>.grid{margin-top:2%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.videos-overlay{position:fixed;inset:0;background:#000000f2;z-index:10;transition:opacity .28s ease;overflow-y:scroll}.videos-overlay[hidden]{opacity:0;pointer-events:none;visibility:hidden}.videos-overlay-container{margin:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;width:min(95vw,1000px);max-width:100%}#overlay-video{width:min(90vw,800px);max-height:40vh}.close-overlay-btn{font-size:1.5rem;position:relative;left:50%}#overlay-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:650;align-self:flex-start;margin-bottom:0}#overlay-stack{font-size:clamp(.7rem,2vw,.9rem);font-weight:550;align-self:flex-start;margin:0}#overlay-description{align-self:flex-start;margin:0;font-size:clamp(1.2rem,2vw,1.4rem);font-weight:400}.link-style{font-size:clamp(.8rem,2vw,1rem);align-self:flex-start;color:#e9e9e9;font-weight:550;margin:0}.link-style:hover{color:#fff}.link-style:after{font-size:clamp(.9rem,2vw,1.1rem);content:"⟀";color:#fff;display:inline-block;transform:scale(-1) translate(-.3rem)}.bullet-style{font-size:clamp(.8rem,2vw,1rem);align-self:flex-start;padding-left:clamp(.8rem,2vw,1rem);list-style-type:square}.bullet-style li{margin-bottom:clamp(1.2rem,2vw,1.4rem)}.cormorant-garamond-body{font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:350;font-style:normal;font-size:clamp(.94rem,2.5vw,1.4rem);letter-spacing:.01rem;line-height:1.5}@media(max-width:1400px){.cormorant-garamond-body{line-height:1.2;font-size:clamp(.94rem,2vw,1.3rem)}}.roboto-mono-nav{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:350;font-style:normal}