@font-face{font-family:Nohemi;src:url(/assets/nohemi-CswIkf8O.woff2)}@keyframes slideInFromBottom{to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{display:none}:root{--font-size: 3.5rem;--background: radial-gradient(at right bottom, #1f1f1f, #131313)}html,body{width:100vw;height:100%;margin:0;overflow:hidden;background:var(--background, "#000");transition:.5s}*,:before,:after{cursor:none;box-sizing:border-box;scrollbar-width:none}body{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}main{width:100vw;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;overflow-y:auto}#logo{margin:0;color:#fff;mix-blend-mode:soft-light;-webkit-user-select:none;user-select:none;width:105vw;height:calc(11.40625vw + 85px);margin-top:calc(-2vw - 42.5px);display:flex;z-index:-1}#logo path{filter:drop-shadow(0px 0px 20px black);transform:translateY(-2rem)}#logo path,#intro>div,#work>*{opacity:0}#intro{display:flex;flex-direction:column;align-items:baseline;text-align:left;gap:.5rem;padding:3rem;width:50%;margin:0;font-family:Nohemi;font-weight:400;color:#fff;font-size:calc(var(--font-size) / 1.666666);padding-bottom:0;animation-delay:.5s;position:absolute}#intro>div{display:flex;flex-wrap:wrap;transform:translateY(-1rem)}#intro>div:nth-child(1){animation-delay:.45s}#intro>div:nth-child(2){animation-delay:575ms}#intro>div:nth-child(3){animation-delay:.7s}#intro>div:first-child{font-size:calc(var(--font-size) / 1.4)}#intro>div:not(#links){mix-blend-mode:soft-light}#links a{opacity:.25;transition:.3s;display:flex}#links a:hover{opacity:.75;filter:drop-shadow(0 0 20px white)}#links:has(a:hover) a:not(:hover){opacity:.125}body:has(#work .link>a:hover) #cursor{rotate:180deg;opacity:1}body:has(a:not(.link>a):hover) #cursor{rotate:340deg;color:#008cff;filter:drop-shadow(0 0 4px #008cff);opacity:1}#logo path,#intro>div,#work>*{animation:slideInFromBottom .5s ease-out forwards}#logo path:nth-child(1){animation-delay:0ms}#logo path:nth-child(2){animation-delay:25ms}#logo path:nth-child(3){animation-delay:50ms}#logo path:nth-child(4){animation-delay:75ms}#logo path:nth-child(5){animation-delay:.1s}#logo path:nth-child(6){animation-delay:125ms}#logo path:nth-child(7){animation-delay:.15s}#logo path:nth-child(8){animation-delay:175ms}#logo path:nth-child(9){animation-delay:.2s}#logo path:nth-child(10){animation-delay:225ms}#logo path:nth-child(11){animation-delay:.25s}#logo path:nth-child(12){animation-delay:275ms}#logo path:nth-child(13){animation-delay:.3s}#work{display:flex;flex-direction:column;align-items:baseline;text-align:center;gap:1rem;padding:3rem;width:50%;font-family:Nohemi;font-weight:400;color:#fff;font-size:calc(var(--font-size) / 1.666666);position:absolute;left:50%;bottom:0;height:100%;padding-top:calc(9.40625vw + 3rem);overflow-y:scroll}#work>*{transform:translateY(-1rem);opacity:0}#work>*:nth-child(1){animation-delay:.6s}#work>*:nth-child(2){animation-delay:.7s}#work>*:nth-child(3){animation-delay:.8s}#work>*:nth-child(4){animation-delay:.9s}#work>*:nth-child(5){animation-delay:1s}#work>*:nth-child(6){animation-delay:1.1s}h2{margin:0;mix-blend-mode:soft-light}#content{flex:1;width:100%;margin-top:-42.5px;max-height:100%;overflow-y:scroll;display:flex;flex-direction:row}@media (pointer: coarse){#cursor{display:none}}@media (pointer: fine){#cursor{color:#fff;display:block;position:absolute;opacity:0;transition:.5s;filter:drop-shadow(0 0 4px black);pointer-events:none;z-index:1000;margin-top:12px;margin-left:12px}body:hover #cursor{opacity:.5}}.link>a>div:not(.tags){display:flex;align-items:center}.link{font-family:Nohemi;font-weight:400;font-size:calc(var(--font-size) / 1.25);background:#00000040;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border:1px solid rgba(0,0,0,.1);display:table;flex-direction:column;align-items:baseline;overflow:hidden;width:100%;filter:drop-shadow(0 0 32px rgba(100,100,100,.25))}#work li,#work>span{mix-blend-mode:soft-light;font-size:calc(var(--font-size) / 2);align-self:flex-start;text-align:left}#work>span{margin-top:1.5rem}#work li a,#work>span a{color:#fff;transition:.5s font-weight}.link:not(:last-child){margin-bottom:1rem}.link>a{color:#fff;text-decoration:none;margin-bottom:calc(var(--font-size) - var(--font-size) - var(--font-size) / 4.6666666667);transition:.5s font-weight;width:100%;display:flex;text-align:left;align-items:center;padding:calc(var(--font-size) / 3.5)}.link a:hover,li a:hover,#work>span a:hover{font-weight:900}.social-icon{width:calc(var(--font-size) / 1.4);height:calc(var(--font-size) / 1.4);margin-right:1rem}.expand-icon{transition:.5s;margin-left:auto;padding:6px 0;width:calc(var(--font-size) / 1.4);height:calc(var(--font-size) / 1.4)}.link-logo{height:calc(var(--font-size) / 1.5);width:auto}.tags{display:flex;font-weight:400!important;font-size:calc(var(--font-size) / 2.5);margin-left:1.5rem;gap:.5rem;transition:.5s;overflow:hidden}.tags span{padding:.5rem;background:#00000040;border-radius:.5rem;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border:1px solid rgba(0,0,0,.3)}.link>div{font-weight:400;padding:1rem 2rem 0 0;padding-left:calc(var(--font-size) / 3.5 + var(--font-size) / 2.8);height:0px;transform:translateY(1rem);margin-bottom:-.5rem;color:#fff;font-size:calc(var(--font-size) / 2.5);line-height:calc(var(--font-size) / 2);width:100%;transition:.5s all;opacity:0;overflow:hidden;display:flex;flex-direction:row;gap:2rem;text-align:left;border-top:1px solid rgba(255,255,255,.125);overflow:visible}small{font-size:calc(var(--font-size) / 3);opacity:.6666;line-height:0}.link .project-info{overflow-y:scroll;margin-top:-1rem;margin-bottom:-1rem;padding-top:1rem;padding-bottom:1rem;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2rem),transparent)}.link .project-links{display:flex;flex-direction:column}.link .project-links a:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.link .project-links a:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.link .project-links a{color:#fff;text-decoration:none;transition:.5s font-weight;width:100%;display:flex;text-align:left;align-items:center;padding:calc(var(--font-size) / 3.5);white-space:nowrap;background:#00000040;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border:1px solid rgba(0,0,0,.3);padding-bottom:.75rem;font-size:calc(var(--font-size) / 2.5)}.link a{transition:.5s font-weight;color:#fff}.link .project-links .social-icon{margin-bottom:.25rem;width:calc(var(--font-size) / 2.5);height:calc(var(--font-size) / 2.5)}.link.active .expand-icon{transform:rotate(90deg)}.link.active>div{height:var(--height);transform:translateY(0);opacity:1;margin-bottom:1rem;margin-top:.6rem}@media screen and (min-height: 100vw){:root{--font-size: 2.75rem}#content{flex-direction:column;position:absolute;height:100%;padding-top:9.40625vw;margin-top:0}#intro,#intro>div,#work{width:100%;position:static;align-items:center;text-align:center}#intro,#intro>div{justify-content:center}#intro,#work{padding:1.5rem}#work{overflow-y:visible;height:auto}#link>div,#link>div *{overflow:hidden}#links>*:first-child{margin-left:1rem}.link{padding-bottom:.5rem}.link>a{display:flex;flex-direction:column;gap:.5rem}.link>div{margin-bottom:-1.75rem;flex-direction:column}.link>a>div:not(.tags){gap:1rem}.link.active>div{margin-top:-.6rem!important}.link *:not(.link>div,.project-info,.project-links .social-icon){margin:0}#work li{margin-left:1.25rem}}