/* Service worlds — native hardware illustrations, independent motion, quiet typography. */
.repair-scene{--scene-accent:#8eb7ff;position:relative;isolation:isolate;overflow:hidden;background:#050e1e;color:#eef6ff;border-bottom:1px solid #34577b59}
.repair-scene .scene-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:radial-gradient(#627fac80 .7px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(120deg,transparent,#000)}
.scene-nebula{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 42%,#1f3e6a80,transparent 50%),radial-gradient(ellipse at 98% 90%,#6e396c33,transparent 48%),linear-gradient(115deg,#050e1e,#091829)}
.repair-scene-layout{display:grid;grid-template-columns:.86fr 1.4fr;gap:12px;align-items:center;min-height:700px;padding-top:42px;padding-bottom:40px}
.repair-scene-copy{position:relative;z-index:3;padding-block:28px}
.scene-kicker{display:flex;align-items:center;gap:10px;color:var(--scene-accent);font-size:.64rem;font-weight:800;letter-spacing:.19em;line-height:1.7}
.scene-kicker i,.scene-bottom>span>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 12px var(--scene-accent);flex:0 0 auto}
.repair-scene h1{font-size:clamp(2.8rem,4.6vw,4.9rem);line-height:1.045;letter-spacing:-.055em;margin:27px 0 20px;font-weight:800}
.repair-scene h1 em{font-style:normal;color:var(--scene-accent)}
.scene-intro{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.45;color:#e1e9f7;letter-spacing:-.025em;margin:0 0 18px}
.scene-description{color:#a8bbd2;font-size:.98rem;line-height:1.8;max-width:370px;margin:0 0 28px}
.scene-request{gap:24px;background:linear-gradient(120deg,#d4e3ff,#91b4fa);color:#0b1e36!important;font-size:.84rem;border:1px solid #c6d9ff90;border-radius:8px;padding:15px 19px;box-shadow:0 6px 35px #609fff20}
.scene-request:hover{box-shadow:0 8px 35px #609fff40}.scene-request span{font-size:1.3rem;font-weight:400;line-height:1}
.scene-detail{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.63rem;color:#8ba3bf;margin-top:24px}.scene-detail b{font-weight:400;color:#425f7e}
.scene-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;border-top:1px solid #7ba6d327;font-size:.62rem;letter-spacing:.14em;color:#91a9c4}
.scene-bottom>span{display:flex;gap:12px;align-items:center}.scene-bottom>a{color:#bed0e7;text-decoration:none;letter-spacing:.02em;font-size:.74rem}.scene-bottom>a>span{margin-left:18px;color:var(--scene-accent)}
.console-universe{position:relative;min-width:0;height:605px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,1fr);align-items:center;gap:6px 2px;perspective:1100px;transform:rotate(-3deg)}
.console-float{position:relative;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;transform:rotate(var(--tilt));animation:console-levitate var(--duration) ease-in-out var(--delay) infinite;will-change:transform}
.console-float img{display:block;width:115%;max-width:185px;height:112px;object-fit:contain;filter:drop-shadow(0 15px 10px #0009) drop-shadow(0 0 13px #6d9cd31c);pointer-events:none}
.console-float figcaption{font-size:.56rem;line-height:1.4;letter-spacing:.025em;color:#aebfd5;text-align:center;margin-top:1px;white-space:nowrap;transform:rotate(calc(var(--tilt) * -1 + 3deg))}
.console-1 img,.console-3 img,.console-8 img,.console-12 img{height:128px}.console-2{margin-top:26px}.console-4{margin-top:10px}.console-7{margin-top:-14px}.console-11{margin-top:-8px}.console-15{margin-top:-14px}
.universe-orbit{position:absolute;left:6%;top:6%;width:89%;height:86%;border:1px solid #6987b418;border-radius:50%;transform:rotate(28deg);pointer-events:none}.universe-orbit:before{content:'';position:absolute;top:12%;left:14%;width:4px;height:4px;border-radius:50%;background:#abcfff;box-shadow:0 0 15px #83b6ff}.orbit-b{left:-1%;top:16%;width:108%;height:66%;transform:rotate(-29deg);border-color:#bb99d712}.orbit-b:before{left:80%;top:14%;background:#c7b4ed}
@keyframes console-levitate{0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt))}50%{transform:translate3d(3px,var(--drift),18px) rotate(calc(var(--tilt) + 2deg))}}
/* Copper and solder: signal sweeps run within the SVG, components populate in staggered groups. */
.board-scene{--scene-accent:#7ee5cf}.board-scene .scene-nebula{background:radial-gradient(ellipse at 75% 47%,#18534f85,transparent 50%),radial-gradient(ellipse at 85% 0%,#12365e65,transparent 50%),#04131e}.board-scene h1{font-size:clamp(2.7rem,4.2vw,4.4rem)}.board-scene .scene-request{background:linear-gradient(120deg,#b6f2df,#6bd3c7);border-color:#b9f8e090;color:#072d33!important}.board-scene .scene-description{max-width:410px}
.board-universe{position:relative;height:610px;min-width:0;perspective:1000px}.board-halo{position:absolute;left:10%;top:21%;width:80%;height:65%;border-radius:50%;background:#36cbb313;filter:blur(45px)}.repair-board{position:absolute;max-width:none;height:auto;pointer-events:none}.board-main{width:114%;left:-8%;top:0;filter:drop-shadow(0 45px 22px #0008);animation:board-levitate 12s ease-in-out infinite}.board-ghost{width:70%;right:-26%;top:-6%;opacity:.15;filter:blur(1px);transform:rotate(25deg);animation:board-secondary 19s ease-in-out infinite}
.component-satellite{position:absolute;z-index:2;animation:component-materialize 10s ease-in-out infinite;filter:drop-shadow(0 17px 12px #0008)}.satellite-chip{left:8%;top:22%;animation-delay:-2s;transform:rotate(-16deg)}.satellite-resistor{right:3%;top:43%;animation-delay:-5s}.satellite-cap{left:23%;bottom:12%;animation-delay:-8s}
.micro-chip{position:relative;display:grid;place-items:center;width:62px;height:64px;background:linear-gradient(135deg,#515e6c,#182b38 60%,#0d1d2a);border:1px solid #7c949b;border-radius:4px;box-shadow:inset 0 0 0 5px #223744;transform:rotate(-18deg)}.micro-chip:before,.micro-chip:after{content:'';position:absolute;top:7px;bottom:7px;width:10px;background:repeating-linear-gradient(0deg,#a3b2b5 0 3px,transparent 3px 7px)}.micro-chip:before{left:-10px}.micro-chip:after{right:-10px}.micro-chip b{font-size:.7rem;font-weight:400;color:#9db6c2;letter-spacing:.15em}.micro-chip i{position:absolute;width:4px;height:4px;left:8px;top:8px;border-radius:50%;background:#75909c}
.micro-resistor{display:block;position:relative;width:67px;height:30px;border-radius:3px;background:linear-gradient(#54616c,#111e2a);border-inline:12px solid #adbac0;box-shadow:inset 0 1px #c1d0d7;transform:rotate(22deg)}.micro-resistor b{font-size:.7rem;color:#cfdbdc;display:block;text-align:center;padding-top:7px;letter-spacing:.08em}.micro-cap{display:block;width:34px;height:49px;border-radius:4px;background:linear-gradient(100deg,#b1a17b,#e2cc9e 45%,#8c7956);border-block:7px solid #bfcacb;transform:rotate(18deg)}
.board-annotation{position:absolute;display:flex;align-items:center;gap:10px;font-size:.5rem;letter-spacing:.13em;color:#84b5b2;pointer-events:none;z-index:3}.board-annotation i{width:22px;height:1px;background:#5da398;position:relative}.board-annotation i:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;border:1px solid #70c2ad}.annotation-one{top:14%;right:4%}.annotation-two{bottom:6%;left:18%}
@keyframes board-levitate{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-13px,0) rotate(-1deg)}}@keyframes board-secondary{0%,100%{transform:translateY(0) rotate(25deg)}50%{transform:translateY(18px) rotate(22deg)}}
@keyframes component-materialize{0%,7%{opacity:0;translate:0 -25px;scale:.86}20%,65%{opacity:1;translate:0 0;scale:1}82%,100%{opacity:0;translate:0 16px;scale:.94}}
/* The discharge canvas shares the existing logo hover so every strike stays on a via. */
.logo-live-surface{position:relative;z-index:4;width:88%;aspect-ratio:1;animation:logoHover 5.2s ease-in-out infinite;pointer-events:none}
.hero-logo-stage .logo-live-surface img{display:block;width:100%;height:auto;animation:logoChromatic 9s linear infinite}
.logo-discharge{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;mix-blend-mode:screen}
.hero-logo-stage:after{display:none}.logo-circuit-path{display:none!important}
#project-inquiry-title{scroll-margin-top:125px}#project-inquiry-title:focus{outline:none}
[data-motion-scene].motion-sleeping *,[data-motion-scene].motion-sleeping *:before{animation-play-state:paused!important}
@media(min-width:1500px){.repair-scene-layout{gap:40px}}
@media(max-width:1050px){.repair-scene-layout{grid-template-columns:.9fr 1.15fr;min-height:640px}.repair-scene h1{font-size:3.3rem}.console-universe{height:550px}.console-float img{height:100px}.console-1 img,.console-3 img,.console-8 img,.console-12 img{height:115px}.console-float figcaption{font-size:.5rem}.board-universe{height:500px}.board-main{top:6%}.board-scene h1{font-size:3.1rem}.board-annotation{font-size:.4rem}.scene-detail{font-size:.57rem}}
@media(max-width:760px){.repair-scene-layout{grid-template-columns:1fr;gap:5px;padding-top:42px;padding-bottom:15px}.repair-scene-copy{padding:0;max-width:600px}.repair-scene h1{font-size:clamp(2.9rem,8.5vw,4.2rem);margin-top:21px}.scene-intro{font-size:1.25rem}.scene-intro br{display:none}.scene-description{max-width:470px;font-size:.94rem;margin-bottom:21px}.scene-detail{font-size:.61rem;margin-top:19px}.console-universe{height:540px;max-width:640px;width:100%;margin:18px auto 0;transform:rotate(-2deg)}.console-float img{height:105px;max-width:165px}.console-float figcaption{font-size:.53rem}.console-1 img,.console-3 img,.console-8 img,.console-12 img{height:116px}.scene-bottom{align-items:start;gap:20px;padding-block:20px;font-size:.52rem;letter-spacing:.08em}.scene-bottom>a{font-size:.64rem;white-space:nowrap}.scene-bottom>a>span{margin-left:8px}.board-universe{height:490px;max-width:620px;width:100%;margin:auto}.board-main{width:100%;left:0;top:-3%}.board-scene h1{font-size:clamp(2.6rem,8vw,3.8rem)}.board-ghost{right:-17%;width:60%}.annotation-one{right:8%;top:12%}.annotation-two{left:24%;bottom:7%}.satellite-chip{left:7%;top:18%}.satellite-cap{bottom:19%}.board-annotation{font-size:.48rem}.logo-live-surface{width:91%}}
@media(max-width:450px){.console-universe{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,1fr);height:650px;gap:0;margin-top:25px}.console-float img{height:85px;width:116%}.console-float figcaption{font-size:.51rem}.console-1 img,.console-3 img,.console-8 img,.console-12 img{height:93px}.console-15{grid-column:2}.console-2,.console-4,.console-7,.console-11,.console-15{margin-top:0}.scene-bottom{flex-direction:column;gap:13px}.scene-kicker{font-size:.58rem;letter-spacing:.15em}.board-universe{height:360px;margin-top:25px}.micro-chip{width:44px;height:46px}.micro-resistor{width:55px;height:25px;border-inline-width:9px}.micro-resistor b{font-size:.55rem;padding-top:5px}.micro-cap{width:24px;height:36px;border-block-width:5px}.board-annotation{font-size:.37rem}.annotation-one{top:6%}.annotation-two{bottom:8%;left:21%}.logo-live-surface{width:94%}}
@media(prefers-reduced-motion:reduce){.console-float,.board-main,.board-ghost,.component-satellite,.logo-live-surface{animation:none!important;translate:none;scale:none;opacity:1}.logo-discharge{display:none}.console-float{transform:rotate(var(--tilt))}}