*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@font-face{font-family:"Eina 01";src:url(/assets/Eina01-Regular-34GYSAUI.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Eina 01";src:url(/assets/Eina01-SemiBold-BGlNb-Vq.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Eina 01";src:url(/assets/Eina01-Bold-Dlj1FX76.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Eina 01";src:url(/assets/Eina01-Light-BpsXUrDQ.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Eina Regular;src:url(/assets/eina-01-regular-BIjaKJZ4.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Eina Semi Bold;src:url(/assets/eina-01-semibold-DC6MhHIz.ttf) format("truetype");font-weight:600;font-style:normal}*:focus{outline:none}*:focus-visible{outline:2px solid #000}body{font-family:Eina Regular,Arial,sans-serif;background-color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-screen img{max-width:150px;width:auto;height:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-banner{width:100%;background-color:#f8f8f8;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:1000;border-bottom:1px solid #dcdcdc}.logo{display:flex;justify-content:center;align-items:center;height:30px;width:auto;overflow:hidden}.logo-img{height:100%;width:auto;cursor:pointer;transition:opacity .1s linear}.logo-link{display:flex;justify-content:center;align-items:center;height:30px;width:auto;overflow:hidden}.logo-link img{height:100%;width:auto;cursor:pointer;transition:opacity .1s linear}.menu{display:flex;gap:20px}.menu a{text-decoration:none;font-size:20px;color:#000;transition:color .3s}.menu a:hover{color:#0056b3}.footer{background-color:#fff;color:#000;text-align:center;padding:20px;display:flex;justify-content:center;align-items:center;gap:15px}.page-intro-section{align-items:center;padding:80px 20px;background-color:#f8f8f8;border-bottom:1px solid #9d8e8e}.intro-main-content{text-align:center;max-width:800px;margin:0 auto;margin-bottom:2vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.intro-name{font-size:3.5em;color:#2a2a2a;margin-bottom:10px;letter-spacing:-.03em}.intro-subtitle{font-size:1.8em;color:#555;margin-bottom:25px;font-weight:300}.explore-text{font-size:2.8em}.intro-call-to-action{display:inline-block;background-color:#007bff;color:#fff;padding:12px 25px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease}@media (max-width: 768px){.page-intro-section{padding:60px 15px}.intro-name{font-size:8vw}.intro-subtitle{font-size:5vw}.intro-description{font-size:3vw}.intro-call-to-action{font-size:3vw;padding:10px 20px}}.intro-row{position:relative;width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center}.intro-content{display:flex;align-items:center}.intro-text p{font-size:20px;text-align:left}.explore-text{font:Eina Semi Bold;font-size:20px;color:#007bff;margin:0;text-align:center}@media (max-width: 768px){.intro-text a{color:#00008b;text-decoration:none;font-weight:700;font-size:3vw}.intro-text p{font-size:3vw}.intro-gif{width:25vw;height:auto;margin-right:10vw}.explore-text{font:Eina Semi Bold;font-size:3vw;color:#007bff;margin:0;text-align:center}}.intro-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex-direction:row;margin-top:30px}.container{width:100%;display:flex;flex-direction:column;background-color:#fff0;padding-top:70px}.solu-row{position:relative;width:100%;height:20%;background-color:#e9a441;display:flex;justify-content:center;align-items:center}.techmaze-row{position:relative;width:100%;height:20%;background-color:#0b171d;display:flex;justify-content:center;align-items:center}.m-nearlyone-row{position:relative;width:100%;height:20%;background-color:#d2d2d2;display:flex;justify-content:center;align-items:center}.m-one-row{position:relative;width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center}.m-half-row{position:relative;width:100%;height:20%;background-color:#fef5df;display:flex;justify-content:center;align-items:center}.half-row-bottom{display:flex;justify-content:space-around;align-items:center;gap:1vw}.column-link{width:50%}@media (max-width: 1200px){.column-link{width:75%}}@media (max-width: 900px){.column-link{width:100%}}.zero-row{position:relative;width:100%;height:20%;background-color:#f6fcff;display:flex;justify-content:center;align-items:center}.first-row{position:relative;width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center}.banner{height:20%;width:100%;max-width:900px;display:block}.logo-overlay{position:absolute;bottom:40px;right:40px;width:120px;height:auto;z-index:10}.second-row{position:relative;width:100%;height:20%;background-color:#2a2929;display:flex;justify-content:center;align-items:center}.jda-logo{position:absolute;bottom:120px;right:40px;width:100px;height:auto;z-index:10}.logo-above{position:absolute;bottom:80px;right:40px;width:120px;height:auto;z-index:10}.third-row{position:relative;width:100%;height:20%;background-color:#000;display:flex;justify-content:center;align-items:center}.fourth-row,.fifth-row{position:relative;width:100%;height:20%;display:flex;justify-content:center;align-items:center}.lego-row{position:relative;width:100%;height:20%;background-color:#00c3e3;display:flex;justify-content:center;align-items:center}.banner2{width:100%;display:block;-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%);mask-image:radial-gradient(circle,black 60%,transparent 100%)}.sixth-row{position:relative;width:100%;height:20%;background-color:#00008b;display:flex;justify-content:center;align-items:center}@media (max-width: 810px){.first-row{height:auto}.logo-overlay{bottom:5%;right:5%;width:60px}.logo-above{bottom:17%;right:5%;width:60px}.jda-logo{bottom:22%;right:5%;width:60px}}@media (max-width: 450px){.first-row{height:auto}.menu a{font-size:25px}.logo-overlay{bottom:5%;right:5%;width:40px}.logo-above{bottom:17%;right:5%;width:40px}.jda-logo{bottom:22%;right:5%;width:40px}}.divider{height:10px;background-color:#fff;width:100%;position:relative;margin:0}.divider:before,.divider:after{content:"";position:absolute;left:0;right:0;height:2px;background-color:#d5d5d5}.divider:before{top:0}.divider:after{bottom:0}.row{display:flex;height:calc(100vh / 3);width:100%}.row:nth-child(3){background:linear-gradient(to bottom,#dcedc8,#388e3c)}.row:nth-child(5){background:linear-gradient(to bottom,#fff9c4,#fbc02d)}.row div{width:20%;border-left:2px solid white}.row div:first-child{border-left:none}body.koth{font-family:Eina Regular,Arial,sans-serif;margin:0;padding:0;background-color:#f8f8f8;color:#333;text-align:center}.container{max-width:12000px;margin:0 auto}.title-image{display:block;margin:0 auto 10px;width:50%;max-width:600px;height:auto}.body-text{text-align:center;font-size:1.1rem;margin-bottom:20px;line-height:1.5;color:#333}.image-container{display:flex;justify-content:center;gap:15%;margin:20px auto;max-width:90%}.image-item{text-align:center;width:15%;display:flex;flex-direction:column;align-items:center;gap:10px}.small-image{width:100%;box-shadow:0 0 10px #0000001a;transition:transform .2s ease-in-out}.small-image:hover{transform:scale(1.05)}.image-caption{font-size:1.1vw;color:#333;margin-top:5px;font-weight:500;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:150px;position:relative;overflow:hidden}.gif-container{width:80%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 auto 30px;justify-items:center;align-items:center;border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding:10px 0}@media (max-width: 768px){.image-item{width:12%}.image-caption{font-size:2vw}}@media (max-width: 480px){.image-item{width:20%}.image-container{gap:15px}.image-caption{font-size:3vw}}.gif-container img{width:100%;height:auto;border:2px solid #ccc;border-radius:5px;max-width:740px}.centered-image{margin:30px auto;width:75%;max-width:900px}.image-row{display:block;justify-content:center;gap:20px;margin-top:20px;margin-left:9%}.image-row img{width:45%;max-width:3000px;height:auto;cursor:pointer;border:2px solid #ccc;border-radius:5px;transition:transform .2s ease-in-out}.clickable-image{cursor:pointer;width:10%;max-width:300px;transition:transform .3s ease}.firstlightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;z-index:1000}.firstlightbox img{max-width:90%;max-height:90%;object-fit:contain;border:5px solid white}.firstlightbox.active{display:flex}.firstlightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;z-index:1000}.firstlightbox .firstlightbox-content{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:10px;text-align:center;max-width:80vw;max-height:80vh}.firstlightbox .firstlightbox-content img{max-width:100%;max-height:50vh;border-radius:10px;margin-bottom:20px}.firstlightbox .firstlightbox-text{font-size:3.5vw;color:#000;font-weight:700;margin-top:10px;text-align:left}@media (min-width: 768px){.gif-container{max-width:740px}.lightbox .firstlightbox-content{flex-direction:row;text-align:left;max-width:60vw}.lightbox .lightbox-content img{max-width:95%;max-width:600px;margin-right:20px}.lightbox .lightbox-text{color:#000;font-size:1.75vw}}.play-online-btn{background-color:#bf8f22;color:#fff;padding:10px 20px;font-size:1.5vw;border:none;border-radius:5px;cursor:pointer;font-family:Eina Semi Bold,Eina Regular,Arial,sans-serif;transition:background-color .3s ease,transform .2s ease;display:block;margin:0 auto 60px}.play-online-btn:hover{background-color:#ffe179;transform:translateY(-3px)}.play-online-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.open-lightbox-btn{background-color:#bf8f22;color:#fff;padding:10px 20px;font-size:1.5vw;border:none;border-radius:5px;cursor:pointer;font-family:Eina Semi Bold,Eina Regular,Arial,sans-serif;transition:background-color .3s ease,transform .2s ease;display:block;margin:0 auto 60px}.open-lightbox-btn:hover{background-color:#ffe179;transform:translateY(-3px)}.open-lightbox-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.bottom-image{width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.body-text{text-align:center;font-size:2.5vw}.gif-container{max-width:540px}.open-lightbox-btn,.play-online-btn{font-size:4.5vw}.title-image{display:block;margin:0 auto 10px;width:70%;max-width:600px;height:auto}}@media (max-width: 480px){.body-text{text-align:center;font-size:4vw}.title-image{display:block;margin:0 auto 10px;width:80%;max-width:600px;height:auto}}@media (min-width: 1200px){.gif-and-image-row-wrapper{width:80%;margin:0 auto;display:flex;justify-content:center;align-items:flex-start}.gif-container,.image-row{width:40%;vertical-align:top;margin:0 1%;box-sizing:border-box}.gif-container{margin-top:50px;margin-bottom:-22.5%;margin-left:50%}.image-row{display:flex;justify-content:center;gap:20px}.image-row img{max-width:45%;height:auto}}.image-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:40px auto;width:100%;clear:both}.image-row img{width:85%;max-width:500px;height:auto;cursor:pointer;border:2px solid #ccc;border-radius:5px;transition:transform .2s ease-in-out}@media (min-width: 1200px){.image-row{flex-direction:row;width:40%;margin:0 1%;align-items:flex-start}.image-row img{width:48%}}.image-row img:hover{transform:scale(1.05)}.lightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1000;justify-content:center;align-items:center;padding:20px;overflow:auto}.lightbox-content{background-color:#fff;border-radius:8px;max-width:90%;max-height:90%;overflow:hidden;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;overflow-y:auto}.content-container{display:flex;flex-direction:column;width:100%}.kothdiagram-container{width:100%;display:flex;justify-content:center;margin-bottom:20px}.kothdiagram-image{width:95%;max-width:800px;height:auto}.kothcard-container{width:100%;display:flex;justify-content:center;margin-top:20px;margin-bottom:20px}.kothcard-image{max-width:100%;height:auto}.additional-title{font-size:25px;font-weight:700;margin-top:30px;margin-bottom:10px;color:#000}.lightbox-text{font-size:16px;line-height:1.5;color:#333;text-align:justify;margin-bottom:20px;max-height:600vh;overflow-y:auto}.open-lightbox-btn{background-color:#e29d00;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;border-radius:5px;margin-top:20px}.open-lightbox-btn:hover{background-color:#ffcb48}.play-online-btn{background-color:#e29d00;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;border-radius:5px;margin-top:20px}.play-online-btn:hover{background-color:#ffcb48}.lightbox-content>.close-btn{position:absolute;top:10px;right:10px;background-color:transparent;border:none;color:#fff;font-size:30px;cursor:pointer}.lightbox-content>.close-btn:hover{color:#bf8f22}body.micro{margin:0;font-family:Eina Regular,Arial,sans-serif;background-color:#2a2929;color:#fff}h2{text-align:center;font-size:3vw;margin-bottom:20px}p{font-size:1.3vw;line-height:1.6}.main-container{display:flex;justify-content:center;padding:70px 40px 40px;flex-wrap:wrap}.text-box{flex:1;max-width:45%;padding:5%}.Micrologo{display:block;margin:0 auto 5%;width:80%;max-width:2000px}.text-content{font-size:1.3vw;margin-bottom:20px}.read-paper-btn{display:block;margin:10% auto 0;background-color:#93aacc;color:#2a2929;font-family:Eina Semi Bold,Eina Regular,Arial,sans-serif;padding:10px 20px;border:none;border-radius:120px;cursor:pointer;font-size:1.5vw;transition:background-color .3s ease}.read-paper-btn:hover{background-color:#d9d7cb}.read-paper-btn:hover{background-color:#ffcb79}.video-box{width:45%;max-width:800px;display:flex;justify-content:center;align-items:center}.video-box iframe{width:100%;height:315px}.timeline{padding:40px;background-color:#1a1a1a;margin-top:50px}.timeline-events{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px;text-align:center}.timeline-event{background-color:#333;padding:20px;border-radius:10px;width:25%}.timeline-event img{width:100%;height:auto;border-radius:10px}.timeline-event p{margin-top:10px}.fibreflex-link{color:#93aacc;text-decoration:none}.fibreflex-link:hover{text-decoration:underline}.video{width:100%;height:auto;object-fit:cover}@media (max-width: 768px){.main-container{font-size:3vw;flex-direction:column;align-items:center}.text-content{font-size:3vw}.micro h2{text-align:center;font-size:4.5vw;margin-bottom:20px}.read-paper-btn{font-size:4.5vw}.text-box,.video-box{max-width:100%;padding-right:0;padding-left:0;margin-bottom:30px}.video-box iframe{height:250px}}.mesh-content-container{display:flex;flex-direction:column;margin:0 auto;max-width:2200px;width:100%;padding:20px}@media (min-width: 769px){.mesh-content-container{flex-direction:row}}.mesh-zoom-title{color:#fff;text-align:center;margin-bottom:10px;position:absolute;top:20px}.mesh-zoom-title .mesh-arrow{animation:bounce 1.5s infinite;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mesh-image{width:100%;max-width:300px;cursor:pointer;transition:transform 0s ease,opacity .1s ease;transform-origin:center center;display:block;margin-top:60px;top:0;left:0}#initial-image,#zoomed-image{outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mesh-hidden{opacity:0;visibility:hidden;margin-bottom:-300px}.mesh-image.zoomed{transform:scale(2);opacity:0}.mesh-image.unzoomed{transform:scale(1);opacity:1}.mesh-text-container{flex:2;margin-top:20px;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.mesh-text-container h1{font-size:24px;font-weight:700;margin-bottom:10px}.mesh-text-container p{font-size:16px;line-height:1.5;text-align:justify}.mesh-text-container h1{font-size:3vw;font-family:Eina Regular,Arial,sans-serif;text-align:left;font-weight:700;margin-bottom:10px}.mesh-text-container p{font-size:1.5vw;line-height:1.5;text-align:left}.mesh-image-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.mesh-image{cursor:pointer;transition:opacity 1s ease;width:100%;max-width:300px}.mesh-hidden{opacity:0;visibility:hidden}.mesh-visible{opacity:1;visibility:visible;transition:opacity 0s ease;z-index:2}.mesh-gif{position:absolute;margin-top:15%;left:0;width:100%;max-width:600px;pointer-events:none;z-index:3}@media (max-width: 768px){.video-box{width:75%}.micro p{font-size:3vw}.timeline{padding:40px;background-color:#1a1a1a;margin-top:50px}.timeline-events{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.timeline-event{background-color:#333;padding:20px;border-radius:10px;width:90%;max-width:400px}}@media (min-width: 1200px){.mesh-image{width:100%;max-width:500px;cursor:pointer;transition:transform 2s ease,opacity 2s ease;transform-origin:center center;display:block;align-items:top;margin-top:60px;top:0;left:0}.mesh-hidden{opacity:0;visibility:hidden;margin-bottom:-470px}}.mesh-image-container{position:relative;width:100%;max-width:300px;height:300px;display:flex;justify-content:center;margin:0 50px 50px;align-items:flex-end}.mesh-image,#zoomed-image,.mesh-gif{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:80px}.mesh-hidden{opacity:0;visibility:hidden;transition:opacity .1s ease}.mesh-visible{opacity:1;visibility:visible;transition:opacity .1s ease}#zoomed-image{z-index:4}.mesh-gif{z-index:2}@media (max-width: 768px){.mesh-image-container{position:relative;width:100%;max-width:300px;height:300px;margin:0 auto 100px;display:flex;justify-content:center;align-items:center}.mesh-gif{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;object-fit:cover}}@media (min-width: 1200px){.mesh-image-container{width:100%;max-width:500px;height:500px}}.video-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;margin:0;background-color:#f9f9f9}.video-container iframe{max-width:100%;max-height:100%;aspect-ratio:16 / 9}body.iot{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Eina Regular,Arial,sans-serif;background-color:#000;color:#fff}.iot-page-container{width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding-top:60px}.iot-logo-container{margin-top:5vw;width:60%;text-align:center;margin-bottom:20px}.iot-logo{max-width:100%;height:auto;margin:0 auto}.iot-video-container{width:100%;max-width:800px;margin:0 auto;text-align:center}video{width:90%;height:auto;display:block;border:none;margin-left:5%;margin-right:5%}.iot-read-paper-btn{display:inline-block;margin-top:3vw;margin-bottom:3vw;padding:1vw 2vw;font-size:2vw;font-family:Eina Semi Bold,Eina Regular,Arial,sans-serif;text-decoration:none;background-color:#007bff;color:#000;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease;text-align:center}@media (max-width: 768px){.iot-logo-container{width:75%}.iot-read-paper-btn{font-size:4.5vw;padding:1vw 2vw}}.section-divider{width:90%;height:2px;background-color:#fff;margin:20px 0}.section-title{font-size:3vw;font-family:Eina Semi Bold,Arial,sans-serif;color:#fff;text-align:center;margin:20px 0}.iot-image-row{display:flex;justify-content:center;gap:20px;margin:20px 0}.iot-image-row img{max-width:65%;height:auto;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-left:20%}.iot-image-caption{width:75%;margin-left:12.5%;font-size:1.5vw;color:#fff;text-align:center;margin-top:10px}.iot-long-image-container{margin-top:30px;text-align:center;padding:20px;background-color:#ffffff21;border-radius:10px}.long-image-title{font-size:3vw;font-family:Eina Semi Bold,Arial,sans-serif;color:#fff;margin-bottom:15px}.iot-long-image{width:80%;max-width:1200px;height:auto;border-radius:8px;box-shadow:0 4px 10px #0000001a}.iot-long-image-caption{font-size:1.5vw;color:#fff;margin-top:10px;line-height:1.5}@media screen and (max-width: 768px){.iot-image-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.iot-image-row div{flex-basis:100%}.iot-image-row img{width:100%;margin-bottom:15px}.section-title{font-size:4.5vw}.iot-image-caption{font-size:3vw;margin-top:5px;margin-bottom:10px;margin-left:10%;width:80%;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:normal}.iot-long-image-caption{font-size:3vw}}body{margin:0;padding:0;line-height:1.6;color:#333}.main-content{margin-top:5vw}.tension-content-container{max-width:1200px;margin:0 auto;padding-top:20px}.tension-image-container{margin-bottom:40px;text-align:center}.tension-long-image{width:100%;max-width:1000px;height:auto;border-radius:8px}.tension-image-caption{font-size:1.3vw;max-width:75%;margin-left:15%;color:#666;margin-top:10px}.tension-model-container{text-align:center;margin:40px auto;max-width:1200px}.tension-model-title{font-size:3vw;margin-bottom:20px;color:#333}.model-wrapper{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px;margin-bottom:20px;margin-left:50px;margin-right:50px;max-width:1200px}.model-item model-viewer{width:136.5%;height:auto;max-width:600px;aspect-ratio:1 / 1;border-radius:8px}.model-image{width:45%;max-width:600px;aspect-ratio:1 / 1;border-radius:8px;box-shadow:0 4px 10px #0000001a}.tension-model-caption{font-size:1.3vw;color:#666;margin-top:10px;text-align:left}@media screen and (max-width: 768px){.model-wrapper{flex-direction:column;gap:20px}.main-content{margin-top:15vw}.model-item model-viewer,.model-image{width:100%;max-width:none}.model-item{width:100%;border:1px solid #ccc;box-shadow:0 4px 10px #0000001a}.tension-model-caption{font-size:3vw;text-align:center}}.tension-page-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;padding-top:25px}.main-content{flex:3;max-width:60%}.side-image-container{flex:1;max-width:40%}.portrait-stool-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-right:2%;margin-left:2%}@media screen and (max-width: 768px){.tension-page-container{flex-direction:column}.tension-image-caption{font-size:3vw}.main-content,.side-image-container{margin-left:10px;margin-right:10px;max-width:110%}.side-image-container{margin-top:20px}.portrait-stool-image{width:90%;margin-left:5%}}@media screen and (min-width: 768px){.tension-page-container{display:flex;flex-direction:row;align-items:center;gap:5px}.portrait-stool-image{width:80%}}.top-left-corner{position:absolute;top:20px;left:20px;z-index:1001}.camden-gif{width:15%}#map{position:absolute;top:10vw;left:0;transform:rotate(90deg);touch-action:none;margin:0;z-index:1000;width:1000vw;max-width:100vw;max-height:100vw;height:min(calc(100vh - 80px),80vw);padding-top:0}.leaflet-control-attribution,.leaflet-control-zoom{display:none}.camden-title{position:absolute;transform:rotate(-90deg);font-size:16px;font-weight:700;color:#0000008a}.camden-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;overflow:hidden}.camden-lightbox-content{position:absolute;top:35%;left:40%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;transform:rotate(-90deg);background-color:#fff}.camden-lightbox-image{max-width:100%;max-height:100%}.camden-lightbox-text{padding:10%}.camden-lightbox-close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;display:none}.top-left-corner{position:absolute;top:2vw;left:2vw;z-index:1001}.webp-image{position:absolute;top:0;left:0;width:100%;height:auto;z-index:1001}.camden-gif{width:10%}@media screen and (max-width: 1200px){#map{position:absolute;top:50vw;left:0;transform:rotate(90deg);touch-action:none;margin:0;z-index:1000;width:200vw;margin-left:-50vw;max-width:200vw;max-height:100vw;height:min(calc(100vh - 80px),800vw)}}.gingerbread-full-width-image-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:5%;margin-bottom:5%}.gingerbread-full-width-image{max-width:1200px;width:80%;padding-top:50px;height:auto}.gingerbread-body-text-container{display:flex;justify-content:center;align-items:center;width:100%}.gingerbread-body-text{display:flex;font-family:Eina Semi Bold,Arial,sans-serif;background:#cc712f38;width:40%;align-content:center;justify-content:center;font-size:1.5vw;text-align:center;padding:10px;border-radius:50px}.swiper-slide{border:2px solid #ccc;border-radius:30px;padding:15px;background:#c77c4638;text-align:center;box-shadow:0 3px 6px #0000001a;margin:15px;max-width:80%}h2{font-size:1.2vw;margin-bottom:10px}@media (max-width: 768px){.gingerbread-horizontal-images{flex-direction:column}.swiper-slide{margin:8px;padding:10px;max-width:100%}h2,.gingerbread-body-text{font-size:3vw}}.gingerbread-slider-container{overflow:hidden;max-width:100%}.swiper-slide{margin:0;padding:10px;max-width:100%}.gingerbread-vertical-images{display:flex;flex-direction:column;align-items:center;width:100%}.gingerbread-vertical-images img{width:65vw;height:auto}.gingerbread-horizontal-images{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px}.gingerbread-horizontal-images img{height:50vw;width:auto;max-height:80vh}@media (max-width: 768px){.gingerbread-horizontal-images{flex-direction:column}.gingerbread-horizontal-images img{width:80%;height:auto}.gingerbread-vertical-images img{margin:15%;width:90%;height:auto}}.gingerbead{background-color:#fff2e8!important}body.civil{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#c9c9c9}header{text-align:center;padding:20px 0}.civil-title-image{max-width:100%;width:10000px;object-fit:cover}.subheading{font-size:1.5em;color:#333;margin-top:10px}.civil-pdf-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:20px}.civil-pdf-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.civil-pdf-thumbnail{width:100%;height:auto;object-fit:cover;border:1px solid #ddd;margin-bottom:15px}.civil-read-button{display:block;width:100%;padding:10px 20px;background-color:#4caf50;color:#fff;text-decoration:none;text-align:center;font-size:16px;border:none;border-radius:4px;margin:15px 0;cursor:pointer}.civil-pdf-caption{text-align:center;margin-top:10px;font-size:.9em;color:#666}.civil-pdf-box:first-child{max-width:400px}.civil-pdf-box:first-child .civil-drawings-container{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:20px}.civil-drawing-thumbnail{width:80%;height:auto;margin-left:10%;cursor:pointer;transition:transform .3s ease}.civil-drawing-thumbnail:hover{transform:scale(1.05)}@media (min-width: 768px){.civil-pdf-box:first-child{flex-direction:row;align-items:flex-start;justify-content:space-between;max-width:820px}.civil-pdf-box:first-child .civil-pdf-content{flex:0 0 auto;margin-right:20px;max-width:400px}.civil-pdf-box:first-child .civil-drawings-container{flex:1;max-width:400px;margin-top:0}}#civil-fullscreen-image{max-width:100%;max-height:90%;object-fit:contain}.civil-hidden{display:none}.civil-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.civil-fullscreen-image{max-width:100%;max-height:90%;object-fit:contain}.civil-header{position:relative;height:300px;overflow:hidden}.header-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:100px;position:relative;z-index:2;background:linear-gradient(to bottom,#0009,#0000)}.subheading{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.footer{width:100%;background-color:#fff;color:#000;text-align:center;padding:20px;display:flex;justify-content:center;align-items:center;gap:15px}.footer-content{display:flex;align-items:center}.footer-gif{width:15vw;height:auto;margin-right:10vw}.footer-text{text-align:left}.footer a{color:#00008b;text-decoration:none;font-weight:700;font-size:20px}.footer p{font-size:20px}@media (max-width: 768px){.footer a{color:#00008b;text-decoration:none;font-weight:700;font-size:3vw}.footer p{font-size:3vw}.footer-gif{width:25vw;height:auto;margin-right:10vw}}.footer a:hover{text-decoration:underline}.about-me{background-color:#f9f9f9;padding:60px 20px;display:flex;justify-content:center;height:100vh}.about-container{display:flex;align-items:center;max-width:900px;gap:20px}.about-img{width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:3px 3px 10px #0000001a}.about-text{flex:1;text-align:left}.about-text h2{font-size:24px;color:#333}.about-text p{font-size:16px;color:#666;line-height:1.6}.contact-btn{display:inline-block;margin-top:10px;padding:10px 20px;background-color:#222;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s;margin-top:3vw}.contact-btn:hover{background-color:#444}.hamburger-menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:none;border:none;cursor:pointer;padding:0;z-index:1010;position:relative}.hamburger-menu-toggle .line{display:block;width:100%;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease}body.menu-open .hamburger-menu-toggle .line:nth-child(1){transform:translateY(11px) rotate(45deg)}body.menu-open .hamburger-menu-toggle .line:nth-child(2){opacity:0}body.menu-open .hamburger-menu-toggle .line:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.main-navigation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffffa;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto}.main-navigation-overlay.is-open{opacity:1;visibility:visible}.hamburger-menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1000}.hamburger-menu-toggle .line{width:100%;height:3px;background-color:#000;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.hamburger-menu-toggle.is-active .line:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger-menu-toggle.is-active .line:nth-child(2){opacity:0}.hamburger-menu-toggle.is-active .line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}body.menu-open .main-navigation-overlay{opacity:1;visibility:visible}.overlay-menu-list{list-style:none;padding:0;margin:0;text-align:center;max-width:800px;width:50%}.overlay-menu-list li{margin-bottom:15px}.overlay-menu-link{display:block;padding:10px 15px;color:#333;text-decoration:none;font-size:1.5em;font-weight:700;transition:color .3s ease,background-color .3s ease}.overlay-menu-link:hover{color:#007bff;background-color:#f0f0f0;border-radius:5px}.overlay-menu-separator{color:#888;font-size:1.2em;font-weight:700;margin:30px 0 15px;border-top:1px solid #ddd;padding-top:20%}@keyframes slow-wander{0%,to{transform:translate(0)}25%{transform:translate(-.2vw,.2vw)}50%{transform:translate(.2vw,-.2vw)}75%{transform:translate(-.2vw,.2vw)}}.overlay-menu-link:hover{color:#007bff;background-color:#f0f0f0;border-radius:5px;animation-play-state:paused}.overlay-menu-list .project-name{display:inline}.overlay-menu-list .project-year{font-size:.9em;color:#777;margin-left:5px}@media (max-width: 450px){.hamburger-menu-toggle{margin-top:5%}}.project-item.solu-bg{background-color:#e9a441;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.solu-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.reformeat-bg{background-color:#00cb31;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.reformeat-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.smart-plant-foundations-bg{background-color:#90e27a;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.smart-plant-foundations-bg .overlay-menu-link{color:#333;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.future-fruits-bg{background-color:#fef5df;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.future-fruits-bg .overlay-menu-link{color:#333;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.camden-canal-walk-bg{background-color:#e0f5ff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.camden-canal-walk-bg .overlay-menu-link{color:#333;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.mind-the-tension-bg{background-color:#ffe7ba;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.mind-the-tension-bg .overlay-menu-link{color:#333;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.micro-3d-printing-bg{background-color:#2a2929;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.micro-3d-printing-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.active-ageing-iot-bg{background-color:#000;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.active-ageing-iot-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.king-of-the-hill-bg{background-color:#e29d00;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.king-of-the-hill-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.gingerbread-construction-bg{background-color:#cc712f;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.gingerbread-construction-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.civil-design-bg{background-color:#00008b;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.project-item.civil-design-bg .overlay-menu-link{color:#fff;animation:slow-wander 20s cubic-bezier(.4,0,.2,1) infinite}.main-navigation-overlay{z-index:999;padding-top:10vw}@media (max-width:768px){.main-navigation-overlay{font-size:3vw;padding-top:20vw}@keyframes slow-wander{0%,to{transform:translate(0)}25%{transform:translate(-.5vw,.5vw)}50%{transform:translate(.5vw,-.5vw)}75%{transform:translate(-.5vw,.5vw)}}}:root{--primary-color: #3498db;--secondary-color: #2c3e50;--text-color: #333;--light-text-color: #777;--background-color: #ffffff;--card-background: #ffffff;--border-color: #e0e0e0;--accent-color: #e67e22}html,body{margin:0;padding:0;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;font-size:1.6vw}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--card-background);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen img{max-width:200px;height:auto}.about-page-wrapper{background-color:#3498db}.container{max-width:1200px;margin:0 auto}.about-header{position:relative;width:100%;min-height:50vh;overflow:hidden;padding:2rem;box-sizing:border-box;background-color:#f0f4ff;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;--hex-size: 100px;--hex-color: rgba(180, 210, 255, .2);--bg-color: transparent;background-image:repeating-conic-gradient(from 30deg,var(--hex-color) 0deg 60deg,var(--bg-color) 60deg 120deg,var(--hex-color) 120deg 180deg,var(--bg-color) 180deg 240deg,var(--hex-color) 240deg 300deg,var(--bg-color) 300deg 360deg),repeating-linear-gradient(60deg,var(--bg-color),var(--bg-color) 50px,var(--hex-color) 50px,var(--hex-color) 52px,var(--bg-color) 52px);background-size:calc(2 * var(--hex-size)) calc(1.732 * var(--hex-size));animation:background-pulse 50s infinite alternate}.about-header .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.profile-intro-social{display:flex;flex-direction:column;align-items:center;width:100%}.profile-intro{display:flex;align-items:center;justify-content:center;gap:2vw;margin-bottom:2vw;flex-wrap:wrap}.profile-photo{width:15vw;height:15vw;border-radius:50%;object-fit:cover;border:.5vw solid var(--primary-color);box-shadow:0 0 2vw #0000004d;flex-shrink:0}.profile-text{text-align:left;flex-grow:1;min-width:15vw}.profile-text h1{font-size:4.5vw;margin:0;color:#3d3d3d;line-height:1.1}.profile-text p{font-size:3vw;color:gray;margin-top:.5vw}.social-links{margin-top:2vw;display:flex;gap:1.5vw}.social-links a{color:#3d3d3d;font-size:3vw;transition:color .3s ease;text-decoration:none}.social-links a:hover{color:var(--primary-color)}.section{background-color:var(--card-background);margin:3vw auto;padding:4vw;border-radius:.8vw;box-shadow:0 .4vw 1.5vw #00000014;border-left:.5vw solid var(--primary-color);animation:fadeIn .8s ease-out}.section h2{color:var(--secondary-color);font-size:3vw;margin-bottom:2.5vw;border-bottom:.2vw solid var(--border-color);padding-bottom:1vw;display:inline-block}.combined-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.combined-content-grid .skills-block h2,.combined-content-grid .education-block h2{font-size:2.5vw;margin-top:0;margin-bottom:2vw}.skills-block,.education-block{padding-top:1vw}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12vw,1fr));gap:1.5vw;margin-top:0}.skill-item{background-color:var(--background-color);padding:1.5vw;border-radius:.5vw;text-align:center;font-weight:700;color:var(--secondary-color);box-shadow:0 .2vw .5vw #0000000d;transition:transform .3s ease,background-color .3s ease;font-size:1.8vw}.skill-item:hover{transform:translateY(-.5vw);background-color:var(--primary-color);color:#fff}.education-item{margin-bottom:2.5vw;padding-bottom:2vw;border-bottom:.1vw dashed var(--border-color)}.education-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.education-item h3{color:var(--primary-color);margin-top:0;margin-bottom:.5vw;font-size:2.2vw}.education-item p{margin:0 0 .5vw;color:var(--light-text-color);font-size:1.6vw}.cv-download{text-align:center;margin-top:3vw}.cv-download a{display:inline-block;background-color:var(--accent-color);color:#834949;padding:1.2vw 3vw;border-radius:.5vw;text-decoration:none;font-weight:700;transition:background-color .3s ease,transform .3s ease;font-size:2vw}.cv-download a:hover{background-color:#d35400;transform:translateY(-.3vw)}.container>hr{border:none;border-top:.1vw dashed var(--border-color);margin:4vw auto;width:60%}@keyframes fadeIn{0%{opacity:0;transform:translateY(2vw)}to{opacity:1;transform:translateY(0)}}@media (min-width: 769px){.profile-intro-social{flex-direction:row;justify-content:space-between;align-items:center}.profile-intro{margin-bottom:0;justify-content:flex-start;flex-grow:1}.profile-photo{width:10vw;height:10vw;border:.3vw solid var(--primary-color)}.profile-text h1{font-size:3vw}.profile-text p{font-size:1.5vw}.social-links{margin-top:0;flex-shrink:0;gap:1vw}.social-links a{font-size:1.5vw}.profile-text{text-align:left}.about-header{padding:4vw 0}.section{padding:3vw;margin:2.5vw auto;border-radius:.6vw;box-shadow:0 .3vw 1vw #00000014;border-left-width:.4vw}.section h2{font-size:2.5vw;margin-bottom:2vw;padding-bottom:.8vw}.combined-content-grid{gap:4vw}.combined-content-grid .skills-block h2,.combined-content-grid .education-block h2{font-size:2vw;margin-bottom:1.5vw}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(8vw,1fr));gap:1vw}.skill-item{padding:1vw;border-radius:.4vw;font-size:1.2vw}.education-item{margin-bottom:2vw;padding-bottom:1.5vw}.education-item h3{font-size:1.8vw;margin-bottom:.4vw}.education-item p{font-size:1.4vw;margin-bottom:.4vw}.cv-download a{padding:1vw 2.5vw;border-radius:.4vw;font-size:1.6vw}.container>hr{margin:3vw auto;border-top-width:.08vw}}@media (max-width: 480px){.profile-intro-social{flex-direction:column}.profile-intro{flex-direction:column;text-align:center;gap:1vw;margin-bottom:1vw}.profile-photo{width:25vw;height:25vw}.profile-text h1{font-size:6vw}.profile-text p{font-size:3.5vw}.social-links{margin-top:1.5vw;gap:1vw}.social-links a{font-size:4vw}.profile-text{text-align:center}.section h2{font-size:4vw}.combined-content-grid .skills-block h2,.combined-content-grid .education-block h2{font-size:3.5vw}.skill-item{font-size:1.8vw;padding:2vw}.education-item h3{font-size:3vw}.education-item p{font-size:2.5vw}.cv-download a{font-size:3vw;padding:1.5vw 3vw}}.download-item a{display:inline-block;margin-top:15px;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.download-item a:hover{background-color:#0056b3}@media (min-width: 768px){.downloads-container{display:flex;gap:20px;justify-content:center;align-items:stretch}.download-item{flex:1;margin-bottom:0}}.intro-section{position:relative;width:100%;min-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;box-sizing:border-box;background-color:#f0f4ff}.intro-main-content{position:relative;z-index:10;text-align:center;max-width:1200px;animation:text-wave 15s cubic-bezier(.4,0,.2,1) infinite;animation-delay:10.5s}@keyframes text-wave{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-8px) rotate(-1deg) scale(1.01)}50%{transform:translateY(0) rotate(0) scale(1.02)}75%{transform:translateY(8px) rotate(1deg) scale(1.01)}}.intro-name{font-size:4.5vw;margin:0 0 10px;text-shadow:2px 2px 5px rgba(0,0,0,.1);animation:text-wave 15s cubic-bezier(.4,0,.2,1) infinite;animation-delay:0s}.intro-subtitle{font-size:3vw;margin:0 0 20px;color:#666;text-shadow:1px 1px 3px rgba(0,0,0,.1);animation:text-wave 15s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}.intro-description{font-size:1.5vw;margin:0 0 30px;color:#555;animation-delay:1s}.intro-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.intro-call-to-action{font-size:2vw;display:inline-block;padding:10px 20px;background-color:#0053ac;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:background-color .3s ease;margin-bottom:1vw}.intro-call-to-action:hover{background-color:#0056b3}.explore-text{display:inline-block;padding:12px 25px;font-size:2vw;background-color:#007bff;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:background-color .3s ease}.download-text{display:inline-block;font-size:1.5vw;color:#007bff;font-weight:700;margin-top:3vw}.download-action a{text-decoration:none;color:inherit}.intro-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;--hex-size: 100px;--hex-color: rgba(180, 210, 255, .2);--bg-color: transparent;background-image:repeating-conic-gradient(from 30deg,var(--hex-color) 0deg 60deg,var(--bg-color) 60deg 120deg,var(--hex-color) 120deg 180deg,var(--bg-color) 180deg 240deg,var(--hex-color) 240deg 300deg,var(--bg-color) 300deg 360deg),repeating-linear-gradient(60deg,var(--bg-color),var(--bg-color) 50px,var(--hex-color) 50px,var(--hex-color) 52px,var(--bg-color) 52px);background-size:calc(2 * var(--hex-size)) calc(1.732 * var(--hex-size));animation:background-pulse 100s infinite alternate}@keyframes background-pulse{0%{background-position:0% 0%}to{background-position:100% 100%}}@media (max-width: 750px){.intro-name{font-size:6vw;margin:0 0 10px;text-shadow:2px 2px 5px rgba(0,0,0,.1);animation-delay:0s}.intro-subtitle{font-size:4.5vw;margin:0 0 20px;color:#666;text-shadow:1px 1px 3px rgba(0,0,0,.1);animation-delay:.5s}.intro-description{font-size:3vw;margin:0 0 30px;color:#555;animation-delay:1s}.intro-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.intro-call-to-action{font-size:3vw;display:inline-block;padding:10px 20px;background-color:#0053ac;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:background-color .3s ease;margin-bottom:1vw}.intro-call-to-action:hover{background-color:#0056b3}.explore-text{display:inline-block;padding:12px 25px;font-size:3vw;background-color:#007bff;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:background-color .3s ease}.download-text{display:inline-block;font-size:3vw;color:#007bff;font-weight:700;margin-top:3vw}}.floating-bubbles{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:40rem;margin:0 auto}.explore-text{margin:0 1rem}.bubble-left,.bubble-right{background:linear-gradient(90deg,#60a5fa,#255ebd,#60a5fa,#0f48a6);background-size:300% 100%;animation:wavy-border-animation 4s linear infinite;position:relative;display:inline-flex;justify-content:center;align-items:center;width:12rem;height:6rem;background-color:#0053ac1f;border:1px solid rgba(255,255,255,.2);border-radius:50%;text-align:center;text-decoration:none;color:#fff;transition:transform .3s ease,background-color .3s ease}.bubble-left:hover,.bubble-right:hover{transform:scale(1.1);background-color:#fff3}@media (max-width: 768px){.bubble-container{display:flex;flex-direction:column;align-items:center}.bubble-left,.bubble-right{padding:1.5rem;margin:.5rem 0;font-size:4vw;border-radius:5%;width:60vw;white-space:nowrap}.explore-text{margin-top:2vw;font-size:4vw;order:2;margin-bottom:1rem}.intro-call-to-action,.intro-description{font-size:4vw}.intro-subtitle{font-size:5vw}}@keyframes wavy-border-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.intro-call-to-action.watery-button{position:relative;z-index:1;overflow:hidden;background:none;border:none;padding:16px 32px;font-size:2vw;font-weight:600;text-align:center;color:#027bff;text-decoration:none;border-radius:9999px;transition:all .3s ease-in-out}.intro-call-to-action.watery-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#60a5fa,#255ebd,#60a5fa,#0f48a6);background-size:300% 100%;animation:wavy-border-animation 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border:4px solid transparent;border-radius:inherit;z-index:-1}.intro-call-to-action.watery-button:hover{transform:scale(1.05)}@media (max-width: 768px){.intro-call-to-action.watery-button{font-size:4vw}.intro-section{margin-top:9vw}}body{font-family:sans-serif;background-color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.carousel-container{text-align:center;max-width:800px;width:100%;margin:auto;padding:20px}.carousel-wrapper{position:relative;overflow:hidden;margin-top:20px;background-color:#000;box-shadow:0 4px 8px #0000001a;border-radius:10px}.carousel-inner{display:flex;transition:transform .5s ease-in-out}.carousel-item{min-width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.carousel-item iframe{width:100%;max-width:560px;aspect-ratio:16 / 9;border-radius:8px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#0000;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:24px;line-height:1;z-index:10;transition:background-color .3s}.carousel-btn:hover{background-color:#000c}.carousel-btn.prev{left:10px;border-radius:0 5px 5px 0}.carousel-btn.next{right:10px;border-radius:5px 0 0 5px}.video-caption{margin-top:10px;font-size:16px;color:#555;text-align:center}body.techmaze{background-color:#fff}.techmaze-logo-container{display:flex;align-items:center;gap:1rem;margin-bottom:2vw;margin-top:2vw}.techmaze-logo{height:5vw;width:auto}.techmaze-text{font-family:Eina Semi Bold,sans-serif;font-size:3vw;font-weight:700;color:#4a4a4a;letter-spacing:-.05rem}@media (max-width: 768px){.techmaze-text{font-size:4.5vw}}.small-image{max-width:300px;height:auto;margin:0 auto}.text-white.text-xl.font-semibold{font-family:Eina Semi Bold,sans-serif;font-size:1.25rem}.text-gray-500.text-sm{font-family:Eina Semi Bold,sans-serif}.techmaze-section-title{font-size:3vw;font-family:Eina Semi Bold,Arial,sans-serif;color:#000;text-align:center;margin:20px 0}