/* Short, direct depth swap with four genuine kinds of work. */
.hero-stage{height:400px;position:relative;isolation:isolate;margin-top:40px}
.hero-stage>.hero-plane{left:0;right:auto;top:0;position:absolute;display:block;transform:translate3d(var(--plane-x,0px),var(--plane-y,0px),0) rotate(var(--plane-angle,0deg)) scale(var(--plane-scale,1));transform-origin:50% 50%;will-change:transform;transition:none}
.hero-stage>.hero-site{width:56%}.hero-stage>.hero-board{width:49%}.hero-stage>.hero-bundle{width:15%}.hero-stage>.hero-configurator{width:42%}
.hero-stage .hero-site .screen{height:auto;aspect-ratio:1.8}.hero-stage .hero-board .screen{height:auto;aspect-ratio:1.75}.hero-stage .hero-configurator .screen{height:auto;aspect-ratio:1.6}
.hero-stage .hero-bundle .screen{height:auto;aspect-ratio:366/760;border-radius:16px}
.hero-stage .hero-image{position:relative;overflow:hidden;border:1px solid #74797C;border-radius:12px;background:#FFFFFF;box-shadow:0 8px 18px rgba(0,0,0,.22)}
.hero-stage>.hero-plane:has(:focus-visible){z-index:60!important}
.hero-stage .hero-image img{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:top left}
.hero-stage .hero-bundle img{object-fit:contain;background:white}.hero-stage .hero-configurator .screen{aspect-ratio:1266/712}
.hero-image-label{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:var(--paper);color:var(--ink);border-top:1px solid #D5D4CD;font-size:13px;line-height:1.3;font-weight:500;text-align:left}
.hero-motion-note{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#B6BBBF;font-size:13px;line-height:1.5;margin:8px 0 0}.motion-instruction{white-space:nowrap}
.customer-tool{display:block;padding:0;overflow:hidden}.configurator-inspect{display:block;padding:0;width:100%;border:0;border-bottom:1px solid #D5D4CD;background:white;cursor:zoom-in;aspect-ratio:1266/712;overflow:hidden}.configurator-inspect img{width:100%;height:100%;object-fit:cover}.customer-tool>div{padding:24px 28px}.customer-tool h3{font-size:26px}.customer-tool p{max-width:55ch}
.audience-help{font-size:13px;line-height:1.5;color:var(--muted);margin:-8px 0 16px}
.outline-graphic{height:auto;display:flex;flex-direction:column;gap:28px;margin-top:24px}
.outline-node,.outline-context{position:relative;inset:auto;min-height:0;text-align:left;padding:16px;border-radius:10px;display:block;background:var(--paper)}
.outline-node+.outline-node::before{content:"";position:absolute;left:50%;top:-29px;width:2px;height:28px;background:var(--blue)}
.outline-node>span{display:block;text-transform:none;font-size:12px}.outline-node b{display:block;font-size:18px;line-height:1.3;margin-top:8px}.outline-core b{font-size:22px;line-height:1.2}.outline-core{background:#EDF1FC}.outline-core p{font-size:13px;margin-top:12px;line-height:1.5}
.outline-node ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.outline-node li{font-size:13px;line-height:1.5;position:relative;padding-left:14px;color:var(--ink)}.outline-node li::before{content:"";width:4px;height:4px;background:var(--blue);border-radius:50%;position:absolute;top:8px;left:0}
.outline-people{border-color:#858884}.outline-context{border-style:dashed;background:transparent}.outline-graphic.is-updating .outline-node{animation:node-settle 140ms var(--ease)}.outline-caption{margin-top:20px}
@media(max-width:1100px){.hero-stage{height:340px}.hero-image-label{font-size:12px;padding:8px 10px}.outline-core b{font-size:20px}}
@media(max-width:760px){.hero-stage{height:360px;margin-top:32px}.hero-stage>.hero-site{width:76%}.hero-stage>.hero-board{width:74%}.hero-stage>.hero-bundle{width:29%}.hero-stage>.hero-configurator{width:73%}.hero-image-label{font-size:10px;padding:7px 8px}.hero-stage .hero-bundle .screen{border-radius:10px}.hero-stage .hero-image{border-radius:8px}.hero-motion-note{font-size:11px;display:block;max-width:32ch;margin:8px 0 0}.motion-instruction{display:block;margin-top:8px}.customer-tool>div{padding:20px}.customer-tool h3{font-size:24px}.configurator-inspect{aspect-ratio:1266/712}.outline-graphic{display:none;max-width:none;gap:24px}.project-outline.is-open .outline-graphic{display:flex}.outline-node+.outline-node::before{top:-25px;height:24px}.outline-node b{font-size:18px}.outline-core b{font-size:22px}.outline-node li,.outline-core p{font-size:14px}.outline-node{padding:16px}.project-outline.is-open .outline-mobile-summary{display:none}}
@media(prefers-reduced-motion:reduce){.hero-stage>.hero-plane{transform:translate3d(var(--plane-x,0px),var(--plane-y,0px),0) rotate(var(--plane-angle,0deg)) scale(var(--plane-scale,1))!important;will-change:auto}.motion-instruction{display:none}.outline-graphic.is-updating .outline-node{animation:none!important}}