.construction-process-circuit{width:100%;padding:var(--space-xl)0;position:relative;overflow:visible}.circuit-container--desktop{max-width:1200px;padding:var(--space-lg);flex-direction:column;align-items:center;gap:0;margin:0 auto;display:flex}.circuit-container--mobile{display:none}@media (min-width:769px){.circuit-container--mobile{display:none!important}.circuit-container--desktop{display:flex!important}}.circuit-row{justify-content:center;align-items:center;gap:0;width:100%;display:flex;position:relative}.circuit-row--top{margin-bottom:0}.circuit-row--bottom{justify-content:flex-start;align-items:flex-start;margin-top:0}.circuit-row__spacer{visibility:hidden;flex-shrink:0;align-items:center;display:flex}.circuit-row__spacer-element{flex-shrink:0;width:320px;min-width:320px}.circuit-row__spacer-connector{flex-shrink:0;width:80px;min-width:80px}.circuit-step-wrapper{display:inline-block;position:relative}.circuit-connector-vertical-wrapper{width:100%;height:120px;margin:var(--space-sm)0;z-index:0;pointer-events:none;position:relative;overflow:visible}.circuit-connector-vertical-wrapper--from-step3{justify-content:center;align-items:flex-start;display:flex}@media (max-width:1200px){.circuit-connector-vertical-wrapper{justify-content:center;padding-left:0;transform:none}}.circuit-component{background-color:var(--color-bg-card);border:2px solid var(--border-color);width:100%;min-width:280px;max-width:320px;box-shadow:4px 4px 0px var(--color-accent-secondary);padding:var(--space-md);transition:all var(--transition-speed-fast);flex:0 auto;position:relative}.circuit-component:hover{box-shadow:6px 6px 0px var(--color-accent-secondary);transform:translate(-2px,-2px)}.circuit-component--active{border-color:var(--color-accent-primary);box-shadow:6px 6px 0px var(--color-accent-primary)}.circuit-component--completed{opacity:.85}.circuit-component__part-number{top:-12px;left:var(--space-sm);font-family:var(--font-mono);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;background-color:var(--color-bg-card);border:1px solid var(--border-color);padding:2px 8px;font-size:10px;font-weight:700;position:absolute}.circuit-component--active .circuit-component__part-number{color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.circuit-component__pins{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.circuit-component__pin{font-family:var(--font-mono);color:var(--color-text-secondary);border:1px solid var(--border-color);background-color:var(--color-bg-card);justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:flex}.circuit-component__pin--left{transform:translate(-50%)}.circuit-component__pin--right{transform:translate(50%)}.circuit-component__body{padding-top:var(--space-xs)}.circuit-component__title{font-family:var(--font-heading);font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 var(--space-xs)0}.circuit-component__description{font-family:var(--font-mono);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0 0 var(--space-sm)0}.circuit-component__specs{gap:var(--space-xs);padding:var(--space-sm);margin-top:var(--space-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-accent-secondary);border-top:2px solid var(--color-accent-secondary);flex-direction:column;display:flex}.circuit-component__spec{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.circuit-component__spec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-weight:600}.circuit-component__spec-value{color:var(--color-text-secondary);text-align:right;font-weight:400}.circuit-component--active .circuit-component__spec-label{color:var(--color-accent-primary)}.circuit-trace{z-index:0;flex-shrink:0;position:relative}.circuit-trace--horizontal{width:80px;height:60px}.circuit-trace--vertical{width:100%;height:100%}.circuit-trace--angled{width:100%;max-width:100%;height:100%;position:absolute;top:0;left:0}.circuit-trace__svg{width:100%;height:100%}.circuit-trace__path--dashed{stroke-dasharray:12 8}.circuit-trace__arrow{fill:var(--color-accent-secondary);transition:fill var(--transition-speed-fast)}.circuit-trace__arrow--completed,.circuit-trace__arrow--active{fill:var(--color-accent-primary)}.circuit-trace__path{stroke:var(--color-accent-secondary);stroke-width:3px;transition:stroke var(--transition-speed-fast)}.circuit-trace__path--completed{stroke:var(--color-accent-primary);opacity:.6}.circuit-trace__path--active{stroke:var(--color-accent-primary);stroke-width:4px;filter:drop-shadow(0 0 4px var(--color-accent-primary))}.circuit-trace__via{fill:var(--color-accent-secondary);transition:fill var(--transition-speed-fast)}.circuit-trace__path--completed~.circuit-trace__via,.circuit-trace__path--active~.circuit-trace__via{fill:var(--color-accent-primary)}@media (max-width:1024px){.circuit-row{flex-wrap:wrap;justify-content:center}.circuit-component{min-width:280px;max-width:100%}.circuit-trace--horizontal{width:60px;height:40px}}@media (max-width:768px){.construction-process-circuit{padding:var(--space-md)0}.circuit-container--desktop{display:none!important}.circuit-container--mobile{padding:var(--space-md);flex-direction:column;gap:0;display:flex!important}.circuit-component{min-width:100%;max-width:100%;margin-bottom:0}.circuit-trace--vertical-mobile{width:4px;height:48px;margin:var(--space-sm)auto;flex-shrink:0}.circuit-trace--vertical-mobile .circuit-trace__svg{width:100%;height:100%}}
.construction-process-assembly{width:100%;padding-top:var(--space-md);padding-bottom:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);min-height:600px;position:relative}.assembly-title{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.assembly-title__text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.assembly-title__spec{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;font-size:12px}.assembly-container{width:100%;height:500px;margin:var(--space-xl)0;position:relative}.assembly-final{z-index:1;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.assembly-final__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-size:10px;font-weight:600}.assembly-final__box{border:2px solid var(--border-color);background-color:var(--color-bg-card);width:120px;height:120px;box-shadow:4px 4px 0px var(--color-accent-secondary);position:relative}.assembly-final__layer{height:calc((120px/var(--total-layers))*(var(--layer-index) + 1));background-color:rgba(0,255,136,calc(.1 + (var(--layer-index)*.05)));border-top:1px solid var(--border-color);transition:background-color var(--transition-speed-fast);position:absolute;bottom:0;left:0;right:0}.assembly-component{transform:translate(calc(-50% + var(--offset-x)),calc(-50% + var(--offset-y)))rotate(var(--rotation));background-color:var(--color-bg-card);border:2px solid var(--border-color);width:280px;box-shadow:4px 4px 0px var(--color-accent-secondary);padding:var(--space-md);transition:all var(--transition-speed-normal);z-index:2;position:absolute;top:50%;left:50%}.assembly-component:hover{transform:translate(calc(-50% + var(--offset-x) - 2px),calc(-50% + var(--offset-y) - 2px))rotate(var(--rotation));box-shadow:6px 6px 0px var(--color-accent-secondary)}.assembly-component--active{border-color:var(--color-accent-primary);box-shadow:6px 6px 0px var(--color-accent-primary);z-index:3}.assembly-component--completed{opacity:.7}.assembly-component__sequence{background-color:var(--color-bg-card);border:2px solid var(--border-color);width:40px;height:40px;font-family:var(--font-mono);color:var(--color-text-primary);z-index:4;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;top:-16px;left:-16px}.assembly-component--active .assembly-component__sequence{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background-color:#00ff881a}.assembly-component__body{z-index:2;position:relative}.assembly-component__title{font-family:var(--font-heading);font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 var(--space-xs)0}.assembly-component__description{font-family:var(--font-mono);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0 0 var(--space-sm)0}.assembly-component__specs{gap:var(--space-xs);padding:var(--space-sm);margin-top:var(--space-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-accent-secondary);border-top:2px solid var(--color-accent-secondary);flex-direction:column;display:flex}.assembly-component__spec{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.assembly-component__spec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-weight:600}.assembly-component__spec-value{color:var(--color-text-secondary);text-align:right;font-weight:400}.assembly-component--active .assembly-component__spec-label{color:var(--color-accent-primary)}.assembly-component__callouts{pointer-events:none;width:30px;height:100%;position:absolute;top:0;right:-30px}.assembly-component__callout-line{background-color:var(--border-color);width:20px;height:1px;position:absolute;right:0}.assembly-component__callout-line--feature-1{top:30%}.assembly-component__callout-line--feature-2{top:70%}.assembly-component__callout-line:after{content:"";border:1px solid var(--border-color);background-color:var(--color-bg-card);width:8px;height:8px;position:absolute;top:-4px;right:-4px}.assembly-explosion-line{width:200px;height:200px;transform:translate(calc(-50% + var(--line-x)),calc(-50% + var(--line-y)))rotate(var(--line-rotation));transform-origin:50%;pointer-events:none;z-index:1;position:absolute;top:50%;left:50%}.assembly-explosion-line__path{stroke:var(--color-accent-secondary);transition:stroke var(--transition-speed-fast)}.assembly-explosion-line__path--completed{stroke:var(--color-accent-primary);opacity:.5}.assembly-explosion-line__path--active{stroke:var(--color-accent-primary);stroke-width:3px}.assembly-elevation{width:100%;max-width:400px;margin:var(--space-xl)auto 0;padding:var(--space-md);border:2px solid var(--border-color);background-color:var(--color-bg-card);box-shadow:4px 4px 0px var(--color-accent-secondary);position:relative}.assembly-elevation__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-align:center;font-size:10px;font-weight:600}.assembly-elevation__stack{margin:var(--space-md)0;flex-direction:column;gap:2px;display:flex}.assembly-elevation__layer{background-color:var(--color-bg-primary);border:1px solid var(--border-color);height:60px;transition:all var(--transition-speed-fast);justify-content:center;align-items:center;display:flex;position:relative}.assembly-elevation__layer--active{border-color:var(--color-accent-primary);background-color:#0f83;border-width:2px}.assembly-elevation__layer--completed{background-color:#00ff881a}.assembly-elevation__layer-label{font-family:var(--font-mono);color:var(--color-text-primary);text-transform:uppercase;font-size:12px;font-weight:700}.assembly-elevation__dimension{flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:-60px}.assembly-elevation__dimension-line{background-color:var(--border-color);width:2px;margin:var(--space-xs)0;flex:1}.assembly-elevation__dimension-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-secondary);writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;font-weight:600}@media (max-width:1024px){.assembly-container{height:600px}.assembly-component{width:240px;padding:var(--space-sm)}}@media (max-width:768px){.construction-process-assembly{padding:var(--space-md)}.assembly-container{height:auto;min-height:800px}.assembly-component{width:100%;margin-bottom:var(--space-lg);position:relative;top:auto;left:auto;transform:none}.assembly-final{margin:var(--space-lg)auto;position:relative;transform:none}.assembly-explosion-line{display:none}}
.construction-process-blueprint{width:100%;padding:var(--space-xl)var(--space-md);position:relative}.blueprint-border{border:3px solid var(--border-color);background-color:var(--color-bg-card);padding:var(--space-xl);box-shadow:6px 6px 0px var(--color-accent-secondary);min-height:800px;position:relative}.blueprint-title-block{bottom:var(--space-md);right:var(--space-md);border:2px solid var(--border-color);background-color:var(--color-bg-card);width:280px;padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex;position:absolute}.blueprint-title-block__main{gap:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-color);flex-direction:column;display:flex}.blueprint-title-block__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.blueprint-title-block__project{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.blueprint-title-block__metadata{flex-direction:column;gap:4px;display:flex}.blueprint-title-block__meta-row{gap:var(--space-xs);font-family:var(--font-mono);grid-template-columns:1fr 1fr;font-size:10px;display:grid}.blueprint-title-block__meta-label{text-transform:uppercase;color:var(--color-text-primary);font-weight:600}.blueprint-title-block__meta-value{color:var(--color-text-secondary);text-align:right}.blueprint-revisions{bottom:var(--space-md);left:var(--space-md);border:2px solid var(--border-color);background-color:var(--color-bg-card);width:200px;padding:var(--space-xs);position:absolute}.blueprint-revisions__header{gap:var(--space-xs);font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-primary);border-bottom:1px solid var(--border-color);grid-template-columns:.5fr 1fr 1.5fr;margin-bottom:4px;padding-bottom:4px;font-size:8px;font-weight:700;display:grid}.blueprint-revisions__row{gap:var(--space-xs);font-family:var(--font-mono);color:var(--color-text-secondary);grid-template-columns:.5fr 1fr 1.5fr;padding:2px 0;font-size:8px;display:grid}.blueprint-revisions__rev{color:var(--color-text-primary);font-weight:600}.blueprint-scale{top:var(--space-md);right:var(--space-md);align-items:flex-end;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute}.blueprint-scale__bar{border:1px solid var(--border-color);width:120px;height:8px;display:flex;position:relative}.blueprint-scale__marker{border-right:1px solid var(--border-color);flex:1}.blueprint-scale__marker:last-child{border-right:none}.blueprint-scale__label{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;font-size:8px}.blueprint-north{top:var(--space-md);left:var(--space-md);position:absolute}.blueprint-north__arrow{width:40px;height:40px}.blueprint-drawing{width:100%;min-height:600px;margin:var(--space-xl)0;padding:var(--space-lg);position:relative}.blueprint-grid{pointer-events:none;position:absolute;inset:0}.blueprint-grid__row-labels{left:0;top:var(--space-lg);bottom:var(--space-lg);gap:var(--space-xl);padding:var(--space-md);font-family:var(--font-mono);color:var(--color-text-secondary);grid-template-rows:repeat(2,1fr);font-size:12px;font-weight:700;display:grid;position:absolute}.blueprint-grid__col-labels{top:0;left:var(--space-lg);right:var(--space-lg);gap:var(--space-xl);padding:var(--space-md);font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center;grid-template-columns:repeat(3,1fr);font-size:12px;font-weight:700;display:grid;position:absolute}.blueprint-steps{gap:var(--space-xl);padding:var(--space-lg)0 0 var(--space-lg);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid}.blueprint-step{background-color:var(--color-bg-card);border:2px solid var(--border-color);box-shadow:4px 4px 0px var(--color-accent-secondary);padding:var(--space-md);gap:var(--space-sm);transition:all var(--transition-speed-fast);grid-row:var(--grid-row);grid-column:var(--grid-col);flex-direction:column;display:flex;position:relative}.blueprint-step:hover{box-shadow:6px 6px 0px var(--color-accent-secondary);transform:translate(-2px,-2px)}.blueprint-step--active{border-color:var(--color-accent-primary);box-shadow:6px 6px 0px var(--color-accent-primary)}.blueprint-step--completed{opacity:.85}.blueprint-step__coord{background-color:var(--color-bg-card);border:1px solid var(--border-color);width:32px;height:32px;font-family:var(--font-mono);color:var(--color-text-primary);z-index:2;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-10px;left:-10px}.blueprint-step--active .blueprint-step__coord{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.blueprint-step__revision{top:var(--space-sm);right:var(--space-sm);font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;font-size:8px;font-weight:600;position:absolute}.blueprint-step__content{margin-top:var(--space-xs)}.blueprint-step__title{font-family:var(--font-heading);font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 var(--space-xs)0}.blueprint-step__description{font-family:var(--font-mono);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.blueprint-step__specs{gap:var(--space-xs);padding:var(--space-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-accent-secondary);border-top:2px solid var(--color-accent-secondary);flex-direction:column;margin-top:auto;display:flex}.blueprint-step__spec{gap:var(--space-xs);font-family:var(--font-mono);grid-template-columns:1fr 1fr;font-size:11px;display:grid}.blueprint-step__spec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-weight:600}.blueprint-step__spec-value{color:var(--color-text-secondary);text-align:right;font-weight:400}.blueprint-step--active .blueprint-step__spec-label{color:var(--color-accent-primary)}.blueprint-step__elevation{align-items:center;gap:var(--space-xs);flex-direction:column;width:60px;display:flex;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.blueprint-step__elevation-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-secondary);writing-mode:vertical-rl;text-orientation:mixed;font-size:8px;font-weight:600}.blueprint-step__elevation-view{border:1px solid var(--border-color);background-color:var(--color-bg-primary);width:30px;height:80px;position:relative}.blueprint-step__elevation-bar{background-color:var(--color-accent-primary);opacity:.3;transition:height var(--transition-speed-normal);position:absolute;bottom:0;left:0;right:0}.blueprint-step--active .blueprint-step__elevation-bar{opacity:.6}.blueprint-section-cut{pointer-events:none;z-index:1;position:absolute}.blueprint-section-cut__line{background-color:var(--border-color);border-top:2px dashed var(--border-color);border-bottom:none;width:100%;height:2px;position:relative}.blueprint-section-cut__line:before,.blueprint-section-cut__line:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--border-color);width:0;height:0;position:absolute;top:-4px}.blueprint-section-cut__line:before{left:0}.blueprint-section-cut__line:after{right:0}.blueprint-section-cut__label{font-family:var(--font-mono);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--border-color);padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.blueprint-notes{bottom:var(--space-md);border:1px solid var(--border-color);background-color:var(--color-bg-card);width:calc(100% - 600px);max-width:500px;padding:var(--space-sm);position:absolute;left:50%;transform:translate(-50%)}.blueprint-notes__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 var(--space-xs)0;font-size:12px;font-weight:700}.blueprint-notes__list{font-family:var(--font-mono);color:var(--color-text-secondary);padding-left:var(--space-md);margin:0;font-size:10px;line-height:1.6}.blueprint-notes__list li{margin-bottom:4px}@media (max-width:1200px){.blueprint-steps{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr)}.blueprint-step__elevation{display:none}.blueprint-title-block,.blueprint-revisions{width:100%;margin-bottom:var(--space-md);position:relative;bottom:auto;left:auto;right:auto}}@media (max-width:768px){.construction-process-blueprint,.blueprint-border,.blueprint-drawing{padding:var(--space-md)}.blueprint-steps{gap:var(--space-md);grid-template-rows:auto;grid-template-columns:1fr}.blueprint-step{grid-area:auto/1}.blueprint-notes{width:100%;margin-top:var(--space-lg);position:relative;bottom:auto;left:auto;transform:none}.blueprint-section-cut{display:none}}