*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#veil{z-index:10;pointer-events:none;opacity:1;background:#000;transition:opacity 3.5s ease-in-out;position:fixed;inset:0}body.revealed #veil{opacity:0}#ui{z-index:5;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:0 1rem;display:flex;position:fixed;inset:0}#name{color:#fff;letter-spacing:.4em;text-transform:uppercase;text-indent:.4em;white-space:nowrap;opacity:0;text-shadow:0 0 12px #ffffff8c,0 0 40px #ffffff40,0 0 90px #a0dcff4d;font-size:clamp(2rem,7vw,4.5rem);font-weight:200;transition:opacity 4s 1.2s}body.revealed #name{opacity:1}#name .l{animation:7s ease-in-out infinite alternate waft;display:inline-block}@keyframes waft{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:.72;filter:blur(.8px);transform:translate(3px,-5px)}}#links{opacity:0;flex-wrap:wrap;justify-content:center;gap:2rem;transition:opacity 4s 2.6s;display:flex}body.revealed #links{opacity:1}.btn{pointer-events:auto;color:#ffffffd9;filter:drop-shadow(0 0 8px #ffffff73)drop-shadow(0 0 26px #a0dcff40);transition:color .6s,filter .6s;animation:8s ease-in-out infinite alternate btn-drift;display:block}.btn:nth-child(2){animation-duration:9.5s;animation-delay:2.4s}.btn svg{fill:currentColor;width:32px;height:32px;display:block}.btn:hover,.btn:focus-visible{color:#fff;filter:drop-shadow(0 0 10px #fffc)drop-shadow(0 0 34px #b4e6ff80)}@keyframes btn-drift{0%{opacity:1;transform:translate(0)}to{opacity:.75;transform:translate(2px,-4px)}}