:root{--ink:#050505;--green:#BAC01E;--green-hi:#D6DC3A;--bone:#ECECEA;--dim:rgba(236,236,234,.55);--faint:rgba(236,236,234,.2);--disp:"Bricolage Grotesque",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--ink);color:var(--bone);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(125% 100% at 64% 44%,#111308,#080804 52%,#030302)}.plane{position:absolute;inset:-4%;width:108%;height:108%;background-position:center;background-size:cover;background-repeat:no-repeat;will-change:transform}.p-smoke{z-index:1;background-image:url(/hero/smoke.png)}.p-flask{z-index:2;background-image:url(/hero/flask.png);mix-blend-mode:overlay}.p-person{z-index:4;background-image:url(/hero/person.png);background-position:70% center}.p-fsmoke{z-index:5;background-image:url(/hero/frontsmoke.png);mix-blend-mode:screen}.wordimg{position:absolute;z-index:3;left:3%;top:52%;transform:translateY(-50%);width:calc(68.1vw + 171px);max-width:1700px;height:auto;pointer-events:none;filter:drop-shadow(0 0 30px rgba(186,192,30,.22))}.vignette{position:fixed;inset:0;z-index:6;pointer-events:none;background:radial-gradient(140% 115% at 62% 46%,transparent 50%,rgba(0,0,0,.6) 100%)}.grain{position:fixed;inset:-50%;z-index:7;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,2%)}80%{transform:translate(4%,3%)}to{transform:translate(0)}}.ui{position:fixed;inset:0;z-index:11}.ui>*{pointer-events:auto}.top{position:absolute;top:0;left:0;right:0;padding:26px 40px;display:flex;align-items:center;justify-content:space-between}.menu{display:flex;flex-direction:column;gap:5px;cursor:pointer;width:30px}.menu span{height:2px;background:var(--bone);border-radius:2px;transition:.3s var(--ease)}.menu span:nth-child(2){width:70%}.menu:hover span:nth-child(2){width:100%}.brand{font-family:var(--mono);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--green-hi)}.contact{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone);border:1px solid rgba(236,236,234,.34);padding:11px 20px;border-radius:2px;background:transparent;cursor:pointer;transition:.3s var(--ease)}.contact:hover{border-color:var(--green);color:var(--green-hi);box-shadow:0 0 22px #bac01e40}.label-lol{position:absolute;top:33%;left:40px;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--faint)}.bottom{position:absolute;left:40px;bottom:44px;max-width:44ch}.quote{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.4vw,30px);line-height:1.18;color:var(--bone);margin-bottom:6px;text-shadow:0 2px 26px rgba(0,0,0,.7)}.quote .mk{color:var(--green-hi);white-space:nowrap}.sub{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--dim);margin-bottom:24px}.cta{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--green);border:0;padding:14px 26px;border-radius:2px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:.3s var(--ease)}.cta .dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}.cta:hover{background:var(--green-hi);box-shadow:0 0 30px #bac01e73;transform:translateY(-1px)}.social{position:absolute;right:40px;bottom:44px;display:flex;flex-direction:column;gap:14px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--dim)}.social a{color:var(--dim);text-decoration:none;transition:.25s}.social a:hover{color:var(--green-hi)}.stage,.ui{opacity:0;transition:opacity 1.1s var(--ease)}body.live .stage,body.live .ui{opacity:1}body.live .bottom,body.live .top,body.live .social{animation:rise 1s var(--ease) both}body.live .bottom{animation-delay:.25s}body.live .social{animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.intro{position:fixed;inset:0;z-index:40;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;transition:opacity 1.2s var(--ease),visibility 1.2s;cursor:pointer}.intro.gone{opacity:0;visibility:hidden}.intro .kick{font-family:var(--mono);font-size:11px;letter-spacing:.55em;text-transform:uppercase;color:var(--green-hi);opacity:0;animation:lineIn .8s var(--ease) .2s forwards}.intro .l1{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;font-size:clamp(30px,6.4vw,86px);line-height:.98;color:var(--bone);opacity:0;animation:lineIn 1s var(--ease) .8s forwards}.intro .l2{font-family:var(--disp);font-weight:600;font-size:clamp(15px,2vw,24px);color:var(--dim);opacity:0;animation:lineIn 1s var(--ease) 1.7s forwards}.intro .l2 b{color:var(--green-hi);font-weight:700}.intro .hint{position:absolute;bottom:40px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);opacity:0;animation:lineIn 1s var(--ease) 2.6s forwards}@keyframes lineIn{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@media (max-width:640px){.top{padding:18px 20px}.label-lol,.social{display:none}.bottom{left:20px;right:20px;bottom:26px;max-width:none}}@media (prefers-reduced-motion:reduce){.grain{display:none}*{animation-duration:1ms!important;transition-duration:.2s!important}}