*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{color:var(--main-text-color);font-family:Orbitron,Helvetica Neue,sans-serif;overflow-x:hidden;background:var(--main-bg-color)}header{position:fixed;width:100%;top:0;left:0;z-index:3}//reser anchor style a{text-decoration:none;color:inherit}p{font-size:1.5rem;line-height:1.8rem}@media (min-width: 768px){p{font-size:1.5rem;line-height:3rem}}@media (min-width: 1024px){p{font-size:1.5rem;line-height:3rem}}@media (min-width: 2560px){p{font-size:3rem;line-height:5rem}}h2{font-weight:700;margin-bottom:1.5rem}@media (min-width: 768px){h2{font-weight:700;margin-bottom:1.5rem;font-size:4rem}}@media (min-width: 2560px){h2{font-weight:700;margin-bottom:1.5rem;font-size:8rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;color:var(--main-navigation-color)}.nav-items{list-style:none;display:flex;gap:2rem}.navbar a{font-size:2rem;text-decoration:none;font-weight:900;transition:color .2s ease;color:var(--main-text-color)}section{min-height:100vh;position:relative;color:var(--main-title-color);padding:3.5rem 2rem;perspective:1px}.projects{background:gold}:root{--main-bg-color: #fe7e94;--main-navigation-color: #0044eeff;--main-title-color: black;--accent-color: #ffcc00;--white: #ffffff}#loader{height:100%;display:flex;justify-content:center;align-items:center}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#141414d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff;font-size:1.2rem;transition:opacity .3s}.loader-spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-wrapper{display:flex;justify-content:center;padding:0}#canvas3d{position:fixed;top:0;left:0;z-index:1;min-width:100vw;min-height:100vh;border:none;background:transparent;pointer-events:auto}.welcome-section{display:grid;align-items:end;grid-template-columns:repeat(2,1fr)}.welcome-content{z-index:1}.welcome-content h1{font-size:clamp(2rem,8vw,5rem);font-weight:900;text-transform:uppercase;color:#000;letter-spacing:.1em;line-height:1.2;text-shadow:-3px -3px 0 #ff6b35,-6px -6px 0 #f7931e,-9px -9px 0 #fdc830,-15px -15px 20px rgba(0,0,0,.3);transform:rotateX(10deg) rotateY(-5deg);transition:all .3s ease;position:relative;display:inline-block;padding:12px;background:#fff;border:8px solid #000;box-shadow:-12px -12px #000,-24px -24px #0000001a}@media (min-width: 768px){.welcome-content h1{letter-spacing:.08em;text-shadow:-3px -3px 0 #ff6b35,-6px -6px 0 #f7931e,-9px -9px 0 #fdc830,-12px -12px 0 #37b0e0,-15px -15px 20px rgba(0,0,0,.3)}}.welcome-content:hover h1{transform:rotateX(15deg) rotateY(-8deg) translateY(-10px);text-shadow:-4px -4px 0 #ff6b35,-8px -8px 0 #f7931e,-12px -12px 0 #fdc830,-16px -16px 0 #37b0e0,-20px -20px -25px rgba(0,0,0,.4)}.welcome-content span,.welcome-content p .word:first-child{display:inline-block;white-space:nowrap}.welcome-content p{font-size:clamp(.8rem,2vw,1.2rem);margin-top:40px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--main-navigation-color);display:inline-block;padding:10px 20px;border:4px solid #000;box-shadow:-6px -6px #000;transform:rotateX(10deg) rotateY(-4deg)}#about,#contact{padding:5rem 2rem;width:100%;text-align:left}.projects{padding:2rem 1rem}.projects h2{font-size:clamp(2rem,8vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:#000;text-shadow:-3px -3px 0 #ff6b35,-6px -6px 0 #f7931e,-9px -9px 0 #fdc830,-15px -15px 20px rgba(0,0,0,.3);transform:rotateX(0) rotateY(0);transition:all .3s ease;display:inline-block}.scramble-char{display:inline-block;transition:all .1s ease}.scramble-word{display:inline-block;white-space:nowrap}.projects h2{min-height:1.2em;line-height:1.2}.projects-content{margin:0 auto;height:80vh;display:flex;align-items:center}.infinite-slider{--gap: 1rem;--slide-width: clamp(220px, 28vw, 420px);--slide-radius: 14px;position:relative;overflow:hidden;width:100%;user-select:none;-webkit-user-select:none;touch-action:pan-y}.slider-track{display:flex;align-items:stretch;gap:var(--gap);will-change:transform;animation-name:slider-marquee;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes slider-marquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--loop-distance, 100%)))}}.infinite-slider:hover .slider-track,.infinite-slider.paused .slider-track,.infinite-slider:active .slider-track,.infinite-slider:focus-within .slider-track{animation-play-state:paused}.slide{flex:0 0 var(--slide-width);display:grid;grid-template-rows:1fr auto;text-decoration:none;color:inherit;background:#0b0b0b;border-radius:var(--slide-radius);overflow:hidden;border:1px solid rgb(255 255 255 / .08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.slide:focus{outline:none;box-shadow:0 0 0 3px #8ab4ff66}.slide:hover{transform:translateY(-2px);border-color:#ffffff2e}.slide img{width:100%;object-fit:cover;display:block}.slide-title{display:block;padding:.5rem 1rem;font-size:1.5rem;line-height:1.2;color:var(--white)}@media (prefers-reduced-motion: reduce){.slider-track{animation:none!important}}.infinite-slider:before,.infinite-slider:after{content:"";position:absolute;top:0;bottom:0;width:clamp(16px,6vw,80px);pointer-events:none;z-index:2}.infinite-slider:before{left:0;background:linear-gradient(to right,#0b0b0b,transparent)}.infinite-slider:after{right:0;background:linear-gradient(to left,#0b0b0b,transparent)}.about{position:relative;overflow:hidden;z-index:1}@media (min-width: 1440px){.about{display:grid;grid-template-columns:repeat(2,1fr)}}.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/bg-clouds-CfMie2cm.png);background-position:center;background-attachment:fixed;opacity:.7;z-index:-2}@media (min-width: 2560px){{background-size:contain}}.about:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABVFJREFUaEPVmVuoVFUYx3+/tU/HzkzoYqlZmSVUhJlFRIFRkBUUURRBSVAXqEDqoYKKegi6EGEUZZfXKLBLQhFBUBYUXSjDzLrRzYq0tMx0svOdvb5Yc86ZmTNn9uyZOaMzL3PO7L3W+v7f+q/vuyxhgD7T3buBHwEDDKFAxJMVgtJ7QGREvBuxd5YKJ4rKZEQmCxxD2dOrfDpQGpTA8sjIFEQ+AY7wRYrwtSivNBtYq49WoLxRLnNhGsIkcKD6h3CFKh9lIMYLwNSI3xW51pSYJqJvYQbCW4gDUVqcFM5SZUcWhJYQ5gtwNdVoyQbEyw03Mv91NF7CurNTpDoOrUJoFbhElaQpsr05D2E5IpcbQmOMh5A1qpzdLOBmn+chiP3DgNVj3/MDfQmRjfVkWjXt7QYuDnv5Qxw3GvFHM7KfF4TWIJyBsiKtXvcKlwnChgzG8iSUGX54IbQe4cJYwIkgx40RX2bBnzfIMoRVvmNdzGyi7BkMkEYQqxHO8znqLPBdZGRrFlKNPjOYINcgPO8JLpSwAXh0ME40g9AWRPoyIUoXyjmqfJ7FgUafqZ2RpQhPIJRR1iLcl8WA/h0TKbCtsxRu0CiW4ZkmtBLhdkSK/TcWn3X4hFQv0omBO1W5J8vr1gikvl4sBFZkEaz7zPT582g/fm7iU0Q4VpW9WZxrBnIPwkMxkCCh5aSIDVmEh/PMnL+A9hNOqn30O5TpquzL4lwzkEcQ7qo5YTLYpcrxWYRnfWbaggW0H3d8lUMvRMGCOr3VMpAmtM9ArkaZKPBQpMzIKjzrczMXLKRtTg+IAV9ExkKBYVkdagbSmTPKttrYFeCsKOL7rOKzPDdz4cJEJHpVIa+gz4wkziCoNyPazeXAhkOtOCpM2Izia6LDnbQggREf4TsYO80rrTyD/jPSDOTfRrIuD5CZixYnTpiAh2sdOkFqy67AdNsAa1I7o2UgEfaQau4GsQ3YjrJFhQcj5fo8YPxnZy5anMhE4pQNyW7PBgXaUC5XZWUeHFlA9qLcj7IyyWFFWhgG8U85Ii+OLJ+ZtXhJIhNeJUFQOr27fJGSaZdB+cyG0WfkIYRhqtySZWzPAkKrnpl9/v+pW64sj90CcgvCkwRsErisWX2pTT8zFy+tOnG9wBaEK1VZlad/8Q5VTvUQ9qDMF+GnUHTD9uB5XtLf5+sAoNgxjJbRo2oP78MTdPGRGFYaqYZXWrhLCYwSoYNwSNXG6+cLLbjndiBMFWFLKLT+L0BsWMaNKLNDI/NV+TpPxkNB6I4UJkTh0EYxa55XNnxmzpLQv82voDfESmJBGFrsyZNsg+/MWbKUttk9RdRtaMGFGLnIzp+tjS0geQ5/o88uW7qsemiiPB31J2LKX4JsEHBDw26EI2vVzNsRj6tyWp7OyOsyYzfhhWvHFLahHIdwZWg4tR9gTqBfhSLnhjl3rvHbrgGUncyZcYXUfVFgDZWzWtKMWoGM4JCxowgKhdPt9EFhK8rrwKuxYy1iOQqLRfkNmCrCaFXby2/7YWgRhHYS02Pt5SN6CViqSn+7mAbd6AeET8MitgfoRiiI4IayE+XNsMjtoQqNTpW0E5ezMDPbxHhFtISwtfb1W8CkQod18juovVW3qxTFKdk4+mRk/NDMzQjLUTq8r/osjgwGTAuEL1H75NRmTWfbb3QXC5MQlgmcpkpf55+9HSh3URhP+ahGwtvV68sFJgsci/BHGLEtb0XdDGRlVGJDOMxvsLeF/2C/sVpv/wWOTQN0rP7jRwAAAABJRU5ErkJggg==);background-repeat:repeat;opacity:.1;z-index:-1;pointer-events:none}.about-content{position:relative;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 1440px){.about-content{grid-area:1 / 2 / 3 / 4}}@media (min-width: 2560px){.about-content p{font-size:2.5rem}}.about-content h2{font-size:clamp(2rem,8vw,5rem);font-weight:900;text-transform:uppercase;color:#000;text-shadow:-3px -3px 0 #ff6b35,-6px -6px 0 #f7931e,-9px -9px 0 #fdc830,-15px -15px 20px rgba(0,0,0,.3);transform:rotateX(0) rotateY(0);transition:all .3s ease;display:inline-block}@keyframes cloudMove{0%{background-position:0% center}to{background-position:100% center}}.about:before{animation:cloudMove 30s linear infinite alternate}.char{display:inline-block;transition:color .1s ease}.char.white{color:var(--white)}.about-char-space{width:.3em}.letter{display:inline-block;transform:translateY(100vh);opacity:0}.space{width:.3em}.word{display:inline-block;white-space:nowrap}.contact h2{font-size:clamp(2rem,8vw,5rem);font-weight:900;text-transform:uppercase;color:#000;text-shadow:-3px -3px 0 #ff6b35,-6px -6px 0 #f7931e,-9px -9px 0 #fdc830,-15px -15px 20px rgba(0,0,0,.3);transform:rotateX(0) rotateY(0);transition:all .3s ease;display:inline-block}.contact-content{z-index:2}