@font-face{font-family:main;src:url(/assets/geist-BeGFZ_ZO.woff2)}@font-face{font-family:mono;src:url(/assets/roboto-mono-CCR4waGG.woff2)}@font-face{font-family:title;src:url(/assets/phonk-CpOfe5TV.woff2)}@font-face{font-family:alt;src:url(/assets/orbitron-CrG_vN1R.woff2)}@font-face{font-family:quote;src:url(/assets/lemon-milk-BqrZwvPV.woff2)}html{width:100%;height:100dvh;padding:0;margin:0;font-family:main;font-size:16px;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;--text: #f5f5f5;--textFilter: brightness(0) invert(1);--textAlt: #7b7f80;--textAltFilter: brightness(0) saturate(100%) invert(35%) sepia(24%) saturate(606%) hue-rotate(181deg) brightness(92%) contrast(86%);--link: #4ff3bc;--linkFilter: brightness(0) invert(29%) sepia(74%) saturate(2123%) hue-rotate(327deg) brightness(83%) contrast(111%);--bg: #000000;--backdrop: rgba(0, 0, 0, .4);--hover: color-mix(in srgb, var(--textAlt) 25%, transparent);--borderTransparent: solid 1px transparent;--border: solid 1px var(--text);--borderSoft: solid 1px var(--hover);--borderSoftThick: solid 2px var(--hover)}html[light]{--bg: #f5f5f5;--backdrop: rgba(0, 0, 0, .4);--hover: rgba(0, 0, 0, .2);--text: #000000;--textFilter: brightness(0);--textAlt: #83868d;--textAltFilter: brightness(0) saturate(100%) invert(58%) sepia(24%) saturate(506%) hue-rotate(183deg) brightness(84%) contrast(87%);--link: #1c7e5d;--linkFilter: brightness(0) invert(29%) sepia(74%) saturate(2123%) hue-rotate(327deg) brightness(83%) contrast(111%);--borderSoftThick: solid 2px var(--hover)}body{width:100%;height:100dvh;padding:0;margin:0;display:flex;flex-direction:row;background:var(--bg);color:var(--text);fill:var(--text);--sidebarSpacing: 80px;--pageSpacing: 20px}body[noscroll]{overflow:hidden}@media screen and (orientation:portrait){body[sidebar]{overflow:hidden}}@media screen and (orientation:portrait){body{--sidebarSpacing: 0px;--pageSpacing: 10px}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-thumb{background-color:var(--text);border-radius:7px;border:solid 4px transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{border:solid 3px transparent}img{-webkit-user-drag:none}a{text-decoration:none}a:not([class])[href]{color:var(--link)}.appear{opacity:0}.appear[appeared]{opacity:unset;animation:appear ease-out .6s}@keyframes appear{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.blob-background{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1}.blob-blur{width:100vw;height:100vh;position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.blob{--brightness: 1;width:150vw;height:150vh;margin:-25vh -25vw;position:absolute;top:0;left:0;background-color:#01c1be;opacity:calc(var(--brightness) * 14%);animation:blob ease-in-out 20s infinite}.blob[alt]{background-color:#8c1de7;opacity:calc(var(--brightness) * 8%);animation-delay:-10s}html[light] .blob{--brightness: 1.2}@keyframes blob{0%{clip-path:polygon(29% 12%,26% 30%,50% 87%,86% 68%,63% 87%,40% 41%,36% 58%,68% 54%,12% 84%,12% 13%)}25%{clip-path:polygon(14% 6%,15% 71%,84% 16%,86% 68%,63% 87%,40% 41%,66% 89%,29% 44%,59% 92%,12% 13%)}50%{clip-path:polygon(76% 75%,7% 4%,84% 16%,41% 20%,56% 60%,18% 7%,80% 11%,33% 24%,59% 92%,45% 14%)}75%{clip-path:polygon(52% 15%,7% 4%,0% 45%,41% 20%,66% 70%,94% 7%,40% 56%,33% 24%,59% 92%,45% 14%)}to{clip-path:polygon(29% 12%,26% 30%,50% 87%,86% 68%,63% 87%,40% 41%,36% 58%,68% 54%,12% 84%,12% 13%)}}.component-base,.component-hover,.glass-hover,.component,.glass{box-sizing:border-box;--transparentBG: color-mix(in srgb, var(--bg) 55%, transparent);border:var(--borderSoft)}.component,.glass{background-color:var(--transparentBG)}.component-hover,.glass-hover{background-image:linear-gradient(to bottom,transparent,transparent),linear-gradient(to bottom,var(--transparentBG),var(--transparentBG))}.glass,.glass-hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.button{width:fit-content;height:fit-content;padding:8px 16px;border:var(--border);border-radius:30px;outline:none;color:var(--text);font-family:mono;font-size:.9rem;cursor:pointer;transition:border .2s,background-color .2s}.button:hover{background-color:var(--hover)}.loading{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:mono;background-color:var(--bg);z-index:999;transition:opacity 1s}.loading[loaded]{opacity:0;pointer-events:none}.loading-bar{width:250px;height:4px;background-color:var(--hover);--fill: 0%}.loading-bar>div{width:var(--fill);height:100%;background-color:var(--text)}.sidebar-toggle{width:50px;height:50px;position:fixed;top:20px;left:20px;display:flex;align-items:center;justify-content:center;border-radius:15px;opacity:0;z-index:90;pointer-events:none}.sidebar-toggle:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--hover);border-radius:inherit;opacity:0;transition:opacity .2s}.sidebar-toggle:hover:after{opacity:1}.sidebar-toggle>img{width:20px;height:20px;filter:var(--textFilter)}@media screen and (orientation:portrait){.sidebar-toggle{opacity:1;pointer-events:unset}}.sidebar{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:transparent;z-index:100;overflow-y:hidden;pointer-events:none;transition:background-color .2s,height .2s;--sidebarBorder: 2px;--sidebarWidth: var(--sidebarWidthClosed);--sidebarWidthOpen: 240px;--sidebarWidthClosed: 80px;--sidebarTransition: width .2s}@media screen and (orientation:portrait){.sidebar,.sidebar:not([open]){--sidebarWidth: 0px}.sidebar[open]{background-color:var(--backdrop);pointer-events:all;--sidebarWidth: var(--sidebarWidthOpen)}}.sidebar-menu{width:var(--sidebarWidth);flex:1;margin:20px;padding:100px 0;position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;border-radius:20px;overflow-x:hidden;pointer-events:all;transition:var(--sidebarTransition),translate .2s}@media screen and (orientation:landscape){.sidebar-menu:hover{--sidebarWidth: var(--sidebarWidthOpen)}}@media screen and (orientation:portrait){.sidebar-menu{translate:-100px 0}.sidebar[open]>.sidebar-menu{translate:0 0}}.sidebar-button{width:calc(var(--sidebarWidth) - (20px + var(--sidebarBorder)));height:40px;margin:0 10px;padding-left:calc((var(--sidebarWidthClosed) - 40px) / 2);box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:20px;color:var(--text);font-family:mono;font-size:.9rem;cursor:pointer;transition:var(--sidebarTransition),background-color .1s}.sidebar-button:hover{background-color:var(--hover)}.sidebar-button[hidden]{display:none}.sidebar-button>img{width:20px;height:20px;filter:var(--textFilter)}.sidebar-button>span{white-space:nowrap;opacity:0;transition:opacity .2s}.sidebar-menu:hover>.sidebar-button>span{opacity:1}@media screen and (orientation:portrait){.sidebar[open] .sidebar-button>span{opacity:1}}.sidebar-button>indicator{width:4px;position:absolute;top:0;bottom:0;right:-10px;background-color:var(--text);border-radius:2px;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-button[selected]>indicator{opacity:1}#snackbar{min-width:150px;max-width:500px;padding:15px 25px;position:fixed;bottom:0;text-align:center;border-radius:30px;background-color:var(--bg);border:var(--borderSoftThick);outline:transparent;color:var(--text);opacity:1;z-index:999;pointer-events:none}#snackbar[open]{animation:snackbar 3s forwards}@keyframes snackbar{0%{transform:translateY(0);opacity:0}25%{transform:translateY(-20px);opacity:1}75%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);opacity:0}}dialog:not(#snackbar)::backdrop{background-color:var(--backdrop)}dialog:not(#snackbar){width:400px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);padding:0;margin:auto;position:fixed;display:flex;flex-direction:column;align-items:center;border-radius:25px;background-color:var(--bg);border:var(--borderSoftThick);outline:transparent;color:var(--text);opacity:0;z-index:500;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .2s ease;-moz-transition:none}dialog:not(#snackbar)[open]{opacity:1;pointer-events:auto}.menu-title{text-transform:uppercase;font-family:title;font-size:1.4em;line-height:80px}@media screen and (orientation:portrait){.menu-title{font-size:1.3em}}.menu-close{height:40px;width:40px;box-sizing:border-box;position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;border:var(--borderTransparent);border-radius:40px;cursor:pointer;transition:background-color .2s,border .2s}.menu-close:hover{background-color:color-mix(in srgb,var(--accent) 30%,transparent);border:var(--border)}.menu-close img{height:14px;width:14px;filter:var(--textFilter)}.menu-list{width:100%;margin-bottom:20px;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}#snake-menu{width:fit-content}.snake-info{margin-top:-10px;display:flex;flex-direction:column;gap:10px;font-family:mono}#snake-canvas{margin:20px 0;position:relative;box-sizing:border-box;border:var(--borderSoftThick)}.snake-controls{min-width:80%;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.snake-controls-arrows{display:flex;flex-direction:row;align-items:center;justify-content:center}.snake-controls-arrows>div{display:flex;flex-direction:column}.snake-controls-arrow-center{width:40px;height:40px;background-color:var(--text)}.snake-controls-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--text);border-radius:10px 0 0 10px;color:var(--bg);font-weight:700;cursor:pointer}.snake-controls-arrow[up]{rotate:90deg}.snake-controls-arrow[down]{rotate:-90deg}.snake-controls-arrow[right]{rotate:180deg}.snake-button{width:fit-content;height:fit-content;padding:8px 16px;background-color:var(--text);border-radius:30px;outline:none;color:var(--bg);font-family:mono;font-size:.9rem;cursor:pointer;transition:border .2s,background-color .2s}#snake-info-death{width:100%;position:absolute;bottom:10px;left:0;display:flex;justify-content:center;pointer-events:none}#snake-afk{padding:20px 130px 20px 20px;position:fixed;bottom:20px;right:20px;display:flex;flex-direction:row;align-items:center;background-color:var(--bg);border:var(--borderSoftThick);border-radius:20px;opacity:0;z-index:500;cursor:pointer;pointer-events:none}#snake-afk[show]{animation:snake-afk 1s forwards;pointer-events:unset}@keyframes snake-afk{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}#snake-afk>img{width:100px;height:100px;position:absolute;bottom:10px;right:10px;border-radius:10px}.achievements-description{margin:0 40px 18px;text-align:center}#achievements-list{width:100%;padding:10px 0;margin-bottom:10px;position:relative;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.achievement{height:94px;width:calc(100% - 70px);padding:13px;margin:0 20px;position:relative;display:flex;gap:15px;border:var(--border);border-radius:25px;background:var(--bg);transition:transform .2s}.achievement:hover{transform:rotate(-.5deg) scale(1.01)}.achievement>img{height:100%;aspect-ratio:1;border-radius:15px}.achievement>div{height:90px;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.achievement>div>div:nth-child(1){font-family:title;font-size:16px;text-align:center}.achievement>div>div:nth-child(2){text-align:center}.achievement>span{width:100%;height:100%;position:absolute;top:0;left:0;text-transform:uppercase;font-family:title;line-height:120px;font-size:26px;text-align:center;opacity:0}.achievement[hidden]>span{opacity:1;background-color:var(--bg);border-radius:inherit}.dot-indicator{width:10px;height:10px;position:absolute;top:0;right:0;background-color:#f32853;border-radius:50%;visibility:hidden}.dot-indicator[active]{visibility:unset}#content{flex:1;min-height:100%;height:max-content;position:relative}.page{width:100%;min-height:100vh;padding:70px 12vw;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--pageSpacing))}@media screen and (orientation:portrait){.page{padding:120px 5vw}}.page-top{display:flex;flex-direction:row;align-items:center;gap:20px;font-family:title;font-size:min(3em,6.5vw)}.page-top[small]{scale:.7}@media screen and (orientation:portrait){.page-top{gap:10px}}.page-title-shapes{height:.5lh;aspect-ratio:1;position:relative}@media screen and (orientation:portrait){.page-title-shapes{height:.6lh}}.page-title-shapes img{width:100%;height:100%;position:absolute;top:0;left:0;filter:var(--textFilter);--animationDuration: 20s;--shapesSize: 6;--shapeIndex: 0;animation:page-title-shape var(--animationDuration) infinite ease-in-out;animation-delay:calc(var(--animationDuration) / var(--shapesSize) * var(--shapeIndex));opacity:0}.page-title-shapes img:nth-child(2){--shapeIndex: 1}.page-title-shapes img:nth-child(3){--shapeIndex: 2}.page-title-shapes img:nth-child(4){--shapeIndex: 3}.page-title-shapes img:nth-child(5){--shapeIndex: 4}.page-title-shapes img:nth-child(6){--shapeIndex: 5}@keyframes page-title-shape{0%{opacity:0;rotate:-90deg}3%{opacity:1;rotate:0deg}17%{opacity:1;rotate:0deg}20%{opacity:0;rotate:90deg}to{opacity:0;rotate:-90deg}}.page-title-slash{width:2px;height:.65lh;margin:0 10px;rotate:20deg;background-color:var(--text)}@media screen and (orientation:portrait){.page-title-slash{margin:0 5px}}.page-title-line{height:2px;flex-grow:1;background:var(--text)}.navigation-arrow{width:50px;aspect-ratio:1;position:absolute;bottom:40px;left:calc(50% - 20px);rotate:90deg;display:flex;align-items:center;justify-content:center;border-radius:100%;font-size:1.2rem;cursor:pointer;animation:navigation-arrow-bounce 4s infinite ease-in-out}.navigation-arrow:hover{animation:none}.navigation-arrow>img{width:24px;aspect-ratio:1;filter:var(--textFilter)}@media screen and (orientation:portrait){.navigation-arrow{display:none}}@keyframes navigation-arrow-bounce{0%{transform:translateY(0)}88%{transform:translate(0)}90.5%{transform:translate(30px)}93%{transform:translate(0)}95%{transform:translate(15px)}97%{transform:translate(0)}98.5%{transform:translate(5px)}to{transform:translateY(0)}}#home{align-items:center}#home>canvas{width:100%;height:100%;position:absolute;z-index:-1;pointer-events:none}.home-text{display:flex;flex-direction:column;align-items:center}#home-text1{margin-right:auto;font-family:mono;font-size:1em}#home-text2{margin-bottom:5px;font-family:title;font-size:min(4em,4.5vw);white-space:nowrap}@media screen and (orientation:portrait){#home-text2{font-size:6.5vw}}#home-text3{margin-left:auto;font-family:mono;font-size:1em}@media screen and (orientation:portrait){#home-text1,#home-text3{font-size:.8em}}#about{flex-direction:row;align-items:center;gap:calc(3 * var(--pageSpacing))}@media screen and (orientation:portrait){#about{flex-direction:column-reverse}}.about-text-box{width:0;flex-grow:1;text-align:justify;display:flex;flex-direction:column;gap:calc(2 * var(--pageSpacing))}@media screen and (orientation:portrait){.about-text-box{width:100%;flex-grow:unset}}#about-img-box{height:55vh;width:42vh;position:relative;border:var(--border);border-radius:20px;cursor:pointer}@media screen and (orientation:portrait){#about-img-box{height:min(50vh,65vw);width:min(50vh,100%)}}#about-img{height:calc(100% - 30px);width:calc(100% - 30px);margin:15px;border-radius:10px;object-fit:cover;filter:blur(0px);opacity:1;transition:filter .4s,opacity .4s}#about-img[loading]{filter:blur(10px);opacity:0}#about-img[clicked]~#about-img-next{opacity:0}#about-img-name,#about-img-next{padding:5px 20px;position:absolute;right:-1px;bottom:-1px;line-height:2em;font-size:.8em;font-family:alt;text-transform:uppercase;pointer-events:none;background:var(--text);color:var(--bg);border-radius:20px 0;transition:opacity .2s}#about-img-next{inset:-1px auto auto -1px}#about-career{display:flex;flex-direction:column}.career-item{display:flex;flex-direction:row;gap:20px}.career-item:not(:nth-child(1)){margin-top:10px}.career-item-left{display:flex;flex-direction:column;align-items:center;gap:10px}.career-item-left>img{width:20px;height:20px}.career-item-left>line{width:2px;flex:1;background-color:var(--text)}.career-item-right{margin-bottom:30px;display:flex;flex-direction:column;gap:10px}.career-item-right>div:nth-child(1){font-family:title}.career-item-right>div:nth-child(3){font-family:mono;font-size:.8rem;color:var(--textAlt)}#skills{--skillsMax: 5}.skills-text-box{display:flex;flex-direction:column;gap:calc(2 * var(--pageSpacing))}#skills-description{text-align:justify}@media screen and (orientation:landscape){#skills-description{margin-right:30%}}.skills-bars{display:flex;flex-direction:column;gap:20px}.skills-bar{display:flex;flex-direction:column;font-family:mono;font-size:.8rem;font-weight:600;color:var(--textAlt)}.skills-bar>span:nth-child(1){font-family:title;font-size:1rem;font-weight:500;color:var(--text)}.skills-bar>div:nth-child(2){height:30px;width:100%;display:flex;align-items:center;position:relative;margin:7px 0 4px}.skills-bar>div:nth-child(2)>span:nth-child(1){padding:3px 7px;display:flex;align-items:center;position:absolute;left:-10px;background-color:var(--bg);border:var(--borderSoft);color:var(--text)}.skills-bar>div:nth-child(2)>div:nth-child(2){--skillExperience: 1;height:100%;width:0;margin:0;background:linear-gradient(to right,color-mix(in srgb,var(--textAlt) 50%,transparent),color-mix(in srgb,var(--text) 70%,transparent));border:var(--borderTransparent);border-image:linear-gradient(to right,var(--bg) 0%,var(--text) 100%);border-image-slice:1;transition:width 1s}.skills-bar>div:nth-child(2)>div:nth-child(2)[visible]{width:calc(var(--skillExperience) / var(--skillsMax) * 100%)}.skills-note{display:flex;gap:10px;font-family:mono;font-size:.7rem}@media screen and (orientation:landscape){.skills-note{margin-right:65%}}#projects-filters{margin:20px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#projects-filters>span{font-family:title;font-size:1.4em}#projects-filters>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;word-wrap:normal}#projects-filters>div>span{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;word-wrap:normal}#projects-list{display:flex;flex-direction:column;gap:100px}.project{height:min-content;display:flex;flex-direction:row;align-items:center;position:relative}@media screen and (orientation:landscape){.project[reverse]{flex-direction:row-reverse}}@media screen and (orientation:portrait){.project{flex-direction:column}}.project-media{width:65%;box-sizing:border-box;display:flex;align-items:center;position:relative;transition:border .2s,margin-bottom .2s}@media screen and (orientation:portrait){.project-media{width:100%}.project-media[video]{margin-bottom:45px}}.project-media-content{--glitchImg: url();width:100%;aspect-ratio:16/9;position:relative;border-radius:30px;overflow:hidden;transition:scale .2s}@media screen and (orientation:landscape){.project-media[video] .project-media-content{scale:1.1}.project-media:not([video]):hover .project-media-content:before,.project-media:not([video]):hover .project-media-content:after{content:"";--appearAnimation: projectGlitchAppear 0s;width:100%;height:100%;position:absolute;top:0;left:0;background-image:var(--glitchImg);background-size:cover;background-position:center;scale:1.05;z-index:1;pointer-events:none;animation:projectGlitchColor forwards,projectGlitchClip infinite;animation-duration:.3s}.project-media:not([video]):hover .project-media-content:after{animation:projectGlitchColor forwards,projectGlitchClip -.1s infinite}@keyframes projectGlitchColor{0%{translate:20px -15px;filter:hue-rotate(0deg) brightness(1) saturate(1)}20%{translate:-10px 9px;filter:hue-rotate(150deg) brightness(1.2) saturate(1.5)}40%{translate:30px -4px;filter:hue-rotate(300deg) brightness(.8) saturate(.5)}60%{translate:0px 0px;filter:hue-rotate(45deg) brightness(1.1) saturate(1.2)}80%{translate:15px 9px;filter:hue-rotate(220deg) brightness(.9) saturate(.8)}99%{translate:20px -15px;filter:hue-rotate(0deg) brightness(1) saturate(1)}to{visibility:hidden}}@keyframes projectGlitchClip{0%{clip-path:polygon(0 83%,100% 83%,94% 92%,0 91%)}12%{clip-path:polygon(39% 0,97% 0,100% 9%,43% 10%)}25%{clip-path:polygon(2% 25%,84% 26%,92% 39%,0 39%)}37%{clip-path:polygon(3% 90%,88% 89%,84% 100%,0 100%)}50%{clip-path:polygon(3% 60%,90% 62%,85% 73%,6% 73%)}62%{clip-path:polygon(21% 91%,95% 91%,100% 100%,25% 100%)}75%{clip-path:polygon(19% 10%,100% 10%,94% 23%,21% 23%)}87%{clip-path:polygon(0 8%,68% 9%,73% 17%,5% 16%)}to{clip-path:polygon(0 76%,96% 76%,94% 90%,5% 91%)}}}.project-media-content>img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}.project-media-content>iframe{width:calc(100% + 2px);height:calc(100% + 2px);margin:0;padding:0;position:absolute;top:-1px;left:-1px;border:unset;pointer-events:none;transition:opacity .2s}.project-media[video] .project-media-content>iframe{pointer-events:unset}.project-scope{padding:5px 20px;position:absolute;top:-10px;left:-10px;line-height:2em;font-size:.7em;font-family:alt;text-transform:uppercase;pointer-events:none;border-radius:20px;transition:opacity .2s}.project-scope:empty{display:none}.project-media[video] .project-scope{opacity:0;pointer-events:none}@media screen and (orientation:landscape){.project[reverse] .project-scope{left:unset;right:-10px;text-align:end}.project-media:hover:not([video]) .project-scope{opacity:.6;z-index:-1;pointer-events:none}}@media screen and (orientation:portrait){.project-scope{top:-5px;left:-5px}}.project-actions{width:100%;position:absolute;bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;transition:transform .2s;--translate: 95px}@media screen and (orientation:portrait){.project-actions{--translate: 70px}}.project-media[video] .project-actions{transform:translateY(var(--translate))}.project-action-button{padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:30px;font-family:mono;font-size:.9rem;cursor:pointer;pointer-events:auto;transition:margin-left .2s,opacity .2s,background-color .2s,border .2s}@media screen and (orientation:landscape){.project-media[video] .project-action-button{background:unset;border:var(--border)}.project-media[video] .project-action-button:hover{background-color:var(--hover)}}.project-media[video] .project-action-button[hidevideo]{margin-left:-55px;opacity:0;pointer-events:none}.project-action-button>img{width:1lh;height:1lh;filter:var(--textFilter)}.project-video-button{padding:10px 15px}.project-media:not([hasvideo]) .project-video-button{display:none}.project-info{width:50%;--prMargin: -10%;margin-left:var(--prMargin);display:flex;flex-direction:column;gap:20px;align-items:flex-end;text-align:end;z-index:2}@media screen and (orientation:landscape){.project[reverse]>.project-info{margin-left:0;margin-right:var(--prMargin);align-items:flex-start;text-align:start}.project-media:hover+.project-info,.project-media[video]+.project-info{opacity:.6;z-index:-1;transition:opacity .2s}}@media screen and (orientation:portrait){.project-info{width:100%;--prMargin: 0;margin-top:20px}}.project-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:end;gap:10px}@media screen and (orientation:landscape){.project[reverse] .project-tags{justify-content:start}}@media screen and (orientation:portrait){.project-tags{width:100%;justify-content:center}}.project-info-content{width:100%;padding:20px;position:relative;display:flex;flex-direction:column;gap:20px;border-radius:20px;pointer-events:auto}@media screen and (orientation:portrait){.project-info-content{padding:0;background:unset;border:unset;border-radius:unset}}.project-info-content>div:nth-child(1){width:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}@media screen and (orientation:landscape){.project[reverse] .project-info-content>div:nth-child(1){flex-direction:row}}.project-info-content>div:nth-child(1)>span:nth-child(1){flex:1;font-family:title;font-size:1.46rem}.project-info-content>div:nth-child(1)>span:nth-child(2){margin:-5px 0;font-family:mono;font-size:.86rem;opacity:.5}.project-info-content>span:nth-child(2){text-align:justify}.project-buttons{display:flex;flex-direction:row;gap:20px;pointer-events:auto}.project-buttons:empty{display:none}.project-tag{width:max-content;height:fit-content;padding:8px 12px;position:relative;box-sizing:border-box;font-family:mono;font-size:.9rem;color:var(--text);border-radius:50px;cursor:pointer;transition:background-image .2s,border .2s}.project-tag:hover{background-image:linear-gradient(to bottom,var(--hover),var(--hover)),linear-gradient(to bottom,var(--bg),var(--bg));border:var(--border)}.project-none{width:100%;text-align:center}.project-none>div:nth-child(1){font-size:100px}#projects-more{margin:20px auto}@media screen and (orientation:portrait){#projects-more{margin:50px auto -50px}}#project-fullscreen{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--bg);opacity:0;z-index:999;pointer-events:none}#project-fullscreen[show]{opacity:1;pointer-events:unset}#project-fullscreen-image{height:100%;width:100%;object-fit:contain}.footer{padding:25px 15vw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:none;border-top:var(--borderSoftThick);border-bottom:none}@media screen and (orientation:portrait){.footer{padding:20px 5vw}}.footer-contacts{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.footer-contact{width:28px;cursor:pointer}.footer-contact>img{width:inherit;height:inherit;filter:var(--textFilter);transition:filter .2s,-webkit-filter .2s,transform .2s}.footer-contact:hover>img{transform:translateY(-3px)}.footer-spacer{width:90%;height:2px;background-color:var(--hover)}@media screen and (orientation:portrait){.footer-spacer{width:75%}}.footer-quote{width:100%;position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-family:quote;text-align:center}#footer-quote-text{font-size:1.6rem}#footer-quote-author{font-size:1.1rem}.footer-arrows{width:100%;height:20px;position:absolute;bottom:-31px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-arrow{width:40px;height:40px;padding:8px;box-sizing:border-box;object-fit:contain;cursor:pointer}.footer-arrow[mirror]{scale:-1 1}#footer-credits{font-size:.8em;text-align:center}