:root{color-scheme:dark;--bg:#1b211e;--panel:#0c120f;--ink:#f0f1e9;--muted:#bbc5bb;--line:#4c5a50;--accent:#d9b488;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1440px,calc(100% - 112px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
@media(pointer:fine){body,button,a{cursor:url('assets/solder-cursor.svg') 4 35,auto}}
.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{font-size:18px;font-weight:700;letter-spacing:-.025em}.topbar-link{font-size:14px;border-bottom:1px solid var(--accent);padding-bottom:7px}
.hero,.routes,.work,.footer{position:relative;isolation:isolate}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.drift{position:absolute;width:55px;height:55px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.17;animation:drift 16s ease-in-out infinite alternate}.drift-a{top:9%;left:38%;animation-duration:18s}.drift-b{top:73%;left:7%;width:44px}.drift-c{top:30%;right:2%;animation-duration:21s}.drift-d{top:10%;right:13%;width:48px}.drift-e{bottom:7%;left:8%;animation-duration:20s}.drift-f{top:4%;left:35%}.drift-g{bottom:10%;right:1%;animation-duration:22s}@keyframes drift{0%{transform:translate(0,18px) rotate(-16deg)}100%{transform:translate(22px,-25px) rotate(19deg)}}
.hero{min-height:min(790px,calc(100svh - 80px));padding-block:70px 55px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:30px;align-items:center}.hero-copy{min-width:0;position:relative;z-index:3}.terminal{border:1px solid #526257;border-radius:11px;background:var(--panel);box-shadow:0 28px 70px #06100a4a;overflow:hidden}.console-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #334339;color:#899e8d;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.console-lights{display:flex;gap:7px}.console-lights i{width:7px;height:7px;border-radius:50%;background:#596b5c}.console-lights i:first-child{background:#b98b6f}.console-lights i:nth-child(2){background:#b7aa75}.console-lights i:nth-child(3){background:#82a28d}.console-body{display:flex;gap:14px;padding:26px 27px 29px;min-height:230px}.terminal-prompt{flex:none;color:var(--accent);font:500 clamp(28px,3vw,46px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.hero-title{min-width:0;margin:0;font:500 clamp(28px,3.3vw,51px)/1.12 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.065em;overflow-wrap:anywhere}.hero-line{display:block;min-height:1em}.hero-line:first-child{color:#fff;margin-bottom:.15em}.hero-line.secondary{font-size:.77em;line-height:1.17;color:#cbd6ca;margin-top:.12em;letter-spacing:-.055em}.hero-line.last{color:var(--accent)}.hero-line.typing-now::after,.typing-done .hero-line.last::after,.hero-line.last::after{content:'';display:inline-block;width:.075em;height:.86em;background:var(--accent);vertical-align:-.08em;margin-left:.12em;animation:cursor 850ms steps(1,end) infinite}.typing-active:not(.typing-done) .hero-line.last:not(.typing-now)::after{display:none}@keyframes cursor{50%{opacity:0}}
.hero-description{margin:29px 0 28px 4px;color:var(--muted);max-width:480px;font-size:17px;line-height:1.55}.explore{display:inline-flex;align-items:center;gap:12px;font:500 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}.explore-circle{width:39px;height:39px;border:1px solid #9b896c;display:grid;place-items:center;font:21px Arial,sans-serif;transition:background .2s,color .2s}.explore:hover .explore-circle{background:var(--accent);color:var(--panel)}
.portrait-stage{height:580px;position:relative;align-self:stretch;min-width:0}.portrait{position:absolute;z-index:1;top:0;left:50%;width:min(100%,420px);height:auto;max-width:none;transform:translateX(-50%);object-fit:contain}.hero-board{position:absolute;z-index:2;bottom:-28px;left:50%;width:min(120%,590px);aspect-ratio:4/3;transform:translateX(-48%) rotate(-5deg);filter:drop-shadow(10px 18px 19px #06100a99);pointer-events:none}.hero-board img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-part{opacity:0;transform:translateY(-25px) scale(1.025);animation:attach .7s cubic-bezier(.16,1,.3,1) forwards}.hero-part-1{clip-path:polygon(9% 30%,37% 30%,37% 54%,9% 54%);animation-delay:1.2s}.hero-part-2{clip-path:polygon(42% 30%,62% 30%,62% 55%,42% 55%);animation-delay:2.1s}.hero-part-3{clip-path:polygon(65% 29%,82% 29%,82% 53%,65% 53%);animation-delay:3s}.hero-part-4{clip-path:polygon(28% 64%,80% 64%,80% 94%,28% 94%);animation-delay:3.9s}.hero-board-final{opacity:0;animation:finish-board .9s ease 4.7s forwards}@keyframes attach{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes finish-board{to{opacity:1}}
.routes,.work{border-top:1px solid var(--line)}.routes{padding-block:93px 107px}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.route-card{position:relative;min-height:395px;border:1px solid #69796a;padding:38px;background:#252d27;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s ease,border-color .35s ease,background .35s ease}.route-card:hover{transform:translateY(-5px);border-color:var(--accent);background:#2c362e}.route-card h3{margin:0;font-size:clamp(42px,4.25vw,68px);letter-spacing:-.065em;line-height:.98}.route-card p{max-width:390px;margin:23px 0 0;font-size:16px;line-height:1.52;color:#c7d1c7}.lab-card{background:#e5e9df;border-color:#e5e9df;color:#1a241b}.lab-card:hover{background:#f0f2e9;border-color:#f0f2e9}.lab-card p{color:#465247}.card-action{align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:15px}.card-action span{display:inline-block;margin-left:18px;transition:transform .25s}.lab-card:hover .card-action span{transform:translateX(6px)}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{display:inline-block;padding:11px 14px;border:1px solid #8a9a8c;font-size:14px;transition:background .2s,color .2s,transform .2s}.social-links a:hover{background:var(--accent);color:#172117;transform:translateY(-3px)}
.work{padding-block:97px 107px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:53px}.section-title{margin:0;font-size:clamp(46px,6.2vw,88px);letter-spacing:-.068em;line-height:1.03;font-weight:650}.section-title em,.footer-content em{font-style:normal;color:var(--accent)}.work-heading p{max-width:300px;margin:0 0 5px;color:var(--muted);font-size:17px;line-height:1.58}.work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}.cv-demo{min-width:0}.laptop{width:100%;max-width:710px;filter:drop-shadow(8px 20px 25px #06100a77)}.laptop-screen{aspect-ratio:760/420;position:relative;overflow:hidden;border:11px solid #0a0e0c;border-bottom-width:13px;border-radius:17px 17px 5px 5px;background:radial-gradient(ellipse at 47% 70%,#223c33,#07150e 75%)}.cv-scene{width:100%;height:100%;display:block}.cv-floor{fill:none;stroke:#5d9c7a;stroke-width:1.4;opacity:.25}.person{fill:none;stroke:#e4ece4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.bbox{fill:none;stroke:#e2b789;stroke-width:2;stroke-dasharray:9 6;animation:dash 5s linear infinite}.bbox-label{fill:#efc394;font:16px ui-monospace,Consolas,monospace}.walker{transform-box:view-box;transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.walker-a{animation-name:walk-a;animation-duration:5.3s}.walker-b{animation-name:walk-b;animation-duration:4.3s}.walker-c{animation-name:walk-c;animation-duration:6.2s}.leg{transform-box:view-box;transform-origin:center 60%;animation:stride 900ms ease-in-out infinite alternate}.leg-right{animation-direction:alternate-reverse}@keyframes dash{to{stroke-dashoffset:-30}}@keyframes walk-a{to{transform:translateX(38px)}}@keyframes walk-b{to{transform:translateX(-29px)}}@keyframes walk-c{to{transform:translateX(32px)}}@keyframes stride{to{transform:rotate(6deg)}}.cv-mode{position:absolute;z-index:2;top:16px;left:19px;font:500 clamp(12px,1.45vw,20px) ui-monospace,Consolas,monospace;color:#ddf3df;text-shadow:0 1px 5px #07150e;transition:opacity .25s}.cv-mode.changing{opacity:0}.scanline{position:absolute;z-index:1;inset:0;background:linear-gradient(transparent 47%,#95e0b022 50%,transparent 53%);background-size:100% 120px;animation:scan 6s linear infinite;pointer-events:none}@keyframes scan{to{background-position:0 420px}}.laptop-base{width:111%;height:24px;margin-left:-5.5%;background:linear-gradient(#aab7a9,#68746b 55%,#303b33);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border-radius:0 0 12px 12px}.cv-caption,.device-showcase figcaption{margin:22px 0 0;color:#bbc8ba;font-size:15px}.device-showcase{margin:0;text-align:center}.device-showcase img{width:100%;max-width:500px;height:auto;display:block;margin:auto;filter:drop-shadow(10px 20px 24px #050d0888);animation:object-float 8s ease-in-out infinite alternate}.device-showcase figcaption{text-align:left}@keyframes object-float{to{transform:translateY(-10px)}}
.capability-ticker{margin-top:90px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.capability-track{display:flex;align-items:center;gap:36px;width:max-content;animation:marquee 54s linear infinite}.capability-track span{display:inline-flex;align-items:center;gap:36px;white-space:nowrap;color:#cbd6cb;font-size:14px}.capability-track span:after{content:'·';color:var(--accent);font-size:21px}@keyframes marquee{to{transform:translateX(-50%)}}
.footer{border-top:1px solid var(--line)}.footer-content{min-height:325px;display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-content p{margin:0;font-size:clamp(43px,5.5vw,80px);line-height:1.04;letter-spacing:-.07em;font-weight:700}.footer-cta{border:1px solid var(--accent);padding:20px 23px;color:var(--accent);font:500 13px ui-monospace,Consolas,monospace;white-space:nowrap;transition:background .2s,color .2s}.footer-cta:hover{background:var(--accent);color:var(--panel)}.footer-cta span{font-size:18px;margin-left:25px}.footer-bottom{min-height:77px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a5b1a5;font:12px ui-monospace,Consolas,monospace}.footer-bottom a{color:var(--ink)}
@media(max-width:980px){.wrap{width:min(100% - 48px,800px)}.hero{min-height:0;grid-template-columns:1fr;padding-block:62px 30px}.hero-copy{order:1}.portrait-stage{order:2;width:min(100%,550px);height:560px;justify-self:center;margin-top:20px}.portrait{width:min(85%,420px)}.hero-board{width:min(110%,570px);bottom:0}.route-card{min-height:380px;padding:28px}.route-card h3{font-size:clamp(39px,5.4vw,59px)}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.topbar{height:64px}.hero{padding-block:36px 40px}.console-bar{height:34px}.console-body{gap:9px;padding:19px 16px 22px;min-height:0}.terminal-prompt{font-size:25px}.hero-title{font-size:clamp(26px,7.1vw,36px);line-height:1.08}.hero-line.secondary{font-size:.79em;line-height:1.13;margin-top:.07em}.hero-line:first-child{margin-bottom:.09em}.hero-description{font-size:16px;margin:22px 0 25px}.portrait-stage{width:100%;height:405px;margin-top:19px}.portrait{width:min(88%,365px)}.hero-board{width:min(112%,480px);bottom:-14px}.routes,.work{padding-block:65px 78px}.route-grid,.work-grid{grid-template-columns:1fr;gap:16px}.route-card{min-height:310px;padding:25px}.route-card h3{font-size:clamp(42px,11.4vw,61px)}.route-card p{font-size:15px}.social-links{gap:7px}.social-links a{padding:10px 12px;font-size:13px}.work-heading{display:block;margin-bottom:35px}.section-title{font-size:clamp(44px,11vw,67px)}.work-heading p{font-size:16px;max-width:370px;margin:20px 0 0}.work-grid{gap:42px}.laptop-screen{border-width:7px;border-bottom-width:9px}.cv-mode{top:9px;left:10px;font-size:12px}.device-showcase{max-width:440px;margin:auto}.capability-ticker{margin-top:70px}.footer-content{display:block;min-height:0;padding:65px 0}.footer-content p{font-size:clamp(42px,11vw,62px)}.footer-cta{display:inline-flex;align-items:center;margin-top:35px}.drift{opacity:.1;width:40px;height:40px}}
@media(max-width:360px){.hero-title{font-size:25px}.portrait-stage{height:370px}.route-card h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drift,.hero-part,.hero-board-final,.walker,.leg,.bbox,.scanline,.device-showcase img,.capability-track{animation:none!important}.hero-part{opacity:0}.hero-board-final{opacity:1}.route-card,.social-links a,.card-action span,.footer-cta,.explore-circle{transition:none}.capability-track{width:auto;flex-wrap:wrap;gap:10px}.capability-track span:nth-child(n+8){display:none}}
.motion-ready .route-card,.motion-ready .cv-demo,.motion-ready .device-showcase{transition:opacity .6s ease,transform .6s ease,background .25s ease,border-color .25s ease}
.motion-ready .route-card:not(.is-visible),.motion-ready .cv-demo:not(.is-visible),.motion-ready .device-showcase:not(.is-visible){opacity:0;transform:translateY(25px)}
.motion-ready .route-card.is-visible,.motion-ready .cv-demo.is-visible,.motion-ready .device-showcase.is-visible{opacity:1;transform:translateY(0)}
.motion-ready .route-card.is-visible:hover{transform:translateY(-5px)}
@media(max-width:980px){.hero-board{bottom:-20px}}
@media(max-width:640px){.hero-board{width:min(100%,370px);bottom:-26px}}
.leg{transform-box:fill-box;transform-origin:top center}
/* Hero: board assembly happens over the lap, with the original hands in front. */
.hero{min-height:min(790px,100svh)}
.ambient{z-index:0}.drift{width:72px;height:72px;stroke-width:2.4;opacity:.43;filter:drop-shadow(0 0 8px #d9b48844)}
.drift-h{top:7%;left:7%;width:58px;animation-duration:19s}.drift-i{top:78%;right:8%;animation-duration:23s}
.drift-j{top:58%;left:2%;animation-duration:17s}.drift-k{bottom:3%;right:4%;width:64px;animation-duration:20s}
.drift-l{top:46%;left:4%;animation-duration:16s}.drift-m{top:8%;right:7%;width:60px;animation-duration:22s}
.drift-n{top:13%;right:11%;animation-duration:18s}.drift-o{bottom:8%;right:3%;animation-duration:23s}
.hero-copy,.route-grid,.work-heading,.work-grid,.capability-ticker,.footer-content,.footer-bottom{position:relative;z-index:1}
.portrait-stage{height:580px}
.hero-board{width:min(100%,530px);bottom:-90px;left:50%;transform:translateX(-50%) rotate(-3deg)}
.portrait-hands{position:absolute;z-index:4;top:0;left:50%;width:min(100%,420px);height:auto;max-width:none;transform:translateX(-50%);pointer-events:none}
.portrait-hand-left{mask-image:radial-gradient(ellipse 13% 9% at 37% 44%,#000 35%,transparent 100%)}
.portrait-hand-right{mask-image:radial-gradient(ellipse 13% 9% at 63% 44%,#000 35%,transparent 100%)}
.hero-part{opacity:0;transform:translateY(-70px) scale(1.025);animation:component-land .85s cubic-bezier(.2,.8,.25,1) forwards}
.hero-part-1{clip-path:polygon(10.5% 31.3%,34.5% 31.6%,35.2% 50.4%,10.1% 50%);animation-delay:1.1s}
.hero-part-2{clip-path:polygon(44.6% 33.4%,58.7% 33.5%,59% 51.6%,44.4% 51.5%);animation-delay:1.9s}
.hero-part-3{clip-path:polygon(67.2% 31%,79.7% 31.5%,79.7% 49.2%,67% 49%);animation-delay:2.7s}
.hero-part-4{clip-path:polygon(32.6% 68.6%,53.6% 69.4%,54.1% 84%,32% 83%);animation-delay:3.5s}
.hero-part-5{clip-path:polygon(58.1% 71.6%,69.2% 72.7%,69.2% 91.2%,58.1% 90%);animation-delay:4.3s}
.hero-part-6{clip-path:polygon(36.6% 25.8%,44.5% 26.3%,44.5% 36.6%,36.6% 36.3%);animation-delay:5.1s}
.hero-part-7{clip-path:polygon(71.3% 67.7%,79.5% 67.6%,79.5% 79.9%,71% 79.9%);animation-delay:5.9s}
.hero-part-8{clip-path:polygon(26.5% 57.1%,35.8% 57.2%,35.8% 68.7%,26.5% 68.6%);animation-delay:6.7s}
@keyframes component-land{0%{opacity:0;transform:translateY(-70px) scale(1.025)}72%{opacity:1;transform:translateY(5px) scale(1)}88%{transform:translateY(-2px) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}
/* The photographed laptop keeps its keyboard; only the display is animated. */
.laptop{position:relative;width:100%;max-width:710px;filter:drop-shadow(8px 20px 25px #06100a77)}
.laptop-photo{display:block;width:100%;height:auto}
.laptop-overlay{position:absolute;left:15%;top:6.35%;width:70%;height:57.5%;overflow:hidden;border-radius:2px;background:radial-gradient(ellipse at 47% 70%,#223c3399,#07150e66 78%)}
.cv-scene{display:block;width:100%;height:100%}
/* The direct route offers the lab first, then personal contact. */
.footer-content{display:flex;flex-direction:column;align-items:flex-start;gap:31px;min-height:0;padding:82px 0 90px}
.footer-content p{margin:0}
.footer-cta{white-space:normal;font-size:15px;text-transform:none}
.contact-or{font-size:clamp(68px,11vw,150px);line-height:.85;font-weight:800;letter-spacing:-.085em;color:var(--accent)}
.direct-contact h2{margin:0 0 20px;font-size:clamp(26px,3.2vw,43px);letter-spacing:-.05em}
.direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.direct-contact a{font-size:clamp(18px,2.2vw,27px);border-bottom:1px solid currentColor;padding-bottom:5px;overflow-wrap:anywhere}
.direct-contact a:hover{color:var(--accent)}
@media(max-width:980px){.hero-board{width:min(100%,530px);bottom:-90px}.portrait-hands{width:min(85%,420px)}}
@media(max-width:640px){.hero{padding-bottom:65px}.portrait-stage{height:500px}.hero-board{width:min(100%,370px);bottom:-36px}.portrait-hands{width:min(88%,365px)}.drift{opacity:.33;width:49px;height:49px}.footer-content{padding:69px 0;gap:27px}.footer-cta{margin-top:0;font-size:14px}.contact-or{font-size:76px}.direct-contact h2{font-size:27px}}
@media(max-width:360px){.portrait-stage{height:455px}.hero-board{bottom:-38px}.direct-contact a{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-part{animation:none;opacity:1;transform:none}}

/* Independent component cutouts share the photo's coordinate system. The blue
   daughterboard is a single alpha cutout, including its own antenna. */
.hero-board .bluetooth-module{inset:auto;left:6.9%;top:26%;width:29.4%;height:29.4%;object-fit:fill;opacity:0;transform:translateY(-95px) rotate(-5deg) scale(1.025);animation:none}
.hero-board.board-assembly-started .bluetooth-module{animation:module-land .95s cubic-bezier(.19,.8,.27,1) .48s forwards}
.assembled-components{position:absolute;inset:0;pointer-events:none}
.pcb-component{position:absolute;display:block;background-image:url('assets/board-cutout.webp');background-repeat:no-repeat;clip-path:inset(1% round 2px);opacity:0;transform:translateY(-75px) rotate(-3deg) scale(1.08);animation:none;will-change:transform,opacity}
.hero-board.board-assembly-started .pcb-component{animation:part-land .66s cubic-bezier(.2,.8,.24,1) forwards}
@keyframes module-land{0%{opacity:0;transform:translateY(-95px) rotate(-5deg) scale(1.025)}72%{opacity:1;transform:translateY(4px) rotate(-1.7deg) scale(1)}88%{transform:translateY(-2px) rotate(-2.8deg)}100%{opacity:1;transform:rotate(-2.5deg)}}
@keyframes part-land{0%{opacity:0;transform:translateY(-75px) rotate(-3deg) scale(1.08)}72%{opacity:1;transform:translateY(3px) rotate(.5deg) scale(1)}88%{transform:translateY(-1px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-board .bluetooth-module,.hero-board.board-assembly-started .bluetooth-module,.pcb-component,.hero-board.board-assembly-started .pcb-component{animation:none!important;opacity:1;will-change:auto}.hero-board .bluetooth-module{transform:rotate(-2.5deg)}.pcb-component{transform:none}}

/* The final lab link is the primary action in the contact section. */
.footer-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:19px 25px;border:2px solid #9bd3b4;border-radius:5px;background:#9bd3b4;color:#102419;font:700 16px/1.3 Arial,Helvetica,sans-serif;box-shadow:0 14px 33px #050b0670;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.footer-cta span{margin-left:8px;font-size:23px;line-height:1}
.footer-cta:hover{background:#c0ebd1;color:#102419;transform:translateY(-3px);box-shadow:0 18px 38px #050b0690}
.footer-bottom{justify-content:flex-end}
@media(max-width:640px){.footer-cta{width:100%;font-size:15px;min-height:64px;padding:16px 19px}}
@media(prefers-reduced-motion:reduce){.footer-cta{transition:none}}

/* Contact: one clear choice at a time, with the lab route first. */
.footer-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:start;gap:clamp(48px,7vw,120px);padding:102px 0 108px}
.footer-heading{margin:0;font-size:clamp(45px,5.2vw,76px);line-height:1.08;letter-spacing:-.065em;font-weight:700}
.footer-heading em{font-style:normal;color:var(--accent)}
.footer-options{min-width:0;padding:30px;border:1px solid #536357;border-radius:8px;background:#242d27;box-shadow:0 18px 38px #08100a25}
.footer-options .footer-cta{width:100%;margin:0;text-align:left}
.contact-or{display:flex;align-items:center;gap:17px;margin:28px 0 25px;color:#a9b8aa;font:500 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}
.contact-or::before,.contact-or::after{content:"";height:1px;flex:1;background:#526054}
.direct-contact{gap:13px}
.direct-contact h3{margin:0 0 6px;font-size:clamp(20px,2vw,26px);line-height:1.2;letter-spacing:-.035em}
.direct-contact a{font-size:clamp(17px,1.55vw,21px);padding-bottom:3px;text-decoration:none}
@media(max-width:1100px){.footer-content{grid-template-columns:1fr;gap:35px;padding:75px 0 82px}.footer-heading{font-size:clamp(42px,6vw,64px)}.footer-options{width:min(100%,600px)}}
@media(max-width:640px){.footer-content{gap:28px;padding:66px 0 72px}.footer-heading{font-size:clamp(37px,10vw,52px)}.footer-options{padding:22px}.direct-contact h3{font-size:21px}.direct-contact a{font-size:17px}}

/* Keep the lower edge of the portrait behind the PCB at every breakpoint. */
.hero-board{bottom:-125px}
@media(max-width:980px){.hero{padding-bottom:90px}.hero-board{bottom:-135px}}
@media(max-width:640px){.hero{padding-bottom:96px}.hero-board{bottom:-86px}}

/* Leave the "СМОТРЕТЬ ДАЛЬШЕ" label unobstructed. */
.hero .drift-b{left:calc(7% + 90px)}
@media(max-width:640px){.hero .drift-b{left:auto;right:-18px}}
@media(max-width:360px){.hero .drift-b{display:none}}