@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Gasoek+One:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?amily=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Roboto:wght@400;700&display=swap";:root{--bg-color: rgb(255, 255, 255);--bgTrans-color: #ffffff9e;--bgBlock-color: #ffffff;--bgFrame-color: #000000;--dots-color: #000000a2;--nav-color: #000000;--navPill-color: #ffffff;--navPIllSelected-color: #000000;--navText-color: #000000;--headText-color: #09000f;--bodyText-color: #000000;--highlightedText-color: #b2247b;--inputBox-color: #8b838b;--body-font: "Zalando Sans Expanded", sans-serif;--nav-font: "Bowlby One SC", sans-serif;--korean-font:"Gasoek One", sans-serif}header{position:fixed;top:0;left:0;width:100%;z-index:9999}.bg-dots{background-color:var(--bg-color);background-image:radial-gradient(circle,var(--dots-color) .5px,transparent 1px);background-size:20px 20px;background-repeat:repeat;background-blend-mode:normal;position:relative;z-index:0}.header--section{position:fixed;top:0;left:0;width:100%;height:90px;background:var(--bgTrans-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px var(--dots-color);z-index:50}body{margin:0;font-family:var(--body-font);color:var(--bodyText-color);-webkit-font-smoothing:var(--body-font);-moz-osx-font-smoothing:var(--body-font);font-weight:200;font-style:normal}.bolded{font-weight:800}h1{margin:0;font-family:var(--body-font);color:var(--headText-color);-webkit-font-smoothing:var(--body-font);-moz-osx-font-smoothing:var(--body-font);font-style:bold;font-size:72px;font-weight:900;line-height:94px}h2{margin:0;font-family:var(--body-font);color:var(--headText-color);-webkit-font-smoothing:var(--body-font);-moz-osx-font-smoothing:var(--body-font);font-style:normal;font-size:48px;font-weight:700;line-height:58px}h3{margin:0;font-family:var(--body-font);color:var(--headText-color);-webkit-font-smoothing:var(--body-font);-moz-osx-font-smoothing:var(--body-font);font-style:normal;font-size:24px;font-weight:700;line-height:34px}p{margin:0;font-family:var(--body-font);color:var(--bodyText-color);-webkit-font-smoothing:var(--body-font);-moz-osx-font-smoothing:var(--body-font);font-style:normal;font-size:16px;font-weight:400;line-height:34px}.text-lg{color:var(--bodyText-color);font-size:18px;font-style:normal;font-weight:400;line-height:27px}.text-md{color:var(--bodyText-color);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.text-sm{color:var(--bodyText-color);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.section--title{color:var(--headText-color);font-size:21px;text-align:center;font-style:normal;font-weight:600;line-height:32px;display:flex;align-items:flex-start}.sub--title{color:var(--headText-color);font-size:16px;font-weight:600;line-height:24px}.btn{font-family:Bowlby One SC;display:inline-block;padding:12px 18px;font-size:16px;font-style:normal;font-weight:400;line-height:15px;cursor:pointer;text-align:center;text-decoration:none;border-radius:75px;-webkit-aborder-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:--bg-color .5s;-webkit-aborder-radius:--bg-color .5s;-moz-border-radius:--bg-color .5s;-ms-border-radius:--bg-color .5s;-o-border-radius:--bg-color .5s}.btn-text{margin:0;font-family:var(--body-font);color:var(--highlightedText-color);-webkit-font-smoothing:var(--body-font);-moz-osx-font-smoothing:var(--body-font);font-style:normal;font-size:16px;font-weight:400;line-height:34px;background-color:#fff0;border:none;line-height:none;cursor:pointer;text-align:center;text-decoration:none;border-radius:none;-webkit-aborder-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none}.btn-primary{color:var(--navText-color);background-color:var(--navPill-color);border:2px solid var(--nav-color)}.btn-primary:hover{color:var(--navPill-color);background-color:var(--nav-color)}.btn-social{color:var(--navText-color);background-color:var(--navPill-color);border:2px solid var(--nav-color)}.btn-social:hover{color:var(--navPill-color);background-color:var(--nav-color)}.home--section{position:relative;display:grid;align-items:center;padding:0 20px 20px;gap:4px;min-height:100vh;box-sizing:border-box}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px;width:100%;transition:all .4s ease}.masonry-item{position:relative;display:block;overflow:hidden;border-radius:16px;cursor:pointer;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.masonry-item.visible{opacity:1;transform:translateY(0)}.masonry-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-radius:16px}.masonry-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:12px 16px;opacity:0;transition:opacity .3s ease;display:flex;justify-content:flex-start;align-items:flex-end;border-radius:0 0 16px 16px}.masonry-title{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 0 6px rgba(0,0,0,.5);margin:0}.aboutMe--section{position:relative;display:grid;align-items:center;padding:120px 20px 20px;gap:60px;min-height:100vh;box-sizing:border-box}.aboutMe--section--content--box{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.aboutMe--section--text{display:grid;grid-template-rows:repeat(1,1fr);align-items:left;padding-left:100px;row-gap:40px}span.falling-word{font-family:var(--body-font)!important;font-size:18px!important;line-height:1.8!important;font-weight:200!important}.my-falling-area{height:100px}span.my-falling-area{height:150px!important}.my-falling-area{height:auto!important;max-height:180px;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.aboutMe--section--img{align-items:center}.aboutMe--image{max-height:600px;width:70%;height:auto;object-fit:contain;padding:0 8.5vw;animation:fadeIn 1s ease-in forwards}.aboutMe--projects{display:flex;flex-direction:column;gap:40px;padding:60px 100px 0}.project-item{cursor:pointer;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:12px;transition:color .3s ease}.project-item:hover .project-title{color:var(--highlightedText-color)}.aboutMe--project--Headline--content--box{display:flex;justify-content:space-between;align-items:center}.project-title{font-size:1.4rem;font-weight:500;transition:color .3s ease}.project-releaseYear{font-size:1.1rem;font-weight:400;color:var(--bodyText-color)}.project-content{overflow:hidden}.project-content-inner{display:grid;grid-template-columns:700px 1fr;height:400px;gap:40px;padding-top:24px}.project-platform-row-container{display:grid;grid-template-rows:repeat(2,1fr);row-gap:20px}.role-row,.plattform-row{display:grid;grid-template-columns:700px auto;align-items:center;padding-top:20px}.website-button{display:flex;justify-content:flex-end;align-items:flex-end;padding-right:100px}.steam-button{display:flex;justify-content:flex-end;align-items:flex-end;padding-right:108px}.website--btn,.steam--btn{width:auto;max-width:100%}.project-image{max-height:500px;width:70%;height:auto;width:100%;border-radius:12px;object-fit:cover}.project-description{font-size:1rem;line-height:1.7;color:var(--bodyText-color);margin-bottom:20px}.discription--box h3,.role--box h3,.platform--box h3{font-size:1rem;margin-bottom:6px}.project-role,.project-platform{font-size:.95rem;color:var(--bodyText-color)}.aboutMe--container--buttons{display:flex;justify-content:center;align-items:center;padding:40px 0;gap:20px}.aboutMe--logoLoop{display:flex;justify-content:center;align-items:center;width:100%;height:120px;margin-top:-40px;overflow:hidden;position:relative;z-index:1}.aboutMe--logoLoop img{filter:brightness(0) saturate(100%);opacity:.9}@media (max-width: 992px){.aboutMe--section--content--box{grid-template-columns:1fr;text-align:center;font-size:80%}.aboutMe--section--text{padding-left:0}.aboutMe--image{margin:0 auto;padding:40px 0}.project-content-inner{grid-template-columns:1fr}.project-image{max-width:100%;order:-1}.aboutMe--project--Discription--content--box{grid-template-columns:1fr}.btn-steam-button,.btn-website-button{justify-self:start;width:fit-content}}@media (max-width: 768px){span.falling-word{font-size:clamp(.9rem,1.5vw,.5rem)!important}}.terms--section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:200px 120px 20px;gap:60px;min-height:100vh;overflow:hidden}.terms--section h3,.terms--section h1,.terms--section p,.terms--section .sub-title{text-align:center}.impressum--section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:200px 120px 20px;gap:60px;min-height:100vh;overflow:hidden}.impressum--section h3,.impressum--section h1,.impressum--section p,.impressum--section .sub-title{text-align:center}.contact--section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:120px 120px 20px;gap:60px;min-height:100vh;overflow:hidden}.contact--form--container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;gap:24px}.contact--section h3,.contact--section p,.contact--section .sub-title{text-align:center}.container-name{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;width:100%}.container-email{display:flex;flex-direction:column;width:100%;gap:24px}.contact--label{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:200px;text-align:left;font-family:var(--nav---, "Zalando Sans Expanded", sans-serif)}.contact--label span{font-size:.9rem;color:var(--bodyText-color);font-family:var(--nav-font, "Zalando Sans Expanded", sans-serif)}.contact--input{width:100%;padding:12px 14px;border-radius:8px;border:2px solid var(--navPIllSelected-color);background:var(--bg-color);color:var(--bodyText-color);font-family:Roboto,sans-serif}.checkbox--label{display:flex;align-items:center;gap:8px;justify-content:flex-start;width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--nav-color)}.contact--curveLoop{position:static;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}@media (max-width: 768px){.container-name{grid-template-columns:1fr;gap:12px}.contact--form--container{width:90%}}.masonry-container{position:relative;width:100%;max-width:1600px;margin:0 auto;display:block;padding:20px;box-sizing:border-box}.masonry-item{position:absolute;overflow:hidden;border-radius:14px;cursor:pointer;transition:transform .3s ease}.masonry-item:hover{transform:scale(1.03)}.masonry-image{width:100%;height:100%;object-fit:cover;border-radius:14px;transition:transform .3s ease}.masonry-item:hover .masonry-image{transform:scale(1.05)}.masonry-overlay{position:absolute;bottom:0;left:0;width:100%;padding:10px 16px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .3s ease}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-title{color:#fff;font-size:1rem;font-weight:600;text-align:left}.falling-text-container{position:relative;width:100%;overflow:hidden}.falling-text-scene{position:relative;width:100%;height:100%;pointer-events:none;z-index:2}.falling-word{display:inline-block;margin:0 6px;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--bodyText-color);font-family:var(--body-font);font-weight:400}.highlighted{color:var(--highlightedText-color);font-weight:700}.falling-text-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}.logoloop{position:relative;overflow-x:hidden;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #000000}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme: dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none}.logoloop__list{display:flex;align-items:center}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item{position:relative;display:flex;align-items:center;justify-content:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__item:hover img{transform:scale(1.1);opacity:.7}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000c;color:#000;padding:4px 8px;border-radius:6px;font-size:1rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.logoloop__item:hover .logoloop__tooltip{opacity:1;transform:translate(-50%) translateY(-12px)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:1}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media (prefers-reduced-motion: reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.logoloop,.logoloop__track,.logoloop__list{overflow:visible!important}.logoloop__item{position:relative;overflow:visible!important;z-index:2}.logoloop__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:4px 8px;border-radius:6px;font-family:Zalando Sans Expanded,sans-serif;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000}.logoloop__item:hover .logoloop__tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}.logoloop__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}.curved-loop-jacket{width:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;height:auto;min-height:0}.curved-loop-svg{-webkit-user-select:none;user-select:none;width:100vw;height:14vh;overflow:visible;display:block;font-size:2vw;fill:currentColor;color:var(--bodyText-color);font-weight:700;text-transform:uppercase;line-height:1}.curved-loop-svg text{paint-order:stroke fill;stroke:#0006;stroke-width:1px}@media (max-width: 768px){.curved-loop-svg{font-size:10vw;height:10vh}}.pill-nav-container{position:absolute;top:1em;z-index:99;width:100%;display:flex;justify-content:center;align-items:center;font-family:Bowlby One SC,sans-serif;font-style:normal;font-weight:200;font-size:16px;line-height:24px;cursor:pointer;text-align:center;text-decoration:none}@media (max-width: 768px){.pill-nav-container{width:100%;left:0}}.pill-nav{--nav-h: 42px;--logo: 36px;--pill-pad-x: 18px;--pill-gap: 3px;width:max-content;display:flex;align-items:center;box-sizing:border-box}@media (max-width: 768px){.pill-nav{width:100%;justify-content:space-between;padding:0 1rem;background:transparent;display:flex;align-items:center;justify-content:center;gap:1rem;border-radius:9999px;padding:.5rem 1rem;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #000);border-radius:9999px}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);padding:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;height:40px;width:auto}.pill-logo img{width:100%;height:100%;object-fit:cover;display:block}.pill-list{align-items:stretch;gap:var(--pill-gap);display:flex;align-items:center;justify-content:center;gap:1rem;list-style:none;margin:0;padding:4px;height:80%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #fff);color:var(--pill-text, var(--base, #000));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:200;font-size:16px;line-height:0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, #000);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--base, #000);border-radius:50px;z-index:4}.pill.is-active{background-color:#00000c;color:#efeff6;transform:scale(1.01)}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative}@media (max-width: 768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:var(--pill-bg, #fff);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:3em;left:1rem;right:1rem;background:var(--base, #f0f0f0);border-radius:27px;box-shadow:0 8px 32px #0000001f;z-index:998;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 16px;color:var(--pill-text, #fff);background-color:var(--pill-bg, #fff);text-decoration:none;font-size:16px;font-weight:200;border-radius:50px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text, #fff)}