*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:#060608;color:#fff;font-family:Lemon Milk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;cursor:none}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.scroll-container{height:800vh;position:relative;z-index:1;pointer-events:none}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:500;transition:opacity .9s ease}#preloader.hidden{opacity:0;pointer-events:none}.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:28px}#cube-video{width:min(420px,70vw);height:auto;display:block}.preloader-text{font-size:.8rem;letter-spacing:.55em;font-weight:400;text-transform:uppercase;background:linear-gradient(90deg,#6b4c14,#c8961e,#f5d680,#c8961e,#6b4c14);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 2.5s ease-in-out infinite}@keyframes goldShimmer{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}.preloader-bar{width:200px;height:1px;background:#c8961e2e}.preloader-fill{height:100%;width:0%;background:linear-gradient(90deg,#6b4c14,#f5d680,#6b4c14);transition:width .3s ease}.scroll-progress-line{position:fixed;top:0;left:0;width:0%;height:1px;background:#ffffff59;z-index:50;transition:width .08s linear}.site-header{position:fixed;top:0;left:0;right:0;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:30;pointer-events:all}.logo{display:flex;align-items:center;gap:.9rem}.logo-cube{height:84px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.logo-text-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.gold-3d{font-family:Lemon Milk,Cinzel,serif;text-transform:uppercase;background:linear-gradient(180deg,#3a2606,#fdf3c8 7%,#e8bc55 16%,#fff8dd 26%,#d3a232,#7a5a12 50%,#f5d680 60%,#b8860b,#ffedb0 84%,#8a6516 93%,#2a1c04);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:.8px rgba(70,46,8,.55);filter:drop-shadow(0 1px 0 rgba(255,240,190,.35)) drop-shadow(0 1px 0 rgba(50,32,4,.9)) drop-shadow(0 3px 3px rgba(0,0,0,.75))}.logo-text{font-size:1.15rem;font-weight:700;letter-spacing:.28em}.logo-sub{font-size:.62rem;font-weight:600;letter-spacing:.62em;margin-right:-.62em;text-align:center}.site-nav{display:flex;gap:2.5rem}.site-nav a{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;text-decoration:none;transition:color .3s;font-weight:500}.site-nav a:hover{color:#fff}.hero-tagline{position:fixed;left:3rem;bottom:3rem;display:flex;flex-direction:column;z-index:30;pointer-events:none}.tagline-line{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:400;line-height:1.12;letter-spacing:.14em}.tagline-em{font-weight:700;font-style:italic}.scroll-hint{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:30;pointer-events:none;transition:opacity .5s ease}.scroll-hint span{font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;opacity:.35;font-weight:500}.scroll-line{width:1px;height:40px;background:#ffffff40;transform-origin:top;animation:scrollDrop 2s ease infinite}@keyframes scrollDrop{0%{transform:scaleY(0);opacity:1}to{transform:scaleY(1);opacity:0}}.progress-bar{position:fixed;left:2.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:30}.progress-dot{width:4px;height:4px;border-radius:50%;background:#ffffff38;transition:background .35s,transform .35s;cursor:pointer;pointer-events:all}.progress-dot.active{background:#fff;transform:scale(1.6)}.album-section{position:fixed;right:4.5rem;top:50%;transform:translateY(-50%) translateY(24px);width:260px;opacity:0;transition:opacity .55s ease,transform .55s ease;z-index:30;pointer-events:none}.album-section.visible{opacity:1;transform:translateY(-50%) translateY(0);pointer-events:all}.album-label{font-size:.6rem;letter-spacing:.4em;opacity:.35;margin-bottom:.7rem;font-weight:500;text-transform:uppercase}.album-title{font-size:1.75rem;font-weight:300;line-height:1.15;margin-bottom:.45rem;letter-spacing:-.02em}.album-sub{font-size:.68rem;opacity:.4;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.3rem}.album-divider{width:36px;height:1px;background:#ffffff40;margin-bottom:1.3rem}.album-thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:1.3rem}.thumb-placeholder{aspect-ratio:2/3;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:2px}.album-btn{display:inline-block;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffff8c;background:transparent;border:1px solid rgba(255,255,255,.18);padding:.55rem 1.1rem;cursor:pointer;border-radius:2px;transition:color .3s,border-color .3s;font-family:inherit;font-weight:500}.album-btn:hover{color:#fff;border-color:#ffffff8c}.cursor{width:7px;height:7px;background:#fff;border-radius:50%;position:fixed;pointer-events:none;z-index:999;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;mix-blend-mode:difference}.cursor.active{opacity:1}.cursor-ring{width:30px;height:30px;border:1px solid rgba(255,255,255,.45);border-radius:50%;position:fixed;pointer-events:none;z-index:998;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;mix-blend-mode:difference}.cursor-ring.active{opacity:1}@media (max-width: 768px){.site-header{padding:1.5rem}.site-nav{display:none}.album-section{right:1.5rem;width:220px}.progress-bar{left:1rem}.cursor,.cursor-ring{display:none}.logo-cube{height:63px}.logo-text{font-size:.9rem}.logo-sub{font-size:.5rem}.hero-tagline{left:1.5rem;bottom:5.5rem}.holo-card{width:88vw}.holo-skew{transform:skew(-6deg)}.holo-info-head{flex-direction:column;align-items:flex-start;gap:4px}}.holo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none;opacity:0;transition:opacity .55s ease;perspective:1400px}.holo-overlay.active{opacity:1;pointer-events:all}.holo-overlay.focused{z-index:100}#webgl{transition:filter .5s ease}#webgl.blurred{filter:blur(26px) brightness(.32) saturate(.5)}.holo-aura{position:absolute;left:50%;top:50%;width:72vmin;height:72vmin;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(var(--s));background:radial-gradient(circle,rgba(80,170,255,.16) 0%,rgba(150,90,255,.08) 45%,transparent 70%);filter:blur(28px);pointer-events:none;animation:holo-aura-drift 9s ease-in-out infinite alternate}@keyframes holo-aura-drift{0%{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(var(--s)) scale(1)}to{transform:translate(-50%,-52%) translate(var(--dx),var(--dy)) scale(var(--s)) scale(1.12)}}.holo-depth{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--dx),calc(var(--dy) + 70px)) scale(calc(var(--s) * .82)) rotateX(7deg);transform-style:preserve-3d;transition:transform .95s cubic-bezier(.16,1,.3,1);will-change:transform}.holo-overlay.active .holo-depth{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(var(--s)) rotateX(0)}.holo-overlay.focused .holo-depth{transform:translate(-50%,-50%) scale(1.04) rotateX(0);transition-duration:.7s}.holo-card{position:relative;width:min(60vw,940px);transform:rotateX(var(--tiltY, 0deg)) rotateY(var(--tiltX, 0deg));transform-style:preserve-3d}.holo-skew{transform:skew(-9deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1)}.holo-overlay.focused .holo-skew{transform:skew(0)}.holo-screen{position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#080c168c;backdrop-filter:blur(14px) saturate(1.35) brightness(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.35) brightness(1.08);box-shadow:0 34px 90px #0009,0 0 70px #5ab4ff1f,inset 0 0 46px #78c8ff0d;animation:holo-float 7s ease-in-out infinite;transition:box-shadow .6s ease}@keyframes holo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.holo-overlay.focused .holo-screen{box-shadow:0 44px 120px #000000b3,0 0 110px #6ebeff38,inset 0 0 46px #78c8ff12}.holo-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,#96e1ffb3,#ffffff14,#aa78ff73 70%,#ffc87859);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:6}.holo-gif{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.85;filter:brightness(1.15) contrast(1.12) saturate(1.28);z-index:1}.holo-overlay.focused .holo-gif{opacity:1}.holo-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.03) 44%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.03) 56%,transparent 70%);mix-blend-mode:overlay;pointer-events:none;z-index:3;animation:holo-glare 8s ease-in-out infinite}@keyframes holo-glare{0%,to{transform:translate(-18%);opacity:.5}50%{transform:translate(18%);opacity:1}}.holo-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(120,210,255,.035) 3px,rgba(120,210,255,.035) 4px);pointer-events:none;z-index:4}.holo-sweep{position:absolute;left:0;right:0;top:-35%;height:30%;background:linear-gradient(180deg,transparent,rgba(140,220,255,.08),transparent);pointer-events:none;z-index:5;animation:holo-sweep 5.5s linear infinite}@keyframes holo-sweep{0%{transform:translateY(0)}to{transform:translateY(460%)}}.holo-corner{position:absolute;width:26px;height:26px;z-index:7;pointer-events:none;border-color:#ffc364a6;filter:drop-shadow(0 0 6px rgba(255,190,90,.35));transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .45s ease}.holo-corner.tl{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.holo-corner.tr{top:12px;right:12px;border-top:1px solid;border-right:1px solid}.holo-corner.bl{bottom:12px;left:12px;border-bottom:1px solid;border-left:1px solid}.holo-corner.br{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid}.holo-overlay:not(.active) .holo-corner{transform:scale(1.6);opacity:0}.holo-overlay.focused .holo-corner{border-color:#ffd282f2}.holo-hud{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:8;pointer-events:none;font-family:Inter,sans-serif;font-size:9px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#b9e6ffa6;text-shadow:0 0 12px rgba(120,200,255,.4)}.holo-hud-live{display:flex;align-items:center;gap:7px;color:#96ebffcc}.holo-hud-live i{width:6px;height:6px;border-radius:50%;background:#7fe7ff;box-shadow:0 0 10px #7fe7ff;animation:holo-blink 1.6s ease-in-out infinite}@keyframes holo-blink{0%,to{opacity:1}50%{opacity:.25}}.holo-info{position:relative;margin-top:20px;transform:translateZ(36px);font-family:Inter,sans-serif}.holo-info-head{display:flex;align-items:baseline;gap:16px}.holo-index{font-size:.65rem;font-weight:500;letter-spacing:.3em;color:#ffc86ebf}.holo-label{margin:0;font-family:Cinzel,serif;font-size:1.15rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px rgba(120,205,255,.55),0 0 60px rgba(120,205,255,.25)}.holo-meta{margin-top:7px;font-size:.6rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:#d2e4f580}.holo-expand{max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .6s cubic-bezier(.16,1,.3,1) .1s,opacity .5s ease .15s,transform .6s cubic-bezier(.16,1,.3,1) .1s}.holo-overlay.focused .holo-expand{max-height:200px;opacity:1;transform:translateY(0)}.holo-desc{margin:14px 0 0;max-width:46ch;font-size:.72rem;font-weight:300;line-height:1.8;letter-spacing:.08em;color:#e1eefabf}.holo-close{margin-top:16px;padding:0;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#ffc86ecc;text-shadow:0 0 14px rgba(255,190,90,.3);transition:color .3s ease,letter-spacing .3s ease}.holo-close:hover{color:#ffd694;letter-spacing:.38em}.holo-hint{display:inline-block;margin-top:12px;font-size:.58rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:#a0d7ff73;animation:holo-blink 2.4s ease-in-out infinite;transition:opacity .3s ease}.holo-overlay.focused .holo-hint{opacity:0}.holo-exact .holo-depth{left:0;top:0;transform-origin:0 0;transition:none}.holo-exact .holo-card{width:320px}.holo-exact .holo-skew{transform:none}.holo-exact .holo-aura{display:none}.holo-exact .holo-info{transform:none}.holo-exact .holo-overlay.focused .holo-depth,.holo-exact .holo-depth.holo-returning{transition:transform .75s cubic-bezier(.16,1,.3,1)}