@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*{margin:0;padding:0;font-family:Space Grotesk;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-track{border-radius:8px;background-color:#0000004d;padding:2px}*::-webkit-scrollbar-thumb{box-sizing:border-box;background-color:#cecece;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background-color:#fff}*::-webkit-scrollbar-thumb:active{background-color:#fff}body{background:#000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.webgl,#sky{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);outline:none}#sky img{object-fit:cover;object-position:center}.cache{display:none}#hud{position:fixed;display:none;animation:fade-in 2s forwards;left:0;bottom:2vh;width:100vw;justify-content:right;z-index:10}#map-canvas{position:absolute;box-sizing:border-box;margin:16px;padding:16px;margin-left:clamp(12px,4vw,32px);background-image:radial-gradient(#0009,#0000000d 60%,#0000 70%);left:0;bottom:0;width:clamp(128px,40vw,192px);height:clamp(128px,40vw,192px)}.button-container{display:flex;margin:16px;padding:16px;gap:6vmin;justify-content:center;border-radius:12px}.button-flex{height:fit-content;flex-grow:1;display:flex;justify-content:center}.button-flex{position:relative;background-image:radial-gradient(#0006,#0000000d 60%,#0000 75%)}.button-flex .button-focus{position:absolute;pointer-events:none}.control-button{width:16vmin;max-width:60px;height:16vmin;max-height:60px;display:flex;justify-content:center;align-items:center;outline:none}#leftButton{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='512'%20height='512'%20viewBox='0%200%20135.5%20135.5'%3e%3cpath%20fill='%23f9f9f9'%20d='M61.1%2067.7%2090.6%2031%2035.3%2067.7l55.3%2037Z'%20paint-order='markers%20fill%20stroke'/%3e%3c/svg%3e");background-size:cover}#rightButton{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='512'%20height='512'%20viewBox='0%200%20135.5%20135.5'%3e%3cpath%20fill='%23f9f9f9'%20d='M74.3%2067.7%2044.8%2031l55.3%2036.8-55.3%2037Z'%20paint-order='markers%20fill%20stroke'/%3e%3c/svg%3e");background-size:cover}.talkbubble{position:relative;width:calc(100vw - 60px);min-width:300px;max-width:500px;padding:8px;border-radius:8px;color:#fff;background:#344055bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0000004d;transform:translateY(calc(-50% + 20px));pointer-events:none;opacity:0}.talkbubble .triangle{position:absolute;width:0;height:0;bottom:-16px;border-left:8px solid transparent;border-right:8px solid transparent;left:calc(50% - 8px);border-top:16px solid rgba(52,64,85,.75)}.talkbubble-badge{position:fixed;top:0;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:18px;transform:translate(50%,-50%);background-color:#fff;box-shadow:0 0 10px #00000080;z-index:10}.talkbubble-badge lottie-player{box-sizing:border-box;width:24px;height:24px}.talkbubble-message{flex-direction:column;justify-content:center;align-items:flex-start}.talkbubble-message p{margin:4px;font-size:clamp(.8rem,3vw,1.2rem)}.intro-message{animation:fade-in 1s forwards}.expertise{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fade-in 1s forwards}.expertise table{margin-block:4px;border-block:2px white solid}.expertise table th{font-size:clamp(.8rem,3vw,1.2rem);font-weight:700;text-align:left;padding-inline:4px}.expertise table td{font-size:clamp(.6rem,2vw,.8rem);text-align:left;padding-inline:4px}.talkbubble-social{height:50px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px}.talkbubble-social a{height:40px;width:40px}.talkbubble-social lottie-player{height:100%;width:100%}.scroll-button{top:50%;position:absolute;width:28px;height:28px;border-radius:50%;background-color:#fff;box-shadow:0 0 10px #00000080;z-index:10}.scroll-button.align{transform:translateY(-50%)}.scroll-button.left{left:-14px}.scroll-button.right{right:-14px}.gallery-container{max-width:1200px}.gallery{font-size:0px;border-radius:8px;white-space:nowrap;overflow:hidden;cursor:pointer;scroll-behavior:smooth}.gallery.dragging{cursor:grab;scroll-behavior:auto}.gallery img{height:22vh;height:22dvh;width:calc((100% - 16px) / 3);object-fit:cover;margin-left:8px;pointer-events:none}.gallery img:first-child{margin-left:0}.portfolio-container{overflow:hidden;scroll-behavior:smooth;width:100%}.portfolio{position:relative;margin-bottom:4px;display:inline-flex;box-sizing:border-box;transition:transform .3s ease-in-out}.project{width:calc(100vw - 60px);min-width:300px;max-width:500px;box-sizing:border-box;display:flex;gap:8px;padding:10px 12px 8px;flex-shrink:0;border-radius:8px}.project-header{display:flex;justify-content:flex-start;align-items:center;min-height:36px}.project-title-img{max-height:36px;max-width:72%;object-fit:contain;object-position:left center;filter:drop-shadow(0px 1px 6px rgba(0,0,0,.7))}.project-body{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-height:110px}.project-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;justify-content:space-between}.project-info p{margin:0;font-size:clamp(.68rem,2.4vw,.88rem);line-height:1.45;color:#fffc}.project-info a{display:block;text-decoration:none}.project-info a span{display:block;padding:6px 8px;color:#fff;font-weight:700;font-size:clamp(.6rem,2.2vw,.8rem);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em;background:#266dd3;border-radius:6px;border-bottom:3px solid #1852a4;box-shadow:0 3px 10px #266dd359;transform:translateY(-3px);transition:.2s all ease-in-out}.project-info a:hover span,.project-info a:active span{transform:translateY(0);border-bottom:1px solid #1852a4;box-shadow:0 1px 6px #266dd340}.project-art{width:120%;border-radius:8px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}.dot-nav{display:flex;align-self:center;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;margin-top:2px}.dot-nav .dot-button{width:8px;height:8px;border-radius:50%;background-color:#fff;cursor:pointer;border:none;outline:none;opacity:.4;transition:opacity .2s ease-in-out}.dot-button.selected{opacity:1}.auto-scroll{overflow:hidden;display:flex;position:relative;white-space:nowrap;width:100%;font-size:clamp(1rem,3.25vw,1.3rem)}.auto-scroll .tools a{margin-right:2px}.auto-scroll:after,.auto-scroll:before{position:absolute;pointer-events:none;top:0;width:10%;height:100%;content:"";z-index:2}.auto-scroll:after{right:0;background:linear-gradient(to left,#34405580,#34405500)}.auto-scroll:before{left:0;background:linear-gradient(to right,#34405580,#34405500)}.tools{animation:18s slide infinite linear;display:inline-block;margin-inline:2px}.auto-scroll:hover .tools{animation-play-state:paused}.highlight{color:#fff;text-decoration:none;background:#888098;padding:0 4px;margin:0;border-radius:4px;font-weight:700}.no_selection{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}@media screen and (max-width: 550px){.gallery img{width:calc((100% - 8px)/2)}}@media screen and (max-height: 500px){.gallery img{width:calc((100% - 24px)/4)}}
