.project-hover-popup{z-index:1000;pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #a9b79f;border-radius:4px;flex-direction:column;align-items:center;width:200px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000026}.project-hover-popup:hover{box-shadow:0 6px 16px #0003}.project-hover-popup__image{width:100%;height:100%}.project-hover-popup__image img{object-fit:cover;width:100%;height:100px}.project-hover-popup__content{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.project-hover-popup__title{color:#111;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500}@media screen and (max-width:600px) and (orientation:portrait){.project-hover-popup{display:none}}
.project-card{background-color:#fff;flex-direction:column;width:320px;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.project-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.project-card .proj-img-container{background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:228px;display:flex;position:relative}.project-card .proj-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.project-card .proj-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.project-card .proj-img-container .proj-img{object-fit:cover;cursor:pointer;width:100%;height:228px;transition:all .3s}.project-card .proj-img-container .proj-img:hover{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.project-card .proj-info{flex-direction:column;gap:16px;padding:20px;display:flex}.project-card .proj-info .proj-title{color:#110f10;font-family:Josefin Sans;font-weight:400}.project-card .proj-info .proj-desc{color:#110f10;max-height:130px;font-family:Montserrat;font-size:13px;font-weight:400;overflow-y:auto}.project-card .proj-info .proj-desc::-webkit-scrollbar{background-color:#000;width:2px}.project-card .proj-info .proj-desc::-webkit-scrollbar-thumb{background-color:#777}.project-card .proj-info .card-btn-con{justify-content:center;align-self:center;gap:16px;width:100%;display:flex}.project-card .proj-info .card-btn-con .card-btn{color:#3e2b24;cursor:pointer;border:1px solid #3e2b24;border-radius:2px;width:100%;padding:10px 19px;font-family:Josefin Sans;transition:background-color .3s}.project-card .proj-info .card-btn-con .card-btn.discover{background-color:#a9b79f}.project-card .proj-info .card-btn-con .card-btn.discover:hover{background-color:#9cac90}.project-card .proj-info .card-btn-con .card-btn.gallery{background-color:#0000;font-size:16px}.project-card .proj-info .card-btn-con .card-btn.gallery:hover{background-color:#f5f5f5}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{flex-direction:row;width:500px;height:250px;max-height:calc(100dvh - 50px);overflow:auto}.project-card .proj-img-container{min-width:250px;height:auto}.project-card .proj-img-container .proj-img{width:250px;height:100%}.project-card .proj-info{justify-content:space-between;padding:15px}.project-card .proj-info .card-btn-con .card-btn{font-size:12px!important}}
.image-modal-overlay{z-index:10000;background:#110f10f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.image-modal-overlay .image-modal-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-modal-overlay .image-modal-container .modal-close{cursor:pointer;z-index:10002;background-color:#fff;border:none;border-radius:1px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.image-modal-overlay .image-modal-container .modal-close:hover{background-color:#ffffffd5;transform:scale(1.05)}.image-modal-overlay .image-modal-container .modal-close:active{transform:scale(.95)}.image-modal-overlay .image-modal-container .modal-close svg{width:16px;height:16px}.image-modal-overlay .image-modal-container .modal-image-wrapper{background-color:#0a0a0a33;border-radius:4px;justify-content:center;align-items:center;width:calc(100% - 320px);height:100%;margin:84px 160px;display:flex}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation{z-index:10001;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:50px;right:50px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn{cursor:pointer;background-color:#32472b;border:1px solid #fff;border-radius:1px;justify-content:center;align-items:center;width:44px;height:96px;transition:opacity .3s;display:flex}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn:hover{opacity:.8}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn.right{transform:rotate(180deg)}.image-modal-overlay .image-modal-container .modal-image-wrapper .image-loader{z-index:10000;justify-content:center;align-items:center;display:flex;position:absolute}.image-modal-overlay .image-modal-container .modal-image-wrapper .image-loader .spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-img{object-fit:contain;border-radius:4px;width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@media screen and (max-width:768px) and (orientation:portrait){.image-modal-overlay .image-modal-container .modal-image-wrapper{width:calc(100% - 80px);height:max-content;margin:60px 40px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation{left:20px;right:20px}}@media screen and (max-width:480px){.image-modal-overlay .image-modal-container .modal-image-wrapper{width:calc(100% - 40px);height:max-content;margin:50px 20px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation{left:20px;right:20px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn{width:36px;height:64px}}
.landmark-card{z-index:1000;background-color:#fff;flex-direction:column;width:244px;display:flex;box-shadow:0 4px 4px #00000040}.landmark-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.landmark-card .amen-img-container{background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:115px;display:flex;position:relative}.landmark-card .amen-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.landmark-card .amen-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.landmark-card .amen-img-container .amen-img{object-fit:cover;width:100%;max-height:115px}@keyframes spin{to{transform:rotate(360deg)}}.landmark-card .amen-info{flex-direction:column;gap:16px;padding:20px;display:flex}.landmark-card .amen-info .amen-title{color:#110f10;font-family:Josefin Sans;font-weight:400}.landmark-card .amen-info .amen-desc{color:#110f10;max-height:130px;font-family:Montserrat;font-size:14px;font-weight:400;overflow-y:auto}.landmark-card .amen-info .amen-desc::-webkit-scrollbar{background-color:#000;width:2px}.landmark-card .amen-info .amen-desc::-webkit-scrollbar-thumb{background-color:#777}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.landmark-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.landmark-card .amen-info{padding:16px}.landmark-card .amen-info .amen-title{font-size:20px}}
.tutorial-background{z-index:1000;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background-color:#0000003e;width:100dvw;height:100dvh;transition:all .3s;position:absolute;top:0;left:0}.tutorial-background.active{opacity:1;pointer-events:all}.tutorial-pop-up{box-sizing:border-box;z-index:1001;opacity:0;background-color:#fff;border-radius:2px;flex-direction:column;align-items:center;gap:24px;width:440px;padding:30px 0 24px;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 4px #0000001a}.tutorial-pop-up.active{opacity:1}.tutorial-pop-up .close-button{padding:0;position:absolute;top:13px;right:13px}.tutorial-pop-up .tutorial-header{text-align:center;flex-direction:column;gap:8px;display:flex}.tutorial-pop-up .tutorial-header .tutorial-title{color:#000;text-transform:uppercase;font-family:Montserrat;font-size:18px;font-weight:400}.tutorial-pop-up .tutorial-header .tutorial-desc{font-family:Montserrat;font-size:12px;font-weight:400}.tutorial-pop-up .tutorial-hints{gap:32px;display:flex}.tutorial-pop-up .tutorial-hints .hint{flex-direction:column;align-items:center;gap:8px;display:flex}.tutorial-pop-up .tutorial-hints .hint .hint-img-wrapper{background-color:#a9b79f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tutorial-pop-up .tutorial-hints .hint .hint-img-wrapper .hint-img{width:auto;height:30px}.tutorial-pop-up .tutorial-hints .hint .hint-text{text-align:center;width:87px;font-family:Montserrat;font-size:10px;font-weight:400}.tutorial-pop-up .tutorial-btn{justify-content:center;gap:24px;width:100%;display:flex}.tutorial-pop-up .tutorial-btn .btn{text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:2px;padding:11px 20px;font-family:Josefin Sans;font-size:16px;transition:background-color .3s,opacity .3s}.tutorial-pop-up .tutorial-btn .btn.video-tutorial{color:#3e2b24;background-color:#0000;border:1px solid #3e2b24}.tutorial-pop-up .tutorial-btn .btn.video-tutorial:hover{background-color:#f5f5f5}.tutorial-pop-up .tutorial-btn .btn.start{color:#fff;background-color:#32472b;width:100%;margin:0 13px}.tutorial-pop-up .tutorial-btn .btn.start:hover{background-color:#202e1c}