/* RJ Truck & Trailer Repair — premium motion & graphics layer.
   Additive: loaded after styles.css. Everything animated is gated behind html.lx (set by luxe.js)
   and disabled under html.lx-rm / prefers-reduced-motion, so the site stays fully readable without it. */
:root{--lx-red:#e52c27;--lx-red-hot:#ff5a4d;--lx-ease:cubic-bezier(.16,1,.3,1);--lx-ink:#0e1417}
/* Cross-document transitions disabled: inconsistent browser lifecycle support. */
::selection{background:var(--lx-red);color:#fff}

/* ---------- progress + header ---------- */
.lx-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:linear-gradient(90deg,var(--lx-red),var(--lx-red-hot));transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 14px #e52c27aa;pointer-events:none}
html.lx header{transition:box-shadow .35s var(--lx-ease),background .35s;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);background:#ffffffeb}
html.lx header.lx-stuck{box-shadow:0 10px 40px -12px #0008}
/* Keep header geometry stable: changing its height at the scroll threshold
   triggers scroll anchoring and repeatedly toggles the compact state. */
html.lx nav>a:not(.nav-call){position:relative}
html.lx nav>a:not(.nav-call):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--lx-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--lx-ease)}
html.lx nav>a:not(.nav-call):hover:after{transform:scaleX(1)}
@media(prefers-reduced-motion:no-preference){html.lx header{animation:lx-drop .9s var(--lx-ease) both}}
@keyframes lx-drop{from{transform:translateY(-100%)}}

/* ---------- hero ---------- */
html.lx .specialist-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 85% 10%,#22313a 0%,#141c20 55%,#0b1114 100%)}
.lx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.lx-grid{position:absolute;inset:-2px;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(75% 80% at 70% 40%,#000 10%,transparent 75%);mask-image:radial-gradient(75% 80% at 70% 40%,#000 10%,transparent 75%)}
.lx-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.lx-orb.a{width:520px;height:520px;right:-120px;top:-160px;background:#e52c27}
.lx-orb.b{width:420px;height:420px;left:-140px;bottom:-200px;background:#ff7a3d;opacity:.32}
.lx-spot{position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,70%) var(--my,30%),#ff5a4d26,transparent 70%)}
.lx-grain{position:absolute;inset:0;opacity:.08;mix-blend-mode:overlay;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lx-ecg{position:absolute;left:0;right:0;bottom:0;height:90px;opacity:.55}
.lx-ecg path{fill:none;stroke:var(--lx-red-hot);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ff5a4d);vector-effect:non-scaling-stroke}
.lx-ecg .ghost{stroke:#ffffff1f;filter:none;stroke-width:1}
@media(prefers-reduced-motion:no-preference){
 .lx-orb.a{animation:lx-float 16s ease-in-out infinite alternate}
 .lx-orb.b{animation:lx-float 20s ease-in-out infinite alternate-reverse}
 .lx-ecg .live{stroke-dasharray:260 1740;animation:lx-ecg 4.2s linear infinite}
 .lx-grid{animation:lx-grid 30s linear infinite}
}
@keyframes lx-float{to{transform:translate3d(-60px,70px,0) scale(1.15)}}
@keyframes lx-ecg{from{stroke-dashoffset:260}to{stroke-dashoffset:-1740}}
@keyframes lx-grid{to{background-position:56px 56px}}

/* headline word reveal */
.lx-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.lx-w>span{display:inline-block}
@media(prefers-reduced-motion:no-preference){
 html.lx .lx-w>span{transform:translateY(112%) rotate(4deg);transform-origin:0 100%;transition:transform 1s var(--lx-ease);transition-delay:calc(var(--i,0)*70ms + var(--base,150ms))}
 html.lx h2.in .lx-w>span,html.lx .specialist-hero.lx-ready h1 .lx-w>span{transform:none}
}

/* hero photo: reveal, tilt, HUD */
.specialist-photo{perspective:1100px}
.lx-photo-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s var(--lx-ease);will-change:transform}
.lx-photo-in>img{width:100%;height:112%;object-fit:cover;position:absolute;left:0;top:-6%;will-change:transform}
.specialist-photo{box-shadow:0 40px 90px -30px #000c,0 0 0 1px #ffffff1c}
.specialist-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0a0f12d9);pointer-events:none}
.specialist-photo .photo-label{z-index:3}
@media(prefers-reduced-motion:no-preference){
 html.lx .specialist-photo{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--lx-ease) .25s}
 html.lx .specialist-hero.lx-ready .specialist-photo{clip-path:inset(0)}
}
.lx-hud{position:absolute;inset:14px;z-index:2;pointer-events:none;font:700 10px/1.4 'Courier New',monospace;letter-spacing:.14em;color:#fff;overflow:hidden}
.lx-hud i{position:absolute;width:22px;height:22px;border:2px solid var(--lx-red-hot);opacity:.95}
.lx-hud i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}
.lx-hud i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
.lx-hud i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}
.lx-hud i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.lx-status{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:9px;background:#0b1114cc;border:1px solid #ffffff22;padding:8px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lx-status:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--lx-red-hot);box-shadow:0 0 0 0 #ff5a4d99}
.lx-scan{position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,transparent,#ff5a4d33 70%,#ff5a4d88);border-bottom:1px solid #ff8a7dcc;opacity:0}
@media(prefers-reduced-motion:no-preference){
 .lx-status:before{animation:lx-pulse 1.6s infinite}
 .lx-scan{opacity:1;animation:lx-scan 5.5s cubic-bezier(.5,0,.5,1) infinite}
}
@keyframes lx-pulse{70%{box-shadow:0 0 0 10px #ff5a4d00}100%{box-shadow:0 0 0 0 #ff5a4d00}}
@keyframes lx-scan{0%{transform:translateY(-100%)}100%{transform:translateY(560%)}}

/* engine tags become chips */
html.lx .engine-tags strong{position:relative;padding:4px 12px;border:1px solid #ffffff33;background:#ffffff0a;transition:border-color .3s,background .3s,transform .3s var(--lx-ease)}
html.lx .engine-tags strong:hover{border-color:var(--lx-red-hot);background:#e52c2722;transform:translateY(-2px)}

/* scroll cue */
.lx-cue{position:absolute;left:50%;bottom:22px;width:22px;height:36px;border:2px solid #ffffff55;border-radius:12px;transform:translateX(-50%);z-index:2}
.lx-cue:after{content:'';position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:#fff}
@media(prefers-reduced-motion:no-preference){.lx-cue:after{animation:lx-cue 1.8s var(--lx-ease) infinite}}
@keyframes lx-cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@media(max-width:800px){.lx-cue,.lx-ecg{display:none}.lx-orb{opacity:.35}}

/* ---------- buttons ---------- */
html.lx .button{position:relative;overflow:hidden;transition:background .25s,transform .35s var(--lx-ease),box-shadow .35s}
html.lx .button.red{box-shadow:0 14px 34px -14px #e52c27}
html.lx .button.red:hover{box-shadow:0 20px 44px -12px #e52c27}
html.lx .button:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff59,transparent);transform:skewX(-20deg);transition:left .7s var(--lx-ease)}
html.lx .button:hover:after{left:130%}
.lx-mag{transition:transform .25s var(--lx-ease)}

/* ---------- marquee strip ---------- */
html.lx .service-strip{position:relative;overflow:hidden;padding:0;background:linear-gradient(90deg,#b81d19,var(--lx-red) 30%,#ff4136 70%,#b81d19);box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 0 #0003}
html.lx .service-strip .wrap{width:100%;display:block;padding:0}
.lx-marquee{display:flex;width:max-content;padding:22px 0}
.lx-set{display:flex;align-items:center;gap:36px;padding-right:36px;font-size:12px;font-weight:800;letter-spacing:.22em;white-space:nowrap}
.lx-set b{font-size:18px;font-weight:400;color:#ffc2bb}
.service-strip:hover .lx-marquee{animation-play-state:paused}
@media(prefers-reduced-motion:no-preference){.lx-marquee{animation:lx-marq 34s linear infinite}}
@keyframes lx-marq{to{transform:translateX(-50%)}}
html.lx-rm .lx-marquee{width:100%;overflow:hidden}

/* ---------- reveals ---------- */
@media(prefers-reduced-motion:no-preference){
 html.lx .lx-r{opacity:0;transform:translateY(34px);transition:opacity .9s var(--lx-ease),transform 1s var(--lx-ease);transition-delay:calc(var(--d,0)*90ms)}
 html.lx .lx-r.in{opacity:1;transform:none}
}

/* ---------- cards with cursor spotlight ---------- */
html.lx .focus-card,html.lx .process-grid article{position:relative;overflow:hidden;isolation:isolate;transition:transform .5s var(--lx-ease),box-shadow .5s,border-color .3s,opacity .9s var(--lx-ease)}
html.lx .focus-card:before,html.lx .process-grid article:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#e52c2718,transparent 65%)}
html.lx .focus-card:hover:before,html.lx .process-grid article:hover:before{opacity:1}
html.lx .focus-card:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--lx-red),var(--lx-red-hot));transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--lx-ease)}
html.lx .focus-card:hover:after{transform:scaleX(1)}
html.lx .focus-card.in:hover,html.lx .process-grid article.in:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px #0006}
html.lx .focus-card .service-more{display:inline-block;transition:transform .4s var(--lx-ease),color .3s}
html.lx .focus-card:hover .service-more{transform:translateX(8px);color:var(--lx-red)}
html.lx .focus-card .service-number{transition:color .3s}
html.lx .focus-card:hover .service-number{color:var(--lx-red)}

/* ---------- CARB feature ---------- */
html.lx .carb-feature{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(90% 120% at 100% 0,#2a3a43,#19262c 55%,#111a1f)}
html.lx .carb-feature:before{content:'';position:absolute;z-index:-1;inset:0;background-image:repeating-linear-gradient(135deg,#ffffff06 0 2px,transparent 2px 22px)}
html.lx .testing-panel{position:relative;border-color:#ffffff26;background:linear-gradient(160deg,#ffffff12,#ffffff04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 40px 80px -40px #000}
html.lx .testing-panel>div{position:relative;transition:opacity .6s}
html.lx .testing-panel>div>b{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #ffffff3d;border-radius:50%;font-size:12px;transition:background .5s,border-color .5s,color .5s,box-shadow .5s}
html.lx .testing-panel>div.on>b{background:var(--lx-red);border-color:var(--lx-red);color:#fff;box-shadow:0 0 0 6px #e52c2726}
@media(prefers-reduced-motion:no-preference){
 html.lx .testing-panel>div{opacity:.35}
 html.lx .testing-panel>div.on{opacity:1}
}

/* ---------- process connector ---------- */
html.lx .process-grid article>span:not(.lx-line){display:block;font-family:'Arial Narrow','Impact',Arial,sans-serif;font-weight:900;font-size:76px;line-height:1;letter-spacing:-3px;color:transparent;-webkit-text-stroke:1.5px #e52c27;margin-bottom:10px;transition:color .5s}
html.lx .process-grid article:hover>span:not(.lx-line){color:#e52c2722}
html.lx .process-grid article{background:#fff;border:1px solid var(--line);padding:30px}
.lx-line{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--lx-red),transparent);transform:scaleX(0);transform-origin:0 50%}
.in>.lx-line{transform:scaleX(1);transition:transform 1.4s var(--lx-ease) .3s}
html.lx-rm .lx-line{transform:none}

/* ---------- platform / coverage ---------- */
html.lx .platform-grid>img{box-shadow:0 40px 80px -30px #000a;transition:transform .8s var(--lx-ease),opacity .9s var(--lx-ease)}
html.lx .platform-grid>img.in:hover{transform:scale(1.025) rotate(-.4deg)}
html.lx .area-tags span{transition:background .3s,border-color .3s,transform .4s var(--lx-ease),opacity .9s var(--lx-ease)}
html.lx .area-tags span.in:hover{background:var(--lx-red);border-color:var(--lx-red);transform:translateY(-3px)}

/* ---------- headings accent ---------- */
html.lx .eyebrow{position:relative;display:inline-flex;align-items:center;gap:12px}
html.lx .eyebrow:before{content:'';width:0;height:2px;background:currentColor;transition:width .9s var(--lx-ease) .2s}
html.lx .eyebrow.in:before,html.lx .lx-ready .eyebrow:before,html.lx-rm .eyebrow:before{width:34px}

/* ---------- FAQ + form ---------- */
html.lx .faqs details{transition:background .3s,opacity .9s var(--lx-ease),transform 1s var(--lx-ease)}
html.lx .faqs details[open]{background:#fff}
html.lx input,html.lx select,html.lx textarea{transition:border-color .25s,box-shadow .25s,background .25s}
html.lx input:focus,html.lx select:focus,html.lx textarea:focus{box-shadow:0 0 0 4px #e52c2724;border-color:var(--lx-red);outline:0}

/* ---------- footer wordmark ---------- */
.lx-wordmark{position:absolute;left:0;right:0;bottom:-.18em;text-align:center;font:900 clamp(90px,17vw,260px)/1 'Arial Narrow','Impact',Arial,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #ffffff14;pointer-events:none;user-select:none;white-space:nowrap}
html.lx footer{position:relative;overflow:hidden}
html.lx footer .wrap{position:relative;z-index:1}

/* ---------- small screens ---------- */
@media(max-width:800px){
 .lx-orb.a{width:320px;height:320px}
 .lx-set{font-size:11px;gap:26px;padding-right:26px}
 .lx-wordmark{font-size:22vw}
 html.lx .focus-card.in:hover,html.lx .process-grid article.in:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .lx-scan,.lx-orb,.lx-ecg .live{animation:none!important}
 html.lx .specialist-photo{clip-path:none}
 .lx-ecg .live{stroke-dasharray:none}
}

/* keep the original two-tone headline after word splitting */
.specialist-copy h1 .lx-w,.specialist-copy h1 .lx-w>span{color:#fff}
.specialist-copy h1>span .lx-w,.specialist-copy h1>span .lx-w>span{color:#f54a3e}
.lx-scan{background:linear-gradient(180deg,transparent,#ff5a4d1f 70%,#ff5a4d66)}

/* ================= Custom type: Barlow + Barlow Condensed (SIL OFL, self-hosted) ================= */
@font-face{font-family:'Barlow Condensed';font-weight:800;font-style:normal;font-display:swap;src:url('/assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/BarlowCondensed-Bold.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/Barlow-Regular.ttf') format('truetype')}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/Barlow-SemiBold.ttf') format('truetype')}
:root{--lx-display:'Barlow Condensed','Arial Narrow',Impact,Arial,sans-serif;--lx-body:'Barlow',Arial,Helvetica,sans-serif}
body,button,input,select,textarea{font-family:var(--lx-body)}
body{font-size:17px}
body h1,body h2,body .lx-wordmark,body .process-grid article>span,body .testing-panel h3{font-family:var(--lx-display);font-weight:800;font-stretch:normal;letter-spacing:-.005em;line-height:.98;text-transform:uppercase}
body h3{font-family:var(--lx-display);font-weight:700;letter-spacing:.005em;font-size:1.45em;line-height:1.1}
body .specialist-copy h1,body h1{font-size:clamp(60px,7vw,108px);letter-spacing:-.005em}
body h2{font-size:clamp(42px,4.8vw,70px)}
body .eyebrow,body .topbar,body .service-more,body .service-number,body .photo-label span{font-family:var(--lx-body);font-weight:600}
body .button,body nav a,body .nav-call{font-family:var(--lx-body);font-weight:600;letter-spacing:.02em;font-size:14px}
body .service-card p,body .focus-card p,body .section-head>p,body p{font-size:1.02em}
.focus-card h3{font-size:30px}.process-grid article h3{font-size:30px}
body .testing-panel h3{font-size:44px}
@media(max-width:800px){body .specialist-copy h1,body h1{font-size:clamp(46px,13vw,72px)}body h2{font-size:clamp(38px,10.5vw,54px)}}
@media(max-width:480px){body .specialist-copy h1{letter-spacing:0}}

/* ================= Before / After slider ================= */
.ba{margin:0;position:relative}
.ba-stage{position:relative;height:420px;overflow:hidden;background:#111;box-shadow:0 40px 80px -30px #000a;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;--p:0%}
.ba-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% center;pointer-events:none;-webkit-user-drag:none}
.ba-before{clip-path:inset(0 0 0 var(--p))}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 18px #0009;pointer-events:none}
.ba-handle:after{content:'‹ ›';position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;display:grid;place-items:center;border-radius:50%;background:var(--lx-red);color:#fff;font:700 20px/1 var(--lx-body);letter-spacing:2px;box-shadow:0 0 0 6px #e52c2744,0 10px 30px #0008;transition:transform .3s var(--lx-ease)}
.ba-stage:hover .ba-handle:after,.ba.drag .ba-handle:after{transform:scale(1.12)}
.ba-tag{position:absolute;top:16px;padding:7px 12px;background:#0b1114d9;color:#fff;font:600 11px/1 var(--lx-body);letter-spacing:.18em;text-transform:uppercase;border:1px solid #ffffff2b;pointer-events:none;transition:opacity .3s}
.ba-tag.b{right:16px}.ba-tag.a{left:16px;background:var(--lx-red);border-color:var(--lx-red)}
.ba-range{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;pointer-events:none}
.ba:focus-within .ba-handle:after{outline:3px solid #fff;outline-offset:4px}
.ba figcaption{margin-top:14px;font-size:13px;color:#626568}
html:not(.lx) .ba-before,html:not(.lx) .ba-handle,html:not(.lx) .ba-tag.b{display:none}
@media(max-width:800px){.ba-stage{height:280px}.ba-handle:after{width:46px;height:46px;margin:-23px 0 0 -23px}}
@media(prefers-reduced-motion:no-preference){.ba:not(.in) .ba-stage{--p:100%}.ba-stage{transition:--p 1.4s var(--lx-ease)}}

@property --p{syntax:'<percentage>';inherits:true;initial-value:0%}
/* Review fixes: readable fallbacks, motion controls and usable comparison input. */
.motion-toggle{background:transparent;color:#fff;border:1px solid #7b8589;padding:10px 14px;min-height:44px;font-size:12px;cursor:pointer}.motion-toggle:disabled{cursor:default;color:#c9d1d5}
html.lx-rm *,html.lx-rm *:before,html.lx-rm *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.lx-rm .lx-r{opacity:1!important;transform:none!important}html.lx-rm .lx-w>span{transform:none!important}html.lx-rm .specialist-photo{clip-path:none!important}
html.lx-background *,html.lx-background *:before,html.lx-background *:after{animation-play-state:paused!important}
html.lx-rm .lx-set{white-space:normal;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 20px}html.lx-rm .lx-set:nth-child(2){display:none}html.lx-rm .lx-set>span:nth-of-type(n+5),html.lx-rm .lx-set>b{display:none}
.ba-range{position:relative;display:block;top:auto;left:auto;height:44px;width:100%;opacity:1;pointer-events:auto;accent-color:var(--lx-red);padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y}.ba-stage{overflow:visible;margin-bottom:48px}.ba-stage .ba-range{position:absolute;top:100%}.ba-stage img{clip-path:inset(0)}.ba-stage .ba-before{clip-path:inset(0 0 0 var(--p))}.ba-stage .ba-range:focus-visible{outline:3px solid var(--lx-red);outline-offset:2px}
html:not(.lx) .ba-range{display:none}html:not(.lx) .ba-stage{margin-bottom:0}.platform-grid>*{min-width:0}.specialist-grid>*{min-width:0}body h1,body h2{overflow-wrap:anywhere}
@media(max-width:800px){html.lx header{backdrop-filter:none;-webkit-backdrop-filter:none;background:white}.lx-grain,.lx-spot{display:none}.lx-orb{filter:blur(35px);animation:none!important}.lx-grid{animation:none!important}.lx-photo-in,.lx-photo-in>img{will-change:auto}.lx-marquee{animation-duration:48s}body .footer-bottom{align-items:flex-start;gap:16px}.ba-stage{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Keep the complete OEM cluster visible at every screen size. */
.ba-stage{height:auto;aspect-ratio:4/3}.ba-stage img{object-fit:contain;object-position:center}.ba figcaption a{text-decoration:underline;text-underline-offset:3px}

/* Real DDDL session: focus on the laptop without altering the source photo. */
.specialist-photo>img,.specialist-photo .lx-photo-in>img{object-position:100% center}.diagnostic-credit{display:block;margin-top:12px;font-size:11px;line-height:1.4;color:#e0e5e7;text-decoration:underline;text-underline-offset:3px}.specialist-photo .photo-label{right:20px}

@media(max-width:800px){.specialist-photo{min-height:440px}}

.form-honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-grid button:disabled{opacity:.65;cursor:default}.contact-grid form[aria-busy="true"] button{cursor:wait}.contact-grid form .small a{text-decoration:underline}.contact-grid #form-status{padding:12px;border-left:3px solid var(--red);background:#f5f4f0}.contact-grid #form-status:empty{display:none}