/* Device-first layout. No overflow clipping is used to conceal content. */
.site-header,.home-hero,.hero-visual,.copy-inner,.live-content,.container,.nav{min-width:0}.site-header .brand{min-width:0}.nav-disclosure>summary{touch-action:manipulation}.site-header .nav>*,.live-content .service-deck>*{min-width:0}.live-content p,.live-content li,.live-content h1,.live-content h2,.live-content h3{overflow-wrap:break-word}
@media(max-width:1279px){.site-header{flex-wrap:nowrap;min-height:112px;padding:12px 16px 24px;gap:16px;align-items:center;z-index:20}.site-header .brand{width:min(412px,calc(100% - 72px));max-width:calc(100% - 72px);flex:0 1 412px}.site-header .brand img{width:100%;height:auto}.site-header .nav-disclosure{position:static;width:auto;margin:0 0 0 auto;flex:0 0 48px;min-width:48px}.site-header .nav-disclosure>summary{display:flex;list-style:none;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:8px;border:2px solid #426b80;background:#071923;color:var(--cyan)}.nav-disclosure>summary::-webkit-details-marker{display:none}.site-header .nav-disclosure:not([open])>.nav{display:none}.site-header .nav-disclosure[open]>.nav{display:grid}.site-header .nav{position:absolute;inset:auto 12px auto 12px;top:calc(100% - 8px);width:auto;max-width:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;align-items:start;justify-content:stretch;padding:18px;background:#071923;border:2px solid #00dbff;z-index:90;max-height:min(72dvh,680px);overflow-y:auto;overscroll-behavior:contain}.site-header .nav>a{grid-column:1/-1;display:flex;align-items:center;min-height:44px;white-space:normal;padding:8px 12px;font-size:19px}.site-header .nav .nav-group{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 48px;width:100%;gap:0}.site-header .nav .nav-group-link{display:flex;align-items:center;min-height:48px;padding:8px 12px;font-size:19px;white-space:normal}.site-header .nav .nav-group-toggle{width:48px;min-height:48px}.site-header .nav .dropdown{position:static;grid-column:1/-1;min-width:0;width:100%;padding:10px 18px;border:0;background:#102c3d}.site-header .nav .dropdown a{min-height:44px;padding:9px 0;margin:0}.site-header .theme-toggle,.site-header .cmd-open{width:100%;min-height:48px;margin:4px 0 0;font-size:19px}.site-header .nav a[aria-current]{text-underline-offset:5px;text-decoration-thickness:2px}}
@media(max-width:1099px){.chassis{width:100%;margin:0 auto 24px;padding:26px 12px 30px}.home-hero{display:flex;flex-direction:column;min-height:0;grid-template-columns:none}.hero-visual{display:contents}.hero-visual>.primary-window{order:0;margin:0 8px;min-width:0;height:auto;aspect-ratio:1.4;max-height:430px}.primary-window .primary-photo{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.hero-visual>.photo-stack{display:none}.home-hero>.hero-copy{order:1;display:block;padding:30px 24px 24px;background:#07131b;min-width:0}.hero-copy .copy-inner{display:flex;flex-direction:column;max-width:68ch;margin:0 auto}.hero-copy h1{order:0;font-size:clamp(40px,6.4vw,60px);line-height:1.08;white-space:normal;max-width:100%}.hero-copy .signal-line{order:1;max-width:100%;margin:0 0 12px}.hero-copy .eyebrow{order:2;font-size:18px;line-height:1.45;margin:12px 0 18px}.hero-copy .hero-actions{order:3;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.hero-copy .hero-actions .btn{flex:1 1 220px;font-size:20px}.hero-copy .hero-lead{order:4;font-size:21px;line-height:1.5;margin:0;max-width:65ch}.hero-copy .hero-joint,.hero-copy .vents{display:none}.work-switch{order:2;display:flex;flex-wrap:wrap;gap:8px;padding:6px 24px 12px;margin:0;grid-column:auto}.work-switch button{flex:1 1 160px;min-height:52px;font-size:19px;white-space:normal}.work-switch button .icon{display:inline-block;width:22px;height:22px}.hero-services{order:3;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;padding:10px 24px 28px;font-size:18px}.home-web{display:grid;grid-template-columns:1fr;gap:24px;padding:34px 24px}.home-web>div{max-width:65ch}.home-web h2{font-size:34px;line-height:1.15}.home-web p{font-size:22px}.home-web .exhibit{width:100%;max-width:720px;margin:0;justify-self:start}.home-web .exhibit img{width:100%;height:auto;max-height:430px;object-fit:cover;object-position:top}.live-content>section,.live-content>.mosv2{padding:36px 24px}.live-content .problem-paths>.container>.section-heading,.live-content .service-deck,.live-content .contact-grid,.live-content .local-grid,.live-content .about-grid,.live-content .repair-grid,.live-content .service-layout,.live-content .trust-strip>.container,.live-content .local-seo-grid,.live-content .local-page-grid,.live-content .lab-detail-grid{display:grid;grid-template-columns:1fr;gap:24px}.live-content .problem-paths .section-heading>h2{grid-row:auto;max-width:100%;margin:10px 0}.live-content .problem-paths .section-heading>.eyebrow{grid-column:auto}.live-content .problem-paths .path-prompt{margin:0;font-size:26px}.live-content h1{font-size:clamp(34px,5vw,48px)}.live-content h2{font-size:clamp(27px,4vw,36px);max-width:30ch;line-height:1.18}.live-content .note-panel h2{font-size:30px;max-width:30ch;line-height:1.2}.live-content .note-panel{padding:26px 24px}.live-content .flow-grid{grid-template-columns:1fr;gap:18px}.live-content .flow-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 18px;padding:20px 0}.live-content .flow-card>span{grid-column:1;grid-row:1/3;margin:0;font-size:18px}.live-content .flow-card h3,.live-content .flow-card p{grid-column:2}.live-content .flow-card h3{font-size:25px;margin-bottom:14px}.live-content .index-lightbox-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.live-content .index-lightbox-stack img{height:220px}.live-content .local-service-list{grid-template-columns:1fr;gap:14px}.live-content .page-hero{display:flex;flex-direction:column;gap:24px;align-items:stretch}.live-content .page-hero-bg{height:300px;width:100%}.live-content .page-hero-copy{width:100%}.live-content .gallery-grid,.live-content .video-grid,.live-content .mosv2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-content .video-filter-panel{grid-template-columns:minmax(0,1fr) 160px}.live-content .video-filter-actions{grid-column:1/-1}.footer-cta{padding:36px 24px}.footer-cta .cta-panel{display:block}.footer-cta h2{font-size:30px;max-width:32ch}.footer-cta .btn{margin-top:16px}.site-footer{padding:36px 24px 20px}.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.site-footer .footer-grid>div:first-child{grid-column:1/-1}.site-footer .footer-brand{width:320px;max-width:100%}.site-footer .footer-bottom{display:block}.site-footer .footer-bottom>span{display:block;margin:14px 0}}
@media(max-width:599px){.chassis{padding:22px 7px 28px}.site-header{padding:8px 10px 20px;min-height:100px;gap:10px}.site-header .brand{width:calc(100% - 60px);max-width:calc(100% - 60px);flex-basis:auto}.hero-visual>.primary-window{margin:0 8px;aspect-ratio:1.3;max-height:340px}.home-hero>.hero-copy{padding:26px 20px 22px}.hero-copy h1{font-size:clamp(36px,9.3vw,44px)}.hero-copy .eyebrow{font-size:17px}.hero-copy .hero-lead{font-size:20px;line-height:1.45}.hero-copy .hero-actions{flex-direction:column;gap:12px}.hero-copy .hero-actions .btn{flex:0 0 auto;width:100%;min-height:52px}.work-switch{flex-direction:column;padding:6px 20px 12px;gap:10px}.work-switch button{flex:0 0 auto;width:100%;min-height:50px;justify-content:space-between;padding-inline:18px;clip-path:none;border:1px solid #466f84}.work-switch button.selected{border:2px solid var(--cyan)}.hero-services{padding:10px 20px 26px;gap:12px 16px;font-size:17px}.home-web{padding:32px 20px;gap:22px}.home-web h2{font-size:29px}.home-web p{font-size:21px}.live-content>section,.live-content>.mosv2{padding:32px 20px}.live-content h2{font-size:26px;max-width:100%}.live-content .note-panel{padding:24px 18px}.live-content .note-panel h2{font-size:25px;max-width:100%}.live-content .service-deck .note-panel:nth-child(2) h2{font-size:24px}.live-content .flow-card{grid-template-columns:30px minmax(0,1fr);gap:0 12px}.live-content .flow-card h3{font-size:23px}.live-content .index-lightbox-stack,.live-content .gallery-grid,.live-content .video-grid,.live-content .mosv2-grid,.live-content .bento-grid,.live-content .form-two,.live-content .form-two-cols{grid-template-columns:1fr}.live-content .index-lightbox-stack img{height:240px}.live-content .video-filter-panel{display:block}.live-content .video-filter-actions{margin-top:18px}.footer-cta{padding:32px 20px}.footer-cta h2{font-size:25px}.site-footer{padding:32px 20px 18px}}
/* Only decorative motion is clipped. Text, logo, navigation and page content remain outside. */
.header-motion{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0;contain:paint}.site-header>.brand{position:relative;z-index:1}

/* Composition repair: retain the approved enclosure, give each viewport its own layout. */
.chassis{--section-space:clamp(32px,4.5vw,64px);--content-gutter:clamp(20px,3vw,42px)}
.home-hero .hero-copy h1{line-height:1.06;margin:0 0 18px;letter-spacing:-.03em}
.home-hero .hero-copy .eyebrow{font-size:17px;line-height:1.4;margin:14px 0 18px}
.home-hero .hero-copy .hero-lead{font-size:18px;line-height:1.5;margin:0;max-width:58ch}
.home-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 20px}
.home-hero .hero-actions .btn{font-size:19px;min-height:48px;padding:11px 16px;width:100%;flex:none}
.home-hero .copy-inner{display:flex;flex-direction:column;width:100%;max-width:none}
.home-hero .copy-inner h1{order:0}.home-hero .copy-inner .signal-line{order:1;margin:8px 0;height:2px}
.home-hero .copy-inner .eyebrow{order:2}.home-hero .copy-inner .hero-actions{order:3}.home-hero .copy-inner .hero-lead{order:4}
.work-switch button{transition:background .2s,border-color .2s;touch-action:manipulation}
.work-switch button::before{content:"";width:54px;height:38px;flex:0 0 54px;background:center/cover no-repeat}
.work-switch button[data-work="trace-repair-closeup"]::before{background-image:url(photos/trace-repair-closeup-480.webp)}
.work-switch button[data-work="dual-gpu-pc"]::before{background-image:url(photos/dual-gpu-pc-480.webp)}
.work-switch button[data-work="console-xmb-setup"]::before{background-image:url(photos/console-xmb-setup-480.webp)}
.hero-services span{font-size:16px;line-height:1.4}
.live-content>section,.live-content>.mosv2{padding:var(--section-space) var(--content-gutter)}
.live-content p,.live-content li{font-size:18px;line-height:1.55}
.live-content h2{font-size:clamp(27px,3vw,38px);line-height:1.16;letter-spacing:-.025em;text-wrap:balance}
.live-content h3{line-height:1.25}
.live-content .section-heading{margin-bottom:28px}
.live-content .note-panel{padding:28px;background:#0a1c27;border-top:2px solid #41677c}
.live-content .note-panel h2{font-size:clamp(26px,2.6vw,34px);max-width:28ch}
.live-content .check-list{margin-block:22px;padding-left:22px}
.live-content .check-list li{margin-block:9px}
.live-content .trust-strip,.live-content .lab-strip{background:#091923}
.live-content .flow-grid{gap:16px 28px}
.live-content .flow-card{border-top:2px solid #335268;padding:20px 0}
.live-content .lab-strip-grid{display:grid;gap:28px}
.live-content .lab-copy{max-width:65ch}
.live-content .index-lightbox-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.live-content .index-lightbox-stack img{height:clamp(160px,21vw,290px);width:100%;object-fit:cover}
.live-content .bento-card img{height:clamp(180px,22vw,290px)}
.live-content .bento-card>span{color:var(--cyan);font-size:23px;padding-top:16px}
.live-content .bento-card>strong{font-size:18px;line-height:1.4;padding-top:0}
.footer-cta{padding:var(--section-space) var(--content-gutter)}
.footer-cta h2{font-size:clamp(26px,3vw,36px);line-height:1.2;max-width:34ch}
.footer-cta p{font-size:18px;line-height:1.5;max-width:65ch}
.site-footer{padding:40px var(--content-gutter) 24px}
.site-footer .footer-brand{width:280px;max-width:100%}
.site-footer .footer-grid a,.site-footer .footer-grid p,.site-footer .footer-grid>div>span{font-size:17px;line-height:1.5}
.site-footer .footer-grid>div>strong{font-size:22px}
@media(min-width:701px) and (max-width:1099px){
 .chassis{padding:22px 12px 30px}
 .site-header{min-height:100px;padding:8px 20px 20px}.site-header .brand{width:300px;flex-basis:300px}
 .home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}
 .home-hero>.hero-copy{grid-column:1;grid-row:1/4;order:0;padding:30px 24px;background-image:linear-gradient(#061018ed,#061018ed),url(frames/scuffed-metal.webp)}
 .home-hero .hero-copy h1{font-size:clamp(32px,4.5vw,46px);white-space:nowrap}
 .home-hero .hero-visual{display:contents}
 .home-hero .hero-visual>.primary-window{grid-column:2;grid-row:1;order:0;width:auto;margin:16px 16px 0 0;height:300px;min-height:0;max-height:none;aspect-ratio:auto}
 .home-hero .work-switch{grid-column:2;grid-row:2;order:0;display:flex;flex-direction:column;gap:8px;margin:0;padding:12px 16px 0 0}
 .home-hero .work-switch button{width:100%;flex:none;display:flex;justify-content:flex-start;gap:12px;min-height:48px;padding:5px 10px;clip-path:none;border:1px solid #41677c;font-size:17px}
 .home-hero .work-switch button.selected{border-color:var(--cyan);background:#103140}
 .home-hero .work-switch .icon{margin-left:auto}
 .home-hero .hero-services{grid-column:1/-1;grid-row:4;order:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px 24px;margin:0;background:#0a1c27}
 .home-web{grid-template-columns:.85fr 1.15fr;align-items:center;padding:36px 24px;gap:28px}
 .home-web h2{font-size:30px}.home-web p{font-size:19px}.home-web .button{font-size:18px}
 .live-content .service-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .live-content .note-panel{padding:24px 20px}.live-content .note-panel h2{font-size:28px}
 .live-content .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .live-content .flow-card{display:block}.live-content .flow-card>span{display:block;margin-bottom:12px}
 .live-content .flow-card:last-child{grid-column:1/-1;max-width:50ch}
 .live-content .local-seo-grid{grid-template-columns:1.2fr .8fr;gap:28px}
 .live-content .page-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}
 .live-content .page-hero-bg{height:300px}
 .live-content .page-hero h1{font-size:38px}
}
@media(max-width:700px){
 .chassis{padding:14px 7px 24px}.site-header{min-height:86px;padding:6px 10px 16px;gap:12px}
 .site-header .brand{width:252px;max-width:calc(100% - 60px);flex:0 1 252px}
 .home-hero{display:flex;flex-direction:column}
 .home-hero>.hero-visual{display:contents}
 .home-hero .hero-visual>.primary-window{order:0;align-self:stretch;width:auto;min-width:0;min-height:0;height:clamp(170px,48vw,260px);max-height:none;aspect-ratio:auto;margin:0 10px;padding:4px}
 .home-hero .primary-photo{object-position:50% 44%}
 .home-hero>.hero-copy{order:1;padding:20px;background:#07131b}
 .home-hero .hero-copy h1{font-size:clamp(34px,9.4vw,46px);margin-bottom:0;white-space:normal}
 .home-hero .hero-copy .signal-line{display:none}
 .home-hero .hero-copy .eyebrow{font-size:16px;line-height:1.4;margin:14px 0 16px}
 .home-hero .hero-copy .hero-lead{font-size:17px;line-height:1.5}
 .home-hero .hero-actions{gap:10px;margin-bottom:18px}
 .home-hero .hero-actions .btn{min-height:48px;font-size:18px}
 .home-hero .work-switch{order:2;display:flex;flex-direction:column;padding:0 20px 20px;gap:8px}
 .home-hero .work-switch button{display:flex;justify-content:flex-start;gap:14px;flex:none;width:100%;min-height:50px;padding:5px 12px;clip-path:none;border:1px solid #41677c;font-size:17px}
 .home-hero .work-switch button.selected{border-color:var(--cyan);background:#103140}
 .home-hero .work-switch .icon{margin-left:auto}
 .home-hero .hero-services{order:3;grid-template-columns:1fr 1fr;gap:12px 16px;padding:18px 20px;margin:0;background:#0a1c27}
 .home-web{display:grid;grid-template-columns:1fr;gap:24px;padding:32px 20px}
 .home-web h2{font-size:29px;line-height:1.15}.home-web p{font-size:18px;line-height:1.5}.home-web .button{font-size:18px}
 .live-content .note-panel{padding:24px 18px}.live-content .note-panel h2,.live-content .service-deck .note-panel:nth-child(2) h2{font-size:26px}
 .live-content .section-heading h2{margin-block:12px 20px}
 .live-content .problem-paths .path-prompt{font-size:23px}
 .live-content .flow-grid{grid-template-columns:1fr;gap:0}
 .live-content .flow-card{grid-template-columns:30px minmax(0,1fr);padding-block:22px}
 .live-content .flow-card h3{font-size:23px;margin-bottom:10px}
 .live-content .flow-card p{margin:0}
 .live-content .index-lightbox-stack{grid-template-columns:1fr 1fr;gap:10px}
 .live-content .index-lightbox-stack img{height:150px}
 .live-content .index-lightbox-stack img:first-child{grid-column:1/-1;height:230px}
 .live-content .bento-grid{grid-template-columns:1fr;gap:28px}
 .live-content .bento-card img{height:220px}
 .live-content .page-hero-bg{height:210px}.live-content .page-hero h1{font-size:34px}
 .footer-cta .btn{width:100%;font-size:19px}
 .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px 16px}
 .site-footer .footer-grid>div:nth-child(3){grid-column:1/-1;grid-row:3}
 .site-footer .footer-bottom{font-size:14px;line-height:1.5}
}
@media(min-width:1100px){
 .home-hero>.hero-copy{padding:36px 30px 76px}
 .home-hero .hero-actions{grid-template-columns:1fr 1fr}
 .home-hero .hero-copy h1{font-size:clamp(46px,4.7vw,68px)}
 .home-hero .hero-visual{grid-template-rows:minmax(340px,1fr) 58px auto}
 .home-hero .primary-window{min-height:380px}
 .home-hero .work-switch button::before{display:none}
 .home-hero .hero-services{margin-bottom:20px}
}

@media(min-width:701px) and (max-width:1099px){.site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .footer-grid>div:first-child{grid-column:1/-1}}

/* Interior repairs: keep content clear of the enclosure and keep controls self-contained. */
.site-header .nav-group:not(.open)>.dropdown{display:none}
.live-content>.blog-single{padding:var(--section-space) var(--content-gutter);border-bottom:2px solid #315568}
.live-content .blog-single>.container{max-width:72ch;margin-inline:auto}
.live-content .blog-cats{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:28px}
.live-content .mini-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;background:#081923;color:var(--ink);font-size:18px;line-height:1.3;text-decoration:none}
.live-content .mini-btn.active{background:#103140;color:var(--cyan)}
.live-content .mini-btn:hover{background:#12374a}
.live-content .local-place-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px 24px;margin-top:24px}
.live-content .local-place-grid>span{display:block;font-size:18px;line-height:1.5}
.live-content .intake-panel{min-width:0;display:grid;gap:24px;align-content:start}
.live-content .intake-panel>.parity-stage-note{margin:0}
.live-content .intake-panel form>label:first-of-type{margin-top:0}
.live-content .intake-panel .start-form{width:100%;margin:0}
.live-content .hp-field[aria-hidden=true]{display:none!important}
.start-page .live-content .start-section{padding:var(--section-space) var(--content-gutter)}
.start-page .problem-grid,.start-page .solution-grid,.start-page .benefit-grid{display:grid;grid-template-columns:1fr;gap:24px 32px;margin-top:28px}
.start-page .problem-card,.start-page .solution-card{padding:22px;background:#081923;min-width:0}
.start-page .problem-card>span,.start-page .solution-card>span,.start-page .benefit-grid article>span{display:block;font-size:28px;line-height:1.2;color:var(--cyan);margin-bottom:12px}
.start-page .problem-card h3,.start-page .solution-card h3,.start-page .benefit-grid h3{font-size:25px;margin:0 0 14px}
.start-page .problem-card p,.start-page .solution-card p,.start-page .benefit-grid p{margin:0}
.start-page .live-content #start-form{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.start-page .live-content #work .work-grid{grid-template-columns:1fr;gap:22px;margin:28px 0}
.start-page .work-card{display:block;min-width:0;background:#081923;padding:24px;text-decoration:none;color:var(--ink)}
.start-page .work-card:hover{background:#103140}
.start-page .work-thumb,.start-page .work-info{display:block}
.start-page .work-thumb strong{display:block;font:600 20px/1.45 Barlow,sans-serif}
.start-page .work-info{padding-top:18px}
.start-page .work-info b{display:block;font-size:22px;color:var(--cyan)}
.start-page .work-info em{display:block;font-size:17px;font-style:normal;color:var(--muted);margin-top:6px}
@media(min-width:701px){
 .start-page .problem-grid,.start-page .solution-grid,.start-page .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .start-page .live-content #work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
 .live-content .contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:start}
 .start-page .live-content #start-form{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
 .start-page .benefit-grid{grid-template-columns:1fr}
}

.start-page .form-two{align-items:end}

.live-content .gallery-filters button.active small{color:inherit}
