.has-thread{position:relative}.thread{top:0;pointer-events:none;position:absolute;inset-inline-start:-30px;overflow:visible}.steps.has-thread .thread{z-index:0;inset-inline-start:0}.steps.has-thread .step{z-index:1}.thread path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.scenes .why-row:not([data-lit]) dt .ic,.scenes .rung:not([data-lit]) .num,.scenes .step:not([data-lit]) .k{color:var(--ink-faint);opacity:.55}.why-row dt .ic,.rung .num,.step .k{transition:color .6s var(--ease), opacity .6s var(--ease)}@media (width<=1199px){.thread{inset-inline-start:-22px}}.groove{opacity:.55;height:40px;margin:0 0 clamp(28px,4vw,44px);overflow:hidden}.groove svg{width:100%;display:block;overflow:visible}.groove path{fill:none;stroke:var(--ink-faint);stroke-width:1px;stroke-linejoin:round}.scene-figure{border:1px solid var(--line);border-radius:var(--r-l);background:color-mix(in srgb, var(--surface) 92%, transparent);margin:40px 0 0;position:relative;overflow:hidden}.scene-figure canvas{width:100%;height:100%;display:block}.scene-figure.synteza{height:clamp(320px,42vw,440px)}.scene-figure.synteza figcaption{inset-inline-start:20px;max-width:36ch;color:var(--ink-soft);font-size:.875rem;line-height:1.45;position:absolute;bottom:16px}.scene-figure.crystal{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:0;display:grid}.scene-figure.crystal>div{min-height:360px;position:relative}.scene-figure.crystal canvas{position:absolute;inset:0}.scene-figure.crystal figcaption{color:var(--ink-soft);align-self:center;gap:12px;padding:28px 28px 28px 0;line-height:1.5;display:grid}.scene-figure.crystal figcaption [data-year]{color:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-family:Poltawski Nowy,Poltawski Nowy Fallback,Georgia,serif;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1}.scene-figure.crystal figcaption b{color:var(--ink)}@media (width<=760px){.scene-figure.crystal{grid-template-columns:1fr}.scene-figure.crystal>div{min-height:280px}.scene-figure.crystal figcaption{padding:20px}.scene-figure.synteza figcaption{display:none}}.scene-host{position:relative;overflow:hidden}.scene-host>canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.scene-host>.wrap{z-index:1;position:relative}[data-scene=circuit]>canvas{opacity:.7;-webkit-mask-image:radial-gradient(70% 90% at 78%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 90% at 78%,#000 30%,#0000 100%)}[data-scene=circuit]>.wrap{text-shadow:0 0 18px var(--bg), 0 0 6px var(--bg)}