/* Shared, native device frames. Supplied interfaces remain complete images. */
.ophyc-page .work-row .work-photo.device-preview{
 display:flex;align-items:center;justify-content:center;min-height:330px;
 height:auto;aspect-ratio:auto;padding:40px 6%;overflow:hidden;
 background:radial-gradient(ellipse at 65% 0%,#3b4b41 0%,transparent 65%),linear-gradient(155deg,#24372e,#101b17 78%)
}
.device-pair{display:flex;align-items:flex-end;justify-content:center;gap:4%;width:100%;max-width:680px}
.app-notebook{position:relative;flex:0 0 76%;width:76%;padding-bottom:12px;isolation:isolate}
.app-laptop-bezel{
 position:relative;padding:12px 6px 7px;border:1px solid #89958c;border-radius:9px 9px 3px 3px;
 background:linear-gradient(140deg,#455049,#0b100f 22%,#1b241e 84%,#626e65);
 box-shadow:inset 0 0 0 2px #121a15,0 9px 24px #0005
}
.app-laptop-bezel::before{content:"";position:absolute;top:4px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#07100a;box-shadow:0 0 0 1px #465449}
.app-laptop-screen{overflow:hidden;aspect-ratio:var(--desktop-ratio);background:#070d0a;border:1px solid #050906;border-radius:1px}
.app-laptop-screen img,.app-phone-screen img{display:block;width:100%;height:100%;object-fit:contain}
.app-laptop-base{position:absolute;bottom:0;left:-6%;width:112%;height:13px;border:1px solid #829087;border-top-color:#c6d0c7;border-bottom-color:#0a120d;border-radius:1px 1px 45% 45%/1px 1px 90% 90%;background:linear-gradient(#9daaa0,#68776b 28%,#26352b 60%,#101c14)}
.app-laptop-base::before{content:"";position:absolute;top:-1px;left:42%;width:16%;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(#283c2d,#8c9e90)}
.app-phone{position:relative;flex:0 0 20%;width:20%;padding:9px 5px 8px;border:1px solid #929c92;border-radius:17px;background:linear-gradient(130deg,#3f4940,#070d09 27%,#202b22);box-shadow:inset 0 0 0 2px #111a13,0 9px 24px #0006}
.app-phone::before{content:"";position:absolute;top:3px;left:calc(50% - 9px);width:18px;height:2px;border-radius:3px;background:#57635a}
.app-phone-screen{aspect-ratio:var(--mobile-ratio);overflow:hidden;border-radius:10px;background:#0b100d}
.device-preview figcaption{display:none}
.legacy-project-anchor{position:absolute;width:0;height:0;pointer-events:none}
.automation-capabilities{padding:64px var(--ophyc-gutter);background:#eae8dd;border-top:1px solid #c8cabc}
.automation-capabilities h2{font-size:var(--ophyc-section-title);font-weight:400;line-height:1.15;letter-spacing:-.025em;max-width:650px;margin:13px 0 28px}
.automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.automation-grid article{padding:23px 0;border-top:1px solid #bac0af}
.automation-grid h3{font-size:20px;line-height:1.2;font-weight:400;margin-bottom:10px}
.automation-grid p{font:12px/1.65 Arial,Helvetica,sans-serif;color:#626d5b;max-width:340px}
@media(min-width:900px){
 #dhs-distribuidora .work-photo{aspect-ratio:555/230;min-height:calc(230 * var(--u))}
}
@media(max-width:899px){
 .ophyc-page .work-row .work-photo.device-preview{min-height:320px;padding:38px 9%}
 .device-pair{max-width:650px}
 .automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .ophyc-page .work-row .work-photo.device-preview{min-height:360px;padding:28px 24px}
 .device-pair{justify-content:center}
 .device-pair .app-notebook{display:none}
 .device-pair .app-phone{flex:0 0 auto;width:172px;max-width:68%;padding:12px 6px 10px;border-radius:22px}
 .device-pair .app-phone-screen{border-radius:14px}
 .device-pair .app-phone::before{top:5px}
 .automation-capabilities{padding:42px 24px}
 .automation-grid{grid-template-columns:1fr;gap:0}
}