/* Gate 07: Scene 02 only. Previous Scene 01 typography/layout stays intact. */
#fableton-businesses .business-continue:not(:disabled){opacity:1}
#fableton-businesses[data-scene="2"]{--workshop-unit:1px}
#fableton-businesses[data-scene="2"] .business-brand-rule{display:none}
#fableton-businesses[data-scene="2"] .business-wordmark{left:calc(54 * var(--workshop-unit));top:calc(20 * var(--workshop-unit));font-size:calc(37 * var(--workshop-unit))}
#fableton-businesses[data-scene="2"] .business-label{left:auto;right:calc(248 * var(--workshop-unit));top:calc(34 * var(--workshop-unit));font-size:calc(16 * var(--workshop-unit));letter-spacing:0}
#fableton-businesses[data-scene="2"] .business-close{top:calc(21 * var(--workshop-unit));right:calc(65 * var(--workshop-unit));font-size:calc(21 * var(--workshop-unit))}
.workshop-scene{position:absolute;inset:0;isolation:isolate}
.workshop-viewport{position:absolute;inset:0;overflow:hidden;z-index:-2}
.workshop-camera{position:absolute;left:0;top:0;width:1774px;height:887px;transform-origin:0 0;transition:transform .6s ease}
.workshop-original{display:block;width:1774px;height:887px}
.workshop-miniature{position:absolute;pointer-events:none}
.workshop-portrait{position:absolute;left:221px;top:318px;width:185px;height:169px;border-radius:46% 46% 3px 3px;overflow:hidden;pointer-events:none}
.workshop-portrait svg{display:block;width:100%;height:100%}
.workshop-gem{position:absolute;left:1415px;top:438px;pointer-events:none}
.workshop-hit{position:absolute;padding:0;border:0;background:transparent;border-radius:20px;min-height:44px}
#fableton-businesses .workshop-hit:focus-visible{outline:2px solid #f8dda0;outline-offset:5px;box-shadow:none}
.workshop-hit:hover{background:#e6ce8610}
.workshop-hud{position:absolute;left:calc(660 * var(--workshop-unit));top:calc(42 * var(--workshop-unit));width:calc(620 * var(--workshop-unit));color:#fffae9;text-shadow:0 1px 2px #061710,0 0 2px #071f1a}
.workshop-kicker{margin:0 0 calc(10 * var(--workshop-unit));font:calc(15 * var(--workshop-unit))/1.2 IdeaSans,Arial,sans-serif;color:#e4d199}
.workshop-rule{width:calc(550 * var(--workshop-unit));height:1px;background:#dec78b;margin-bottom:calc(3 * var(--workshop-unit))}
#workshop-heading{font-size:calc(53 * var(--workshop-unit));line-height:1.18;font-weight:400;margin:0;max-width:100%;-webkit-text-stroke:.35px #102519}
#workshop-heading:focus{outline:none}
.workshop-copy{margin:calc(17 * var(--workshop-unit)) 0 0;font-size:calc(26 * var(--workshop-unit));line-height:1.35;white-space:normal}
.workshop-controls{margin-top:calc(18 * var(--workshop-unit));max-width:calc(740 * var(--workshop-unit))}
.workshop-controls fieldset{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.workshop-controls legend{font-size:22px;margin-bottom:8px}
.workshop-controls button,.workshop-overview-picker button,.workshop-continue{min-height:44px;padding:9px 16px;border:1px solid #d4bc7c;border-radius:5px;background:#123e30e8;font-size:21px;line-height:1.2}
.workshop-controls button{margin-bottom:8px}
.workshop-controls button[aria-pressed="true"]{background:#ddc48b;color:#102d21!important}
.workshop-controls button:disabled{opacity:.7}
.workshop-checks{font-size:22px;line-height:1.35;margin:0 0 14px;max-width:660px}
.workshop-prototype-note{font:15px/1.4 IdeaSans,Arial,sans-serif;color:#ffefc6;margin:8px 0 0;max-width:570px}
.workshop-footer{position:absolute;left:calc(52 * var(--workshop-unit));right:calc(50 * var(--workshop-unit));bottom:calc(16 * var(--workshop-unit));display:flex;justify-content:space-between;align-items:end;gap:16px;text-shadow:0 1px 2px #061710}
.workshop-back{min-height:44px;padding:0;border:0;background:none;font-size:calc(21 * var(--workshop-unit))}
.workshop-continue{width:calc(184 * var(--workshop-unit));min-width:140px;min-height:48px;opacity:.8;font-size:calc(24 * var(--workshop-unit))}
.workshop-next-note{display:block;font:12px/1.3 IdeaSans,Arial,sans-serif;margin-top:4px;color:#ffefc6}
.workshop-progress{display:flex;gap:20px;list-style:none;padding:0;margin:0 0 14px}
.workshop-progress li{width:11px;height:11px;border-radius:50%;background:#f2e4be;border:1px solid #f2e4be}
.workshop-progress li:nth-child(2){background:#dab970;border-color:#dab970}
.workshop-overview-picker{display:none}
.workshop-load-note{position:absolute;bottom:110px;left:40px;margin:0;max-width:600px;font-size:20px;color:#ffe5b0;text-shadow:0 1px 2px #071f1a}
.workshop-scene[data-view="arthur"] .workshop-hud{left:calc(830 * var(--workshop-unit));top:calc(96 * var(--workshop-unit));width:calc(790 * var(--workshop-unit))}
.workshop-scene[data-view="arthur"] .workshop-controls{margin-top:30px;max-width:560px}
.workshop-scene[data-view="arthur"] fieldset{max-width:540px}
.workshop-scene[data-view="motors"] .workshop-hud{left:calc(430 * var(--workshop-unit));top:calc(40 * var(--workshop-unit));width:calc(1100 * var(--workshop-unit))}
.workshop-scene[data-view="motors"] .workshop-rule{width:calc(768 * var(--workshop-unit))}
.workshop-scene[data-view="motors"] #workshop-heading{font-size:calc(50 * var(--workshop-unit));white-space:nowrap}
.workshop-scene[data-view="motors"] .workshop-copy{margin-top:14px;font-size:calc(28 * var(--workshop-unit))}
.workshop-scene[data-view="quill"] .workshop-hud{left:calc(70 * var(--workshop-unit));top:calc(110 * var(--workshop-unit));width:calc(690 * var(--workshop-unit))}
.workshop-scene[data-view="quill"] .workshop-controls{max-width:550px}
.workshop-entering .workshop-scene{animation:workshop-dissolve .6s ease both}
@keyframes workshop-dissolve{from{opacity:.1}to{opacity:1}}
@media(max-width:1199px){
 #fableton-businesses[data-scene="2"] .business-wordmark{left:20px;top:10px;font-size:28px}
 #fableton-businesses[data-scene="2"] .business-label{left:148px;right:auto;top:27px;font-size:10px;letter-spacing:1px}
 #fableton-businesses[data-scene="2"] .business-brand-rule{display:block}
 #fableton-businesses[data-scene="2"] .business-close{top:8px;right:17px;font-size:18px}
 .workshop-scene{position:relative;inset:auto;display:flex;flex-direction:column;min-height:calc(100dvh - 60px);width:100%}
 .workshop-viewport{position:relative;inset:auto;height:50vw;width:100%;flex-shrink:0;z-index:0}
 .workshop-scene:not([data-view="overview"]) .workshop-viewport{height:min(72vw,550px)}
 .workshop-hud,.workshop-scene[data-view] .workshop-hud{position:relative;left:auto;top:auto;width:auto;padding:22px 24px 0}
 .workshop-kicker{font-size:12px;letter-spacing:.6px;margin-bottom:10px}
 .workshop-rule,.workshop-scene[data-view="motors"] .workshop-rule{width:min(100%,550px);margin-bottom:10px}
 #workshop-heading,.workshop-scene[data-view="motors"] #workshop-heading{font-size:clamp(33px,5vw,52px);line-height:1.12;white-space:normal;-webkit-text-stroke:0}
 .workshop-copy,.workshop-scene[data-view="motors"] .workshop-copy{font-size:23px;line-height:1.35;margin-top:18px}
 .workshop-controls,.workshop-scene[data-view="arthur"] .workshop-controls{margin-top:22px;max-width:none}
 .workshop-controls fieldset{gap:8px}
 .workshop-controls legend{font-size:22px}
 .workshop-controls button{min-height:48px;font-size:21px}
 .workshop-checks{font-size:21px;max-width:700px}
 .workshop-prototype-note{font-size:15px}
 .workshop-overview-picker{display:flex;flex-wrap:wrap;gap:10px;padding:22px 24px 0}
 .workshop-overview-picker button{min-height:48px;font-size:21px}
 .workshop-hit-areas{display:none}
 .workshop-footer{position:relative;inset:auto;padding:30px 24px 18px;margin-top:auto;flex-wrap:wrap;align-items:center}
 .workshop-back{font-size:20px;text-align:left}
 .workshop-progress{gap:18px;margin:0}
 .workshop-continue{font-size:23px;width:184px}
 .workshop-load-note{position:static;padding:10px 24px;font-size:20px}
}
@media(max-width:599px){
 .workshop-hud,.workshop-scene[data-view] .workshop-hud{padding:20px 20px 0}
 #workshop-heading,.workshop-scene[data-view="motors"] #workshop-heading{font-size:34px}
 .workshop-copy,.workshop-scene[data-view="motors"] .workshop-copy{font-size:22px}
 .workshop-overview-picker{padding-left:20px;padding-right:20px;gap:8px}
 .workshop-overview-picker button{font-size:19px}
 .workshop-footer{padding-left:20px;padding-right:20px}
 .workshop-progress{order:3;width:100%;justify-content:center;margin:12px 0}
 .workshop-footer>div{margin-left:auto}
 .workshop-controls fieldset{max-width:none}
}
@media(max-width:359px){
 #fableton-businesses[data-scene="2"] .business-wordmark{left:14px;font-size:25px}
 #fableton-businesses[data-scene="2"] .business-label{left:127px;font-size:9px;letter-spacing:.6px}
 #fableton-businesses[data-scene="2"] .business-close{right:12px;font-size:17px}
 #workshop-heading,.workshop-scene[data-view="motors"] #workshop-heading{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.workshop-camera{transition:none}.workshop-entering .workshop-scene{animation:none}}
#fableton-businesses[data-scene="2"] .business-header{text-shadow:0 1px 2px #071a13,0 0 2px #071a13}
.workshop-controls fieldset{min-width:0}
.workshop-controls button{max-width:100%;white-space:normal}
.workshop-entering .workshop-scene{animation:none}
.workshop-entering .workshop-hud{animation:workshop-dissolve .6s ease both}
.workshop-outgoing{position:absolute;inset:0;z-index:2;pointer-events:none;animation:workshop-outgoing-fade .6s ease both}
@keyframes workshop-outgoing-fade{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.workshop-outgoing{display:none}.workshop-entering .workshop-hud{animation:none}}
#workshop-heading>span{display:block}
