/* The approved 3D artwork, animated as a photographic loop. */
.reference-column{justify-content:center;min-width:0;padding-top:0;margin-left:-10px;width:calc(100% + 10px)}
.reference-stage{position:relative;width:100%;aspect-ratio:1440/962;isolation:isolate}
.reference-film{display:block;width:100%;height:100%;object-fit:contain;border:0;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 1.6%,#000 98.8%,transparent),linear-gradient(to bottom,#000 97.5%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 1.6%,#000 98.8%,transparent),linear-gradient(to bottom,#000 97.5%,transparent);-webkit-mask-composite:source-in}
.reference-hotspots{position:absolute;inset:0}
.reference-hotspot{position:absolute;margin:0;padding:0;border:0;background:transparent;border-radius:5px;cursor:pointer;transition:box-shadow .18s;z-index:2}
.reference-hotspot:focus-visible{outline:2px solid #174bea;outline-offset:3px;background:#174bea08}
.station-applications{left:1.5%;top:4.6%;width:43%;height:56%}
.station-automation{left:34.5%;top:1%;width:34.5%;height:38%}
.station-printing{left:68%;top:5.5%;width:31.5%;height:47%}
.station-experiments{left:68%;top:53%;width:31%;height:44%}
.station-tip{position:absolute;left:50%;top:47%;transform:translate(-50%,4px);white-space:nowrap;font:500 11px Manrope,Arial,sans-serif;line-height:1.5;letter-spacing:.01em;padding:9px 13px;background:#fffefbed;border:1px solid #e1dfd8;color:#171c25;border-radius:5px;box-shadow:0 8px 24px #28262716;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none}
.reference-hotspot:hover .station-tip,.reference-hotspot:focus-visible .station-tip{opacity:1;transform:translate(-50%,0)}
.station-printing .station-tip{top:65%;left:46%}.station-experiments .station-tip{top:40%;left:46%}.station-automation .station-tip{top:46%}
.reference-controls{opacity:1;padding:9px 8px 0 28px;gap:16px}
.reference-instructions{font-size:8px;line-height:1.8;letter-spacing:.17em;color:#37414f;max-width:210px}
.reference-column .channel-control{padding-top:1px}
.reference-no-script{position:absolute;right:15px;bottom:10px;padding:12px 16px;background:#fffefb;border:1px solid #bbb;font-size:12px;border-radius:5px}
.mobile-stations{display:none}
@media(min-width:1400px){.studio-hero{grid-template-columns:minmax(330px,.94fr) minmax(0,2.12fr);min-height:720px}.reference-column{width:calc(100% + 22px);margin-left:-22px}}
@media(max-width:1100px) and (min-width:601px){.studio-hero{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);min-height:595px}.reference-column{width:calc(100% + 20px);margin-left:-20px}.reference-controls{padding-left:17px;justify-content:flex-end;gap:8px 15px}.reference-instructions{font-size:7px;max-width:150px;margin-right:auto}.reference-controls .discoveries{margin-left:auto}.reference-hotspot .station-tip{font-size:9px;padding:7px 9px}.reference-column .channel-control>span{font-size:7px}.reference-column .channel-control button{font-size:10px}}
@media(max-width:760px) and (min-width:601px){.studio-hero{grid-template-columns:225px minmax(0,1fr);min-height:540px}.reference-controls{padding-left:8px}.reference-instructions{font-size:6px;max-width:140px}.reference-controls .scene-actions{width:100%;justify-content:flex-end;order:3}.reference-controls .discoveries{width:auto}}
@media(max-width:600px){.reference-column{width:calc(100% + 28px);margin-left:-14px;margin-top:25px}.reference-stage{aspect-ratio:1440/962}.reference-film{mask-image:linear-gradient(to bottom,#000 97.5%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 97.5%,transparent)}.reference-controls{padding:12px 14px 0;gap:10px}.reference-instructions{font-size:7px;letter-spacing:.10em;max-width:150px}.reference-controls .scene-actions{width:auto;order:3;justify-content:center;margin-inline:auto;gap:22px}.reference-controls .discoveries{margin-left:auto}.reference-column .channel-control{padding:0 14px;gap:16px}.reference-hotspot .station-tip{display:none}.mobile-stations{display:grid;grid-template-columns:1fr 1fr;gap:0 19px;margin:8px 14px 0;padding-top:8px;border-top:1px solid #d6d6d0}.mobile-stations button{text-align:left;min-height:40px;font-size:10px;background:transparent;color:#1c2738;padding:8px 0}.mobile-stations button:hover{color:var(--blue)}}
@media(prefers-reduced-motion:reduce){.station-tip,.reference-hotspot{transition:none}}