body main#img360 .container360{position:relative}body main#img360 .container360 .navigate{display:flex;flex-direction:column;gap:8px;position:absolute;top:30px;left:30px;width:fit-content;min-width:220px;padding:12px;border-radius:12px;background:#faf6f1f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000026;text-transform:capitalize;z-index:100}body main#img360 .container360 .navigate p{margin:0;padding:14px 24px;font-family:var(--text-font);font-size:1rem;font-weight:500;color:var(--main-darker-brown-color);border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}body main#img360 .container360 .navigate p:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--main-light-brown-color);opacity:0;transition:opacity .3s ease}body main#img360 .container360 .navigate p:hover{background:#a856261a;padding-left:32px;color:var(--main-dark-brown-color)}body main#img360 .container360 .navigate p:hover:before{opacity:1}body main#img360 .container360 .navigate p.active{background:var(--main-dark-brown-color);color:#fff;font-weight:600;padding-left:32px;box-shadow:0 4px 12px #7746254d}body main#img360 .container360 .navigate p.active:before{opacity:1;background:#fff}body main#img360 .container360 .navigate p.active:hover{background:var(--main-darker-brown-color);transform:translate(2px)}body .project-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:fit-content;-webkit-user-select:none;user-select:none}body .project-container .breadcrumb{width:100%;padding:20px;font-size:.9rem;color:#666;font-family:var(--text-font);max-width:1000px;margin:0 auto}body .project-container .breadcrumb a{color:#333;text-decoration:none;transition:color .3s}body .project-container .breadcrumb a:hover{color:var(--main-dark-brown-color);text-decoration:underline}body .project-container .breadcrumb .separator{margin:0 8px;color:#999}body .project-container .breadcrumb .current{color:#000;font-weight:500;text-transform:capitalize}body .project-container .project-info{width:100%;padding:40px 20px;background:#f9f9f9}body .project-container .project-info .container{max-width:1000px;margin:0 auto}body .project-container .project-info .project-title{font-family:var(--title-font);font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#222;text-transform:capitalize}body .project-container .project-info .project-description{font-family:var(--text-font);font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:30px}body .project-container .project-info .project-meta{display:flex;gap:40px;flex-wrap:wrap;align-items:center;font-family:var(--text-font)}body .project-container .project-info .project-meta .project-date,body .project-container .project-info .project-meta .project-flags{display:flex;align-items:center;gap:10px}body .project-container .project-info .project-meta .meta-label{font-weight:600;color:#333}body .project-container .project-info .project-meta .meta-value{color:#666}body .project-container .project-info .project-meta .flags{display:flex;gap:15px}body .project-container .project-info .project-meta .flags .flag{display:flex;align-items:center;gap:6px;background:var(--main-dark-brown-color);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem}body .project-container .project-info .project-meta .flags .flag svg{width:16px;height:16px}body .project-container .carousel-container{width:100%;margin-top:2rem}body .project-container .carousel-title{text-align:center}body .project-container .carrousel{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0;height:fit-content}body .project-container .carrousel .carrousel-eye{display:flex;justify-content:center;width:1000px;aspect-ratio:16 / 9}body .project-container .carrousel .carrousel-eye img,body .project-container .carrousel .carrousel-eye iframe{max-width:100%}body .project-container .carrousel .carrousel-eye .video-container{position:relative;width:100%;aspect-ratio:16 / 9}body .project-container .carrousel .carrousel-eye .video-container iframe{height:100%;width:100%;border:none}body .project-container .carrousel .carrousel-eye .video-container .block-layer{display:none}body .project-container .rail-view{display:flex;gap:30px;margin:0 auto 20px;max-width:1000px;padding:0 20px;justify-content:center}body .project-container .rail-view img,body .project-container .rail-view iframe{width:200px;max-height:100px;cursor:pointer}body .project-container .rail-view img:hover,body .project-container .rail-view iframe:hover{opacity:.8!important}body .project-container .rail-view .video-container{position:relative;overflow:hidden}body .project-container .rail-view .video-container iframe{border:none}body .project-container .rail-view .video-container .block-layer{display:block;position:absolute;width:200px;height:100px;top:0;cursor:pointer}body .back-to-projects{width:100%;padding:40px 20px;display:flex;justify-content:flex-start;max-width:1000px;margin:0 auto}body .back-to-projects .btn-back{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--main-dark-brown-color);color:#fff;text-decoration:none;border-radius:16px;font-family:var(--button-font);font-size:1.12rem;transition:background .3s,transform .2s}body .back-to-projects .btn-back svg{width:20px;height:20px}body .back-to-projects .btn-back:hover{background:#5e361d;transform:translate(-5px)}@media (max-width: 1024px){body main#img360 .container360 .navigate{top:20px;left:20px;min-width:180px;padding:10px}body main#img360 .container360 .navigate p{padding:12px 18px;font-size:.9rem}body .project-container .breadcrumb{padding:15px;font-size:.85rem}body .project-container .project-info{padding:30px 15px}body .project-container .project-info .project-title{font-size:2rem;margin-bottom:15px}body .project-container .project-info .project-description{font-size:1rem;margin-bottom:20px}body .project-container .project-info .project-meta{gap:25px}body .project-container .project-info .project-meta .flags .flag{font-size:.8rem;padding:5px 10px}body .project-container .project-info .project-meta .flags .flag svg{width:14px;height:14px}body .project-container .carrousel{padding:1rem}body .project-container .carrousel .carrousel-eye{width:100%;max-width:800px;padding:0 10px}body .project-container .rail-view{gap:20px;padding:0 15px;overflow-x:auto;justify-content:flex-start;max-width:100%}body .project-container .rail-view img,body .project-container .rail-view iframe{width:160px;max-height:90px}body .project-container .rail-view .video-container .block-layer{width:160px;height:90px}body .back-to-projects{padding:30px 15px}body .back-to-projects .btn-back{font-size:1rem;padding:10px 20px}}@media (max-width: 768px){body main#img360 .container360 .navigate{top:15px;left:15px;right:15px;min-width:unset;width:calc(100% - 30px);max-width:300px;padding:8px}body main#img360 .container360 .navigate p{padding:10px 16px;font-size:.85rem}body .project-container .breadcrumb{padding:12px 15px;font-size:.8rem}body .project-container .breadcrumb .separator{margin:0 6px}body .project-container .project-info{padding:25px 15px}body .project-container .project-info .project-title{font-size:1.6rem;margin-bottom:12px}body .project-container .project-info .project-description{font-size:.95rem;line-height:1.5;margin-bottom:18px}body .project-container .project-info .project-meta{gap:20px;flex-direction:column;align-items:flex-start}body .project-container .project-info .project-meta .flags{flex-wrap:wrap;gap:10px}body .project-container .project-info .project-meta .flags .flag{font-size:.75rem;padding:4px 8px}body .project-container .project-info .project-meta .flags .flag svg{width:12px;height:12px}body .project-container .carrousel{padding:.5rem}body .project-container .carrousel .carrousel-eye{width:100%;max-width:600px;padding:0 5px}body .project-container .rail-view{gap:15px;padding:0 10px;margin-bottom:15px;max-width:100%}body .project-container .rail-view img,body .project-container .rail-view iframe{width:130px;max-height:73px}body .project-container .rail-view .video-container .block-layer{width:130px;height:73px}body .back-to-projects{padding:25px 15px}body .back-to-projects .btn-back{font-size:.95rem;padding:10px 18px;gap:8px}body .back-to-projects .btn-back svg{width:18px;height:18px}}@media (max-width: 480px){body main#img360 .container360 .navigate{top:10px;left:10px;right:10px;width:calc(100% - 20px);max-width:none;padding:6px;font-size:.8rem}body main#img360 .container360 .navigate p{padding:8px 12px;font-size:.8rem}body main#img360 .container360 .navigate p:before{width:5px;height:5px;left:8px}body main#img360 .container360 .navigate p:hover,body main#img360 .container360 .navigate p.active{padding-left:24px}body .project-container .breadcrumb{padding:10px;font-size:.75rem}body .project-container .breadcrumb .separator{margin:0 4px}body .project-container .project-info{padding:20px 10px}body .project-container .project-info .project-title{font-size:1.4rem;margin-bottom:10px}body .project-container .project-info .project-description{font-size:.9rem;line-height:1.4;margin-bottom:15px}body .project-container .project-info .project-meta{gap:15px;font-size:.85rem}body .project-container .project-info .project-meta .project-date,body .project-container .project-info .project-meta .project-flags{gap:8px;width:100%}body .project-container .project-info .project-meta .flags{gap:8px}body .project-container .project-info .project-meta .flags .flag{font-size:.7rem;padding:3px 6px}body .project-container .project-info .project-meta .flags .flag svg{width:11px;height:11px}body .project-container .carrousel{padding:.5rem 0}body .project-container .carrousel .carrousel-eye{width:calc(100% - 80px);padding:0}body .project-container .carrousel .carrousel-eye img,body .project-container .carrousel .carrousel-eye iframe{width:auto;height:auto}body .project-container .rail-view{gap:10px;padding:0 10px;max-width:100%;margin-bottom:10px;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:thin}body .project-container .rail-view::-webkit-scrollbar{height:4px}body .project-container .rail-view::-webkit-scrollbar-track{background:#f1f1f1}body .project-container .rail-view::-webkit-scrollbar-thumb{background:#888;border-radius:2px}body .project-container .rail-view img,body .project-container .rail-view iframe{width:110px;max-height:62px;flex-shrink:0}body .project-container .rail-view .video-container .block-layer{width:110px;height:62px}body .back-to-projects{padding:10px}body .back-to-projects .btn-back{font-size:.9rem;padding:8px 16px;gap:6px;width:100%;justify-content:center}body .back-to-projects .btn-back svg{width:16px;height:16px}}.carousel-fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-content{width:90%;height:90%;display:flex;justify-content:center;align-items:center;position:relative}.fullscreen-content img,.fullscreen-content video,.fullscreen-content iframe{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 0 20px #00000080}.fullscreen-content .video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fullscreen-content .video-container iframe{width:80%;height:80%;border:none}.fullscreen-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;cursor:pointer;z-index:10000;padding:10px;transition:transform .2s;display:flex;align-items:center;justify-content:center}.fullscreen-close:hover{transform:scale(1.1)}.fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:20px;z-index:10000;transition:all .3s;border-radius:50%;display:flex;align-items:center;justify-content:center}.fullscreen-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.fullscreen-prev{left:20px}.fullscreen-next{right:20px}@media (max-width: 768px){.fullscreen-content,.fullscreen-content .video-container iframe{width:100%;height:100%}.fullscreen-nav{padding:10px;background:#0000004d}.fullscreen-prev{left:10px}.fullscreen-next{right:10px}.fullscreen-close{top:10px;right:10px}}