/* Human–machine research: fluid native copy beside an uncropped production image. */
.xr-research {
  margin:0 3.75%; padding:44px 0 42px; border-top:1px solid #d8ddee;
  scroll-margin-top:calc(var(--site-header-height,116px) + 20px);
}
.xr-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:36px; align-items:center; }
.xr-copy { min-width:0; }
.xr-eyebrow { margin:0 0 22px; color:#2924e8; font-size:12px; font-weight:500; line-height:1.5; letter-spacing:.12em; }
.xr-eyebrow>span { color:#ff4b0a; }
.xr-heading { margin:0 0 22px; font-size:clamp(33px,3.8vw,48px); font-weight:800; line-height:1.03; letter-spacing:-.035em; }
.xr-heading>span { display:block; }
.xr-blue { color:#2924e8; }
.xr-dot { color:#ff4b0a; }
.xr-description { max-width:33ch; margin:0 0 15px; font-size:clamp(17px,1.5vw,19px); line-height:1.45; }
.xr-note { max-width:35ch; margin:0 0 20px; color:#707584; font-size:16px; line-height:1.5; font-weight:400; }
.xr-tags { margin:0 0 17px; font-size:14px; line-height:1.5; }
.xr-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:46px; padding:10px 18px; border:1px solid #111; color:#080808; font-size:16px; line-height:1.4; font-weight:500; }
.xr-contact>span { font-size:23px; line-height:1; }
.xr-contact:hover { background:#2924e8; color:white; border-color:#2924e8; }
.xr-contact:focus-visible,.xr-photo:focus-visible { outline:3px solid #ff4b0a; outline-offset:5px; }
.xr-figure { min-width:0; width:100%; margin:0; justify-self:center; }
.xr-visual { position:relative; margin:14px 0; isolation:isolate; }
.xr-guide { position:absolute; z-index:1; inset:0; width:100%; height:100%; color:#2924e8; pointer-events:none; overflow:visible; }
.xr-guide-lines,.xr-guide-arcs,.xr-guide-ticks { fill:none; stroke:currentColor; }
.xr-guide-lines { opacity:.6; stroke-width:.85; }
.xr-guide-arcs { opacity:.48; stroke-width:.75; stroke-dasharray:3 4; }
.xr-guide-ticks { opacity:.75; stroke-width:.85; }
.xr-guide path,.xr-guide circle { vector-effect:non-scaling-stroke; }
.xr-photo { display:block; position:relative; width:100%; margin:0; padding:0; border:0; background:transparent; cursor:zoom-in; line-height:0; }
.xr-photo img { display:block; width:100%; height:auto; max-height:none; }
.xr-material { margin:10px 0 0; color:#707584; font-size:13px; line-height:1.45; }
.xr-zoom-hint { position:absolute; z-index:2; right:12px; bottom:12px; display:grid; place-items:center; width:42px; height:42px; background:white; color:#2924e8; font-size:27px; line-height:1; }
.xr-photo:hover .xr-zoom-hint { background:#2924e8; color:white; }
.xr-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; margin:34px 0 0; padding:0; }
.xr-steps li { display:flex; align-items:center; gap:18px; margin:0; min-width:0; padding:8px 0; }
.xr-steps li+li { padding-left:24px; border-left:1px solid #2924e8; }
.xr-steps li>span { color:#ff4b0a; font-size:23px; font-weight:500; }
.xr-steps strong { font-size:18px; line-height:1.3; font-weight:600; }
.xr-technology-link { margin:24px 0 0; }
.xr-technology-link a { display:inline-flex; align-items:center; gap:20px; min-height:44px; color:#2924e8; border-bottom:1px solid #d8ddee; font-size:16px; line-height:1.35; text-decoration:none; }
.xr-technology-link a span { font-size:22px; }
.xr-technology-link a:hover { color:#080808; border-color:#2924e8; }
.xr-technology-link a:focus-visible { outline:2px solid #ff4b0a; outline-offset:4px; }
@media (max-width:1100px) and (min-width:901px) {
  .xr-layout { gap:26px; }
  .xr-eyebrow { font-size:10px; letter-spacing:.08em; }
  .xr-heading { font-size:36px; }
  .xr-note { font-size:15px; }
  .xr-steps strong { font-size:16px; }
}
@media (max-width:900px) {
  .xr-research { margin:0 22px; padding:36px 0; }
  .xr-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .xr-eyebrow { margin-bottom:18px; font-size:11px; letter-spacing:.1em; }
  .xr-heading { font-size:clamp(33px,9vw,46px); margin-bottom:20px; }
  .xr-description { max-width:42ch; font-size:17px; }
  .xr-note { max-width:45ch; font-size:15px; }
  .xr-contact { font-size:15px; }
  .xr-steps { margin-top:25px; gap:16px; }
  .xr-steps li { gap:10px; align-items:flex-start; }
  .xr-steps li+li { padding-left:16px; }
  .xr-steps strong { font-size:16px; }
  .xr-steps li>span { font-size:20px; line-height:1.1; }
}
@media (max-width:600px) {
  .xr-steps { grid-template-columns:minmax(0,1fr); gap:0; }
  .xr-steps li,.xr-steps li+li { gap:20px; padding:15px 0; border-left:0; border-bottom:1px solid #d8ddee; align-items:center; }
  .xr-steps li:last-child { border-bottom:0; padding-bottom:0; }
  .xr-steps strong { font-size:17px; }
  .xr-zoom-hint { width:38px; height:38px; right:10px; bottom:10px; font-size:25px; }
  .xr-guide-lines { stroke-width:.65; opacity:.5; }
  .xr-guide-arcs { stroke-width:.6; opacity:.35; stroke-dasharray:2 3; }
  .xr-guide-ticks { stroke-width:.6; opacity:.6; }
}
@media (max-width:350px) {
  .xr-research { margin-inline:18px; }
  .xr-heading { font-size:31px; }
  .xr-eyebrow { font-size:10px; }
}