/* Circuit Shop physical enclosure. Real content remains above decorative armor. */
.circuit-shop .chassis{max-width:1320px;padding:24px 24px 30px;background:#030a0f;box-shadow:0 22px 60px #0009}
.circuit-shop .hardware{z-index:7;overflow:hidden;contain:paint}
.circuit-shop .hardware>svg{display:block;width:100%;height:100%;max-width:none}
.circuit-shop .header-motion{z-index:1;inset:0;overflow:hidden;contain:paint}
.circuit-shop .moving-header{inset:0;background:none;border:0;will-change:auto}
.circuit-shop .moving-header::after{display:none}
.circuit-shop .moving-header>svg,.armor-half>svg{display:block;width:100%;height:100%;max-width:none}
.armor-surface{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none;user-select:none;contain:paint}
.armor-half{position:absolute;inset:0;pointer-events:none}
.armor-left{clip-path:inset(0 50% 0 0);transform:translate3d(calc((var(--armor-p,1) - 1)*var(--armor-travel,42px)),0,0)}
.armor-right{clip-path:inset(0 0 0 50%);transform:translate3d(calc((1 - var(--armor-p,1))*var(--armor-travel,42px)),0,0)}
.armor-electric{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:3;filter:drop-shadow(0 0 4px #00d9fb)}
.has-armor{position:relative;isolation:isolate;background:var(--cs-enclosure-surface,#02090d);border:0!important;overflow:visible}
.has-armor>.cs-ambient-canvas{z-index:1}
.has-armor>:not(.armor-surface):not(.cs-ambient-canvas){position:relative;z-index:3}
.circuit-shop .home-hero{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.36fr) minmax(0,.22fr);grid-template-rows:auto auto 62px auto auto;gap:0;min-height:0;padding:18px 18px 20px}
.circuit-shop .hero-visual,.circuit-shop .hero-visual>.photo-stack{display:contents}
.circuit-shop .home-hero>.hero-copy{grid-column:1;grid-row:1/4;display:flex;align-items:flex-start;min-width:0;padding:34px 26px 76px 24px;background:#02090d!important;margin-right:14px}
.circuit-shop .home-hero .copy-inner{display:flex;flex-direction:column;max-width:none;width:100%;position:relative;z-index:4}
.circuit-shop .home-hero .hero-copy h1{font-size:clamp(48px,5vw,72px);line-height:1.03;letter-spacing:-.03em;white-space:normal;margin:0 0 10px;order:0;text-shadow:0 3px 2px #000}
.circuit-shop .home-hero .hero-copy .signal-line{order:1;display:block;margin:12px 0 18px;height:2px;box-shadow:0 0 7px #00d9fb66}
.circuit-shop .home-hero .hero-copy .eyebrow{order:2;font-size:18px;line-height:1.45;margin:0 0 22px;max-width:28ch;color:#d1e3eb}
.circuit-shop .home-hero .hero-actions{order:3;display:block;margin:0;max-width:340px}
.circuit-shop .home-hero .hero-actions .btn{width:100%;font-size:20px;min-height:54px}
.circuit-shop .hero-copy>.hero-joint{display:none!important}
.circuit-shop .hero-copy>.vents{display:block;position:absolute;left:27px;bottom:28px;width:190px;max-width:60%;height:35px;z-index:4;pointer-events:none}
.circuit-shop .vents>svg{display:block;width:100%;height:100%}
.circuit-shop .hero-visual>.primary-window{grid-column:2;grid-row:1/3;width:100%;height:auto;aspect-ratio:1;min-height:0;margin:0 0 12px;padding:12px;align-self:stretch}
.circuit-shop .hero-visual>.photo-stack>a{grid-column:3;min-width:0;margin-left:12px;padding:11px}
.circuit-shop .hero-visual>.photo-stack>a:first-child{grid-row:1;margin-bottom:12px}
.circuit-shop .hero-visual>.photo-stack>a:last-child{grid-row:2;margin-bottom:12px}
.circuit-shop .photo-window,.circuit-shop .armor-photo{position:relative;isolation:isolate;background:#010508;clip-path:none;overflow:hidden;box-shadow:inset 0 0 16px #000,0 6px 12px #0008}
.circuit-shop .photo-window img{display:block;width:100%;height:100%;object-fit:cover;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.armor-photo-svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:4}
.circuit-shop .home-hero .work-switch{grid-column:2/4;grid-row:3;order:0;display:flex;gap:3px;padding:0;margin:0;align-items:stretch;background:#03090e}
.circuit-shop .home-hero .work-switch button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;min-width:0;width:auto;min-height:54px;padding:7px 12px;white-space:normal;font-size:18px;color:#d5e8ef;border:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 12px);background:linear-gradient(#213847,#08121b 24%,#01080d 85%,#1d3544);box-shadow:inset 0 2px #7b9baa55,inset 0 -3px #426c80}
.circuit-shop .home-hero .work-switch button::before{content:"";display:block;width:10px;height:10px;flex:0 0 10px;border:2px solid #5e8b9e;border-radius:50%;background:#020b12}
.circuit-shop .home-hero .work-switch button.selected{color:#05dcff;background:linear-gradient(#12627a,#062330 26%,#01080d 80%,#087d9b);box-shadow:inset 0 2px #b4f7ff,inset 0 -3px #00d9fb;filter:drop-shadow(0 0 5px #00d9fb55)}
.circuit-shop .home-hero .work-switch button.selected::before{border-color:#00d9fb;box-shadow:0 0 7px #00d9fb88}
.circuit-shop .home-hero .work-switch .icon{display:none}
.circuit-shop .home-hero .hero-services{grid-column:1/-1;grid-row:4;order:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0 0;padding:14px 8px 0;background:none}
.circuit-shop .hero-services>span{position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px;min-height:66px;min-width:0;font-size:16px;line-height:1.35;color:#d3e6ee;background:linear-gradient(145deg,#253b47 0,#0e202b 12%,#020a10 30%,#02090f 80%,#1b3443 100%);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 2px #648394,inset 0 -2px #315d72,inset 6px 0 #0a171f}
.circuit-shop .hero-services>span>svg{width:30px;height:30px;flex:0 0 30px;stroke:#00d9fb;filter:drop-shadow(0 0 3px #00d9fb44)}
.armor-support-copy{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 18px 4px;margin-top:2px}
.circuit-shop .armor-support-copy .hero-lead{font-size:17px;line-height:1.5;color:#b7cdd7;margin:0;max-width:80ch}
.circuit-shop .armor-support-copy .btn{font-size:18px;min-height:50px;min-width:220px;max-width:100%}
.circuit-shop .armor-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;min-height:50px;color:#05dfff;text-shadow:0 0 6px #00c8ff55;background:linear-gradient(180deg,#2b7990 0,#082536 10%,#020b14 48%,#03101a 84%,#065575 100%);border:0;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);box-shadow:inset 0 2px 2px #b3faff,inset 0 -3px 2px #00a4d1;filter:drop-shadow(0 0 5px #00cfff77)}
.circuit-shop .armor-button .enclosure-button-outline,.circuit-shop .armor-button .button-outline{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:#00dcff;stroke-width:2.6;filter:drop-shadow(0 0 3px #00dcff);pointer-events:none}
.circuit-shop .armor-button:hover{color:#e5fcff;background:linear-gradient(#4ba4b5,#0a3448 15%,#031522 80%,#087c9d)}
.circuit-shop .armor-button:focus-visible,.circuit-shop .work-switch button:focus-visible{outline:3px solid #e5fcff;outline-offset:-5px}
.circuit-shop .home-web{margin-top:10px;padding:42px 38px 34px;gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#02090e}
.circuit-shop .home-web h2{font-size:clamp(30px,3vw,40px);line-height:1.12;margin-bottom:18px;max-width:18ch}
.circuit-shop .home-web p{font-size:20px;line-height:1.45}
.circuit-shop .home-web .exhibit{display:block;position:relative;padding:13px;background:#01070b;box-shadow:0 12px 20px #0009;transform:perspective(1100px) rotateY(-4deg) rotateZ(-1deg);transform-origin:50% 50%;border:0}
.circuit-shop .home-web .exhibit img{height:auto;width:100%;object-fit:cover;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.circuit-shop .home-web .exhibit span{position:relative;display:block;margin:8px 2px 2px;font-size:15px;line-height:1.4}
.circuit-shop .section-joint{border:0;border-image:none}
.circuit-shop .live-content{background:none}
.circuit-shop .live-content>section,.circuit-shop .live-content>.blog-single,.circuit-shop .live-content>.mosv2{padding:44px 38px;margin-top:10px;border:0;background:#02090e}
.circuit-shop .live-content .note-panel,.circuit-shop .live-content .local-seo-card{background:var(--cs-nested-surface);border-top:3px solid #648091;box-shadow:inset 0 1px #a8c0c944,0 5px 12px #0005}
.circuit-shop .live-content .flow-card{border-top:3px solid #3f6275;padding-top:22px}
.circuit-shop .live-content h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
.circuit-shop .footer-cta{padding:42px 38px;margin-top:10px;background:#02090d}
.circuit-shop .site-footer{padding:44px 38px 32px;margin-top:10px;background:#02090d;border:0}
.circuit-shop .footer-bottom{border-color:#3d5d6b}
.circuit-shop .cs-ambient-controls{position:relative;z-index:4}
.circuit-shop .cs-ambient-toggle{filter:none}
@media(max-width:1279px){
}
@media(min-width:701px) and (max-width:1099px){
 .circuit-shop .chassis{padding:20px 16px 26px}
 .circuit-shop .home-hero{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);grid-template-rows:auto auto auto auto;padding:18px 18px 22px}
 .circuit-shop .home-hero>.hero-copy{grid-column:1;grid-row:1/3;padding:28px 22px 68px 18px;margin-right:12px}
 .circuit-shop .home-hero .hero-copy h1{font-size:clamp(36px,4.9vw,52px);line-height:1.05}
 .circuit-shop .hero-visual>.primary-window{grid-column:2;grid-row:1;aspect-ratio:1;min-height:0;height:auto;margin:0 0 12px;padding:11px}
 .circuit-shop .hero-visual>.photo-stack>a{display:none}
 .circuit-shop .home-hero .work-switch{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:6px}
 .circuit-shop .home-hero .work-switch button{width:100%;min-height:46px;justify-content:flex-start;font-size:17px;padding:5px 12px}
 .circuit-shop .home-hero .work-switch button::before{width:48px;height:32px;flex:0 0 48px;border-radius:0;border:1px solid #48798c;background:center/cover no-repeat}
 .circuit-shop .home-hero .work-switch button[data-work="trace-repair-closeup"]::before{background-image:url(photos/trace-repair-closeup-480.webp)}
 .circuit-shop .home-hero .work-switch button[data-work="dual-gpu-pc"]::before{background-image:url(photos/dual-gpu-pc-480.webp)}
 .circuit-shop .home-hero .work-switch button[data-work="console-xmb-setup"]::before{background-image:url(photos/console-xmb-setup-480.webp)}
 .circuit-shop .home-hero .work-switch .icon{display:block;margin-left:auto;width:18px;height:18px}
 .circuit-shop .home-hero .hero-services{grid-row:3;gap:8px;padding:14px 0 0}
 .circuit-shop .hero-services>span{gap:8px;padding:12px 10px;min-height:72px;font-size:14px}
 .circuit-shop .hero-services>span>svg{width:26px;height:26px;flex-basis:26px}
 .circuit-shop .armor-support-copy{grid-row:4;padding:18px 6px 0;gap:18px}
 .circuit-shop .armor-support-copy .hero-lead{font-size:16px}
 .circuit-shop .armor-support-copy .btn{font-size:17px;min-width:190px}
 .circuit-shop .home-web{padding:36px 30px;gap:24px}
 .circuit-shop .home-web h2{font-size:32px}
}
@media(max-width:700px){
 .circuit-shop .chassis{margin:0 auto 18px;padding:15px 11px 20px;width:100%}
 .circuit-shop .home-hero{display:flex;flex-direction:column;min-height:0;padding:12px 12px 20px}
 .circuit-shop .hero-visual>.primary-window{order:0;align-self:stretch;width:100%;height:auto;aspect-ratio:1.55;min-height:0;max-height:none;margin:0;padding:9px}
 .circuit-shop .hero-visual>.photo-stack>a{display:none}
 .circuit-shop .home-hero>.hero-copy{order:1;display:block;width:100%;margin:8px 0 0;padding:22px 17px 20px;background:#02090d!important}
 .circuit-shop .home-hero .hero-copy h1{font-size:clamp(35px,11vw,51px);line-height:1.04;letter-spacing:-.035em;margin:0 0 14px}
 .circuit-shop .home-hero .hero-copy .signal-line{display:none}
 .circuit-shop .home-hero .hero-copy .eyebrow{font-size:17px;line-height:1.35;margin:0 0 18px;max-width:30ch}
 .circuit-shop .home-hero .hero-actions{max-width:none;margin:0}
 .circuit-shop .home-hero .hero-actions .btn{font-size:19px;min-height:50px}
 .circuit-shop .hero-copy>.vents{display:none}
 .circuit-shop .home-hero .work-switch{order:2;display:flex;flex-direction:column;padding:4px 6px 0;margin:0;gap:7px}
 .circuit-shop .home-hero .work-switch button{min-height:48px;width:100%;justify-content:flex-start;font-size:17px;padding:5px 13px}
 .circuit-shop .home-hero .work-switch button::before{display:block;width:49px;height:33px;flex:0 0 49px;border-radius:0;border:1px solid #517d8f;background:center/cover no-repeat}
 .circuit-shop .home-hero .work-switch button[data-work="trace-repair-closeup"]::before{background-image:url(photos/trace-repair-closeup-480.webp)}
 .circuit-shop .home-hero .work-switch button[data-work="dual-gpu-pc"]::before{background-image:url(photos/dual-gpu-pc-480.webp)}
 .circuit-shop .home-hero .work-switch button[data-work="console-xmb-setup"]::before{background-image:url(photos/console-xmb-setup-480.webp)}
 .circuit-shop .home-hero .work-switch .icon{display:block;margin-left:auto;width:18px;height:18px}
 .circuit-shop .home-hero .hero-services{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0 4px}
 .circuit-shop .hero-services>span{padding:12px 10px;gap:8px;font-size:14px;min-height:72px}
 .circuit-shop .hero-services>span>svg{width:27px;height:27px;flex-basis:27px}
 .circuit-shop .armor-support-copy{order:4;display:flex;flex-direction:column;align-items:stretch;padding:18px 7px 0;gap:15px;margin:0}
 .circuit-shop .armor-support-copy .hero-lead{font-size:16px;line-height:1.5}
 .circuit-shop .armor-support-copy .btn{width:100%;min-width:0;font-size:18px}
 .circuit-shop .home-web{display:flex;flex-direction:column;padding:32px 28px;gap:22px}
 .circuit-shop .home-web h2{font-size:30px;line-height:1.12;max-width:100%}
 .circuit-shop .home-web p{font-size:18px}
 .circuit-shop .home-web .button{width:100%;font-size:18px}
 .circuit-shop .home-web .exhibit{width:100%;padding:11px;transform:rotate(-1deg)}
 .circuit-shop .live-content>section,.circuit-shop .live-content>.blog-single,.circuit-shop .live-content>.mosv2,.circuit-shop .footer-cta,.circuit-shop .site-footer{padding:34px 27px;margin-top:9px}
 .circuit-shop .live-content h2{font-size:28px;max-width:100%}
 .circuit-shop .live-content .note-panel{padding:24px 18px}
 .circuit-shop .site-footer .footer-grid{gap:24px 16px}
 .circuit-shop .site-footer .footer-grid a,.circuit-shop .site-footer .footer-grid p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.armor-half,.moving-header{transform:none!important}.armor-electric{display:none!important}.circuit-shop .armor-button,.circuit-shop .work-switch button{transition:none!important}}
@media(forced-colors:active){.armor-surface,.armor-photo-svg,.circuit-shop .hardware>svg{display:none}.has-armor{background:Canvas!important;border:1px solid CanvasText!important}.circuit-shop .armor-button{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;filter:none}}
.light-mode .has-armor,.light-mode .hero-copy{background:var(--cs-enclosure-surface,#dbe7ec)}.light-mode .armor-support-copy .hero-lead,.light-mode .hero-copy .eyebrow{color:#183646}.light-mode .hero-services>span{color:#d3e6ee}

/* Tight integrated Fold bay; retain all three real photographs where the width permits. */
.circuit-shop .hero-visual>.photo-stack>a>img{position:absolute;inset:11px;width:calc(100% - 22px);height:calc(100% - 22px);object-fit:cover}
.armor-latch-outline{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:#345d70;stroke-width:1.2;pointer-events:none}
.selected>.armor-latch-outline{stroke:#00d9fb;stroke-width:2;filter:drop-shadow(0 0 3px #00d9fb)}
.circuit-shop .armor-button>.armor-action-arrow{width:20px;height:20px;flex:0 0 20px;position:relative;fill:none;stroke:currentColor;stroke-width:2;pointer-events:none}
@media(min-width:701px) and (max-width:1099px){
 .circuit-shop .home-hero{grid-template-columns:minmax(0,.42fr) minmax(0,.36fr) minmax(0,.22fr);grid-template-rows:auto auto 56px auto auto}
 .circuit-shop .home-hero>.hero-copy{grid-column:1;grid-row:1/4;padding:26px 18px 62px 18px;margin-right:12px}
 .circuit-shop .home-hero .hero-copy h1{font-size:clamp(32px,5vw,54px);line-height:1.04}
 .circuit-shop .home-hero .hero-copy .eyebrow{font-size:17px;line-height:1.4;margin-bottom:18px}
 .circuit-shop .home-hero .hero-actions .btn{font-size:17px;padding:11px 12px;min-height:50px}
 .circuit-shop .hero-visual>.primary-window{grid-column:2;grid-row:1/3;padding:9px;margin-bottom:10px;aspect-ratio:1;height:auto}
 .circuit-shop .hero-visual>.photo-stack>a{display:block;grid-column:3;margin-left:8px;padding:8px;min-height:0}
 .circuit-shop .hero-visual>.photo-stack>a:first-child{grid-row:1;margin-bottom:10px}
 .circuit-shop .hero-visual>.photo-stack>a:last-child{grid-row:2;margin-bottom:10px}
 .circuit-shop .hero-visual>.photo-stack>a>img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
 .circuit-shop .home-hero .work-switch{grid-column:2/4;grid-row:3;flex-direction:row;gap:3px}
 .circuit-shop .home-hero .work-switch button{font-size:14px;min-height:50px;gap:7px;padding:5px 8px;justify-content:center}
 .circuit-shop .home-hero .work-switch button::before{width:34px;height:25px;flex-basis:34px}
 .circuit-shop .home-hero .work-switch .icon{display:none}
 .circuit-shop .home-hero .hero-services{grid-row:4;margin-top:14px;padding-top:0}
 .circuit-shop .armor-support-copy{grid-row:5}
}
@media(max-width:700px){
 .circuit-shop .home-hero .hero-copy h1{font-size:clamp(36px,12.2vw,56px)}
 .circuit-shop .home-hero>.hero-copy{padding-top:12px;padding-bottom:15px}
 .circuit-shop .home-hero>.hero-copy>.armor-surface{display:none}
 .circuit-shop .home-hero .hero-copy .eyebrow{margin-bottom:15px}
}

/* Keep the retained supporting paragraph/secondary action inside the recessed lip. */
.circuit-shop .armor-support-copy{padding-inline:24px;padding-bottom:14px}
@media(min-width:701px) and (max-width:1099px){.circuit-shop .home-hero .hero-services{padding-inline:8px}.circuit-shop .armor-support-copy{padding-inline:24px;padding-bottom:14px}}
@media(max-width:700px){.circuit-shop .armor-support-copy{padding-inline:14px;padding-bottom:8px}}
.light-mode.circuit-shop .home-hero>.hero-copy{background:#dbe7ec!important}
.light-mode.circuit-shop .home-hero .hero-copy .eyebrow{color:#183646}
.light-mode.circuit-shop .live-content .note-panel,.light-mode.circuit-shop .live-content .local-seo-card{background:var(--cs-nested-surface);color:#102734}

/* Parent art direction: connected stepped casting, prominent circuit latches, deliberate header scale. */
.circuit-shop .home-hero>.hero-copy,.light-mode.circuit-shop .home-hero>.hero-copy{background:transparent!important}
.circuit-shop .home-hero>.hero-copy>.armor-surface{display:none!important}
.circuit-shop .home-hero .work-switch button{font-size:21px;clip-path:polygon(20px 0,calc(100% - 28px) 0,100% 26px,calc(100% - 18px) 100%,26px 100%,0 calc(100% - 20px),0 20px);background:linear-gradient(#284454,#06131e 19%,#01070d 78%,#1c3c4e)}
.circuit-shop .home-hero .work-switch button.selected{box-shadow:inset 0 2px #a7efff,inset 0 -3px #00ddff;filter:drop-shadow(0 0 6px #00d9fb77)}
.circuit-shop .selected>.armor-latch-outline{stroke-width:2.8}
@media(min-width:1280px){
}
@media(max-width:1279px){
}
@media(min-width:701px) and (max-width:1099px){.circuit-shop .home-hero .work-switch button{font-size:16px;padding-inline:9px}.circuit-shop .home-hero .work-switch button::before{display:none}}
@media(max-width:700px){.circuit-shop .home-hero .work-switch button{font-size:18px;clip-path:polygon(13px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 12px),calc(100% - 12px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}}

/* Vent openings belong to the moving connected casting, not a stationary overlay. */
.circuit-shop .hero-copy>.vents{display:none!important}

/* Keep native no-JS navigation usable before the decorative row enhancement. */
@media(min-width:1280px){}

.circuit-shop .armor-latch-outline path,.circuit-shop .armor-button .enclosure-button-outline path,.circuit-shop .armor-button .button-outline path{vector-effect:non-scaling-stroke}

/* 42% of the padded header content box is ~40% of its complete armored width. Native wordmark is not enlarged. */
@media(min-width:1280px){}

/* Retained light/neon toggle: readable hero heading in its light recessed content plane. */
.light-mode.circuit-shop .home-hero .hero-copy h1{color:#102734;text-shadow:0 1px 1px #ffffff80}
.light-mode.circuit-shop .home-hero .hero-copy h1 span{color:#00627c;text-shadow:none}

/* Substantial interior doors, not perimeter rails. All content stays in normal layout. */
.circuit-shop .armor-surface:not(.armor-shutters)>.armor-left,.circuit-shop .armor-surface:not(.armor-shutters)>.armor-right{transform:none}
.circuit-shop .armor-shutters{position:absolute;inset:23px;overflow:hidden;z-index:6;pointer-events:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);contain:paint}
.shutter-half{position:absolute;inset:0;pointer-events:auto;touch-action:pan-y;cursor:pointer;user-select:none}
.shutter-half>svg{display:block;width:100%;height:100%;max-width:none;pointer-events:none}
.shutter-left{clip-path:polygon(0 0,50% 0,50% 14%,calc(50% + 16px) calc(14% + 16px),calc(50% + 16px) 43%,50% calc(43% + 16px),50% 72%,calc(50% + 16px) calc(72% + 16px),calc(50% + 16px) 100%,0 100%);transform:translateX(calc((var(--shutter-close,0) - 1)*54%))}
.shutter-right{clip-path:polygon(50% 0,100% 0,100% 100%,calc(50% + 16px) 100%,calc(50% + 16px) calc(72% + 16px),50% 72%,50% calc(43% + 16px),calc(50% + 16px) 43%,calc(50% + 16px) calc(14% + 16px),50% 14%);transform:translateX(calc((1 - var(--shutter-close,0))*54%))}
.shutter-electric{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;pointer-events:none;filter:drop-shadow(0 0 4px #00ddff)}
@media(max-width:700px){.circuit-shop .armor-shutters{inset:14px}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.circuit-shop .armor-shutters{display:none!important}.shutter-electric{display:none!important}}

/* Override inherited .home-web>div width:100% on the inset decorative door wrapper. */
.circuit-shop .armor-shutters{width:auto;height:auto;max-width:none}

/* Responsive polish08: one compact header casting; no ornamental track through controls. */
.circuit-shop .site-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:28px;min-height:108px;padding:14px 28px;margin-bottom:18px;background:transparent;z-index:20}
.circuit-shop .site-header .brand{display:block;flex:0 0 278px;width:278px;max-width:278px;min-width:0;z-index:3}
.circuit-shop .site-header .brand>img{display:block;width:100%;max-width:412px;height:auto}
.circuit-shop .site-header .nav-disclosure{position:relative;flex:1 1 auto;width:auto;min-width:0;margin:0;z-index:8}
.circuit-shop .site-header .nav-disclosure>summary{display:none}
.circuit-shop .site-header .nav{position:static;display:grid;grid-template-columns:auto auto;justify-content:end;align-items:center;gap:4px 18px;width:auto;max-width:none;max-height:none;padding:0;background:none;border:0;box-shadow:none;overflow:visible;clip-path:none}
.circuit-shop .site-header .armor-nav-main{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.circuit-shop .site-header .armor-nav-action{grid-column:2;grid-row:1;display:flex;align-items:center}
.circuit-shop .site-header .armor-nav-utility{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.circuit-shop .site-header .nav a{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;color:#d5e6ee;font-size:17px;line-height:1.25;white-space:nowrap;text-decoration:none}
.circuit-shop .site-header .nav a:hover,.circuit-shop .site-header .nav a.active{color:#00d9fb}
.circuit-shop .site-header .nav a[aria-current]{text-underline-offset:6px;text-decoration-thickness:2px}
.circuit-shop .site-header .nav .nav-cta{width:max-content;max-width:100%;min-height:44px;padding:10px 16px;gap:8px;font-size:16px;color:#00defb;filter:none;box-shadow:inset 0 1px #9ce5f2,inset 0 -1px #13768d}
.circuit-shop .site-header .nav .nav-cta .armor-action-arrow{width:18px;height:18px;flex-basis:18px}
.circuit-shop .site-header .theme-toggle,.circuit-shop .site-header .cmd-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:30px;height:auto;margin:0;padding:4px 7px;border:0;background:transparent;box-shadow:none;color:#b8d0dc;font:inherit;font-size:13px;line-height:1.3;white-space:nowrap;cursor:pointer}
.circuit-shop .site-header .theme-toggle:hover,.circuit-shop .site-header .cmd-open:hover{background:#102734;color:#eefaff}
.nav-control-icon{display:block;width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.circuit-shop .site-header .nav .nav-group{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:0;align-items:center;width:auto}
.circuit-shop .site-header .nav .nav-group-link{min-width:0}
.circuit-shop .site-header .nav .nav-group-toggle{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:44px;padding:6px;border:0;background:none;color:#00d9fb}
.circuit-shop .site-header .nav-group-toggle .nav-control-icon{width:14px;height:14px;flex-basis:14px;transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
.circuit-shop .site-header .nav-group.open .nav-group-toggle .nav-control-icon{transform:rotate(180deg)}
.circuit-shop .site-header .nav .dropdown{position:absolute;top:calc(100% + 5px);left:-14px;right:auto;min-width:180px;width:max-content;padding:8px;background:#081a25;border:1px solid #355767;box-shadow:0 14px 24px #0007;z-index:15}
.circuit-shop .site-header .nav-group:not(.open)>.dropdown{display:none}
.circuit-shop .site-header .nav-group.open>.dropdown{display:block}
.circuit-shop .site-header .nav .dropdown a{display:flex;min-height:44px;margin:0;padding:9px 12px;font-size:16px}
.circuit-shop .site-header a:focus-visible,.circuit-shop .site-header button:focus-visible,.circuit-shop .site-header summary:focus-visible{outline:2px solid #bcf7ff;outline-offset:3px}
.circuit-shop .site-header .nav a:active,.circuit-shop .site-header button:active{color:#effcff}
@media(max-width:1279px){
 .circuit-shop .site-header{min-height:100px;padding:16px 24px;gap:24px;margin-bottom:18px}
 .circuit-shop .site-header .brand{flex:0 1 268px;width:268px;max-width:calc(100% - 112px)}
 .circuit-shop .site-header .nav-disclosure{position:static;flex:0 0 88px;width:88px;min-width:88px;margin-left:auto}
 .circuit-shop .site-header .nav-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:8px;width:88px;height:44px;min-height:44px;padding:8px 10px;margin:0;list-style:none;background:#0b1e2a;border:1px solid #426675;box-shadow:inset 0 1px #7494a044;color:#c8eef6;font-size:15px;line-height:1;cursor:pointer;touch-action:manipulation}
 .circuit-shop .site-header .nav-disclosure>summary::-webkit-details-marker{display:none}
 .circuit-shop .site-header .nav-disclosure>summary:hover{background:#133042}
 .circuit-shop .site-header .nav-disclosure[open]>summary{color:#00defb;background:#102a38;border-color:#00a2bf}
 .circuit-shop .site-header .nav-disclosure:not([open])>.nav{display:none}
 .circuit-shop .site-header .nav-disclosure[open]>.nav{display:flex}
 .circuit-shop .site-header .nav{position:absolute;inset:auto 18px auto auto;top:calc(100% + 8px);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:352px;max-width:calc(100% - 36px);max-height:min(680px,calc(100dvh - 190px));padding:18px;background:linear-gradient(135deg,#25404d 0,#071822 15px,#06131c 16px);border:1px solid #3d5d6b;box-shadow:0 18px 32px #0008;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#426c7b #06131c;transform-origin:top right;z-index:40}
 .circuit-shop .site-header .armor-nav-main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;width:100%}
 .circuit-shop .site-header .nav .armor-nav-main>a,.circuit-shop .site-header .nav .nav-group-link{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:18px;font-weight:500;white-space:normal}
 .circuit-shop .site-header .nav a.active{background:#0e2937;color:#00ddfa}
 .circuit-shop .site-header .nav .armor-nav-main>a:hover,.circuit-shop .site-header .nav .nav-group-link:hover{background:#102a38}
 .circuit-shop .site-header .nav .nav-group{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;width:100%;gap:0}
 .circuit-shop .site-header .nav .nav-group-toggle{width:44px;min-width:44px;min-height:44px;height:44px;margin:0;padding:10px}
 .circuit-shop .site-header .nav .dropdown{position:static;grid-column:1/-1;min-width:0;width:auto;margin:0 0 4px 12px;padding:0 8px 0 14px;border:0;border-left:1px solid #3b5a68;background:#091e2a;box-shadow:none}
 .circuit-shop .site-header .nav .dropdown a{min-height:44px;padding:8px 10px;font-size:16px}
 .circuit-shop .site-header .armor-nav-action{display:flex;align-items:center;margin-top:14px;padding:0 10px}
 .circuit-shop .site-header .nav .nav-cta{justify-content:center;width:224px;max-width:100%;min-height:46px;font-size:16px;padding:11px 14px}
 .circuit-shop .site-header .armor-nav-utility{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 12px;width:100%;margin-top:16px;padding:12px 8px 0;border-top:1px solid #274451}
 .circuit-shop .site-header .theme-toggle,.circuit-shop .site-header .cmd-open{width:auto;min-height:44px;padding:8px;font-size:14px;background:none;border:0}
}
@media(max-width:700px){
 .circuit-shop .site-header{min-height:92px;padding:16px 18px;gap:16px;margin-bottom:16px}
 .circuit-shop .site-header .brand{width:228px;flex:0 1 228px;max-width:calc(100% - 104px)}
 .circuit-shop .site-header .nav{right:10px;max-width:calc(100% - 20px);width:344px;padding:16px;max-height:calc(100dvh - 150px)}
}
@media(pointer:coarse) and (min-width:1280px){.circuit-shop .site-header .theme-toggle,.circuit-shop .site-header .cmd-open{min-height:44px}}
.light-mode.circuit-shop .site-header .nav a{color:#d5e6ee}
.light-mode.circuit-shop .site-header .nav a.active{color:#00d9fb}
.light-mode.circuit-shop .site-header .nav a:hover{color:#00d9fb}
@media(prefers-reduced-motion:reduce){.circuit-shop .site-header .nav-group-toggle .nav-control-icon{transition:none}}

/* Same hero, quieter service insets and a true secondary action. */
.circuit-shop .home-hero .hero-actions .btn{width:max-content;max-width:100%;min-width:220px;min-height:50px;padding:12px 22px;font-size:19px}
.circuit-shop .home-hero .hero-services{gap:14px;margin-top:24px;padding-top:4px}
.circuit-shop .hero-services>span{gap:10px;min-height:64px;padding:12px 16px;font-size:16px;line-height:1.4;background:linear-gradient(135deg,#152c38,#07151e 38%);box-shadow:inset 0 1px #426271;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.circuit-shop .hero-services>span>svg{width:24px;height:24px;flex-basis:24px;filter:none}
.circuit-shop .armor-support-copy{gap:24px;margin-top:8px;padding:22px 24px 16px}
.circuit-shop .armor-support-copy .hero-lead{font-size:16px;line-height:1.6;max-width:72ch}
.circuit-shop .armor-support-copy .btn{width:max-content;min-width:0;min-height:44px;justify-self:end;padding:10px 16px;font-size:16px;line-height:1.35;background:#0a202d;filter:none;box-shadow:none;color:#c9edf5;text-shadow:none}
.circuit-shop .armor-support-copy .btn .enclosure-button-outline{stroke:#548296;stroke-width:1.2;filter:none}
.circuit-shop .armor-support-copy .btn .armor-action-arrow{width:17px;height:17px;flex-basis:17px}
.circuit-shop .home-web{margin-top:20px}
.circuit-shop .live-content>section,.circuit-shop .live-content>.blog-single,.circuit-shop .live-content>.mosv2,.circuit-shop .footer-cta,.circuit-shop .site-footer{margin-top:20px}
.circuit-shop .live-content h2{font-size:clamp(28px,2.65vw,36px);line-height:1.18}
.circuit-shop .live-content>section p{max-width:72ch}
.circuit-shop .site-footer .footer-grid{gap:32px}
.circuit-shop .site-footer .footer-brand{width:270px;max-width:100%}
.circuit-shop .site-footer .footer-grid>div>strong{font-size:19px;margin-bottom:16px}
.circuit-shop .site-footer .footer-grid a,.circuit-shop .site-footer .footer-grid p,.circuit-shop .site-footer .footer-grid>div>span{font-size:16px;line-height:1.55}
.circuit-shop .site-footer .quiet{min-height:44px;padding:10px 0;font-size:14px}
.circuit-shop .site-footer>.replay{margin-top:12px}
.circuit-shop .site-footer .cs-ambient-controls{padding-top:8px}
@media(min-width:701px) and (max-width:1099px){
 .circuit-shop .home-hero .hero-actions .btn{min-width:0;width:max-content;padding:12px 18px;font-size:17px}
 .circuit-shop .home-hero .hero-services{gap:12px;margin-top:22px;padding-inline:10px}
 .circuit-shop .hero-services>span{font-size:15px;padding:12px 10px;gap:8px}
 .circuit-shop .hero-services>span>svg{width:23px;height:23px;flex-basis:23px}
 .circuit-shop .armor-support-copy{gap:20px;padding-top:20px}
}
@media(max-width:700px){
 .circuit-shop .home-hero>.hero-copy{padding:18px 17px 22px}
 .circuit-shop .home-hero .hero-copy h1{font-size:clamp(36px,11.6vw,52px);line-height:1.08}
 .circuit-shop .home-hero .hero-actions .btn{width:100%;min-width:0;max-width:300px;font-size:18px;min-height:50px}
 .circuit-shop .home-hero .work-switch{gap:10px;padding-top:4px}
 .circuit-shop .home-hero .work-switch button{font-size:16px;min-height:46px}
 .circuit-shop .home-hero .hero-services{gap:10px;margin-top:22px;padding:0 6px}
 .circuit-shop .hero-services>span{padding:12px 10px;font-size:14px;gap:8px;min-height:66px}
 .circuit-shop .hero-services>span>svg{width:23px;height:23px;flex-basis:23px}
 .circuit-shop .armor-support-copy{align-items:flex-start;gap:16px;margin-top:6px;padding:18px 14px 12px}
 .circuit-shop .armor-support-copy .btn{width:max-content;max-width:100%;font-size:16px}
 .circuit-shop .home-web,.circuit-shop .live-content>section,.circuit-shop .live-content>.blog-single,.circuit-shop .live-content>.mosv2,.circuit-shop .footer-cta,.circuit-shop .site-footer{margin-top:18px}
 .circuit-shop .site-footer .footer-grid{gap:28px 18px}
 .circuit-shop .site-footer .footer-brand{width:240px}
}
/* Exact half-width plus seam allowance avoids excess offscreen travel or an open-phone sliver. */
.shutter-left{transform:translateX(calc((var(--shutter-close,0) - 1) * (50% + 18px)))}
.shutter-right{transform:translateX(calc((1 - var(--shutter-close,0)) * (50% + 18px)))}

@media(min-width:1280px){
 .light-mode.circuit-shop .site-header .nav a,.light-mode.circuit-shop .site-header .theme-toggle,.light-mode.circuit-shop .site-header .cmd-open{color:#183646}
 .light-mode.circuit-shop .site-header .nav a.active,.light-mode.circuit-shop .site-header .nav .nav-cta{color:#007a94}
 .light-mode.circuit-shop .site-header .nav .nav-cta{color:#00defb}
 .light-mode.circuit-shop .site-header .nav .dropdown a{color:#d5e6ee}
}

@media(min-width:1280px){
 .light-mode.circuit-shop .site-header .theme-toggle:hover,.light-mode.circuit-shop .site-header .cmd-open:hover,.light-mode.circuit-shop .site-header .theme-toggle:focus-visible,.light-mode.circuit-shop .site-header .cmd-open:focus-visible{color:#102734;background:#cadce4}
}
