.experience.field-experience{position:relative;isolation:isolate;overflow:hidden;gap:38px 9vw;padding-top:65px;padding-bottom:55px;background:#090c0e;align-items:end}.field-heading{grid-column:1/-1;position:relative;z-index:2;padding-bottom:24px}.field-heading h2{margin:16px 0}.field-heading .lead{max-width:510px}.field-photo{position:absolute;z-index:-2;inset:270px 0 0;overflow:hidden}.field-photo img{object-position:38% center}.field-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090c0e 0%,transparent 17%,transparent 45%,#090c0eed 87%,#090c0e),linear-gradient(90deg,transparent 40%,#090c0e66 67%,#090c0ec4 100%)}.field-controls{padding-top:420px;position:relative;z-index:1;align-self:end}.field-controls .tabs{margin-top:0;background:#091016d9;border-bottom-color:#62717b;border-radius:8px 8px 0 0;backdrop-filter:blur(12px)}.field-controls .tab{flex:1;white-space:nowrap;padding-left:8px;padding-right:8px;color:#c4d1da;min-height:47px}.field-controls .tab[aria-selected=true]{color:white}.field-controls .explain{margin-top:0;padding:20px 19px;background:#091016df;border-radius:0 0 8px 8px;min-height:160px;backdrop-filter:blur(12px)}.field-controls .explain p{color:#c2ced6}.field-prototype{position:relative;z-index:1;align-self:start}.field-prototype .device-caption{color:#d4dfe5;text-shadow:0 1px 8px #000}.field-image-caption{color:#c0ccd4;font-size:10px;letter-spacing:1px;margin:15px 0 0;position:relative}.annotation-lines .rescue-outline{fill:none;stroke:#0b202fe6;stroke-width:3.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.annotation-lines .rescue-line{stroke:#f0faff;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}.annotation-lines .rescue-anchor-halo{fill:#f3fbff;stroke:#0a263b;stroke-width:2;vector-effect:non-scaling-stroke}.annotation-lines .rescue-anchor-core{fill:#0a263b;stroke:none}.annotation-theme-light .part-trigger{padding:10px 12px;background:#0b1926ed;border:1px solid #b6cdd98c;border-radius:5px;color:#f4f9fc;text-shadow:none;box-shadow:0 2px 12px #0002}.annotation-theme-light .part-number{color:#b4e1f8;text-shadow:none}.annotation-theme-light .part-description{color:#132936;text-shadow:0 1px 3px #fff,0 0 9px #fff;background:#edf5f9e8;padding:8px 12px;border-radius:0 0 4px 4px;max-width:none;font-size:11px}.annotation-theme-light .part-preview{background:#0b141af5}.annotation-theme-light .part-name{font-size:13px}
.experience.field-experience{display:block;padding:65px 0 0}.field-heading{padding:0 var(--space) 35px}.field-stage{position:relative;isolation:isolate;height:clamp(760px,59vw,1050px);overflow:hidden}.field-stage .field-photo{position:absolute;inset:0;z-index:-1;margin:0;aspect-ratio:auto}.field-stage .field-photo img{object-fit:cover;object-position:center}.field-stage .field-photo:after{background:linear-gradient(0deg,#090c0ecf,transparent 30%),linear-gradient(180deg,#090c0e55,transparent 20%)}.field-stage .field-prototype{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:clamp(290px,23vw,340px)}.field-stage .phone-host{width:100%}.field-stage .field-controls{position:absolute;left:var(--space);bottom:55px;width:min(43%,520px);padding:0}.field-stage .field-controls .explain{display:none}.field-stage .field-controls .tabs{border-radius:8px;border-bottom:1px solid #62717b;--signal:#9bd8f4}.field-stage .device-caption{font-size:9px}.scene-image.annotated>img{filter:brightness(.48)}.scene-image .annotation-lines path{stroke:#eef7ffad;stroke-width:1}.scene-image .annotation-lines circle{fill:#eaf5fb;stroke:#0b1419;stroke-width:1}.scene-image .part-trigger{background:transparent;border:0;border-top:1px solid #e1edf28c;border-radius:0;padding:12px 0;box-shadow:none;cursor:default;color:#fff}.scene-image .part-description{background:none;padding:0;color:#e0e8ed;text-shadow:0 1px 8px #000}.scene-image .part-note{pointer-events:none}
@media(max-width:800px){.experience.field-experience{padding:50px 0 0}.field-heading{padding:0 var(--space) 28px}.field-stage{height:920px}.field-stage .field-photo{position:absolute;inset:0}.field-stage .field-photo img{object-position:70% center}.field-stage .field-prototype{width:min(76%,320px);right:50%;top:38px;transform:translateX(50%)}.field-stage .field-controls{left:var(--space);right:var(--space);bottom:26px;width:auto}.field-stage .field-controls .tab{padding:12px 5px;font-size:11px}.field-stage .field-image-caption{font-size:10px}.scene-image .part-description{color:#c2d0d8;text-shadow:none}.scene-image .part-trigger{border-top-color:#39474f}}
