/* Physical AI: a working exhibit, with its controls beside—not over—the object. */
.robotics-section{padding-block:90px 65px;background:#e9eee4;color:#102b25;scroll-margin-top:100px}
.robotics-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:38px}
.robotics-heading .eyebrow{color:#5e7664;font-size:10px;letter-spacing:.11em;margin:0 0 20px}
.robotics-heading h2{font-size:clamp(2.6rem,4.2vw,4rem);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0}
.robotics-heading h2 em{font:italic 1em Georgia,serif;letter-spacing:-.055em;color:#597450}
.robotics-heading>p{font-size:15px;line-height:1.8;max-width:360px;color:#5a6c5d;margin:0 0 4px}
.robot-switcher{display:flex;gap:7px;align-items:center;padding:12px 0;border-top:1px solid #bfccbc;border-bottom:1px solid #bfccbc;margin-bottom:23px}
.robot-switcher button{display:flex;align-items:center;gap:18px;padding:14px 20px;border:1px solid transparent;border-radius:6px;background:transparent;color:#4b6353;font:600 13px/1.4 Manrope,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.robot-switcher button>span{font:9px/1 ui-monospace,monospace;opacity:.6}
.robot-switcher button[aria-pressed="true"]{background:#14352b;color:#f1eddb}
.robot-switcher button:hover{border-color:#8da68b}
.robot-kind-label{margin-left:auto;font:9px/1.6 ui-monospace,monospace;letter-spacing:.05em;color:#5a725c}
.robot-exhibit{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);background:#f6f7ee;border:1px solid #cbd7c5;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -40px #244b3380}
.robot-visual{min-width:0;border-right:1px solid #ced8c9;display:flex;flex-direction:column;background:#e2e7db}
.robot-stage{position:relative;height:520px;min-width:0;background:radial-gradient(ellipse at 50% 38%,#edf0e5 0%,#d8e0d1 80%);overflow:hidden;isolation:isolate}
.robot-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;visibility:hidden;outline:none;touch-action:pan-y!important;cursor:grab}
.robot-canvas:active{cursor:grabbing}
.robot-canvas:focus-visible{outline:2px solid #4c7250;outline-offset:-7px;border-radius:8px}
.robot-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.robot-stage-label{position:absolute;top:20px;left:22px;max-width:calc(100% - 44px);color:#45664a;font:9px/1.6 ui-monospace,monospace;letter-spacing:.07em;background:#f4f6e9dc;border:1px solid #c9d8bd;border-radius:4px;padding:6px 9px;pointer-events:none}
.robot-view-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 22px 14px}
.robot-view-tools>span{font-size:10px;color:#516d55}
.robot-view-tools>div{display:flex;gap:7px}
.robot-view-tools button{width:36px;height:36px;border:1px solid #aebb9f;border-radius:50%;background:#edf1e6;color:#254e35;font:20px/1 Manrope,sans-serif;cursor:pointer}
.robot-view-tools button:hover{background:#cddbbf}
.robot-timeline{display:flex;gap:15px;align-items:center;margin:0 22px;padding:17px 0;border-top:1px solid #b8c8ad}
.robot-timeline>button{width:42px;height:42px;flex:none;background:#1d4331;border:0;border-radius:50%;color:#f4f2db;font-size:15px;cursor:pointer}
.robot-timeline>label{display:block;flex:1;min-width:0;font-size:10px;color:#47624c}
.robot-timeline>label>span{display:block;margin-bottom:9px}
.robot-timeline input{display:block;width:100%;margin:0;accent-color:#436d46;cursor:ew-resize;height:18px}
.robot-timeline output{font:11px/1 ui-monospace,monospace;color:#3c6246;min-width:34px;text-align:right}
.robot-model-note{font:9px/1.75 ui-monospace,monospace;color:#566c56;margin:0;padding:2px 22px 18px}
.robot-information{padding:32px 30px;min-width:0}
.robot-profile-index{font:9px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#74856c;margin:0 0 20px}
.robot-profile h3{font:italic 2.1rem/1.14 Georgia,serif;letter-spacing:-.035em;color:#315333;margin:0 0 15px}
.robot-profile-intro{font-size:12px;line-height:1.85;color:#53664f;margin:0 0 25px}
.robot-capabilities{display:flex;flex-direction:column;gap:6px;margin-bottom:29px}
.robot-capabilities button{display:flex;gap:14px;align-items:center;width:100%;text-align:left;background:#edf1e6;border:1px solid #d7e0cf;border-radius:6px;padding:14px 12px;color:#304d33;cursor:pointer}
.robot-capabilities button>span:nth-child(2){flex:1;min-width:0}
.capability-number{font:9px/1 ui-monospace,monospace;opacity:.65}
.robot-capabilities strong{display:block;font:600 12px/1.5 Manrope,sans-serif}
.robot-capabilities small{display:block;font:9px/1.6 Manrope,sans-serif;margin-top:3px;opacity:.8}
.robot-capabilities button[aria-pressed="true"]{background:#234a35;color:#f0eedb;border-color:#234a35}
.robot-capabilities button:hover{border-color:#698460}
.robot-evidence-label{font:9px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#66765b!important;margin:0 0 10px!important}
.robot-evidence>p{font-size:12px;line-height:1.85;color:#4e614a;margin:0 0 12px}
.robot-evidence>a{font-size:10px;line-height:1.65;text-decoration:underline;text-underline-offset:4px;color:#3d6243}
.robot-evidence .robot-boundary{font-size:10px;color:#6a765f;line-height:1.75;margin:17px 0 0;padding-left:12px;border-left:2px solid #c4cead}
.robot-story-link{display:inline-block;font-size:12px;line-height:1.7;margin-top:22px;font-weight:600;color:#2e5837}
.robotics-footnote{max-width:900px;font-size:10px;line-height:1.85;color:#64745e;margin:22px 0 0}
.robotics-section button:focus-visible,.robotics-section input:focus-visible,.robotics-section a:focus-visible{outline:2px solid #476f41;outline-offset:4px}
.robotics-section button:disabled{cursor:default}
.story-3d-invitation{display:inline-flex;margin:2px 0 17px;padding:10px 15px;border:1px solid #b9caae;border-radius:5px;background:#e8eedf;color:#315b39;font-size:13px}
.robotics-section:not([data-robot-state="ready"]) .robot-canvas{visibility:hidden}
.robotics-section[data-robot-state="ready"] .robot-canvas{visibility:visible}
.robotics-section[data-robot-state="ready"] .robot-fallback{display:none}
.robotics-section:not([data-robot-state="ready"]) :is(.robot-view-tools,.robot-timeline){visibility:hidden}
.robotics-section:not(.robotics-interactive) .robot-capabilities button{pointer-events:none}
.robotics-article{margin-top:55px;padding:48px 30px 30px;border-radius:12px}
.robotics-article .robotics-heading{gap:35px}
.robotics-article .robotics-heading h2{font-size:2.8rem}
.robotics-article .robot-stage{height:480px}
.robotics-article .robot-information{padding:27px 24px}
.robotics-article .robot-profile h3{font-size:1.9rem}
@media(min-width:1450px){.robot-stage{height:560px}}
@media(max-width:1100px){.robot-exhibit{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr)}.robot-information{padding:25px 22px}.robot-kind-label{font-size:8px}.robot-stage{height:500px}.robotics-article{padding-inline:20px}.robotics-article .robot-exhibit{grid-template-columns:minmax(0,1.2fr) minmax(275px,1fr)}}
@media(max-width:900px){.robot-exhibit,.robotics-article .robot-exhibit{grid-template-columns:1fr}.robot-stage,.robotics-article .robot-stage{height:510px}.robot-visual{border-right:0;border-bottom:1px solid #ced8c9}.robot-information{padding:30px}.robot-profile h3{font-size:2.25rem}.robot-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.robot-capabilities button{padding:14px 10px}.robot-capabilities button>span:last-child{display:none}.robot-profile-intro{max-width:530px}.robot-evidence{max-width:680px}.robot-kind-label{display:none}.robotics-heading{gap:32px}.robotics-heading>p{font-size:13px}.robotics-article .robotics-heading h2{font-size:2.5rem}}
@media(max-width:600px){.robotics-section{padding-block:60px 43px}.robotics-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.robotics-heading h2{font-size:2.7rem}.robotics-heading>p{font-size:13px}.robot-switcher{gap:4px}.robot-switcher button{padding:13px 10px;font-size:11px;gap:8px;flex:1;justify-content:center}.robot-switcher button>span{font-size:8px}.robot-stage,.robotics-article .robot-stage{height:430px}.robot-information{padding:26px 20px}.robot-profile h3{font-size:2rem}.robot-capabilities{grid-template-columns:1fr}.robot-capabilities button{padding:14px}.robot-capabilities button>span:last-child{display:block}.robot-capabilities strong{font-size:13px}.robot-capabilities small{font-size:10px}.robot-profile-intro,.robot-evidence>p{font-size:13px}.robot-view-tools{padding-inline:17px}.robot-timeline{margin-inline:17px;gap:11px}.robot-model-note{padding-inline:17px;font-size:8px}.robotics-article{padding:35px 12px 24px;margin-inline:-8px}.robotics-article .robotics-heading h2{font-size:2.25rem}.robotics-article .robot-information{padding:23px 16px}.robotics-article .robot-switcher button{flex:0 1 auto}.robotics-footnote{font-size:9px}}
@media(max-width:374px){.robot-stage,.robotics-article .robot-stage{height:360px}.robot-switcher button{font-size:10px;gap:5px;padding-inline:7px}.robot-stage-label{left:14px;top:14px;font-size:8px}.robot-profile h3{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.robotics-section *{transition:none!important}}

/* Driving controls explain the scene without covering road users or signals. */
.robot-switcher{flex-wrap:wrap}
.car-explorer-tools{padding:0 22px 18px}
.car-explorer-tools[hidden]{display:none}
.car-explorer-tools button{border:1px solid #adbea4;background:#ecf1e4;border-radius:5px;padding:9px 11px;min-height:38px;color:#456044;font:500 10px/1.4 Manrope,sans-serif;cursor:pointer}
.car-explorer-tools button[aria-pressed="true"]{background:#31563d;color:#f5f4e4;border-color:#31563d}
.car-explorer-tools button:disabled{opacity:.55;cursor:default}
.car-explorer-tools button:focus-visible{outline:2px solid #255d3b;outline-offset:3px}
.car-layer-controls,.car-view-presets{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.car-control-label{font:9px/1.6 ui-monospace,monospace;color:#526b4e;min-width:70px;margin:0}
.car-layer-controls button:before{content:'○';margin-right:6px;font-size:12px}
.car-layer-controls button[aria-pressed="true"]:before{content:'●'}
.car-response{border-top:1px solid #b9c8ad;padding-top:15px;display:grid;grid-template-columns:125px 1fr;gap:8px 18px;align-items:start}
.car-response-label{grid-column:1/-1;font:9px/1.6 ui-monospace,monospace;letter-spacing:.06em;color:#617757;margin:0}
.car-response [data-car-phase]{font:600 12px/1.5 Manrope,sans-serif;color:#284d31}
.car-response [data-car-response]{margin:0;font:11px/1.8 Manrope,sans-serif;color:#4c634b}
.car-visualization-note{font:9px/1.7 ui-monospace,monospace;color:#5c7154;margin:13px 0 0}
.robotics-section:not([data-robot-state="ready"]) .car-response{display:none}
.robotics-section[data-robot-kind="autonomous-cars"] .robot-model-note{padding-bottom:14px}
@media(max-width:900px) and (min-width:601px){[data-robot-profile="autonomous-cars"] .robot-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.robot-switcher button{flex:1 1 calc(50% - 4px);justify-content:flex-start;padding:12px 14px}.robotics-article .robot-switcher button{flex:0 1 auto}.car-explorer-tools{padding-inline:17px}.car-control-label{width:100%}.car-response{grid-template-columns:1fr;gap:6px}.car-explorer-tools button{font-size:10px;padding:9px}.car-response [data-car-response]{font-size:12px}}
@media(max-width:600px){.robotics-section[data-robot-kind="autonomous-cars"] .robot-stage,.robotics-section[data-robot-start="autonomous-cars"] .robot-stage{height:340px}}
@media(max-width:374px){.robotics-section[data-robot-kind="autonomous-cars"] .robot-stage,.robotics-section[data-robot-start="autonomous-cars"] .robot-stage{height:300px}}