:root{--black:#030504;--coal:#090c0a;--green:#8bdc4d;--green-hot:#adff70;--white:#e5e5de;--muted:#aaa99f;--rule:rgba(220,224,211,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;color:var(--white);background:#050706;font-family:"Courier New",Courier,monospace;line-height:1.35;overflow-x:hidden}
a{color:inherit}img{display:block;max-width:100%}::selection{color:#071007;background:var(--green)}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:9px 12px;color:#071007;background:var(--green);transform:translateY(-150%)}.skip-link:focus{transform:none}
.grain{position:fixed;z-index:999;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(7.5vw,28px);background:#020403;border-bottom:1px solid #151915}
.brand,.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-frog{width:86px;height:76px;display:grid;place-items:center}.brand-frog img{width:86px;height:76px;object-fit:contain}.brand-name,.footer-brand span{display:grid;line-height:1.02}.brand-name b,.footer-brand b{color:var(--green);font-size:1.28rem;font-weight:400;letter-spacing:.045em;text-shadow:0 0 8px rgba(139,220,77,.18)}.brand-name strong,.footer-brand strong{font-size:1.2rem;letter-spacing:.06em}
.topbar nav{display:flex;align-items:center;gap:clamp(25px,3.4vw,58px)}.topbar nav a{text-decoration:none;text-transform:uppercase;font-size:.73rem;letter-spacing:.045em}.topbar nav a:hover,.topbar nav .active{color:var(--green)}
.hero{position:relative;height:330px;isolation:isolate;overflow:hidden;border-bottom:1px solid #1c211b}.hero-scene{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#030504fa 0%,#030504e8 16%,rgba(3,5,4,.68) 29%,rgba(3,5,4,.05) 51%,rgba(3,5,4,.12)),linear-gradient(0deg,rgba(2,4,3,.58),transparent 42%,rgba(2,4,3,.18))}.hero-copy{padding:57px 0 0 max(8.5vw,34px);width:39%}.hero-copy h1{margin:0;font-size:clamp(1.75rem,2.25vw,2.55rem);font-weight:400;line-height:1.19;letter-spacing:.08em;text-shadow:0 2px 4px #000}.hero-copy h1 span,.hero-copy h1 em{display:block;font-style:normal}.hero-copy h1 em{color:var(--green);font-weight:700}.hero-copy p{margin:15px 0 0;font-size:.72rem;line-height:1.65;font-weight:700;letter-spacing:.025em}.hero-copy i{display:block;width:44px;height:3px;margin-top:14px;background:var(--green);box-shadow:22px 0 0 rgba(139,220,77,.35)}
.services{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.3vw;padding:16px max(14.5vw,56px) 18px;background:#080a08;background-image:radial-gradient(circle at 50% 0,rgba(255,255,255,.03),transparent 55%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,100% 27px;box-shadow:inset 0 20px 55px #030403,inset 0 -18px 55px #030403}
.service-card{position:relative;min-height:205px;padding:24px 25px 19px;background-position:center;background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 15px 13px rgba(0,0,0,.58))}.card-one{transform:rotate(-1.2deg);background-image:url('/electronics/assets/service-paper-1.svg')}.card-two{transform:rotate(.7deg);background-image:url('/electronics/assets/service-paper-2.svg')}.card-three{transform:rotate(-.45deg);background-image:url('/electronics/assets/service-paper-3.svg')}.card-four{transform:rotate(.8deg);background-image:url('/electronics/assets/service-paper-4.svg')}.service-card img{width:68px;height:54px;margin:-4px auto 7px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.58)) drop-shadow(0 0 7px rgba(139,220,77,.2))}.service-card h2{margin:0;font-size:1rem;line-height:1.12;text-transform:uppercase;letter-spacing:.025em}.service-card p{margin:10px 0 0;color:#babbb3;font-size:.72rem;line-height:1.35}
.bench-collage{position:relative;height:430px;padding:18px max(4.5vw,28px);background:#050706;border-top:1px solid #1c211b;overflow:hidden;isolation:isolate}
.bench-underlay{position:absolute;z-index:-3;inset:-8%;width:116%;height:116%;object-fit:cover;object-position:42% 55%;filter:saturate(.5) contrast(1.13) brightness(.42)}
.bench-vignette{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 28% 48%,rgba(210,165,104,.12),transparent 34%),linear-gradient(90deg,rgba(3,5,4,.2),rgba(3,5,4,.06) 58%,rgba(3,5,4,.62)),linear-gradient(0deg,#050706b8,transparent 28%,#05070662)}
.project-log{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(58px,5.3vw,92px);width:70%;height:390px;margin:0;padding:48px clamp(48px,4vw,70px) 36px;background:url('/electronics/assets/project-logbook.svg') center/100% 100% no-repeat;color:#282b25;filter:drop-shadow(0 20px 20px rgba(0,0,0,.7));transform:rotate(-.45deg);transform-origin:center}
.log-page{min-width:0}.log-kicker,.ticket-number{margin:0 0 5px;color:#567b37;font-size:.56rem;font-weight:800;letter-spacing:.12em}.project-log h2{max-width:310px;margin:0 0 14px;font-size:1.05rem;line-height:1.06;text-transform:uppercase;letter-spacing:-.025em}.log-entry{display:grid;gap:1px;margin:0 0 11px;padding:0 0 8px;border-bottom:1px solid rgba(61,69,58,.3)}.log-entry b{color:#54753a;font-size:.51rem;letter-spacing:.055em}.log-entry strong{font-size:.68rem;line-height:1.2;text-transform:uppercase}.log-entry span{color:#484b43;font-family:Arial,sans-serif;font-size:.58rem;line-height:1.28}.log-hand{margin:4px 0 17px;color:#476b31;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.76rem;line-height:1.18;transform:rotate(-1.5deg)}.log-note{margin:2px 0 0;color:#4d7035;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.59rem;line-height:1.25;transform:rotate(-.7deg)}
.polaroid{position:absolute;z-index:4;left:3.6vw;bottom:-19px;width:164px;margin:0;padding:8px 8px 22px;background:#c9c3b7;color:#161814;box-shadow:0 14px 30px #000;transform:rotate(-5deg)}.polaroid>img{width:100%;height:108px;object-fit:cover;filter:saturate(.75) contrast(1.08)}.polaroid figcaption{padding:7px 2px 0;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.65rem;line-height:1.18}.tape{position:absolute;z-index:5;top:-8px;left:23%;width:74px;height:18px;background:rgba(184,172,142,.74);box-shadow:0 2px 5px rgba(0,0,0,.35);transform:rotate(2deg)}
.intake-ticket{position:absolute;z-index:3;top:17px;right:max(3.6vw,24px);width:min(25.5%,360px);height:394px;padding:82px 38px 42px;color:#282b25;background:url('/electronics/assets/bench-intake-tag.svg') center/100% 100% no-repeat;filter:drop-shadow(0 19px 19px rgba(0,0,0,.76));transform:rotate(1.25deg)}.ticket-number{margin-bottom:18px}.intake-ticket h2{margin:0 0 17px;color:#3f6728;font-size:1.25rem;line-height:.95;letter-spacing:.02em}.intake-ticket>p:not(.ticket-number){margin:0 0 20px;color:#3f423b;font-family:Arial,sans-serif;font-size:.68rem;line-height:1.4}.intake-ticket a{display:inline-block;padding:7px 9px 5px;border:2px solid rgba(63,103,40,.78);color:#345723;text-decoration:none;font-size:.68rem;font-weight:900;letter-spacing:.025em;transform:rotate(-1.5deg);box-shadow:inset 0 0 0 1px rgba(63,103,40,.24)}.intake-ticket a:hover{color:#d8dbc9;background:#3f6728}.ticket-note{display:block;margin-top:18px;color:#56594f;font-family:"Segoe Print","Bradley Hand",cursive;font-size:.6rem;transform:rotate(-1deg)}
footer{display:grid;grid-template-columns:1fr .8fr .8fr .95fr;align-items:center;gap:24px;min-height:102px;padding:12px max(9vw,34px);background:#050706;border-top:1px solid #20241e}.footer-brand img{width:75px;height:67px;object-fit:contain}.footer-brand b{font-size:.9rem}.footer-brand strong{font-size:.82rem}.footer-brand+ p,.location{display:grid;margin:0;padding-left:26px;border-left:1px solid #999b93;font-size:.64rem;line-height:1.48}.footer-brand+ p span,.location span{color:#a1a29a}.footer-brand+ p small{margin-top:6px;color:#5e625c}.location b{color:var(--green);font-size:.59rem}.footer-links{display:flex;justify-content:flex-end;align-items:flex-start;gap:12px}.footer-links a{position:relative;display:grid;justify-items:center;gap:4px;width:48px;color:#858a82;text-decoration:none;font-size:.48rem;font-weight:700;letter-spacing:.06em}.footer-links img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.65)) drop-shadow(0 0 5px rgba(139,220,77,.16));transition:transform .2s ease,filter .2s ease}.footer-links a:hover,.footer-links a:focus-visible{color:var(--green-hot);outline:none;text-shadow:0 0 9px rgba(139,220,77,.3)}.footer-links a:hover img,.footer-links a:focus-visible img{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 4px 7px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(139,220,77,.32)) brightness(1.08)}.footer-links a:focus-visible:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(139,220,77,.7)}
@media(min-width:1700px){.hero{height:385px}.services{padding-top:22px;padding-bottom:22px}.service-card{min-height:225px}.bench-collage{height:475px}.project-log{height:430px}.intake-ticket{height:432px}}
@media(max-width:1100px){.project-log{width:72%;padding-inline:44px;gap:52px}.intake-ticket{right:24px;width:27%;padding-inline:30px}.log-entry{margin-bottom:8px}.log-entry span{font-size:.55rem}}
@media(max-width:980px){.topbar{padding-inline:28px}.topbar nav a:not(.active){display:none}.hero{height:430px}.hero-copy{width:56%;padding-top:82px}.services{grid-template-columns:repeat(2,1fr);padding:28px 10vw;gap:25px}.bench-collage{display:grid;grid-template-columns:1fr .62fr;gap:30px;height:auto;padding:32px 6vw 45px}.bench-underlay{inset:0;width:100%;height:100%;object-position:center}.project-log{grid-column:1/-1;width:100%;height:570px;padding:67px 8vw 48px;gap:12vw}.polaroid{position:relative;left:auto;bottom:auto;align-self:start;width:72%;margin:-78px 0 0 12%;transform:rotate(-5deg)}.polaroid>img{height:150px}.intake-ticket{position:relative;top:auto;right:auto;width:100%;height:390px;padding:85px 36px 42px;transform:rotate(1deg)}footer{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start;gap:18px}.footer-links a{width:52px}}
@media(max-width:620px){.footer-links{gap:9px}.footer-links a{width:48px}.footer-links img{width:36px;height:36px}.topbar{height:78px;padding:0 15px}.brand-frog{width:52px;height:52px}.brand-frog img{width:50px;height:50px}.brand-name b{font-size:.88rem}.brand-name strong{font-size:.83rem}.topbar nav .active{font-size:.66rem}.hero{height:470px}.hero-scene{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#030504f5,rgba(3,5,4,.62)),linear-gradient(0deg,#030504d9,transparent 52%)}.hero-copy{width:100%;padding:65px 22px}.hero-copy h1{font-size:2rem}.services{grid-template-columns:1fr;padding:25px 22px;gap:20px}.service-card{min-height:0;padding:25px}.bench-collage{display:block;padding:28px 16px 42px}.bench-underlay{filter:saturate(.45) contrast(1.15) brightness(.32)}.project-log{display:block;width:100%;height:auto;padding:0;background:none;filter:none;transform:none}.log-page{min-height:510px;padding:61px 42px 38px;background-image:url('/electronics/assets/project-logbook.svg');background-repeat:no-repeat;background-size:205% 100%;filter:drop-shadow(0 16px 16px rgba(0,0,0,.72))}.log-page-left{background-position:left center;transform:rotate(-.5deg)}.log-page-right{margin-top:-8px;background-position:right center;transform:rotate(.45deg)}.project-log h2{font-size:1rem}.log-entry{margin-bottom:14px}.log-entry strong{font-size:.72rem}.log-entry span{font-size:.62rem}.log-hand{margin-top:6px}.polaroid{width:54%;margin:-62px 0 22px 4%;transform:rotate(-5deg)}.polaroid>img{height:112px}.intake-ticket{width:82%;height:430px;margin:-28px 2% 0 auto;padding:94px 38px 45px;transform:rotate(1.5deg)}footer{grid-template-columns:1fr;padding:28px 22px}.footer-brand+ p,.location{padding:17px 0 0;border-left:0;border-top:1px solid var(--rule)}.footer-links{justify-content:flex-start}}

/* Lower workbench: one photograph and one native content panel */
.bench-collage{position:relative;height:auto;min-height:610px;padding:28px max(4vw,26px);background:#050706;border-top:1px solid #1c211b;overflow:hidden;isolation:isolate}
.bench-collage:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 22% 45%,rgba(202,153,83,.1),transparent 38%),linear-gradient(90deg,transparent 62%,#050706 93%);pointer-events:none}
.bench-scene{position:absolute;z-index:1;inset:0 auto 0 0;width:87%;margin:0;overflow:hidden}
.bench-scene img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04) brightness(.92)}
.work-panel{position:relative;z-index:2;width:min(39%,520px);margin:22px max(1.6vw,12px) 22px auto;padding:24px 25px 22px;color:#d8d9d0;background:rgba(3,6,4,.96);border:1px solid rgba(139,220,77,.82);box-shadow:0 20px 42px rgba(0,0,0,.72),inset 0 0 32px rgba(139,220,77,.035)}
.work-panel:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(139,220,77,.13)}
.work-panel-heading{position:relative;padding:0 0 17px;border-bottom:1px solid rgba(139,220,77,.32)}
.work-panel-heading>p,.strange-cta>span{margin:0 0 6px;color:var(--green);font-size:.58rem;font-weight:800;letter-spacing:.12em}
.work-panel-heading h2{margin:0 0 8px;color:#f0f0e9;font-size:clamp(1.05rem,1.35vw,1.32rem);line-height:1.08;text-transform:uppercase}
.work-panel-heading>span{display:block;max-width:42ch;color:#92958d;font-size:.66rem;line-height:1.4}
.project-scroll{position:relative;max-height:270px;margin:14px -7px 0 0;padding:0 13px 0 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--green) rgba(139,220,77,.09)}
.project-scroll::-webkit-scrollbar{width:6px}.project-scroll::-webkit-scrollbar-track{background:rgba(139,220,77,.08)}.project-scroll::-webkit-scrollbar-thumb{background:var(--green)}
.project-scroll article{display:grid;gap:2px;padding:10px 0 11px;border-bottom:1px solid rgba(220,224,211,.12)}
.project-scroll article:first-child{padding-top:0}.project-scroll article:last-child{border-bottom:0}
.project-scroll b{color:var(--green);font-size:.54rem;letter-spacing:.08em}
.project-scroll strong{color:#e4e5dc;font-size:.78rem;line-height:1.2;text-transform:uppercase}
.project-scroll p{margin:0;color:#a9aba3;font-family:Arial,sans-serif;font-size:.67rem;line-height:1.38}
.strange-cta{position:relative;margin-top:16px;padding-top:17px;border-top:1px solid rgba(139,220,77,.32)}
.strange-cta h3{margin:0 0 7px;color:var(--green-hot);font-size:1rem;line-height:1;text-transform:uppercase;letter-spacing:.035em}
.strange-cta p{margin:0 0 13px;color:#aaaCa4;font-size:.64rem;line-height:1.42}
.strange-cta a{display:block;padding:9px 12px 8px;color:#071007;background:var(--green);border:1px solid var(--green);text-align:center;text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.055em;box-shadow:0 0 18px rgba(139,220,77,.13)}
.strange-cta a:hover,.strange-cta a:focus-visible{color:var(--green-hot);background:#071007;outline:none;box-shadow:0 0 22px rgba(139,220,77,.25)}
@media(min-width:1700px){.bench-collage{min-height:680px}.project-scroll{max-height:315px}}
@media(max-width:980px){.bench-collage{min-height:560px}.bench-scene{width:92%}.work-panel{width:min(46%,470px);margin-right:0}.project-scroll{max-height:245px}}
@media(max-width:620px){.bench-collage{display:block;min-height:0;padding:28px 16px 36px;overflow:visible}.bench-collage:before,.bench-scene{display:none}.work-panel{width:100%;max-width:none;margin:0;padding:22px 20px 20px}.project-scroll{max-height:300px}.work-panel-heading h2{font-size:1.05rem}.strange-cta a{padding-block:11px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}