*{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}.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}.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:40px;left:40px;pointer-events:all;z-index:100;transition:opacity .3s ease}.logo img{height:35px;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:20px;left:20px}.logo img{height:25px}.center-logo img{height:60px}.cta-button{bottom:40px;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:15px;left:15px}.logo img{height:20px}.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:60px;left:50%;transform:translate(-50%);color:#ffffffe6;font-size:14px;font-weight:300;text-align:center;padding:16px 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.2);transition:all 1.2s cubic-bezier(.4,0,.2,1);pointer-events:auto;cursor:pointer;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:48px}.video-experience .click-hint p{margin:0;letter-spacing:1px;transition:opacity 1s ease,font-size 1s ease}.video-experience .click-hint.collapsed{padding:0;width:48px!important;height:48px!important;border-radius:50%!important;background:#ffffff26;border:2px solid rgba(255,255,255,.4)}.video-experience .click-hint.collapsed p{opacity:0;font-size:0;transition:opacity 1s ease,font-size 1s ease}.video-experience .click-hint.collapsed:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fffc;border-radius:50%;box-shadow:0 0 10px #ffffff80;opacity:1;transition:opacity .8s ease}.video-experience .click-hint:not(.collapsed){padding:16px 40px;border-radius:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.video-experience .click-hint:not(.collapsed) p{opacity:1;font-size:14px;transition:opacity 1s ease,font-size 1s ease}.video-experience .click-hint:not(.collapsed):before{opacity:0;transition:opacity .8s ease}.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:13px;padding:14px 30px;bottom:40px;min-height:40px}.video-experience .click-hint p{font-size:13px}.video-experience .click-hint.collapsed{width:40px!important;height:40px!important;padding:0!important}.video-experience .click-hint.collapsed:before{width:10px;height:10px}.video-experience .click-hint.collapsed:hover{padding:14px 30px!important;width:auto!important;height:auto!important;min-height:40px}.video-experience .click-hint.collapsed:hover p{font-size:13px!important}.video-experience .transition-selector-wrapper{bottom:120px}.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}