.landing .lightsaber-hero{--hero-level:0;--hero-extension:0;--hero-x:50%;position:relative;isolation:isolate;margin-inline:calc(var(--gutter) * -1)}.landing .lightsaber-intro{position:absolute;top:1.5rem;left:var(--gutter);z-index:2;pointer-events:none}.landing .lightsaber-intro h1{font-size:clamp(5rem,11.8vw,11rem);line-height:.82;letter-spacing:-.025em}.landing .lightsaber-intro h1>span{display:block}.landing .lightsaber-intro h1>span+span{margin-left:.48em;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.landing .hero-period{color:var(--signal-mid);-webkit-text-stroke:0}.landing .hero-letter{position:relative;display:inline-block;white-space:pre}.landing .hero-letter:after,.landing .hero-letter:before{content:attr(data-letter);position:absolute;inset:0;opacity:var(--letter-heat,0);-webkit-text-stroke:0;pointer-events:none}.landing .hero-letter:before{color:var(--ink);clip-path:inset(0 0 46% 0);transform:translate(calc(var(--letter-heat, 0) * -.035em),calc(var(--letter-heat, 0) * -.012em));text-shadow:0 0 .045em var(--ink),0 0 .12em var(--signal-mid)}.landing .hero-letter:after{color:var(--signal-mid);clip-path:inset(48% 0 0 0);transform:translate(calc(var(--letter-heat, 0) * .045em),calc(var(--letter-heat, 0) * .012em));text-shadow:0 0 .045em var(--signal-high),0 0 .14em var(--signal-mid)}.landing .hero-description{position:absolute;z-index:2;top:1.5rem;right:var(--gutter);max-width:25ch;margin:0;font-size:.8rem;color:var(--ink);pointer-events:none}.landing .lightsaber-stage{border:0;border-radius:0;background:var(--void)}.landing .lightsaber-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--hero-x) 65%,color-mix(in srgb,var(--signal-mid) 22%,transparent),transparent 65%);opacity:calc(var(--hero-extension) * .55 + var(--hero-level) * .45);mix-blend-mode:screen}.foundation.landing .lightsaber-canvas{height:clamp(28rem,70svh,43rem)}.foundation.landing .lightsaber-canvas:focus-visible{outline:none}.landing .lightsaber-stage-caption{inset-inline:var(--gutter);bottom:1.5rem;z-index:2}.landing .lightsaber-stage-caption span:first-child{padding:.55rem .85rem;border:1px solid var(--signal-mid);border-radius:2rem;color:var(--signal-mid);background:var(--void)}.landing .lightsaber-stage-caption span:last-child{align-self:center;color:var(--mute)}.landing .lightsaber-activation{position:absolute;inset:40% 0 0;z-index:3;display:grid;place-content:center;pointer-events:none}.landing .lightsaber-activation button{pointer-events:auto;min-height:64px;padding:1rem 1.75rem;border:1px solid var(--signal-mid);border-radius:3rem;background:var(--signal-mid);color:var(--void);font-family:var(--font-display);font-size:2rem;font-weight:800;text-transform:uppercase;cursor:pointer}.landing .lightsaber-activation button:enabled:hover{background:var(--ink);color:var(--void)}.landing .lightsaber-activation button:disabled{opacity:.65;cursor:wait}.landing .hero-signal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2rem;margin-inline:var(--gutter);padding-block:.5rem;border-block:1px solid var(--graphite-edge);color:var(--mute);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.landing .hero-signal svg{width:100%;height:40px;stroke:var(--signal-mid);stroke-width:1.25;fill:none}.foundation.landing .lightsaber-help{margin-inline:var(--gutter);max-width:none;padding-block:.75rem;color:var(--mute);font-size:.7rem}.landing .hero-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem 3rem;padding:.5rem var(--gutter) 2.5rem}.landing .hero-footer p{margin:0;font-size:.85rem}.landing .lightsaber-links a{font-size:.8rem}.landing .lightsaber-links a:last-child{color:var(--signal-mid)}@media (max-width:760px){.landing .hero-description{top:clamp(13rem,36svh,19rem);right:auto;left:var(--gutter);max-width:18ch;font-size:.7rem}.landing .lightsaber-intro{top:1.5rem}.landing .lightsaber-intro h1{font-size:clamp(3.5rem,19.5vw,8rem)}.foundation.landing .lightsaber-canvas{height:clamp(24rem,66svh,38rem)}.landing .hero-footer{display:block;padding-bottom:2rem}.landing .hero-footer p{margin-bottom:.75rem}.landing .hero-signal{grid-template-columns:auto minmax(0,1fr);gap:1rem;font-size:.6rem}.landing .hero-signal span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.landing .hero-letter:after,.landing .hero-letter:before,.landing .lightsaber-stage:after{display:none}}