html,body{margin:0;padding:0;overflow-x:hidden;background-color:#fbdfb6}*{margin:0;padding:0;font-family:Kumbh Sans,sans-serif;font-weight:750;font-size:clamp(26px,5.5vw,80px);letter-spacing:-.02em;box-sizing:border-box}.light{color:#fbdfb6;background-color:#170d0c}.light a{color:#fbdfb6}.dark{color:#170d0c;background-color:#fbdfb6}.dark a{color:#170d0c}::-webkit-scrollbar{width:0}*,*:before,*:after{cursor:none!important}#custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:99999;background-color:#fbdfb6;mix-blend-mode:difference;transform:translate(-50%,-50%)}@media (max-width: 768px){*,*:before,*:after{cursor:auto!important}#custom-cursor{display:none}}#loader{position:fixed;z-index:100;top:50%;background-color:transparent;white-space:nowrap;opacity:0;line-height:1;letter-spacing:-.04em;color:#fbdfb6;mix-blend-mode:difference}#loader>span{display:inline-block;vertical-align:top;font-size:inherit}.loaderFill{overflow:hidden;width:0}#details{display:block}@media (max-width: 768px){#details p{font-size:9.6vw;white-space:nowrap;line-height:1.02}}#projectRefs{position:relative;margin-top:clamp(80px,14vw,200px)}.projectPara{line-height:1.05;white-space:nowrap}#projectRefs a{position:relative;display:inline-block;text-decoration:none}#projectRefs a:after{content:"";position:absolute;left:0;bottom:-0em;width:100%;height:.075em;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .55s cubic-bezier(.65,0,.35,1)}#projectRefs a.hovered:after,#projectRefs a.active:after{transform:scaleX(1);transform-origin:left center}.sup{font-size:clamp(12px,1.2vw,18px);visibility:hidden;letter-spacing:0}#projectRefs a.hovered+.sup{visibility:visible}.projectRow+.projectRow{margin-top:clamp(22px,2.4vw,40px)}.projectDesc{display:block;max-width:40ch;margin-top:.7em;font-size:clamp(14px,1.15vw,18px);font-weight:500;letter-spacing:0;line-height:1.45;white-space:normal;opacity:.6}.projectPreviewWrap{position:absolute;right:calc(100% + 3vw);top:0;pointer-events:none;z-index:100;overflow:hidden;width:clamp(200px,22vw,380px);aspect-ratio:16 / 10;border-radius:8px;background-color:#170d0c}.projectPreview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 768px){#projectRefs{margin-top:96px}.projectRow+.projectRow{margin-top:28px}.projectPara,#projectRefs .projectPara>a{font-size:9.5vw;line-height:1.05}.projectPara .sup{visibility:visible;margin-left:.35em;font-size:12px;opacity:.55}.projectPara .projectDesc{max-width:none;margin-top:.55em;font-size:15px;line-height:1.45}.projectPreviewWrap{display:none}.mobilePreview{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.65,0,.35,1),opacity .4s ease,margin .55s cubic-bezier(.65,0,.35,1)}.mobilePreview.open{grid-template-rows:1fr;opacity:1;margin:12px 0 24px}.mobilePreviewInner{overflow:hidden;min-height:0}.mobilePreview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;display:block;background-color:#170d0c}.mobileVisit{display:inline-block;margin-top:10px;font-size:clamp(13px,3.6vw,16px);font-weight:600;letter-spacing:0;text-decoration:none}}#connectDiv{position:relative;margin-top:clamp(80px,14vw,200px);margin-bottom:clamp(80px,14vw,200px);font-size:clamp(20px,2.8vw,40px)}#connectDiv p{line-height:1.05;white-space:nowrap}#connectDiv a{position:relative;display:inline-flex;align-items:center;text-decoration:none}#connectDiv .connectLabel{position:relative}#connectDiv .connectLabel:after{content:"";position:absolute;left:0;bottom:-0em;width:100%;height:.09em;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .55s cubic-bezier(.65,0,.35,1)}#connectDiv a.hovered .connectLabel:after{transform:scaleX(1);transform-origin:left center}#connectDiv .connectArrow{width:.75em;height:.75em;margin-left:.05em;opacity:0;transform:translate(-.35em,.35em);transition:opacity .4s cubic-bezier(.65,0,.35,1),transform .4s cubic-bezier(.65,0,.35,1)}#connectDiv a.hovered .connectArrow{opacity:1;transform:translate(0)}.connectLogoWrap{position:absolute;right:calc(100% + 3vw);top:0;width:clamp(120px,10vw,180px);aspect-ratio:1;border-radius:8px;overflow:hidden;pointer-events:none;z-index:100;background-color:#170d0c}.connectLogo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.85);transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}.connectLogo.active{opacity:1;transform:scale(1)}.connectLogo svg{width:44%;height:44%}.connectLogo--email{background-color:#170d0c;color:#fbdfb6}.connectLogo--github{background-color:#181717}.connectLogo--instagram{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.connectLogo--linkedin{background-color:#0a66c2}.connectLogo--discord{background-color:#5865f2}@media (max-width: 768px){#connectDiv{margin-top:96px;margin-bottom:96px}#connectDiv p,#connectDiv a,#connectDiv .connectLabel,#connectDiv .connectArrow{font-size:9.5vw}#connectDiv .connectArrow{width:.6em;height:.6em;margin-left:.12em;opacity:.4;transform:none}.connectLogoWrap{display:none!important}}#scrollableDiv{display:grid;margin-top:2px;margin-left:42%;margin-right:24px;z-index:2}@media (max-width: 1024px){#scrollableDiv{margin-left:32%}}@media (max-width: 768px){#scrollableDiv{margin-left:20px;margin-right:20px;margin-top:88px;text-align:left}}#footerDiv{width:100vw;height:100vh;position:relative;overflow:hidden;padding:clamp(48px,6vw,80px) 0 0 0}#footerTopBar{display:flex;justify-content:space-between;align-items:baseline;margin-left:42%;margin-right:24px;margin-bottom:14px}.footerItem{font-size:18px;font-weight:500;letter-spacing:0;line-height:1}.footerItem *{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.footerMeta{opacity:.55;font-variant-numeric:tabular-nums}.footerDot{margin:0 .35em}#footerLine{height:1px;background-color:currentColor;margin-left:42%;margin-right:24px;transform:scaleX(0);transform-origin:left center}#footerWordmark{position:absolute;bottom:0;left:0;width:100%;padding:0 16px;line-height:.74;white-space:nowrap;letter-spacing:-.04em;opacity:0}#footerWordmark>span{display:inline-block;font-size:inherit;letter-spacing:inherit}@media (max-width: 1024px){#footerLine,#footerTopBar{margin-left:32%}}@media (max-width: 768px){#footerDiv{height:auto;padding:40px 0 0}#footerTopBar{margin-left:20px;margin-right:20px;margin-bottom:12px}#footerLine{margin-left:20px;margin-right:20px}.footerItem{font-size:14px}#footerWordmark{position:static;margin-top:38vw;padding:0 10px}}.letterWrapper,.letterStack,.letterStack>span{font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit}.letterWrapper{display:inline-block;overflow:hidden;height:1em;line-height:1;vertical-align:top;white-space:pre}.letterStack{display:block;transform:translateY(-1em);transition:transform .45s cubic-bezier(.65,0,.35,1);transition-delay:var(--delay, 0s)}.letterStack>span{display:block;line-height:1}.hovered .letterStack{transform:translateY(0)}#resumeLink{position:fixed;z-index:100;top:20px;right:20px;display:inline-flex;align-items:baseline;padding:12px 16px;margin:-12px -16px;font-size:24px;font-weight:750;letter-spacing:-.04em;line-height:1;color:#fbdfb6;text-decoration:none;mix-blend-mode:difference;opacity:0}@media (max-width: 768px){#resumeLink{position:absolute;top:12px;right:12px;font-size:18px;padding:10px 12px;margin:-10px -12px}}
