*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;display:flex;align-items:center;justify-content:center}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.loading-screen.visible{opacity:1;visibility:visible}.loading-screen.loaded{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff}.loading-logo{margin-bottom:30px;animation:logoFloat 3s ease-in-out infinite}.loading-logo img{height:60px;opacity:.9}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-text{font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;opacity:.7;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.loading-progress{width:180px;height:2px;background:#ffffff1a;margin:0 auto 8px;border-radius:2px;overflow:hidden}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#ff6464cc,#6496ffcc,#96ff96cc,#ffc864cc,#c864ffcc);background-size:200% 100%;animation:progressGradient 2s linear infinite;transition:width .3s ease}@keyframes progressGradient{0%{background-position:0% 0%}to{background-position:200% 0%}}.loading-percentage{font-size:12px;opacity:.5}.mobile-frame{position:relative;width:100%;max-width:56.25vh;height:100vh;background:#000;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 20px #ffffff0d}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:2147483647;display:none}html,body,*{cursor:none!important}.cursor{display:block}@media (hover: none) and (pointer: coarse){.cursor{display:none!important}}.cursor-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference}.cursor-ring{display:none}.logo{position:absolute;top:max(40px,env(safe-area-inset-top,20px));pointer-events:all;z-index:100;transition:opacity .3s ease}.logo-left{left:max(40px,env(safe-area-inset-left,20px))}.logo-right{right:max(40px,env(safe-area-inset-right,20px))}.logo img{height:40px;width:auto;opacity:.9}.logo:hover img{opacity:1}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;pointer-events:none}.center-logo img{width:auto;height:80px;opacity:.95;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.cta-wrapper{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:100;transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block;width:auto}.cta-button{position:relative;display:block;margin:0;background:#ffffff0d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:50px;box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a;color:#fff;font-size:13px;font-weight:400;letter-spacing:2px;text-transform:uppercase;padding:18px 50px;pointer-events:auto!important;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10}.cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;padding:1px;background:linear-gradient(135deg,#fff3,#fff0,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.cta-button:hover{background:#ffffff1a;border-color:#ffffff40;box-shadow:0 12px 40px #00000080,inset 0 1px #fff3}.cta-wrapper:hover .cta-button{transform:translateY(-2px)}.cta-wrapper:active .cta-button{transform:translateY(0)}.stained-glass-container{width:100%;flex:1;position:relative;background:#000;overflow:hidden;perspective:1000px;transform-style:preserve-3d}.vitrail-base{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.da-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:2;transition:opacity .3s ease}.da-overlay.active{opacity:1}.da-image{width:100%;height:100%;object-fit:cover}.zone-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s ease}.zone-svg{width:100%;height:100%;pointer-events:none}.click-zone{fill:transparent;stroke:none;cursor:pointer;pointer-events:all;transition:fill .4s ease,filter .4s ease}.click-zone:hover{fill:transparent}.zone-layer:hover,.zone-layer.lifted,.zone-1:hover,.zone-1.lifted,.zone-2:hover,.zone-2.lifted,.zone-3:hover,.zone-3.lifted,.zone-4:hover,.zone-4.lifted,.zone-5:hover,.zone-5.lifted{transform:translateZ(80px) scale(1.05);filter:drop-shadow(0 30px 50px rgba(0,0,0,.7)) brightness(1.2)}@keyframes tiltShimmer{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(255,255,255,.6))}to{filter:brightness(1.25) drop-shadow(0 0 15px rgba(255,255,255,.5))}}.glass-section{position:absolute;overflow:hidden;transition:transform .3s ease}.glass-1{top:0;left:0;width:50%;height:40%;clip-path:polygon(0 0,100% 0,45% 100%,0 80%);z-index:5}.glass-2{top:20%;left:35%;width:45%;height:50%;clip-path:polygon(10% 0,100% 10%,90% 100%,0 90%);z-index:4}.glass-3{top:0;right:0;width:55%;height:55%;clip-path:polygon(40% 0,100% 0,100% 100%,20% 100%,30% 50%);z-index:3}.glass-4{bottom:0;left:0;width:35%;height:50%;clip-path:polygon(0 20%,90% 0,100% 100%,0 100%);z-index:2}.glass-5{bottom:0;right:0;width:70%;height:60%;clip-path:polygon(25% 15%,100% 0,100% 100%,0 100%,0 70%);z-index:1}.glass-content{position:absolute;z-index:1;width:100%;height:100%}.glass-image{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.glass-1 .glass-content{top:0;left:0;width:200%;height:250%}.glass-1 .glass-image{width:100%;height:100%}.glass-2 .glass-content{top:-50%;left:-80%;width:222%;height:200%}.glass-2 .glass-image{width:100%;height:100%;object-position:45% 40%}.glass-3 .glass-content{top:0;left:-81.82%;width:181.82%;height:181.82%}.glass-3 .glass-image{width:100%;height:100%}.glass-4 .glass-content{top:-100%;left:0;width:285.71%;height:200%}.glass-4 .glass-image{width:100%;height:100%}.glass-5 .glass-content{top:-66.67%;left:-42.86%;width:142.86%;height:166.67%}.glass-5 .glass-image{width:100%;height:100%}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000001a,#ffffff0d,#0000001a);pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:.6;transition:opacity .3s ease}.glass-section:hover .glass-overlay{opacity:.3}.glass-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #1a1a1a;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 0 0 2px #000c,0 0 8px #000c,0 2px 4px #0009;pointer-events:none;z-index:10;background:linear-gradient(135deg,#3c3c3c4d,#28282866,#14141480,#28282866,#3c3c3c4d);background-clip:padding-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px}.glass-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid transparent;background:linear-gradient(to bottom right,rgba(120,120,120,.4) 0%,rgba(80,80,80,.3) 25%,transparent 50%,rgba(60,60,60,.2) 75%,rgba(100,100,100,.3) 100%);background-clip:padding-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;pointer-events:none;z-index:11;mix-blend-mode:overlay}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.fullscreen-overlay.active{opacity:1}#shatterCanvas{width:100%;height:100%;display:block}.glass-section{cursor:pointer;z-index:1}.glass-section:hover{z-index:10;transform:scale(1.02)}.glass-section.shattering{z-index:5}@media (max-width: 768px){.logo{top:max(40px,env(safe-area-inset-top,20px))}.logo-left{left:max(40px,env(safe-area-inset-left,20px))}.logo-right{right:max(40px,env(safe-area-inset-right,20px))}.logo img{height:40px}.center-logo img{height:60px}.cta-button{bottom:max(80px,env(safe-area-inset-bottom,60px));font-size:11px}.glass-1{width:55%;height:35%}.glass-2{top:18%;left:30%;width:50%;height:48%}.glass-3{width:60%;height:50%}.glass-4{width:40%;height:45%}.glass-5{width:75%;height:55%}}@media (max-width: 480px){.logo{top:max(40px,env(safe-area-inset-top,20px))}.logo-left{left:max(40px,env(safe-area-inset-left,20px))}.logo-right{right:max(40px,env(safe-area-inset-right,20px))}.logo img{height:40px}.center-logo img{height:50px}.cta-button{bottom:30px;font-size:10px;letter-spacing:1px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-experience{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;transition:opacity .8s ease,visibility .8s ease;display:flex;align-items:center;justify-content:center}.video-experience.hidden{opacity:0;visibility:hidden;pointer-events:none}.video-experience.visible{opacity:1;visibility:visible}.video-experience:before{content:"";position:absolute;width:100%;max-width:56.25vh;height:100vh;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 20px #ffffff0d;pointer-events:none;z-index:1}#videoCanvas{width:100%;max-width:56.25vh;height:100vh;display:block;position:relative;z-index:2}.video-experience .ui-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:56.25vh;height:100vh;pointer-events:none;z-index:10}.video-experience .video-cta{bottom:60px;pointer-events:auto}.video-experience .cta-button{pointer-events:auto}.video-experience .click-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:11px;font-weight:300;text-align:center;pointer-events:none;white-space:nowrap;display:flex;align-items:center;height:48px;opacity:1;transition:opacity .5s ease}.video-experience .click-hint p{margin:0;letter-spacing:.5px;line-height:1;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:3px;text-decoration-thickness:1px}.video-experience .transition-selector-wrapper{position:absolute;bottom:140px;left:50%;transform:translate(-50%);display:flex;align-items:center;max-width:90vw;pointer-events:auto}.video-experience .transition-selector{display:flex;gap:30px;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:10px 20px}.video-experience .transition-selector::-webkit-scrollbar{display:none}.video-experience .scroll-arrow{display:none;color:#fff9;font-size:16px;padding:10px;pointer-events:none;flex-shrink:0;transition:opacity .3s ease}.video-experience .transition-label{color:#fff9;font-size:14px;font-weight:300;letter-spacing:1px;margin-right:20px;white-space:nowrap}.video-experience .transition-item{color:#ffffff80;font-size:14px;font-weight:300;letter-spacing:2px;text-transform:uppercase;cursor:pointer;pointer-events:all;transition:all .3s ease;padding-bottom:8px;border-bottom:1px solid transparent;white-space:nowrap}.video-experience .transition-item:hover{color:#fffc}.video-experience .transition-item.active{color:#fff;border-bottom:1px solid rgba(255,255,255,1)}@media (max-width: 768px){.video-experience .click-hint{font-size:10px;bottom:max(30px,env(safe-area-inset-bottom,20px));left:50%;transform:translate(-50%);height:44px}.video-experience .click-hint p{font-size:10px}.restart-toggle{bottom:max(80px,env(safe-area-inset-bottom,60px));left:max(15px,env(safe-area-inset-left,15px));width:44px;height:44px}.restart-toggle .restart-icon{width:18px;height:18px}.video-experience .transition-selector-wrapper{bottom:max(150px,calc(env(safe-area-inset-bottom,60px) + 70px))}.video-experience .scroll-arrow{display:block}.video-experience .transition-label{display:none}.video-experience .transition-item{font-size:11px;letter-spacing:1px}}.glass-section{animation:fadeIn .8s ease-out;animation-fill-mode:both}.glass-top{animation-delay:.1s}.glass-left{animation-delay:.2s}.glass-center{animation-delay:.3s}.glass-right{animation-delay:.4s}.glass-bottom{animation-delay:.5s}.sound-toggle{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;border:none;background:transparent;border:1px solid transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sound-toggle:hover{background:#ffffff1a;border-color:#ffffff40;transform:scale(1.05)}.sound-toggle:active{transform:scale(.95)}.sound-toggle .sound-icon{width:24px;height:24px;transition:opacity .2s ease}.sound-toggle .equalizer-icon{opacity:.5;transition:opacity .3s ease}.sound-toggle.unmuted .equalizer-icon{opacity:1}.sound-toggle .equalizer-icon line{animation:none;transform-origin:center}.sound-toggle.unmuted .equalizer-icon line{animation:equalizer .8s ease-in-out infinite}.sound-toggle.unmuted .equalizer-icon line:nth-child(1){animation-delay:0s}.sound-toggle.unmuted .equalizer-icon line:nth-child(2){animation-delay:.2s}.sound-toggle.unmuted .equalizer-icon line:nth-child(3){animation-delay:.4s}.sound-toggle.unmuted .equalizer-icon line:nth-child(4){animation-delay:.6s}@keyframes equalizer{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(.5);opacity:1}}.vitrail-sound-toggle{position:absolute;bottom:100px;right:20px;width:48px;height:48px;z-index:1000;pointer-events:auto}.video-sound-toggle{position:fixed;bottom:30px;right:20px;width:48px;height:48px;z-index:1000;pointer-events:auto;background:transparent;border:1px solid transparent}.video-sound-toggle .sound-icon{width:20px;height:20px}.video-sound-toggle:hover{background:#0000001a;border-color:#00000026}.restart-toggle{position:fixed;bottom:30px;left:20px;width:48px;height:48px;border-radius:50%;border:none;background:transparent;border:1px solid transparent;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:auto}.restart-toggle:hover{background:#0000001a;border-color:#00000026;transform:scale(1.05)}.restart-toggle:active{transform:scale(.95)}.restart-toggle .restart-icon{width:20px;height:20px;transition:opacity .2s ease}@media (max-width: 768px){.sound-toggle{width:44px;height:44px;bottom:15px;right:15px}.sound-toggle .sound-icon{width:20px;height:20px}.video-sound-toggle{bottom:max(30px,env(safe-area-inset-bottom,20px));right:15px}}