@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@keyframes bp-fadein{0%{opacity:.01}to{opacity:1}}@keyframes bp-bar{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bp-o{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bp-wrap{z-index:999;contain:strict;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:fixed;top:0;left:0}.bp-wrap>div:first-child{background:#000000bf;width:100%;height:100%;animation:.48s cubic-bezier(.215,.61,.355,1) bp-fadein;position:absolute;top:0;left:0}.bp-vid audio{width:calc(100% - 28px);height:50px;position:absolute;bottom:14px;left:14px}.bp-inner{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.bp-html{display:contents}.bp-html>:first-child{margin:auto}.bp-img-wrap{contain:strict;width:100%;height:100%;position:absolute;top:0;left:0}.bp-img-wrap .bp-canzoom{cursor:zoom-in}.bp-img-wrap .bp-drag{cursor:grabbing}.bp-close{contain:layout size}.bp-img{-webkit-user-select:none;user-select:none;background-size:100% 100%;position:absolute;top:50%;left:50%}.bp-img img,.bp-img div{width:100%;height:100%;position:absolute;top:0;left:0}.bp-img .bp-o{display:none}.bp-zoomed .bp-img:not(.bp-drag){cursor:grab}.bp-zoomed .bp-cap{opacity:0;animation:none!important}.bp-zoomed.bp-small .bp-controls{opacity:0}.bp-zoomed.bp-small .bp-controls button{pointer-events:none}.bp-controls{pointer-events:none;text-align:left;width:100%;height:100%;transition:opacity .3s;animation:.3s bp-fadein;position:absolute;top:0;left:0}.bp-controls button{pointer-events:auto;cursor:pointer;opacity:.9;contain:content;background:#00000026;border:0;transition:all .1s;position:absolute}.bp-controls button:hover{opacity:1;background-color:#0003}.bp-controls svg{fill:#fff}.bp-count{color:#ffffffe6;width:100px;height:50px;margin:16px;line-height:1;position:absolute}.bp-prev,.bp-next{border-radius:3px 0 0 3px;width:58px;height:64px;margin-top:-32px;top:50%;right:0}.bp-prev:hover:before,.bp-next:hover:before{transform:translate(-2px)}.bp-prev:before,.bp-next:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");width:46px;transition:all .2s;position:absolute;top:9px;left:7px}.bp-prev{left:0;right:auto;transform:scaleX(-1)}.bp-x{border-radius:0 0 0 3px;width:58px;height:55px;top:0;right:0}.bp-x:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");width:37px;position:absolute;top:8px;right:10px}.bp-if,.bp-vid{background:#000 0 0/100% 100%;margin:auto;position:relative}.bp-if iframe,.bp-if video,.bp-if div,.bp-vid iframe,.bp-vid video,.bp-vid div{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.bp-load{z-index:1;background-size:100% 100%;display:flex;overflow:hidden}.bp-bar{background:#ffffffe6;border-radius:0 3px 3px 0;width:100%;height:3px;animation:4s both bp-bar;position:absolute;top:0;left:0;transform:translate(-100%)}.bp-o,.bp-o:after{border-radius:50%;width:90px;height:90px}.bp-o{border:10px solid #fff3;border-left-color:#ffffffe6;margin:auto;animation:1s linear infinite bp-o}.bp-cap{color:#ffffffe6;background:#090909cc;border-radius:4px;width:-moz-fit-content;max-width:95%;padding:.6em 1.2em;line-height:1.3;transition:opacity .3s;animation:.2s bp-fadein;display:table;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.bp-cap a{color:inherit}.bp-inline{position:absolute}.bp-lock{overflow-y:hidden}.bp-lock body{overflow:scroll}.bp-noclose .bp-x{display:none}.bp-noclose:not(.bp-zoomed){touch-action:pan-y}.bp-noclose:not(.bp-zoomed) .bp-img-wrap{cursor:zoom-in}@media (prefers-reduced-motion){.bp-wrap *{animation-duration:0s!important}}@media (width<=500px){.bp-x{width:47px;height:47px}.bp-x:before{width:34px;top:6px;right:6px}.bp-prev,.bp-next{width:45px;height:54px;margin-top:-27px}.bp-prev:before,.bp-next:before{width:43px;top:7px;left:2px}.bp-o,.bp-o:after{border-width:6px;width:60px;height:60px}.bp-count{margin:12px 10px}}@font-face{font-family:Clash Display;src:url(/assets/ClashDisplay-Variable-BID3Ydx1.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}:root{--font-display:"Clash Display", system-ui, sans-serif;--font-poppins:"Poppins", system-ui, sans-serif;font-family:var(--font-display);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:2.75rem;--text-6xl:3.25rem;--bg-primary:#fff;--bg-secondary:#f4f4f5;--bg-foreground:#18181b;--button-primary:#2a2a2d;--text-primary:#18181b;--text-secondary:#52525b;--text-foreground:#fff;--text-muted:#f4f4f5;--text-muted-foreground:#71717a;--border-color:#e4e4e7;--border-primary:#434348;--accent:#1455f7}.rounded{border-radius:100%}.text-primary{color:var(--text-primary)}.text-foreground{color:var(--text-foreground)}button,a,select{color:var(--text-foreground);background-color:var(--button-primary);padding:var(--space-sm);padding-inline:var(--space-md);justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-poppins);font-size:var(--text-sm);border:solid 1.5px var(--border-primary);cursor:pointer;border-radius:15px;flex-direction:row;text-decoration-line:none;transition:all 50ms ease-out;display:flex}button svg,a svg,button img,a img{width:var(--text-md);height:auto;display:flex}button:hover,a:hover{transform:scale(1.05)}button:active,a:active{transform:scale(.98)}.button-container{gap:var(--space-sm);display:flex}.hero-backdrop,.modal-backdrop,.project-backdrop{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.modal{width:80%;height:85%;padding:var(--space-md);padding-inline:var(--space-lg);gap:var(--space-sm);background-color:var(--bg-foreground);box-sizing:border-box;z-index:10;border-radius:25px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal header{font-family:var(--font-poppins);font-weight:700;font-size:var(--text-3xl)}.modal-backdrop{z-index:9;background-color:#00000080;width:100vw;height:100vh;transition:background-color .1s ease-in-out;position:fixed}.modal video{border-radius:50px;width:100%;height:100%}.spacer{margin-top:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:solid 2px var(--bg-primary);opacity:.25;border-radius:50%}body{font-size:var(--text-md);color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;transition:background-color .3s,color .3s}header,h1,h2,h3,h4,h5,h6{margin:0;padding:0}select#language-picker{top:var(--space-sm);right:var(--space-sm);z-index:5;position:fixed}.page{flex-direction:column;align-items:center;width:100%;display:flex}.page-start{flex-direction:column;width:100%;min-height:100dvh;display:flex}header{display:flex}header img{width:var(--text-6xl);margin-inline:-.3rem}section{width:100%;height:100%;min-height:400px;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}section.top{justify-content:start}.background{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.background.pattern{opacity:.05;background-image:url(/projects/roblox/roblox_logo.svg);background-repeat:repeat;background-size:7.5%;animation:60s linear infinite drift}.hero-backdrop{object-fit:cover;z-index:-1;background:linear-gradient(#0000,#000);width:100%;height:100%;position:absolute;top:0;left:0}section header{font-family:var(--font-poppins);font-weight:700;font-size:var(--text-5xl)}.section-container{width:100%;height:100%;padding:var(--space-2xl);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.title{font-size:var(--text-2xl);font-weight:500!important}.description{font-size:var(--text-lg);font-weight:400!important}.projects-container{width:100%}.project{width:100%;margin-top:var(--space-xl);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.project header{gap:var(--space-sm);align-items:center}.project .title{font-size:var(--text-2xl);font-weight:500!important}.project-content{gap:var(--space-sm);width:100%;height:100%;padding:var(--space-sm);box-sizing:border-box;grid-template-columns:.25fr .25fr .25fr .25fr;display:grid}.project-item{background-color:#0000;border-color:#0000;flex-direction:column;align-items:end;height:auto;margin:0;padding:0;transition:all 75ms ease-out;display:flex;position:relative}.project-item:hover{cursor:pointer;transform:scale(1.05)}.project-item:active{cursor:pointer;transform:scale(.975)}.project-description{bottom:var(--space-md);left:var(--space-md);color:var(--text-muted);z-index:1;position:absolute}.project-image{object-fit:cover;z-index:0;border-radius:5%;width:100%;height:100%;top:0;left:0}.project-backdrop{object-fit:cover;z-index:0;background:linear-gradient(#0000 35%,#000000a6 75%);border-radius:5%;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes drift{0%{background-position:0 0}to{background-position:500px 500px}}