/* BESERVY v17: a continuous architectural scene, animated in the browser. */
.robot-experience{background:#092e29;color:#f6f7f0;padding:76px 0 0;overflow:hidden;scroll-margin-top:92px}
.robot-experience .film-heading{margin-bottom:36px;gap:60px}
.robot-experience .film-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.01;letter-spacing:-.055em}
.robot-experience .film-heading p:not(.eyebrow){font-size:15px;max-width:370px;color:#bfd3c4}
.robot-experience .eyebrow{color:#c0e6b2}
.robot-stage{position:relative;background:#d8ddd5;isolation:isolate;height:clamp(470px,calc(100svh - 150px),690px);overflow:hidden;scroll-margin-top:0}
.robot-experience .film-heading h2 span{color:#c0e6b2}
.robot-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline:0}
.robot-stage:not([data-ready=true]) canvas{opacity:0}
.robot-stage-controls[hidden]{display:none}
.robot-stage canvas:focus-visible{outline:3px solid #553374;outline-offset:-5px}
.robot-stage-poster{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}
.robot-stage[data-ready=true] .robot-stage-poster{visibility:hidden}
.robot-stage:after{content:'';position:absolute;pointer-events:none;inset:70% 0 0;background:linear-gradient(transparent,#092e294d)}
.robot-scene-label{position:absolute;top:27px;left:36px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.1em;color:#24433a;display:flex;align-items:center;gap:11px}
.robot-scene-label i{width:6px;height:6px;background:#21884e;border-radius:50%;box-shadow:0 0 0 5px #21884e12}
.robot-scene-label small{font-size:9px;letter-spacing:.04em;font-weight:400;opacity:.75}
.robot-stage-status{position:absolute;left:36px;bottom:30px;z-index:2;color:#fff;max-width:430px;text-shadow:0 1px 12px #123e3340}
.robot-stage-status small{font-size:10px;letter-spacing:.12em;display:block;margin-bottom:7px}
.robot-stage-status strong{font-weight:500;font-size:clamp(22px,2.4vw,35px);letter-spacing:-.035em;line-height:1.15;display:block}
.robot-scene-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#092e2910;color:#123e33;font-size:12px}
.robot-scene-loading[hidden]{display:none}
.robot-stage-controls{position:absolute;right:30px;bottom:30px;z-index:3;display:flex;gap:7px}
.robot-stage-controls button{border:1px solid #ffffff75;color:#123e33;background:#f6f7f0e8;padding:11px 17px;font:500 12px/1.2 inherit;cursor:pointer;border-radius:30px;backdrop-filter:blur(16px);min-height:42px}
.robot-stage-controls button:hover{background:#fff}
.robot-stage-controls button[aria-pressed=true]{background:#123e33;color:#e8f4df;border-color:#123e33}
.robot-stage-controls button:focus-visible{outline:3px solid #553374;outline-offset:4px}
.robot-experience-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;padding-bottom:32px;color:#bdd0bf;font-size:11px;line-height:1.65}
.robot-experience-footer p{max-width:650px}
.robot-experience-footer .text-link{color:#c0e6b2;white-space:nowrap;font-size:12px}
.robot-experience-footer details{max-width:660px}
.robot-experience-footer summary{cursor:pointer}
.robot-experience-footer details p{padding-top:12px}
.robot-journey{display:flex;gap:42px;padding-top:27px;padding-bottom:31px;border-bottom:1px solid #ffffff22}
.robot-journey>span{display:flex;align-items:center;gap:13px;flex:1;color:#8ea99a;font-size:12px;transition:color .3s}
.robot-journey b{font-size:10px;font-weight:400;border:1px solid #b6cdbb50;height:27px;width:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.robot-journey>span.is-active{color:#d4f0c9}
.robot-journey>span.is-active b{background:#c0e6b2;border-color:#c0e6b2;color:#123e33}
.robotics-intro .robot-editorial-image img{object-position:26% 56%}
.robotics-intro .robot-editorial-image:after{background:linear-gradient(90deg,transparent 24%,#092e2955 54%,#092e29e8 75%,#092e29f5),linear-gradient(0deg,#092e2920,transparent 35%)}
.robot-close-film{padding-top:70px;padding-bottom:65px}
.robot-close-film .film-heading h2{font-size:clamp(35px,3.5vw,55px)}
.robot-close-film .real-robot-player{margin:0;max-width:960px}
.robot-close-film .real-robot-player video{height:auto;aspect-ratio:16/9;max-height:520px}
.robot-close-film .film-tools{max-width:960px}
@media(max-width:1000px){.robot-stage{height:clamp(470px,calc(100svh - 150px),610px)}.robot-stage-status{max-width:320px}.robot-stage-controls{right:20px}.robot-journey{gap:20px}.robot-journey>span{font-size:11px}}
@media(max-width:760px){
 .robot-experience{padding-top:50px;scroll-margin-top:75px}.robot-experience .film-heading{display:block;margin-bottom:25px}.robot-experience .film-heading h2{font-size:46px}.robot-experience .film-heading p:not(.eyebrow){max-width:none;margin-top:22px;font-size:14px}
 .robot-stage{height:520px}.robot-scene-label{top:20px;left:20px;font-size:8px;gap:8px}.robot-scene-label small{font-size:8px}.robot-stage-status{left:20px;right:20px;bottom:85px;max-width:none}.robot-stage-status small{font-size:9px}.robot-stage-status strong{font-size:26px}
 .robot-stage-controls{left:20px;right:auto;bottom:25px;gap:7px}.robot-stage-controls button{padding:11px 14px;font-size:11px}.robot-experience-footer{flex-direction:column;align-items:flex-start;gap:16px;padding-top:19px;padding-bottom:28px;font-size:10px}
 .robot-journey{gap:8px;padding:22px 0;align-items:flex-start}.robot-journey>span{flex-direction:column;align-items:flex-start;font-size:10px;line-height:1.5;gap:9px}.robot-journey b{width:23px;height:23px;font-size:9px}
 .robotics-intro .robot-editorial-image img{object-position:30% 60%}.robotics-intro .robot-editorial-image:after{background:linear-gradient(180deg,#092e29 0%,#092e2920 18%,transparent 40%)}
 .robot-close-film .real-robot-player{margin-left:-20px;margin-right:-20px}.robot-close-film .film-tools{max-width:none}
}
@media(prefers-reduced-motion:reduce){.robot-journey>span{transition:none}}