/* Qreew characters replace abstract clay objects. Exact brand silhouette stays code-native. */
.qa-hero-mark{display:block;width:105px;height:105px;margin:0 auto 35px;background:#fff;-webkit-mask:url(img/qreew-q.png) center/contain no-repeat;mask:url(img/qreew-q.png) center/contain no-repeat;animation:qa-brand-float 7s ease-in-out infinite}
.qa-trail-card{width:185px;padding:7px 7px 11px;border-radius:6px}.qa-trail-card img{aspect-ratio:1.08;object-fit:cover;object-position:center}.qa-trail-card span{font-size:9px}
.qa-principle-art{height:280px}.qa-principle-art img{mix-blend-mode:normal;object-fit:cover;object-position:50% 45%}
.qa-craft-card{padding:25px 20px 20px}.qa-craft-card img{width:200px;height:195px;object-fit:cover;mix-blend-mode:normal;border-radius:8px;margin:17px auto}.qa-craft-card p{font-size:12px}.qa-craft-card .qa-card-count{margin-top:10px}
.qa-story>img{mix-blend-mode:normal;right:0;bottom:0;width:67%;height:270px;border-radius:20px 0 0 0;rotate:0;mask-image:linear-gradient(135deg,transparent,#000 25%)}.qa-story:hover>img{transform:scale(1.04)}
.qa-film-track img{mix-blend-mode:normal;object-position:center 38%}.qa-film-track>a{background:#ede9e1}.qa-film-track span{background:#252b592b;text-shadow:0 2px 8px #252b5940}
.qa-team{background:#f7f4ee}.qa-team-scene{height:680px;max-width:1440px;margin:25px auto 0}.qa-team-scene>img{object-fit:cover;object-position:center 52%;mix-blend-mode:normal;mask-image:linear-gradient(transparent,#000 9%,#000 94%,transparent)}.qa-orbit{background:#fffffff0;box-shadow:0 8px 25px #252b5915;border-color:#fff}.qa-orbit-one{left:3%;top:30%}.qa-orbit-two{right:4%;top:40%}.qa-orbit-three{right:12%;bottom:8%}.qa-orbit-four{left:15%;bottom:7%}
.qa-studio{isolation:isolate}.qa-studio>div:not(.qa-studio-watermark){position:relative;z-index:1}.qa-studio-watermark{position:absolute;width:400px;height:400px;right:24%;bottom:-120px;z-index:0;pointer-events:none;rotate:-12deg;background:#5268ec;opacity:.065;-webkit-mask:url(img/qreew-q.png) center/contain no-repeat;mask:url(img/qreew-q.png) center/contain no-repeat}
/* The bars enter when reached and keep a restrained wave; milestone selection retraces it. */
.qa-about .qa-timeline-chart>i{animation:none;transform:scaleY(1)}
.qa-about .qa-timeline.is-animating .qa-timeline-chart>i{animation:qa-chart-enter 1.15s cubic-bezier(.2,.7,.2,1) both,qa-chart-live 4s ease-in-out infinite;animation-delay:calc(var(--bar)*9ms),calc(1.5s + var(--bar)*35ms)}
.qa-about .qa-timeline.is-replaying .qa-timeline-chart>i{animation:qa-chart-replay .9s cubic-bezier(.2,.7,.2,1) both,qa-chart-live 4s ease-in-out infinite;animation-delay:calc(var(--bar)*6ms),calc(1.1s + var(--bar)*35ms)}
@keyframes qa-brand-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -7px;rotate:3deg}}
@keyframes qa-chart-enter{from{transform:scaleY(.06);opacity:.3}to{transform:scaleY(1);opacity:1}}
@keyframes qa-chart-replay{0%{transform:scaleY(1)}30%{transform:scaleY(.15)}100%{transform:scaleY(1)}}
@keyframes qa-chart-live{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.84)}}
@media(max-width:760px){.qa-hero-mark{width:82px;height:82px;margin-bottom:30px}.qa-trail-card{width:140px}.qa-principle-art{height:235px}.qa-craft-card img{width:190px;height:190px}.qa-story>img{width:76%;height:235px}.qa-team-scene{height:380px;width:100%;margin:25px 0 0}.qa-team-scene>img{object-position:50% 45%}.qa-orbit{width:36px;height:36px;font-size:8px}.qa-studio-watermark{width:290px;height:290px;right:-65px;bottom:-25px;opacity:.06}}
@media(prefers-reduced-motion:reduce){.qa-about .qa-hero-mark,.qa-about .qa-timeline-chart>i,.qa-about .qa-timeline.is-animating .qa-timeline-chart>i,.qa-about .qa-timeline.is-replaying .qa-timeline-chart>i{animation:none!important;transform:none}}
