[hidden]{display:none!important}.journey-context{display:flex;align-items:center;gap:16px;border-top:1px solid #dce5e6;padding:14px 0;margin-top:-8px;margin-bottom:10px}.journey-context button{border:1px solid #aec8bc;border-radius:7px;padding:8px 12px;font-size:14px;font-weight:600;background:#edf6f0}.journey-context>span{font-size:10px;letter-spacing:1px;color:#658379}.journey-context .sample-note{margin-left:auto;letter-spacing:0;font-size:12px}.path-cues{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 11px;font-size:12px}.path-cues>span{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:#8d613e;margin-right:4px}.demo-path{border:2px solid #b87936!important;background:#fff8e9!important;box-shadow:0 0 0 3px #c99a5120;border-radius:7px;padding:5px 9px;font-size:14px;line-height:1.4;position:relative}.demo-path.tool{border-color:#9880b3!important;background:#f7f1fc!important;box-shadow:0 0 0 3px #ab92c222}.demo-path small{font-size:9px;font-weight:700;letter-spacing:.5px}.demo-path:hover{transform:translateY(-1px);box-shadow:0 3px 9px #7a60351a}.node.demo-path{padding:3px 7px;margin:2px 0}.path-cue{font-size:9px;line-height:1.3;padding-left:5px;border-left:1px solid #dac2a0;color:#98682f}.tool .path-cue{border-color:#d6c6e5;color:#7c5da0}.stage #layer-coil .part-label circle{stroke:#b87936;stroke-width:2.5;fill:#fff8e9;filter:drop-shadow(0 0 3px #d5ac7555)}.stage #layer-fixture{display:none;transition:transform .65s ease,opacity .65s}.stage[data-step="1"][data-view="exploded"] #layer-fixture{display:block}.stage.departing #layer-fixture{display:block}.stage.departing #speaker-svg{overflow:visible}.stage.departing #exploded-diagram>.part,.stage.departing #section-diagram [data-part]{opacity:.035;filter:none;transition:opacity .55s,transform .65s cubic-bezier(.22,.9,.3,1);pointer-events:none}.stage.departing .guide-lines,.stage.departing .part-label,.stage.departing .section-annotations,.stage.departing .section-label{opacity:0}.stage.departing .layer{animation:none!important}.stage.departing[data-entering="coil"] #layer-coil{opacity:1;transform:translate(0,70px) scale(1.35);transform-origin:380px 245px;filter:drop-shadow(0 10px 15px #b86c2f25)}.stage.departing[data-entering="coil"] #section-moving [data-part="coil"]{opacity:1;transform:scale(1.4);transform-origin:380px 340px}.stage.departing[data-entering="fixtures"] #layer-fixture{opacity:1;transform:translate(0,60px) scale(1.45);transform-origin:380px 245px}.stage.departing[data-entering="fixtures"] #layer-coil{opacity:.35;transform:translate(0,70px) scale(1.2);transform-origin:380px 245px}.stage.departing[data-entering="fixtures"] .fixture-target{opacity:0}.stage.departing #child-art>*{opacity:.08;transition:opacity .55s,transform .65s}.stage.departing[data-entering="wire"] .child-feed{opacity:1!important;transform:translate(0,70px) scale(1.12);transform-origin:380px 200px}.stage.departing[data-entering="fixtures"] .child-form{opacity:1!important;transform:translateY(-35px) scale(1.15);transform-origin:380px 320px}.stage[data-focus-part="magnet"] #layer-magnet,.stage[data-focus-part="film"] #layer-film,.stage[data-focus-part="frame"] #layer-frame{filter:drop-shadow(0 0 8px #c48745aa)}#child-svg{width:100%;height:auto;display:block;aspect-ratio:760/600;margin:16px 0 13px;overflow:visible}.stage-toolbar{min-height:40px}body:not([data-journey="speaker"]) .stage-toolbar{justify-content:flex-end}.child-arrival #child-svg,.child-arrival #speaker-svg{animation:journey-arrive .65s cubic-bezier(.22,.9,.3,1) both}#child-art>g{transition:transform .9s cubic-bezier(.22,.9,.3,1),opacity .7s;transform-box:view-box;transform-origin:380px 320px}#child-art [role="button"]{cursor:pointer}#child-art [role="button"]:focus-visible{outline:none;filter:drop-shadow(0 0 8px #b87936)}.child-labels text,.child-label{font:15px var(--sans);fill:#627c80;letter-spacing:.5px}.child-labels>text:first-child{font-size:18px;font-weight:600;fill:#244856;letter-spacing:1px}.child-hotspot{font:24px var(--sans);fill:#a2733a}.child-fixture-target .child-hotspot{fill:#88709e}.child-holder{opacity:.25}.child-winding{opacity:0}.child-form{opacity:.16}body[data-journey="coil"] .stage[data-child-step="0"] .child-feed{transform:translateY(94px)}body[data-journey="coil"] .stage[data-child-step="0"] .child-fixture-target{opacity:0}body[data-journey="coil"] .stage[data-child-step="0"] .child-labels text{transform:translateY(25px)}body[data-journey="coil"] .stage[data-child-step="1"] .child-form{opacity:1}body[data-journey="coil"] .stage[data-child-step="1"] .child-holder{opacity:.7}body[data-journey="coil"] .stage[data-child-step="1"] .child-winding{opacity:1}body[data-journey="coil"] .stage[data-child-step="1"] .winding-turn{stroke-dasharray:1100;animation:wind-turn 1.1s ease both}body[data-journey="coil"] .stage[data-child-step="1"] .child-feed{transform:translate(-125px,-80px) scale(.65);opacity:.55;transform-origin:380px 205px}body[data-journey="coil"] .stage[data-child-step="2"] .child-winding{opacity:1;transform:translateY(-15px);animation:coil-float 3s ease-in-out infinite}body[data-journey="coil"] .stage[data-child-step="2"] .child-form{opacity:.28;transform:translateY(-120px)}body[data-journey="coil"] .stage[data-child-step="2"] .child-feed,body[data-journey="coil"] .stage[data-child-step="2"] .child-fixture-target{opacity:0}body[data-journey="fixtures"] .child-form{opacity:1}body[data-journey="fixtures"] .child-holder{opacity:1}body[data-journey="fixtures"] .stage[data-child-step="0"] .child-form{transform:translateY(-90px)}body[data-journey="fixtures"] .stage[data-child-step="0"] .child-holder{opacity:.4;transform:translateY(25px)}body[data-journey="fixtures"] .stage[data-child-step="2"] .child-winding{opacity:1;transform:translateY(-120px);animation:tool-release .9s ease both}.wire-coating{opacity:0}.wire-to-coil{opacity:0}body[data-journey="wire"] .stage[data-child-step="1"] .wire-coating{opacity:1;animation:coating-appear .8s ease both}body[data-journey="wire"] .stage[data-child-step="2"] .wire-core,body[data-journey="wire"] .stage[data-child-step="2"] .wire-coating{opacity:0}body[data-journey="wire"] .stage[data-child-step="2"] .wire-to-coil{opacity:1;animation:journey-arrive .8s ease both}.inline-inspection{border:1px solid #d7e4dc;border-radius:10px;padding:24px;margin-bottom:25px;display:flex;gap:18px;justify-content:space-between;background:#f0f6f1;scroll-margin-top:80px}.inline-inspection h2{font:30px var(--serif);margin:10px 0}.inline-inspection p{font-size:15px;line-height:1.7;margin:0;color:#536f79}.inline-inspection>button{font-size:28px;align-self:flex-start}.inline-inspection .inspector-type{font-size:10px;letter-spacing:1px;color:#648477}.sample-inline{letter-spacing:0!important;text-transform:none!important;font-size:12px!important;font-weight:400!important;color:#8b908a!important}body:not([data-journey="speaker"]) .intro h1{font-size:43px;line-height:1.03;max-width:760px}body:not([data-journey="speaker"]) .intro-note{max-width:270px}body:not([data-journey="speaker"]) .workbench{border-top:0;padding-top:8px}@keyframes journey-arrive{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes wind-turn{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}@keyframes coil-float{0%,100%{transform:translateY(-15px)}50%{transform:translateY(-23px)}}@keyframes tool-release{from{transform:translateY(0);opacity:.2}to{transform:translateY(-120px);opacity:1}}@keyframes coating-appear{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:761px){#child-svg{height:465px;margin:14px 0}.path-cues{gap:10px}.stage{height:490px}.journey-context{margin-bottom:6px}}
@media(min-width:761px) and (max-height:850px){#child-svg{height:365px}.stage{height:405px}.path-cues{margin-bottom:8px}}
@media(max-width:760px){.journey-context{flex-wrap:wrap;padding:10px 0;gap:9px;margin-bottom:4px}.journey-context button{font-size:14px;padding:8px 10px}.journey-context .sample-note{margin-left:0;font-size:11px;width:100%}.journey-context>span{font-size:9px}.path-cues{gap:7px;margin-bottom:10px}.path-cues>span{width:100%;font-size:9px}.path-cues .demo-path{font-size:12px;padding:7px 9px;min-height:36px}.path-cues small{font-size:8px}.node.demo-path{font-size:14px;padding:4px 7px}.node .path-cue{font-size:9px}.tracker{gap:10px}.tracker .relation{font-size:9px}.tracker{scroll-padding-right:15px}.child-labels text,.child-label{font-size:24px}.child-labels>text:first-child{font-size:25px}.child-hotspot{font-size:31px}.child-feed circle,.child-fixture-target circle{r:36}.fixture-target circle{r:36}.fixture-target text:last-child{display:none}.child-arrival #child-svg{animation-duration:.5s}.stage-toolbar{min-height:40px}body:not([data-journey="speaker"]) .intro h1{font-size:30px;letter-spacing:-.6px}body:not([data-journey="speaker"]) .stage-toolbar{display:none}body:not([data-journey="speaker"]) #motion-btn{display:none}.inline-inspection{padding:20px}.inline-inspection h2{font-size:27px}.inline-inspection p{font-size:14px}.stage #child-svg{margin-top:20px;margin-bottom:14px}body:not([data-journey="speaker"]) .visual-column{margin-top:13px}body:not([data-journey="speaker"]) .legend{gap:15px}}
@media(prefers-reduced-motion:reduce){.departing *,.child-arrival *{transition:none!important;animation:none!important}}
.parent-return{font-size:13px;color:#568571;padding:8px 10px;border:1px solid #a4c2b4;border-radius:6px;background:#edf6ee;white-space:nowrap}.parent-return:hover{background:#dfeee2}
body[data-journey="fixtures"] .stage[data-child-step="1"] .child-form{animation:fixture-dock .9s cubic-bezier(.22,.9,.3,1) both}body[data-journey="fixtures"] .stage[data-child-step="1"] .child-holder{animation:holder-dock .9s ease both}@keyframes fixture-dock{from{transform:translateY(-90px)}to{transform:translateY(0)}}@keyframes holder-dock{from{opacity:.4;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){body:not([data-journey="speaker"]) .assembly-nav{display:grid;grid-template-columns:79px 1fr 79px;column-gap:10px;row-gap:5px;padding-top:8px;padding-bottom:10px}.parent-return{grid-column:1/-1;text-align:center;font-size:12px;padding:4px 9px;border:0;background:transparent}.parent-return:hover{background:#ecf2e9}}
.stage.paused.child-arrival #child-svg,.stage.paused.child-arrival #speaker-svg,.stage.paused #child-art *{animation:none!important}.stage.paused .winding-turn{stroke-dashoffset:0}
@media(max-width:760px){body:not([data-journey="speaker"]) .stage-toolbar{display:flex;min-height:30px;margin-bottom:3px}body:not([data-journey="speaker"]) #motion-btn{display:inline-block;font-size:13px;min-height:30px}}

body[data-journey=speaker] #child-svg{display:none!important}body:not([data-journey=speaker]) #speaker-svg{display:none!important}body:not([data-journey=speaker]) #child-svg{display:block!important}