:root{--border:2px solid #000;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right)}html{height:100%;margin:0;padding:0;background:#fff!important}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;font-family:Inter;overflow:hidden}body{width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden;background:#fff!important}.hidden{display:none!important}h1{text-align:center;margin:0;font-size:48px;font-weight:700;line-height:1}.main-title{transition:transform 2s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.main-title.to-up{border-color:#0000;transform:translateY(-10px)}#canvas{z-index:1;min-height:100dvh;position:fixed;top:0;left:0;height:100dvh!important}.greetings,.main{z-index:10;pointer-events:none;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.greetings-inner,.main-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.get-start-btn,.seePortfolio,.main-buttons{pointer-events:auto}.button{border:var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff4d;border-radius:27px;align-items:center;width:184px;height:48px;padding-left:28px;transition:border-color .3s,background-color .3s,opacity .3s;display:flex;position:relative}.button:active{transform:scale(.95)}.get-start-btn{transition:transform .6s cubic-bezier(.34,1.2,.64,1);transform:scale(0)}.main-buttons{color:#000;align-items:center;column-gap:18px;transition:transform 1s cubic-bezier(.34,1.2,.64,1);display:flex;transform:scale(0)}.arrow:after{content:"";background:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.292893%2010.1924C-0.0976311%2010.5829%20-0.0976311%2011.2161%200.292893%2011.6066C0.683418%2011.9971%201.31658%2011.9971%201.70711%2011.6066L1%2010.8995L0.292893%2010.1924ZM11.8995%200.99998C11.8995%200.447695%2011.4518%20-1.99303e-05%2010.8995%20-1.95089e-05L1.89949%20-1.93824e-05C1.34721%20-1.97196e-05%200.899495%200.447695%200.899495%200.99998C0.899495%201.55227%201.34721%201.99998%201.89949%201.99998L9.8995%201.99998L9.89949%209.99998C9.89949%2010.5523%2010.3472%2011%2010.8995%2011C11.4518%2011%2011.8995%2010.5523%2011.8995%209.99998L11.8995%200.99998ZM1%2010.8995L1.70711%2011.6066L11.6066%201.70709L10.8995%200.99998L10.1924%200.292874L0.292893%2010.1924L1%2010.8995Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat;width:11.5px;height:11.5px;transition:right .3s ease-out,top .3s ease-out,translate .3s ease-out;position:absolute;top:50%;right:28px;translate:0 -50%}.arrow-white:after{filter:brightness(0)invert();width:20px;height:20px;right:9px;rotate:45deg}.arrow:hover:after{animation:.4s ease-in-out wiggle}.arrow-straight:after{transition:translate .4s ease-out forwards;rotate:45deg}.arrow-straight:hover:after,.arrow-white:hover:after{animation:.4s ease-in-out forwards wiggle-straight}#preloader{z-index:9999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-spinner{border:2.5px solid #0000001f;border-top-color:#000;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle-straight{0%{translate:0 -50%}50%{translate:8px -50%}to{translate:0 -50%}}@keyframes wiggle{0%{top:50%;right:28px}50%{top:16px;right:22px}to{top:50%;right:28px}}@media (width<=600px){h1{text-align:center;max-width:400px;padding-inline:20px;font-size:60px}.main-buttons{flex-direction:column;gap:20px}.button{border:2.7px solid #000;border-radius:55px;width:300px;height:70px;font-size:20px;font-weight:600}.arrow:after{width:16px;height:16px}#home{width:60px;height:60px}}@media (width<=375px){.button{border:2px solid #000;border-radius:55px;width:280px;height:60px;font-size:20px;font-weight:500}.arrow:after{width:14px;height:14px}}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;appearance:none}button{appearance:none;color:#000}:where(ul,ol):where([class]){padding-left:0}a{color:inherit;text-decoration:none}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){border:none;padding:0}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom:24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit}html{scrollbar-gutter:stable;scroll-behavior:smooth;height:100%}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-FIwubZjA.woff2)format("woff2");font-weight:100 900}.main-title{min-height:1.2em;margin:0;padding-inline:4px;font-size:48px;font-weight:700;display:inline-block;position:relative}.main-title:after{content:"";background-color:currentColor;width:3px;height:80%;animation:1s step-end infinite blink;position:absolute;top:10%;right:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.main-title.finished:after{display:none}.main-title.finished{border-right-color:#0000;animation:none}@media (width<=600px){.main-title{padding-bottom:20px}}.to-up{transform:translateY(-28px)}.portfolio{width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;transform:translateY(0)}.portfolio.slide-out,.portfolio.slide-in-start{transform:translateY(100%)}#images{top:calc(-1 * env(safe-area-inset-top,0px));width:100%;height:calc(100% + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));overscroll-behavior:none;opacity:0;background-color:#0000;transition:opacity .5s ease-in-out;position:fixed;left:0;overflow:hidden}#images.ready{opacity:1}.portfolio-webgpu-canvas{display:block;position:fixed;top:0;left:0;touch-action:none!important;width:100%!important;height:100%!important}.doc-buttons{bottom:calc(20px + env(safe-area-inset-bottom));z-index:10;position:fixed;left:50%;transform:translate(-50%)}.portfolio-buttons{-webkit-backdrop-filter:blur(10px);background-color:#ffffffa6;border-radius:57px;flex-direction:row;column-gap:16px;padding:16px 18px;display:flex}.portfolio-buttons .button{-webkit-backdrop-filter:none;background:0 0}#home{-webkit-tap-highlight-color:transparent;caret-color:#0000;background:url("data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.5%2016.1716H3C1.89543%2016.1716%201%2015.2761%201%2014.1716V8.5C1%207.96956%201.21071%207.46086%201.58579%207.08578L7.08579%201.58578C7.86683%200.804735%209.13317%200.804735%209.91421%201.58578L15.4142%207.08578C15.7893%207.46086%2016%207.96956%2016%208.5V14.1716C16%2015.2761%2015.1046%2016.1716%2014%2016.1716H11.5M5.5%2016.1716V11.6716C5.5%2010.567%206.39543%209.67157%207.5%209.67157H9.5C10.6046%209.67157%2011.5%2010.567%2011.5%2011.6716V16.1716M5.5%2016.1716H11.5'%20stroke='black'%20stroke-width='2'/%3e%3c/svg%3e") 50%/16px no-repeat;outline:none;width:48px;height:48px}.project-overlay{z-index:1000;background:#fff;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.project-content{width:100%;max-width:1200px;height:100%;position:relative;overflow-y:auto}.project-content img{width:100%;height:auto;display:block}.close-btn{z-index:1001;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:fixed;top:20px;right:20px}.close-btn:before,.close-btn:after{content:"";background:#fff;border-radius:2px;width:22px;height:2px;position:absolute}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(-45deg)}@media (width<=600px){#home{background-size:17px;width:50px;height:50px}.portfolio-buttons .button{border:2px solid #000;width:200px;height:50px;font-size:18px;font-weight:400}.portfolio-buttons .arrow:after{width:12px;height:12px}}@media (width<=375px){#home{background-size:15px;width:40px;height:40px}.portfolio-buttons .button{border:2px solid #000;width:180px;height:40px;font-size:16px;font-weight:400}}