.workshop{--bg: var(--story-dark);--text: var(--color-dark-text);--text-muted: var(--color-dark-text-muted);position:relative;height:100svh;min-height:600px;overflow:clip;background:var(--bg);color:var(--text);font-weight:var(--font-weight-compact);transition:background .9s,color .9s}.workshop[data-lighting=paper]{--bg: var(--story-paper);--text: var(--color-light-text);--text-muted: var(--color-light-text-muted);--workshop-label: var(--color-brand-accent-hover-light)}.workshop[data-lighting=cyan]{--bg: var(--story-cyan);--text: var(--color-light-text);--text-muted: var(--color-light-text);--workshop-label: var(--color-light-text)}.workshop-brand-source{display:none}.workshop-stage{position:absolute;inset:90px 0 145px;touch-action:pan-y}.workshop-stage canvas{width:100%;height:100%;display:block}.workshop-heading{position:absolute;top:105px;left:var(--gutter);z-index:2;pointer-events:none}.workshop-heading>span{font-size:9px;text-transform:none;letter-spacing:var(--font-tracking-body);color:var(--text-muted)}.workshop-heading h1{font-size:clamp(24px,2.6vw,36px);font-weight:var(--font-weight-display);margin-top:9px;letter-spacing:var(--font-tracking-display)}.workshop-menu{position:absolute;right:var(--gutter);top:108px;z-index:5}.workshop-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;gap:24px;align-items:center;font-size:12px}.workshop-menu summary::-webkit-details-marker{display:none}.workshop-menu nav{position:absolute;right:0;top:50px;min-width:220px;padding:12px 20px;background:var(--bg);border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:8px}.workshop-menu nav a{display:flex;justify-content:space-between;gap:28px;align-items:center;min-height:44px;font-size:12px;text-decoration:none}.workshop-menu nav [aria-current]{color:var(--workshop-label, var(--accent));text-decoration:underline;text-underline-offset:5px}.workshop-controls{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);z-index:3}.workshop-caption{display:grid;gap:7px}.workshop-caption>span{font-size:11px;color:var(--text-muted)}.workshop-caption>span:first-child{font:var(--font-weight-heading) 11px var(--font-sans);letter-spacing:var(--font-tracking-body);text-transform:none;color:var(--workshop-label, var(--accent))}.workshop[data-lighting=cyan] .workshop-caption>span:first-child{color:var(--text)}.workshop-caption h2{font-size:clamp(24px,3vw,38px);font-weight:var(--font-weight-display);letter-spacing:var(--font-tracking-display)}.workshop-buttons{display:flex;position:absolute;right:0;top:22px;gap:14px}.workshop-buttons button{display:grid;place-items:center;width:48px;height:48px;background:transparent;border:0;border-radius:50%;color:var(--text)}.workshop-buttons button:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}.workshop-buttons button:disabled{opacity:.2}.workshop-buttons svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}.workshop-foot{display:flex;justify-content:space-between;margin-top:19px;font-size:9px;color:var(--text-muted)}.workshop-foot a{text-decoration:none}.workshop-posters{position:absolute;inset:145px 0 150px;pointer-events:none}.workshop-poster{position:absolute;inset:0;display:none}.workshop-poster.is-current{display:block}.workshop.is-ready .workshop-posters,.workshop-poster h2,.poster-caption{display:none}.workshop-poster svg{position:absolute;height:100%;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.poster-machine{stroke:var(--text-muted);stroke-width:1.5}.poster-tool{fill:color-mix(in srgb,var(--text) 12%,var(--bg));stroke:var(--text-muted)}.poster-part{fill:var(--accent);stroke:var(--accent)}.workshop[data-lighting=cyan] .poster-part{fill:var(--color-light-text);stroke:var(--color-light-text)}.poster-beam{stroke:var(--accent);stroke-width:3;fill:none}.poster-logo .cls-1{display:none}.workshop-projects{position:absolute;left:50%;bottom:185px;translate:-50% 0;display:flex;align-items:center;gap:18px;z-index:4;white-space:nowrap}.workshop-projects>span{font-size:8px;opacity:.65;text-transform:none;letter-spacing:var(--font-tracking-body)}.workshop-projects a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center}.workshop-projects a:hover{text-decoration:underline}.workshop-your-project{border-bottom:1px solid currentColor}@media(max-width:700px){.workshop{min-height:640px}.workshop-heading{top:90px}.workshop-heading h1{font-size:26px}.workshop-menu{top:145px;right:var(--gutter)}.workshop-menu nav{top:44px}.workshop-stage{inset:185px 0 205px}.workshop-posters{inset:190px 0 210px}.workshop-controls{bottom:23px}.workshop-caption h2{font-size:27px}.workshop-buttons{top:90px;gap:4px}.workshop-caption{padding-bottom:57px}.workshop-foot{font-size:9px;gap:20px}.workshop-projects{bottom:202px;display:grid;grid-template-columns:auto auto auto;gap:0 17px;font-size:10px;width:calc(100% - 40px);white-space:normal}.workshop[data-process=projects] .workshop-stage,.workshop[data-process=projects] .workshop-posters{bottom:350px}.workshop-projects a{font-size:12px}.workshop-projects>span{font-size:9px}.workshop-your-project{grid-column:2 / 4;justify-self:end}.workshop-projects>span:nth-of-type(2){grid-row:2}.workshop-projects a:nth-of-type(2){grid-column:2;grid-row:2}.workshop-projects a:nth-of-type(3){grid-column:3;grid-row:2}}@media(max-width:700px)and (max-height:760px){.workshop[data-process=projects]{min-height:760px}}@media(prefers-reduced-motion:reduce){.workshop,.workshop *{transition:none!important}}.workshop-foot .stage-line{flex:1;justify-content:center;color:var(--color-dark-text-muted);--bg-elev: var(--color-dark-surface);--border-strong: var(--color-dark-border-strong);--text: var(--color-dark-text);--text-muted: var(--color-dark-text-muted);--accent-ink: var(--color-brand-accent);--accent-soft: var(--color-brand-accent-soft-dark)}@media(max-width:700px){.workshop-foot .stage-line{display:none}}