:root{--primary-color: #4ecdc4;--bg-dark: #111;--text-light: #fff;--text-muted: #aaa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Exo 2",Arial,sans-serif;-webkit-user-select:none;user-select:none;color:var(--text-light);overflow:hidden;background-color:#999}.logo_hj{position:absolute;top:3rem;left:3rem;width:15vw;height:auto;z-index:100}#scene-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:9999;padding:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 1s ease}.transition-content{display:flex;flex-direction:column;align-items:center;gap:20px}#transition-logo{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(0,0,0,.05));animation:transition-pulse 3s infinite ease-in-out}#transition-logo svg{display:block;width:100px;height:auto}@keyframes transition-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}#transition-progress-container{width:100px;height:3px;background:#0000001a;position:relative;border-radius:10px;overflow:hidden}#transition-progress-fill{position:absolute;top:0;left:-100%;height:100%;width:70%;background:#ffd400;box-shadow:0 0 10px #ffd40080;animation:transition-indeterminate 1.2s infinite ease-in-out}@keyframes transition-indeterminate{0%{left:-100%}to{left:100%}}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#10003a;z-index:1000;transition:opacity .8s ease}.loading-content{text-align:center;max-width:260px}.loading-content h1{font-size:2.5rem;margin-bottom:2rem;letter-spacing:2px}.loading-bar{width:100%;height:6px;background:#ffffff1a;border-radius:1px;overflow:hidden;margin-bottom:.5rem}.loading-fill{height:100%;background:#d1eaf0;width:0%;transition:width .3s ease}#loading-text{font-size:1rem;color:var(--text-muted)}.loading-logo-c{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.loading-logo-c svg{width:95%;height:100%}#sound-prompt-content{text-align:center;max-width:320px;background:#ffffff0d;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#sound-prompt-content h2{color:#ffd400;font-size:1.8rem;margin-bottom:1rem}#sound-prompt-content p{color:#e2e8f0;margin-bottom:2rem;line-height:1.5}.sound-buttons{display:flex;gap:1rem;justify-content:center}.sound-buttons button{padding:.8rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}#btn-sound-yes{background:#ffd400;color:#10003a}#btn-sound-yes:hover{background:#fff;transform:translateY(-2px)}#btn-sound-no{background:transparent;color:#ffd400;border:1px solid #ffd400}#btn-sound-no:hover{background:#ffd4001a;transform:translateY(-2px)}#brand-selector{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:999}.brand-content{text-align:center;width:90%;max-width:800px}.brand-content h1{font-size:2.5rem;margin-bottom:3rem;letter-spacing:2px}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.brand-btn{padding:2rem 1rem;font-size:1.2rem;font-weight:700;color:var(--text-light);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.brand-btn:hover{transform:translateY(-5px);background:#ffffff1a;border-color:var(--primary-color);box-shadow:0 10px 30px #4ecdc44d}.panning-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0;cursor:grab;background-color:transparent;pointer-events:auto}.panning-wrapper{position:absolute;top:0;left:0;height:100%;transform-origin:top left;will-change:transform;display:inline-block}.panning-bg{display:block;height:100%;width:auto;-webkit-user-select:none;user-select:none;opacity:1}.hotspot-booth{position:absolute;z-index:10;transform:translate(-50%,-50%) scale(1);background-size:contain;background-repeat:no-repeat;background-position:center;transition:background-image .2s ease,transform .2s ease;pointer-events:none}.hotspot-booth.active{cursor:pointer;pointer-events:auto}.hotspot-booth.active:hover{transform:translate(-50%,-50%) scale(1.05);z-index:100!important}.hotspot-tooltip{position:absolute;z-index:10;bottom:50%;left:50%;transform:translate(-50%) translateY(10px) scale(.85);background:#e6e6e600;padding:8px 16px;border-radius:3px;pointer-events:none;opacity:1;visibility:visible;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:capitalize;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:40px}.hotspot-tooltip img{max-width:25vh;height:auto;object-fit:contain;display:block}.hotspot-booth.active:hover .hotspot-tooltip{opacity:1;transform:translate(-50%) translateY(-5px) scale(1.15)}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:20px;pointer-events:none;background:#000000b3;padding:2rem;border-radius:8px;z-index:10}.back-btn{pointer-events:auto;position:absolute;top:20px;left:20px;padding:.8rem 1.5rem;font-size:1rem;color:var(--text-light);background:#000000b3;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:100}.back-btn:hover{background:#000000e6;border-color:var(--primary-color);transform:translate(-3px)}#scene-products-layer{-webkit-user-select:none;user-select:none;pointer-events:none}#product-expand-container{position:fixed;top:0;left:0;width:30%;height:100vh;z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;visibility:hidden;transition:width .6s cubic-bezier(.22,1,.36,1),opacity .5s ease,visibility .5s ease}#product-expand-btn{pointer-events:auto;padding:12px 24px;background:#00000080;color:#ffd400;border:1px solid rgba(255,212,0,.4);border-radius:3px;font-size:1rem;cursor:pointer;transition:all .3s ease;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}#product-info-overlay{position:fixed;top:0;left:0;width:30%;padding:1rem;box-sizing:border-box;pointer-events:none;z-index:10;color:#000000c2}#product-info-title{font-size:2rem;line-height:95%;text-transform:uppercase;color:#29266e!important}#product-info-desc{font-size:1rem;max-width:80%;margin-top:1rem}#product-info-specs{list-style:none;padding:0;display:flex;flex-direction:column;flex-wrap:wrap}#product-info-specs li{font-size:.85rem;display:flex;align-items:center}#product-info-specs li:before{content:"•";margin-right:5px;color:#000000c2}#product-container{position:fixed;top:0;right:0;width:70%;height:100vh;border-left:2px solid rgba(255,255,255,.1);z-index:998;opacity:0;visibility:hidden;pointer-events:auto;transition:opacity .5s ease,visibility .5s ease,width .6s cubic-bezier(.22,1,.36,1)}#overview-image-container{position:relative;width:100%;height:100vh;background:#ffffff0d}.overview-desc{position:absolute;left:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;color:#ffd400;background-color:#29266ecc;padding:1rem;font-size:1.72rem}.overview-desc>svg{width:1.72rem;height:1.72rem;margin-left:1rem}#overview-img{width:100%;height:100%;object-fit:cover;display:block}#overview-title{color:#fff;font-size:32px;margin-top:30px;text-transform:uppercase;letter-spacing:4px}#overview-desc{color:#fff9;max-width:600px;text-align:center;margin-top:20px;line-height:1.6}#product-slider-section h2{color:#fff;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}#exit-focus-btn{position:fixed;bottom:1rem;left:1rem;padding:14px 28px;background:#58585880;color:#ffd400;border:2px solid #ffd5004a;border-radius:3px;font-size:1rem;font-weight:600;cursor:pointer;pointer-events:auto;transition:all .3s ease;z-index:9999}#exit-focus-btn:hover{background:#ffd40026;border-color:#ffd400}#product-container{scrollbar-width:none;-ms-overflow-style:none;position:fixed;top:0;right:0;height:100vh;overflow:hidden;z-index:1000}#product-container::-webkit-scrollbar{display:none}#product-content-wrapper{position:absolute;top:0;right:0;width:70vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:#d9d9d9}#product-content-wrapper::-webkit-scrollbar{display:none}.product-section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;padding:0;box-sizing:border-box;opacity:1;z-index:1}#product-slider-section{background:#0003}#project-thumbs-wrapper{width:100%;padding:1rem}#project-thumbs-wrapper::-webkit-scrollbar{display:none}#project-thumbs{display:flex;flex-direction:column;gap:1rem}.project-thumb-btn{background-color:#ffd400;color:#000;position:absolute;padding:.5rem .75rem;border:4px solid #f2f2f2;font-size:1rem;border-radius:3px;pointer-events:none}.project-thumb{height:70vh;background:#ffffff1a;border-radius:3px;cursor:pointer;overflow:hidden;border:2px solid transparent;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.project-thumb:hover{border-color:#ffffff80;background:#fff3;transform:translateY(-5px)}.project-thumb img{width:100%;height:100%;object-fit:cover}#product-detail-gallery{position:fixed;top:0;right:0;width:70%;height:100vh;display:none;opacity:0;background:gray;z-index:1010;box-sizing:border-box;overflow:hidden;pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1)}#gallery-slider-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}#gallery-slider-content{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.gallery-item{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px;box-sizing:border-box}.gallery-item img{width:auto;height:100%;object-fit:cover;filter:drop-shadow(0 30px 60px rgba(0,0,0,.8))}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:20px}.gallery-nav-btn:hover{background:#ffffff4d}#gallery-prev{left:40px}#gallery-next{right:40px}#close-detail-btn{position:absolute;top:40px;right:40px;background:none;border:2px solid rgba(255,255,255,.5);color:#fff;padding:10px 20px;border-radius:3px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;z-index:100}#close-detail-btn:hover{background:#fff;color:#000}.product-container{background:#d9d9d9;padding:2rem;color:#000000c2;display:flex;flex-direction:column;gap:2rem}.product-item{padding-bottom:2rem;border-bottom:1px solid #61616180}.product-item:first-child{padding-top:0}.product-item:last-child{border-bottom:none}.product-item-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.product-item-content{font-size:1rem;margin-bottom:1rem;list-style-type:disc;padding-left:1rem;padding-bottom:2.5rem}.product-item-images{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.product-item-images img{width:100%;height:auto;object-fit:cover;display:block;padding:8px;transition:transform .3s ease}.product-item-images img:hover{transform:scale(1.01);cursor:pointer}.footer-product{background:#717171;display:flex;padding:1rem 2rem;justify-content:space-between;align-items:flex-end}.footer-product-image{width:10rem;height:auto}.footer-product-content{width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.footer-product-content>div{height:fit-content}.footer-product-content>div:nth-child(1){display:flex;flex-direction:column;gap:.9rem}.footer-product-content p{font-size:.8rem}#product-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease;cursor:zoom-out}#product-lightbox-overlay.active{display:flex;opacity:1}#product-lightbox-image{width:72%;height:fit-content;object-fit:contain;box-shadow:0 0 50px #000c,0 0 20px #ffffff1a;transform:scale(.9);transition:transform .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(255,255,255,.1);cursor:default}#product-lightbox-overlay.active #product-lightbox-image{transform:scale(1)}#product-lightbox-close{position:absolute;top:30px;right:30px;width:50px;height:50px;background:#ffffff1a;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);z-index:10000}#product-lightbox-close:hover{background:#ffd400cc;transform:rotate(90deg)}#product-lightbox-close svg{width:24px;height:24px;fill:#fff}#product-lightbox-close:hover svg{fill:#000}.gallery-mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:272px}.gallery-mosaic img:nth-child(1){grid-column:span 4;grid-row:span 2}.gallery-mosaic img:nth-child(2){grid-column:span 2;grid-row:span 1}.gallery-mosaic img:nth-child(3){grid-column:span 2;grid-row:span 1}.gallery-featured{grid-template-columns:repeat(6,1fr);grid-auto-rows:272px}.gallery-featured img:nth-child(1){grid-column:span 4;grid-row:span 1}.gallery-featured img:nth-child(2){grid-column:span 2;grid-row:span 1}.gallery-featured img:nth-child(3){grid-column:span 2;grid-row:span 1}.gallery-featured img:nth-child(4){grid-column:span 2;grid-row:span 1}.gallery-featured img:nth-child(5){grid-column:span 2;grid-row:span 1}.gallery-box{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.gallery-masonry{display:block!important;column-count:2;column-gap:12px}.gallery-masonry img{display:block;width:100%;height:272px;margin-bottom:12px;break-inside:avoid;object-fit:cover}.gallery-wide{grid-template-columns:repeat(6,1fr);grid-auto-rows:140px}.gallery-wide img:nth-child(1){grid-column:span 4;grid-row:span 2}.gallery-wide img:nth-child(2){grid-column:span 2;grid-row:span 3}.gallery-wide img:nth-child(3){grid-column:span 2;grid-row:span 2}.gallery-wide img:nth-child(4){grid-column:span 2;grid-row:span 1}.scene-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}#scene-overview-layer{display:flex;align-items:flex-end;justify-content:center}#overview-placeHover{position:absolute;width:fit-content;height:fit-content;top:50%;left:calc(50% - 5dvw);transform:translate(-50%,-50%);z-index:999;pointer-events:none}#overview-placeHover svg{width:100%;height:100%;fill:transparent;pointer-events:all;cursor:pointer}#overview-enter-btn{position:fixed;top:-4rem;left:2rem;opacity:0;transform:translate(-50%,-50%);pointer-events:auto;padding:14px 48px;font-size:1rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#0a0a16;background:#ffd400;border:none;border-radius:4px;cursor:pointer;box-shadow:0 0 32px #ffd40059;will-change:transform}#scene-brands-layer{display:flex;align-items:flex-end;justify-content:center;padding-bottom:10%}#brands-notification{pointer-events:none;background:#000000bf;color:#ffd400;font-family:sans-serif;font-size:1rem;letter-spacing:.05em;padding:12px 28px;border:1px solid rgba(255,212,0,.4);border-radius:6px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}#scene-booth-layer{display:flex;align-items:flex-start;justify-content:flex-start;padding:20px}.back-btn{position:absolute;top:3rem;left:3rem;pointer-events:auto;padding:.7rem 1.75rem;font-family:Inter,sans-serif;font-size:1rem;color:#ffd400;background:#00000080;border:1px solid rgba(255,212,0,.4);border-radius:4px;cursor:pointer;transition:background .2s ease,border-color .2s ease;z-index:101}.back-btn:hover{background:#ffd4001f;border-color:#ffd400}.overview-desc2{position:absolute;max-width:40%;background:transparent;display:flex;flex-direction:column;height:fit-content;left:3rem;bottom:3rem;pointer-events:none;font-size:2vw;color:#fff;z-index:101}.overview-desc2 p:nth-child(1){text-align:left;width:100%}.overview-desc2 p:nth-child(2){text-align:left;font-weight:700;line-height:110%;width:100%}.booth-text-welcome{text-transform:uppercase;font-size:3vw;line-height:90%;max-width:fit-content;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);color:#29266e;font-weight:700;-webkit-text-stroke:5px white;paint-order:stroke fill;text-align:center}#quick-nav-menu{position:fixed;left:50%;top:3rem;transform:translate(-50%);display:flex;flex-direction:row;gap:1rem;z-index:999;pointer-events:none;opacity:0;transition:opacity .5s ease,transform .5s ease}#quick-nav-menu.visible{opacity:1;pointer-events:auto}.nav-group{position:relative;pointer-events:auto}.nav-main-item{width:fit-content;height:fit-content;padding:.7rem 1.75rem;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,212,0,.4);border-radius:4px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;color:#ffd400;font-size:1rem}.nav-main-item:hover,.nav-group:hover .nav-main-item{background:#ffd40026;border-color:#ffd400;transform:scale(1.05)}.nav-group.active .nav-main-item{background:#ffd400d9;color:#000;border-color:#ffd400}.nav-submenu{position:absolute;left:0;top:100%;padding-top:1rem;display:flex;flex-direction:column;gap:.42rem;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.165,.84,.44,1)}.nav-group:hover .nav-submenu{opacity:1;pointer-events:auto;transform:translate(0)}.submenu-item{position:relative;padding:10px 18px;width:240px;background:#0009;border:1px solid rgba(255,212,0,.4);border-radius:4px;color:#ffd400;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.submenu-item span{text-transform:uppercase}.submenu-item:hover{background:#ffd40033;border-color:#ffd400}.submenu-item.active{background:#ffd400e6;color:#fff;border-color:#ffd400}.nav-sub-submenu{position:absolute;left:100%;top:-1px;padding-left:12px;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transform:translate(-10px);transition:all .3s cubic-bezier(.165,.84,.44,1)}.submenu-item:hover .nav-sub-submenu{opacity:1;pointer-events:auto;transform:translate(0)}.sub-item{padding:8px 16px;background:#000000f2;border:1px solid rgba(255,212,0,.3);border-radius:4px;color:#ccc;font-size:.8rem;white-space:normal;overflow-wrap:break-word;width:180px;transition:all .2s ease;text-transform:uppercase}.sub-item:hover,.sub-item.active{background:#ffd400;color:#000;border-color:#ffd400}.nav-label-tooltip{position:absolute;left:55px;top:50%;transform:translateY(-50%) translate(-10px);background:#000c;padding:8px 15px;border-radius:4px;font-family:Inter,sans-serif;font-size:.8rem;color:#ffd400;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid rgba(255,212,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-group:hover .nav-label-tooltip{opacity:1;transform:translateY(-50%) translate(0)}