/* A continuous travelling view, in the same visual family as STAR-Tank. */
.qgj{scroll-margin-top:var(--pdp-anchor-top,150px);margin:80px 0;color:var(--text,#eaf1fb)}
.qgj-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:28px}
.qgj-heading h2{font-size:var(--type-section-title);margin:16px 0 0}
.qgj-heading>p{font-size:16px;line-height:1.75;color:var(--text-dim,#a7b9cb);max-width:470px;margin:0 0 3px}
.qgj-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);column-gap:48px;row-gap:16px;margin:0}
.qgj-viewport{grid-column:1/-1;position:relative;min-width:0;min-height:0;isolation:isolate;background:radial-gradient(ellipse closest-side at 50% 48%,#34495c26,transparent)}
.qgj-viewport canvas{display:block;width:100%;height:clamp(520px,53vw,730px)}
.qgj-viewport canvas[hidden],.qgj-fallback[hidden],.qgj-controls[hidden],.qgj-mode-note[hidden]{display:none}
.qgj-storyline{min-width:0;min-height:112px;padding:8px 0 0}
.qgj-storyline>span{display:none;color:#78cbe7;font:10px/1.5 var(--mono,monospace);letter-spacing:.06em;padding-top:6px}
.qgj-storyline h3{font-size:var(--type-subsection-title);color:#eff7fd;margin:0}
.qgj-storyline p{margin:7px 0 0;color:#b9ccda;font-size:14px;line-height:1.6;max-width:700px}
.qgj-controls{display:flex;align-items:center;align-self:start;gap:18px;min-width:0;padding:2px 0}
.qgj-controls button{min-height:44px;min-width:114px;padding:10px 0;background:transparent;color:var(--text-dim,#b9ccda);border:0;text-align:left;font:500 12px/1.3 var(--body,sans-serif);cursor:pointer;transition:color 160ms ease}
.qgj-controls button:disabled{opacity:.6;cursor:wait}
.qgj-controls label{flex:1;min-width:36px;display:flex;align-items:center;min-height:44px}
.qgj-controls input{appearance:none;-webkit-appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:0}
.qgj-controls input::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--line-2,#354a62)}
.qgj-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:50%;background:#a9c8dc}
.qgj-controls input::-moz-range-track{height:2px;border-radius:1px;background:var(--line-2,#354a62)}
.qgj-controls input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#a9c8dc}
.qgj-controls>span{color:#a7bfd2;font:11px/1 var(--mono,monospace);white-space:nowrap}
.qgj-note{grid-column:1/-1;max-width:900px;padding:0;font:12px/1.7 var(--body,sans-serif);color:var(--text-dim,#9fb7ca)}
.qgj-note strong{color:#dae9f3;font-weight:600}
.qgj-chapters{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:20px 0 0;gap:10px}
.qgj-chapters li{margin:0;padding:0;min-width:0}
.qgj-chapters button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;height:100%;min-height:73px;border:0;border-top:2px solid var(--line,#2e4257);border-radius:0;padding:14px 3px;background:transparent;color:var(--text,#ebf2fc);cursor:pointer;font-family:var(--body,sans-serif);transition:background 160ms ease,border-color 160ms ease}
.qgj-chapters button>span{color:var(--quasar,#7ccdf6);font:10px/1.4 var(--mono,monospace);margin-bottom:7px}
.qgj-chapters strong{font-size:12px;line-height:1.4;font-weight:600}
.qgj-chapters small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qgj-chapters button[aria-current=step]{border-color:var(--quasar,#70c8ef);background:transparent}
.qgj-chapters button:disabled{cursor:default;opacity:1}
.qgj-controls button:focus-visible,.qgj-controls input:focus-visible,.qgj-chapters button:focus-visible{outline:3px solid #86d5f4;outline-offset:4px}
.qgj-mode-note{font-size:12px;color:var(--text-dim,#a6b9cc);margin:14px 0 0}
.qgj-fallback{min-height:530px;padding:76px 40px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.qgj-fallback-kicker{font:11px/1.5 var(--mono,monospace);color:#8cb6d1;text-transform:uppercase;letter-spacing:.1em}
.qgj-fallback-products{display:flex;justify-content:center;align-items:center;gap:32px;width:100%;max-width:820px;height:240px;margin:22px 0}
.qgj-fallback-products img{width:29%;height:220px;object-fit:contain}
.qgj-fallback h3{color:#e4f3ff;font-size:var(--type-subsection-title);margin:12px 0}
.qgj-fallback p{max-width:650px;color:#abc3d5;line-height:1.65;font-size:14px;margin:0}
@media(hover:hover) and (pointer:fine){.qgj-controls button:hover:not(:disabled){color:#eff7fd}.qgj-chapters button:hover:not(:disabled){border-color:#72bddd}}
@media(max-width:900px){.qgj-chapters{grid-template-columns:repeat(3,1fr)}.qgj-chapters button{min-height:71px}.qgj-heading{gap:28px}.qgj-film{grid-template-columns:minmax(0,1fr);row-gap:12px}.qgj-storyline{min-height:94px}.qgj-controls{max-width:460px;width:100%}}
@media(max-width:680px){.qgj{margin:55px 0}.qgj-heading{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.qgj-heading>p{font-size:15px;line-height:1.65}.qgj-film{row-gap:10px}.qgj-viewport canvas{height:clamp(500px,130vw,660px)}.qgj-storyline{padding:0;min-height:112px}.qgj-storyline>span{display:none;margin-bottom:9px;padding:0}.qgj-storyline p{font-size:13px}.qgj-controls{padding:0;gap:12px}.qgj-controls button{min-width:110px}.qgj-controls label{min-width:32px}.qgj-controls>span{font-size:10px}.qgj-note{padding:5px 0 0;font-size:11px}.qgj-chapters{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.qgj-chapters button{min-height:70px;padding:12px 3px}.qgj-fallback{padding:65px 20px 35px;min-height:500px}.qgj-fallback-products{gap:8px;height:180px}.qgj-fallback-products img{height:160px}}
@media(prefers-reduced-motion:reduce){.qgj-controls button,.qgj-chapters button{transition:none}}