@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);body,html{background:#fff;color:#111;font-family:Inter,sans-serif;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;scroll-padding-top:0!important;width:100%}img,video{display:block;height:auto;max-width:100%}*,:after,:before{box-sizing:border-box}:target{scroll-margin-top:0}main{flex:1 1}.site-footer{background:#fff;margin-top:auto;padding:5rem 1rem 3rem}.footer-divider{border-top:1px solid #e5e7eb;margin:0 auto 4rem;max-width:900px}.footer-inner{margin:0 auto;max-width:900px;text-align:center}.footer-title{font-size:1.5rem;font-weight:500;margin-bottom:1.25rem}.footer-socials{gap:1.25rem;list-style:none;margin:0 0 1.5rem;padding:0}.footer-socials,.footer-socials a{display:flex;justify-content:center}.footer-socials a{align-items:center;background:#f5f5f5;border-radius:10px;color:#555;font-size:1.5rem;height:48px;transition:all .25s ease;width:48px}.footer-socials a:hover{background:#e0e7ff;color:#2563eb;transform:translateY(-2px)}.footer-copy{color:#6b7280;font-size:.875rem}.page{flex-direction:column}#root,.page{display:flex}#root{align-items:flex-start}.sidebar-fixed{flex-shrink:0;margin-left:2rem;position:-webkit-sticky;position:sticky;top:18vh;z-index:10}.sidebar-fixed li:after,.sidebar-fixed li:before{border:none!important;content:none!important}.sidebar-fixed ul{list-style:none;margin:0;padding:0}.sidebar-fixed li{margin:1rem 0}.sidebar-fixed .navlink,.sidebar-fixed a{color:#111;font-weight:500;text-decoration:none;transition:opacity .2s ease-in-out}.sidebar-fixed .navlink:hover,.sidebar-fixed a:hover{opacity:.7}.navlink{background:#0000;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.hero-section{position:relative}.hero-carousel{background:radial-gradient(circle at center,#fbfbfb 0,#f7f7f7 60%,#f3f3f3 100%);border-radius:18px;box-shadow:0 10px 30px #00000026,0 3px 10px #00000012;margin:0 auto;max-width:60%;overflow:hidden;position:relative;width:100%}.carousel,.hero-carousel{align-items:center;display:flex;height:82vh;justify-content:center}.carousel{width:88%}.carousel .slide{background:#0000!important}.carousel .slide,.carousel-card{align-items:center;display:flex;justify-content:center}.carousel-card{background:#000;border-radius:18px;box-shadow:0 10px 30px #00000026,0 3px 10px #00000012;height:82vh;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:96%}.carousel-card:hover{box-shadow:0 14px 35px #0000002e,0 5px 14px #00000014;transform:translateY(-3px)}.carousel-video{border-radius:0;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transform:translateY(15px);transition:opacity 1s ease,transform 1.2s ease;width:100%}.overlay.show{opacity:1;transform:translateY(0)}.overlay-box{background:#ffffffbf;border-radius:14px;box-shadow:0 8px 28px #00000026,0 2px 8px #00000014;margin:auto;max-width:60%;padding:2.5rem 4rem;text-align:center;width:-webkit-fit-content;width:fit-content}.overlay-box h1{color:#111;font-size:3rem;font-weight:600;margin-bottom:1rem}.overlay-box p{color:#333;font-size:1.2rem}.about-section{align-items:flex-start;background:#fafafa;border-radius:14px;box-shadow:0 8px 28px #00000014,0 2px 8px #0000000a;display:flex;flex-direction:column;justify-content:flex-start;margin-left:220px;max-width:60%;min-height:40vh;padding:2rem 3rem;position:relative;text-align:left;top:3vh}.about-section h2{border-bottom:1px solid #ddd;font-size:1.8rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.3rem}.about-section p{color:#333;font-size:1.05rem;line-height:1.6;max-width:90%}.card{align-items:center;background:#fafafa;border-radius:14px;box-shadow:0 10px 30px #0000001f,0 3px 10px #0000000f;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:60%;min-height:32vh;padding:2rem 3rem;position:relative;text-align:left;top:10vh}.card h2{border-bottom:1px solid #ddd;font-size:1.8rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.3rem}.card p{color:#333;font-size:1.05rem;line-height:1.6;max-width:95%}.fade-in{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){#root{display:block}main{margin-left:0;padding:0 1rem 3rem}.sidebar-fixed{margin:0;padding-top:1rem;position:static;transform:none;width:100%}.sidebar-fixed,.sidebar-fixed ul{display:flex;justify-content:center}.sidebar-fixed ul{flex-wrap:wrap;gap:1.5rem}.hero-section{margin-top:1rem;position:relative}.hero-carousel{margin:0 auto;max-width:100%;width:100%}.overlay{left:0;padding:0 1rem;width:100%}.about-section,.card,.overlay-box{max-width:100%;padding:1.8rem 1.6rem}.about-section,.card{margin-left:0}}.project-title{cursor:default;display:inline-block;padding-right:125px;position:relative}.project-gif{animation:fadeIn .18s ease-out;border-radius:12px;box-shadow:0 14px 32px #00000029;height:auto;pointer-events:none;position:absolute;right:-10px;top:-14px;-webkit-user-select:none;user-select:none;width:250px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.blog-card{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;margin-top:2rem;padding:1.5rem 2rem}.blog-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.blog-card .blog-date{color:#666;font-size:.9rem;margin-bottom:1rem}.blog-card p{color:#333;font-size:1.05rem;line-height:1.6}.blog-card code{background:#f4f4f4;border-radius:4px;font-family:monospace;padding:.15rem .3rem}.clippy-modal{align-items:center;background:#ffffff59;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:2000}.clippy-dialog{background:#fff;border-radius:10px;box-shadow:0 6px 20px #00000026;max-width:320px;padding:1.6rem 2rem;text-align:center;width:90%}.clippy-dialog h3{font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.clippy-dialog p{color:#333;font-size:1rem;margin-bottom:1rem}.clippy-dialog input{border:1px solid #ccc;border-radius:6px;display:block;font-size:1rem;margin:0 auto 1.2rem;max-width:280px;outline:none;padding:.65rem .75rem;transition:border-color .2s ease,background .2s ease;width:100%}.clippy-dialog input:focus{background:#fafafa;border-color:#888}.clippy-buttons{display:flex;gap:1rem;justify-content:space-between}.clippy-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;padding:.6rem 0;transition:all .2s ease}#clippy-submit{background:#111;color:#fff}#clippy-submit:hover{opacity:.8}#clippy-cancel{background:#f5f5f5;color:#111}#clippy-cancel:hover{background:#e9e9e9}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}
/*# sourceMappingURL=main.cfb6ced4.css.map*/