html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(22,22,22);overflow:hidden;z-index:0}@font-face{font-family:InterDisplay;src:url(./InterDisplay-Thin-dbdb02e9.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-ExtraLight-3e4dba48.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-Light-048b1b3e.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-Regular-1cb7b997.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-Medium-3728a514.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-SemiBold-920f3f63.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-Bold-749369ed.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-ExtraBold-1c77010f.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:InterDisplay;src:url(./InterDisplay-Black-af51683b.ttf) format("truetype");font-weight:900;font-style:normal}.base{display:flex;width:540px;min-width:540px;position:absolute;top:200px;left:40px;padding:10px;color:#fff;background:transparent;overflow-y:scroll;overflow-x:hidden;pointer-events:auto;min-height:50vh;opacity:1;will-change:transform,opacity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.base::-webkit-scrollbar{width:0;height:0;background:transparent}.scrollhold{opacity:0;scroll-behavior:smooth}.title{position:relative;top:5px;left:50px;text-transform:uppercase;font-size:"1.34em";line-height:"0.88em";width:100%;height:100%;text-align:left;color:#fdf1f1;padding-bottom:5px;text-shadow:1px 2px 0px #eec5c5,1px 2px 1px #eec5c5,1px 2px 1px #dbbaba,1px 3px 1px #cfa1a1,1px 4px 1px #b89595,1px 5px 1px #ac8383,1px 6px 1px #855e5e,1px 7px 1px #645252,1px 8px 1px #6e5656,1px 9px 1px #413030,1px 10px 1px #3d2c2c,1px 18px 6px rgba(16,16,16,.4),1px 22px 10px rgba(16,16,16,.2),1px 25px 35px rgba(16,16,16,.2),1px 30px 60px rgba(16,16,16,.4)}.sideText{transform:rotate(0);transform-origin:center center;text-align:left;font-size:4%;position:fixed;top:20px;left:200px;height:150px;width:10px;padding:5px;background-color:transparent;color:#fff;font-family:InterDisplay,sans-serif;font-size:"11px";cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:15px}.scrollable-container{top:500px;position:relative;width:500px;height:500px;overflow-y:scroll;padding:10px;background:rgba(255,255,255,0);border-radius:10px}.section1,.section2,.section3{position:relative;padding:20px;width:100%;height:400px;color:#fff;background:rgba(255,255,255,0);text-transform:uppercase;text-align:left;font-size:21px;opacity:1;margin-bottom:20px}.p{margin-top:50px;margin-left:50px;margin-right:50px;font-family:InterDisplay,sans-serif;text-transform:none}.next,.next2,.next3{display:flex;justify-content:right;align-items:center;padding:10px;font-family:InterDisplay,sans-serif;width:300px}.section h1,.section h2{margin-top:50px;margin-bottom:8px;margin-left:50px;font-size:74px;line-height:.95em;width:100%;height:100%}.scrollable-text::-webkit-scrollbar{display:none}.base::-webkit-scrollbar{display:none}.section::-webkit-scrollbar{width:8px}.section::-webkit-scrollbar-thumb{background-color:#fff0;border-radius:4px}.section::-webkit-scrollbar-track{background-color:#fff0}::-webkit-scrollbar{display:none}.scrollable-text:hover::-webkit-scrollbar{display:none}@media only screen and (max-width: 767px){.base{left:-540px;width:300px;min-width:300px}}*{margin:0;padding:0;box-sizing:border-box}.toggle-button{position:fixed;left:0;top:50%;transform:translateY(-50%);width:40px;height:60px;background:#b87621;border:0px solid white;border-left:none;border-radius:0 8px 8px 0;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:2px 2px 10px #00000080;transition:all .2s ease}.toggle-button:hover{background:rgba(255,255,255,.9);color:#000;transform:translateY(-50%) scale(1.05)}.content-container{position:fixed;left:0;top:0;width:45vw;min-width:300px;max-width:800px;height:100%;background:rgba(80,80,80,.15);backdrop-filter:blur(33px) saturate(170%) contrast(155%);-webkit-backdrop-filter:blur(33px) saturate(170%) contrast(155%);transition:transform .3s ease-in-out,width .3s ease-in-out;transform:translate(0);will-change:transform,width;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-container.modal-open{width:45vw;transform:translate(0)}@media (max-width: 1024px){.content-container{width:100vw;max-width:100vw}.content-container.modal-open{transform:translate(-100%);width:100vw}.projects-modal{left:100%!important;width:100%!important;transform:translate(-100%)}}@media (max-width: 768px){.content-container{width:100%;max-width:360px}}.content-container.expanded{max-width:100%;transform:translate(0);background:rgba(0,0,0,.1);backdrop-filter:blur(12px) saturate(180%) contrast(110%) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(180%) contrast(110%) brightness(1.1)}@supports not (backdrop-filter: blur(10px)){.content-container{background:rgba(30,30,30,.9)}.content-container.expanded{background:rgba(30,30,30,.95)}}.content-wrapper{width:100%;height:100%;padding:20px 5%;overflow-y:auto;overflow-x:hidden;background:rgba(0,0,0,.1);backdrop-filter:blur(6px) brightness(1.1);-webkit-backdrop-filter:blur(6px) brightness(1.1);scrollbar-width:none;-ms-overflow-style:none}.content-wrapper::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.content-container.expanded{transform:translate(0)}.text-section{font-family:InterDisplay,sans-serif;margin-left:40px;margin-bottom:25px;width:calc(100% - 40px);color:#fff;opacity:.95;text-shadow:0 1px 1px rgba(0,0,0,.5),0 2px 2px rgba(0,0,0,.4),0 4px 4px rgba(0,0,0,.3)}.text-section h3{margin:0 0 10px;color:#b87621;font-size:1.2em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.text-section p{margin:0 0 15px;line-height:1.6;width:100%;max-width:100%;color:#f0f0f0f2;font-family:InterDisplay,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;white-space:pre-line}.text-section ul{list-style-type:none;padding-left:20px;margin:10px 0}.text-section ul li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.5}.text-section ul li:before{content:"•";position:absolute;left:0;color:#b87621;font-weight:700}.content-wrapper{background:rgba(0,0,0,0)}.text-section h3{color:#b87621;margin-bottom:12px;font-weight:800}.video-container{margin:15px 0;position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;max-width:600px;border-radius:8px;box-shadow:0 4px 12px #0003}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;box-shadow:0 4px 12px #0003}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}.image-container{margin:10px 0}.image-container img{max-width:50%;height:auto;max-height:200px;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #0003;transition:all .3s ease}.contact-form-container{padding:20px;margin:20px 0;background:rgba(0,0,0,.2);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.contact-form-container h3{color:#b87621;margin-bottom:20px;font-size:1.4em;text-align:center}.contact-form{display:flex;flex-direction:column;gap:15px}.form-group{margin-bottom:10px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:6px;color:#f0f0f0;font-family:InterDisplay,sans-serif;font-size:.95em;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f64d}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:#b87621;color:#0b111b;border:none;padding:12px 20px;border-radius:6px;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.submit-btn:hover{background:#a7630a;transform:translateY(-2px);box-shadow:0 4px 12px #64b5f64d}.submit-btn:active{transform:translateY(0)}.form-status{margin-top:15px;padding:10px;border-radius:6px;text-align:center;font-size:.9em;background:rgba(0,0,0,.2);color:#b87621;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-form-container{margin:20px 0;padding:15px}.form-group input,.form-group textarea{padding:10px 12px}.submit-btn{padding:10px 16px}}@media screen and (max-width: 768px) and (orientation: portrait){.image-container{margin-left:0;max-width:750px}.image-container img{max-height:100px;max-width:90%;margin:8px 0;display:block}}@media screen and (max-width: 768px) and (orientation: landscape){.image-container img{max-height:200px}}.section-link{text-decoration:none;color:inherit;display:block;transition:all .2s ease}.section-link:hover{color:#b87621;transform:translate(4px)}.text-section a{color:#b87621;text-decoration:none;border-bottom:0px solid rgba(100,181,246,.3);transition:all .2s ease}.text-section a:hover{color:#d85a1f;border-bottom-color:#d85a1f}.text-section a img{cursor:pointer}.projects-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1000;display:flex;justify-content:flex-start;align-items:flex-start;padding:0;box-sizing:border-box;opacity:1;transition:opacity .3s ease-in-out;pointer-events:none}.projects-modal-overlay.closing{opacity:0}.projects-modal{position:fixed;left:45vw;top:0;width:55vw;height:100vh;background:rgba(80,80,80,.15);backdrop-filter:blur(33px) saturate(170%) contrast(155%);-webkit-backdrop-filter:blur(33px) saturate(170%) contrast(155%);border-radius:0;padding:20px;margin:0;max-width:none;max-height:none;overflow-y:auto;box-shadow:-5px 0 15px #0003;border-left:1px solid rgba(255,255,255,.1);color:#e0e0e0;font-family:Inter,sans-serif;line-height:1.6;display:flex;flex-direction:column;box-sizing:border-box;-webkit-overflow-scrolling:touch;pointer-events:auto}.close-button{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.4);color:#b87621;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;z-index:100;box-shadow:0 2px 5px #0003;-webkit-tap-highlight-color:transparent}.close-button:hover{background:rgba(100,181,246,.1);transform:rotate(90deg)}.project-header{margin-bottom:25px;text-align:center}.project-header h2{color:#b87621;font-size:2.2em;margin:0 0 15px;font-weight:500}.project-description{color:#b0b0b0;font-size:1.1em;line-height:1.6;margin-bottom:25px}.project-content{display:flex;gap:40px;margin-top:10px}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:8px;margin:10px 0 0;flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:60px}@supports (scroll-snap-type: x mandatory){.carousel-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}.slide-wrapper{display:flex;transition:transform .3s ease-in-out;width:100%;height:100%;min-height:0;flex:1}.slide{min-width:100%;width:100%;padding:10px 0 70px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;flex-shrink:0;scroll-snap-align:start}@supports (scroll-snap-type: x mandatory){.slide{scroll-snap-align:start}}.project-image{max-width:90%;max-height:60vh;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 5px 20px #0003;transition:transform .3s ease;margin:40px auto;display:block;cursor:auto}.project-image:hover{transform:scale(1.02);cursor:pointer}.project-details{width:100%;max-width:800px;margin:0 auto}.project-section{margin-bottom:25px}.project-section h3{color:#b87621;font-size:1.3em;margin:0 0 15px;font-weight:500;border-bottom:1px solid rgba(246,183,100,.3);padding-bottom:8px}.features-list{list-style:none;padding:0;margin:0}.feature-item{margin-bottom:10px;display:flex;align-items:flex-start;color:#e0e0e0;font-size:.95em;line-height:1.5}.feature-bullet{color:#b87621;margin-right:10px;font-size:1.2em;line-height:1.3}.technologies-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tech-tag{background:rgba(100,181,246,.15);color:#b87621;padding:4px 12px;border-radius:15px;font-size:.85em;font-weight:500}.navigation-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background:rgba(40,40,40,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:25px;padding:0;z-index:1000;box-shadow:0 4px 15px #0000004d;width:auto;max-width:90%;box-sizing:border-box}.nav-button{position:static;transform:none;background:rgba(0,0,0,.4);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;opacity:.9;margin:0 5px;flex-shrink:0;box-shadow:0 2px 5px #0003;z-index:10}.nav-button:hover{background:#b87621;transform:scale(1.1);opacity:1}.nav-button.prev{margin-right:auto}.nav-button.next{margin-left:auto}.indicators{display:flex;justify-content:center;gap:8px;margin:0;padding:0 10px;flex-wrap:wrap;visibility:hidden}.indicator{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease;flex-shrink:0}.indicator:hover{background:rgba(255,255,255,.6)}.indicator.active{background:#b87621;transform:scale(1.2)}@media (max-width: 768px){.slide.details{padding:15px}.project-header h2{font-size:1.8em}.project-description{font-size:1em}.project-image{max-height:50vh}}@media (max-width: 480px){.projects-modal{padding:20px 15px}.project-header h2{font-size:1.5em}.project-section h3{font-size:1.1em}.feature-item{font-size:.9em}.tech-tag{font-size:.8em}}@media (max-height: 800px){.projects-modal{max-height:85vh;padding-bottom:60px}.slide{padding-bottom:60px}.navigation-container{bottom:15px;padding:6px 12px}.project-image{max-height:55vh}}@media (max-height: 700px){.projects-modal{max-height:80vh;padding-bottom:55px}.project-header h2{font-size:1.8em;margin-bottom:10px}.project-description{font-size:1em;margin-bottom:15px}.project-image{max-height:50vh}.navigation-container{bottom:10px}}@media only screen and (min-device-width: 375px) and (max-device-width: 428px) and (min-device-height: 812px) and (max-device-height: 926px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){.projects-modal{max-height:80vh;padding:15px 10px 60px}.carousel-container,.slide{padding-bottom:50px}.navigation-container{bottom:10px;padding:6px 10px}.nav-button{width:30px;height:30px;font-size:14px}.indicators{max-width:calc(100% - 90px)}}.copyright-notice{position:fixed;bottom:10px;right:20px;color:#fff;font-family:Arial,sans-serif;font-size:12px;z-index:1000;opacity:.2;transition:opacity .3s ease;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.copyright-notice.hovered{opacity:1}.copyright-content{display:flex;flex-direction:column;align-items:flex-start}.copyright-link{color:inherit;text-decoration:none;line-height:1.2;margin-top:4px}.copyright-link:hover{text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:.2}}.copyright-notice{animation:fadeIn 1.5s ease-in-out}
