#enter,#loader,#noise,#smoke,.cursor{position:fixed}#noise,#smoke,.cursor,.lock,.visual-glow,.visual-overlay{pointer-events:none}.logo,.social a{letter-spacing:.3em}*,::after,::before{margin:0;padding:0;box-sizing:border-box;cursor:none}body,html{background:#000;color:#f2f2f2;font-family:Inter,sans-serif;overflow-x:hidden}#enter,#loader{inset:0;display:grid;place-items:center;background:#000}#enter{z-index:5000}#loader{z-index:4000}#enter span{letter-spacing:.6em;animation:1.6s infinite blink}@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}#loader h1{font-size:4rem;letter-spacing:.4em;animation:1.4s infinite pulse}@keyframes pulse{0%,100%{opacity:.2}50%{opacity:1}}.cursor{width:14px;height:14px;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);z-index:10000;transition:width .25s,height .25s,background .25s}.cursor.active{width:42px;height:42px;background:rgba(255,255,255,.08)}#noise{inset:0;background:url("https://grainy-gradients.vercel.app/noise.svg");opacity:.1;z-index:20}#smoke{inset:0;opacity:.35;z-index:5}.section{min-height:100vh;padding:6vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translateY(80px);transition:opacity 1.4s,transform 1.4s;position:relative;z-index:30}.section.visible{opacity:1;transform:translateY(0)}.logo{font-size:clamp(4rem, 10vw, 9rem);animation:6s ease-in-out infinite breathe}@keyframes breathe{0%,100%{letter-spacing:.28em;opacity:.8}50%{letter-spacing:.34em;opacity:1}}.motto{margin-top:2rem;opacity:.6}.visual{border-radius:28px;display:flex;gap:3vw;perspective:1600px}.visual-box{width:30%;height:60vh;position:relative;background:#000;overflow:hidden;border-radius:28px;border-radius:inherit;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16, 1, .3, 1),box-shadow .9s cubic-bezier(.16, 1, .3, 1)}.lock,.lock-body,.lock-shackle,.visual-glow,.visual-img,.visual-overlay{position:absolute}.visual-box.active{transform:translateY(-16px) rotateX(6deg);box-shadow:0 50px 140px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.05)}.visual-img{border-radius:28px;inset:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.15);transform:scale(1.4) translateZ(-60px);opacity:0;transition:opacity .6s,transform 1.5s cubic-bezier(.16, 1, .3, 1),filter .8s;will-change:filter,transform;backface-visibility:hidden}.visual-box.active .visual-img{border-radius:28px;opacity:1;transform:scale(.99) translateZ(0);/*filter:grayscale(0) contrast(1.25)*/}.visual-overlay{border-radius:28px;inset:0;background:linear-gradient(to top,#000 12%,transparent 65%);opacity:.95;transition:opacity .5s}@keyframes glitch{0%{clip-path:inset(30% 0 60% 0)}40%{clip-path:inset(10% 0 75% 0)}80%{clip-path:inset(55% 0 20% 0)}100%{clip-path:inset(0)}}.visual-box.active .visual-overlay{border-radius:28px;opacity:.65;animation:.45s steps(2) glitch;mix-blend-mode:difference}.visual-glow{inset:-30%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 60%);opacity:0;transform:scale(.7);transition:opacity .8s,transform 1.2s}.visual-box.active .visual-glow{opacity:1;transform:scale(1)}@keyframes lockPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.lock{top:50%;left:50%;width:48px;height:64px;transform:translate(-50%,-50%);animation:1.5s ease-in-out infinite lockPulse;mix-blend-mode:difference;z-index:5}.lock-body{bottom:0;width:100%;height:42px;background:#515151;border-radius:6px}.lock-shackle{top:-18px;left:50%;width:30px;height:28px;border:4px solid #515151;border-bottom:none;border-radius:16px 16px 0 0;transform:translateX(-50%);transform-origin:left bottom;transition:transform .35s cubic-bezier(.4, 0, .2, 1),opacity .25s}.visual-box.active .lock{animation:none}.visual-box.active .lock-shackle{transform:translateX(-50%) rotate(-45deg);opacity:0}.visual-box.active .lock-body{opacity:0;transition:opacity .3s}@media (hover:none){.lock{animation-duration:1.3s}}.social a{font-size:1.6rem;text-decoration:none;color:#fff;margin:1rem;display:inline-block}@media (max-width:768px){*{cursor:auto}body{font-size:14px}.cursor,.visual-glow{display:none}#enter span{letter-spacing:.35em;font-size:.9rem}#loader h1{font-size:2.2rem;letter-spacing:.25em}.section{padding:12vw 6vw;min-height:100svh;transform:translateY(40px)}.logo{font-size:clamp(3rem, 14vw, 5rem);letter-spacing:.135em}.motto{margin-top:1.2rem;font-size:.85rem}.visual{flex-direction:column;gap:5vh;perspective:none}.visual-box{width:100%;height:55vh;transform:none!important;box-shadow:none}.visual-box.active{transform:none;box-shadow:0 30px 80px rgba(0,0,0,.6)}.visual-img{transform:scale(1.15)}.visual-box.active .visual-img{transform:scale(1)}.visual-overlay{opacity:.85}.visual-box.active .visual-overlay{opacity:.6;animation:none;mix-blend-mode:normal}.lock{width:42px;height:56px}.lock-body{height:38px}.lock-shackle{width:26px;height:24px}.social a{font-size:1.1rem;letter-spacing:.22em;margin:.8rem}}