/* The QK studies are visual concepts, deliberately separate from engineering views. */
.qk-showcase{--qk-ink:#edf1eb;--qk-mint:#ade6c1;color:var(--qk-ink);background:#0c1210;margin-top:76px;scroll-margin-top:100px}
.qk-stage{position:relative;isolation:isolate;overflow:clip;min-height:680px;min-height:clamp(630px,47vw,820px)}
.qk-scenes,.qk-frame,.qk-shade,.qk-atmosphere{position:absolute;inset:0}
.qk-frame{margin:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none}
.qk-frame.is-active{opacity:1;visibility:visible}
.qk-scene-image{position:absolute;width:100%;max-width:none;height:100%;object-fit:cover;object-position:64% 50%;transform:scale(1.025);filter:saturate(.48);animation:qk-camera-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.qk-frame[data-qk-frame="airspace"] .qk-scene-image{object-position:75% 50%;transform-origin:75% 50%;animation-name:qk-airspace-drift;animation-duration:30s}
.qk-showcase[data-running="true"] .qk-frame.is-active .qk-scene-image,.qk-showcase[data-running="true"] .qk-atmosphere{animation-play-state:running}
.qk-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#09100ff5 0%,#09100fd9 24%,#09100f6b 43%,transparent 66%),linear-gradient(0deg,#0b110fe6 0%,transparent 43%,#0b110f12 85%)}
.qk-copy{position:relative;z-index:3;padding:75px 0 100px 7.5%;max-width:610px;pointer-events:none}
.qk-copy .eyebrow{color:#c0d6c6;font-size:10px;letter-spacing:.18em;margin:0 0 39px}
.qk-copy h1,.qk-copy h2{font-family:var(--display);font-weight:600;font-size:clamp(108px,10.6vw,174px);line-height:.84;letter-spacing:-.035em;margin:0;color:#f0f3ec}
.qk-copy h1 span,.qk-copy h2 span{display:block;font:400 clamp(28px,3vw,46px)/1.1 var(--sans);letter-spacing:-.045em;margin-top:21px}
.qk-copy .qk-intro{font:400 16px/1.65 var(--sans);color:#c2cdc5;margin:25px 0 22px}
.qk-patent{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 32px}
.qk-patent>span{font:500 9px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#c4f0d1;border:1px solid #ade6c159;padding:7px 10px}
.qk-patent>p{font:400 11px/1.5 var(--sans);color:#c6d0c8;margin:0}
.qk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;pointer-events:auto}
.qk-actions .button{padding:17px 21px;color:#14291e;background:#ade6c1;border-color:#ade6c1;font-size:12px;display:flex;align-items:center;gap:22px}
.qk-actions .text-button{font-size:12px;color:#edf1eb;margin:0;border-color:#9ca99f}
.qk-actions .button:hover{background:#c3f0d3;border-color:#c3f0d3}
.qk-viewfinder{position:absolute;inset:32px;pointer-events:none;z-index:2;color:#d3e7d7}
.qk-viewfinder i{position:absolute;width:17px;height:17px;border:solid #d3e7d766}
.qk-viewfinder i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.qk-viewfinder i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.qk-viewfinder i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.qk-viewfinder i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.qk-viewfinder>span{position:absolute;right:23px;top:4px;font:400 9px/1 var(--mono);letter-spacing:.14em;color:#d3dfd2}
.qk-atmosphere{z-index:2;opacity:.28;pointer-events:none;background:radial-gradient(ellipse at 85% 90%,#cadfd719,transparent 48%);transform:translateX(-4%);animation:qk-mist-drift 19s ease-in-out infinite alternate;animation-play-state:paused}
.qk-frame-caption{position:absolute;z-index:4;right:7.5%;bottom:87px;max-width:290px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .7s ease}
.qk-frame.is-active .qk-frame-caption{opacity:1;transform:none}
.qk-frame-caption>span{display:block;font:400 9px/1.6 var(--mono);letter-spacing:.1em;color:#c1d9c8;margin-bottom:14px}
.qk-frame-caption>strong{font:500 clamp(19px,1.65vw,27px)/1.3 var(--sans);letter-spacing:-.035em;display:block}
.qk-frame-caption>p{font:400 12px/1.6 var(--sans);color:#c2cdc5;margin:9px 0 0;max-width:250px}
.qk-stage-footer{position:absolute;left:7.5%;right:7.5%;bottom:31px;z-index:4;display:flex;justify-content:space-between;gap:20px;font:400 9px/1.5 var(--mono);letter-spacing:.04em;color:#aebdb3}
.qk-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;padding:0 7.5%;background:#101815;border-top:1px solid #91b79d30;align-items:stretch}
.qk-controls[hidden]{display:none}
.qk-slide-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0}
.qk-slide-button{position:relative;background:none;border:0;text-align:left;color:#a6b6ac;min-height:112px;display:flex;align-items:center;gap:17px;padding:22px 22px 22px 0;cursor:pointer;transition:color .2s}
.qk-slide-button[aria-pressed="true"],.qk-slide-button:hover{color:#edf1eb}
.qk-thumb{width:88px;height:55px;overflow:hidden;opacity:.45;transition:opacity .3s;flex-shrink:0}
.qk-thumb img{height:100%;width:100%;object-fit:cover;object-position:75% center;filter:saturate(.4)}
.qk-slide-button[aria-pressed="true"] .qk-thumb,.qk-slide-button:hover .qk-thumb{opacity:1}
.qk-slide-label{display:flex;flex-direction:column;gap:9px;min-width:0}.qk-slide-label small{font:400 9px/1 var(--mono);color:#93a699}.qk-slide-label strong{font:500 12px/1.3 var(--sans)}
.qk-selection{position:absolute;left:0;right:25px;top:-1px;height:2px;background:#ade6c1;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.qk-slide-button[aria-pressed="true"] .qk-selection{transform:scaleX(1)}
.qk-transport{display:flex;align-items:center;gap:25px}.qk-motion{font:400 9px/1.4 var(--mono);background:none;border:0;color:#c5d6ca;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;cursor:pointer;white-space:nowrap}
.qk-motion-icon{font:400 15px/1 var(--sans);width:15px;text-align:center}.qk-motion:disabled{cursor:default;opacity:.6}
.qk-stepper{display:flex;align-items:center;gap:11px}.qk-stepper button{border:1px solid #83998b5c;background:transparent;color:#e6eee6;min-width:44px;min-height:44px;width:44px;height:44px;cursor:pointer;font:400 18px/1 var(--sans);transition:background .2s}.qk-stepper button:hover{background:#ade6c119}.qk-stepper>span{font:400 10px/1 var(--mono);color:#abbeb0;white-space:nowrap}
.qk-controls button:focus-visible,.qk-actions :focus-visible{outline:2px solid #d5ffe2;outline-offset:5px}
.qk-detail-breadcrumbs{padding-top:31px;padding-bottom:25px}.qk-detail-breadcrumbs .breadcrumbs{margin:0}.qk-detail-breadcrumbs+.qk-showcase{margin-top:0}
.qk-briefing{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-bottom:1px solid var(--line)}.qk-briefing h2{font:500 24px/1.3 var(--sans);letter-spacing:-.035em;margin:16px 0}.qk-briefing p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted);max-width:390px}.qk-briefing .eyebrow{font-size:10px}
@keyframes qk-camera-drift{from{transform:scale(1.025) translateX(.25%)}to{transform:scale(1.09) translateX(-.8%)}}
@keyframes qk-airspace-drift{from{transform:scale(1.012) translateX(.2%)}to{transform:scale(1.045) translateX(-.3%)}}
@keyframes qk-mist-drift{to{transform:translateX(4%);opacity:.65}}
@media(min-width:1800px){.qk-copy{padding-top:105px}.qk-copy .qk-intro{margin-top:32px}.qk-patent{margin-bottom:40px}.qk-copy .eyebrow{margin-bottom:50px}}
@media(max-width:1250px){.qk-controls{gap:20px}.qk-transport{gap:18px}.qk-thumb{width:65px;height:45px}.qk-slide-button{gap:12px;padding-right:13px}.qk-motion [data-qk-motion-label]{display:none}.qk-copy{padding-left:7%;max-width:540px}.qk-frame-caption{right:6%;max-width:245px}.qk-actions{gap:18px}.qk-slide-label strong{font-size:11px}}
@media(max-width:950px){
.qk-stage{display:grid;min-height:0;grid-template-columns:minmax(0,1fr)}
.qk-copy{grid-row:1;padding:58px 7% 30px;max-width:none;background:#0c1210}
.qk-copy .eyebrow{margin-bottom:30px}.qk-copy h1,.qk-copy h2{font-size:clamp(88px,16vw,125px);white-space:nowrap}.qk-copy h1 span,.qk-copy h2 span{font-size:clamp(29px,5vw,36px)}
.qk-copy .qk-intro{margin:22px 0 16px}.qk-patent{margin-bottom:26px}
.qk-scenes{position:relative;grid-row:2;inset:auto;min-height:clamp(345px,68vw,535px);overflow:hidden}
.qk-scene-image,.qk-frame[data-qk-frame="airspace"] .qk-scene-image{width:120%;height:auto;left:-18%;top:0;object-fit:contain;transform-origin:75% 50%;animation-name:qk-airspace-drift;animation-duration:30s;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent)}
.qk-shade{background:linear-gradient(180deg,#0c1210,transparent 17%,transparent 48%,#0c1210 92%)}
.qk-frame-caption{left:7%;right:7%;bottom:24px;max-width:none}.qk-frame-caption>span{margin-bottom:10px}.qk-frame-caption>strong{font-size:24px}.qk-frame-caption>p{max-width:38ch}
.qk-stage-footer{position:relative;grid-row:3;left:auto;right:auto;bottom:auto;padding:0 7% 28px;background:#0c1210}
.qk-controls{padding:0 6%;grid-template-columns:1fr;gap:20px}.qk-transport{border-top:1px solid #91b79d30;justify-content:space-between;padding:10px 0;margin-top:-20px}.qk-motion [data-qk-motion-label]{display:inline}
.qk-thumb{width:82px;height:47px}.qk-slide-button{min-height:100px}.qk-slide-label strong{font-size:12px}.qk-briefing{gap:30px}.qk-briefing h2{font-size:21px}
}
@media(max-width:650px){
.qk-showcase{margin-top:38px;scroll-margin-top:72px}.qk-copy{padding-top:52px}.qk-copy .eyebrow{font-size:9px}.qk-copy h1 span,.qk-copy h2 span{margin-top:17px}.qk-copy .qk-intro{font-size:14px}.qk-intro br{display:none}
.qk-patent{gap:11px}.qk-patent>span{font-size:8px}.qk-patent>p{font-size:10px}.qk-actions{gap:21px}.qk-actions .button{padding:15px 17px;font-size:11px;gap:15px}.qk-actions .text-button{font-size:11px}
.qk-frame-caption>span{font-size:8px}.qk-frame-caption>p{font-size:12px}.qk-viewfinder{inset:18px}.qk-viewfinder>span{font-size:7px;right:17px}.qk-viewfinder i{width:10px;height:10px}.qk-stage-footer{font-size:8px}.qk-stage-footer>span:last-child{display:none}
.qk-slide-button{display:block;padding:19px 9px 18px 0;min-height:128px}.qk-thumb{display:block;width:100%;height:44px;margin-bottom:12px}.qk-slide-label{flex-direction:row;gap:7px;align-items:baseline}.qk-slide-label strong{font-size:10px}.qk-slide-label small{font-size:8px}.qk-selection{right:9px}.qk-controls{gap:16px}.qk-transport{margin-top:-16px}
.qk-briefing{grid-template-columns:1fr;gap:25px}.qk-briefing article+article{border-top:1px solid var(--line);padding-top:26px}.qk-detail-breadcrumbs{padding:25px 6%}
}
@media(prefers-reduced-motion:reduce){.qk-showcase *{animation:none!important;transition:none!important}.qk-scene-image{transform:none}}
