.lab-root{--u:min(1vw, 1.6vh);--fs:calc(10.4 * var(--u));--step:calc(9.45 * var(--u));--left:max(calc(5.55 * var(--u)), calc((100vw - 85rem) / 2 + 2.5rem));--top:calc(12 * var(--u));--night:#0a0912;--paper:#efedf6;--lav:#7273bd;--lav-soft:#b9bae3;background:var(--night);color:var(--paper)}@media (max-width:767px){.lab-root{--fs:13.4vw;--step:12.4vw;--left:5vw;--top:24svh}}.lab-intro,.lab-band{z-index:60;position:fixed;inset:0}.lab-intro{perspective:1200px;background:radial-gradient(60rem 40rem at 50% 55%,#15122e,#07060d 70%);place-items:center;display:grid}.lab-band{z-index:61;pointer-events:none;clip-path:polygon(0 0,0 0,0 0);will-change:clip-path}.lab-camera{width:min(52vw,760px);transform-style:preserve-3d;will-change:transform, filter;position:relative}@media (max-width:767px){.lab-camera{width:84vw}}.lab-pen{background:var(--lav-soft);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 8px #7273bd2e}.lab-trace{transform-origin:0;background:linear-gradient(90deg, var(--lav-soft), #7273bd00);width:100vw;height:3px;margin-top:-1.5px;position:absolute}.lab-field{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lab-scene{height:200svh;position:relative}.lab-stage{perspective:1700px;perspective-origin:50% 42%;background:linear-gradient(to bottom, transparent 62%, var(--night) 100%), radial-gradient(50rem 34rem at 92% 78%, #7273bd33, transparent 70%), radial-gradient(70rem 50rem at 8% -12%, #221c5d99, transparent 70%), var(--night);height:100svh;position:sticky;top:0;overflow:hidden}.lab-tilt,.lab-fold,.lab-entry{transform-style:preserve-3d;position:absolute;inset:0}.lab-tilt{will-change:transform}.lab-word,.lab-ghost{left:calc(var(--left) + var(--i) * var(--step));top:calc(var(--top) + var(--i) * var(--step));font-size:var(--fs);letter-spacing:-.05em;white-space:nowrap;transform-origin:0 0;will-change:transform;font-weight:500;line-height:.9;position:absolute}.lab-mask{margin-bottom:-.24em;padding:.04em .06em .24em 0;display:block;overflow:hidden}.lab-mask>span{will-change:transform;display:block}.lab-magnet{transform-origin:40% 60%;will-change:transform;display:block;position:relative}.lab-underline,.lab-outline{--l:0;--r:100;pointer-events:none;clip-path:inset(-30% calc(var(--r) * 1%) -30% calc(var(--l) * 1%));position:absolute}.lab-underline{background:linear-gradient(90deg, var(--lav-soft), #7273bd59);height:1px;margin-top:-.5px;top:1em;left:calc(9px - .16em);right:-.08em}.lab-underline:before{content:"";background:repeating-linear-gradient(90deg,#b9bae373 0 1px,#0000 1px .25em);height:4px;position:absolute;inset:4px 0 auto}.lab-underline:after{content:"";background:var(--lav-soft);width:1px;height:9px;position:absolute;top:-4px;right:0}.lab-outline{white-space:nowrap;color:#0000;-webkit-text-stroke:1px #b9bae399;padding-top:.04em;top:0;left:0}.lab-index{font-family:var(--font-mono);letter-spacing:.06em;color:var(--lav-soft);margin-left:.14em;font-size:13px;position:absolute;top:.12em;left:100%}.lab-ghost{color:#0000;-webkit-text-stroke:1px #b9bae321;pointer-events:none}.lab-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lab-definition{position:absolute;bottom:6rem;left:1.25rem;right:1.25rem}@media (min-width:640px){.lab-definition{left:2rem}}@media (min-width:1024px){.lab-definition{top:calc(var(--top) + var(--step) + .12 * var(--fs));width:23rem;bottom:auto;left:auto;right:max(2.5rem,50vw - 40rem)}}@media (prefers-reduced-motion:reduce){.lab-intro,.lab-band{display:none!important}.lab-scene{height:100svh}.lab-tilt{transform:none!important}}
